Skip to content

v0.3.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 04 Oct 09:55
Immutable release. Only release title and notes can be modified.
v0.3.0
a4af808
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

0.3.0 (2026-10-04)

⚠ BREAKING CHANGES

  • PinField の inputProps から id と ref を外す (#129) (494f028)
  • 表示・レイアウトの部品に、props の穴のトリアージで見つけた口を足す (#108) (f08601a)
  • Card にリンクにするかを決める link を、Link に ↗ を上書きする newTabIcon を足す (#106) (8c478fd)
  • Select・Combobox の型引数に、値の型 Value を先頭に足した。 SelectValue<Multiple>・SelectProps<Multiple>・SelectBaseProps<Multiple>・ SelectControlProps<Multiple>・ComboboxValue<Multiple>・ComboboxProps<Multiple>・ ComboboxBaseProps<Multiple>・ComboboxControlProps<Multiple>、<Combobox<boolean>> のように 型引数を直に書いていたところは、<string, boolean> のように値の型を先に書く。 ListboxItems・ListboxGroup の items は読み取り専用の配列（readonly）になった。 Storybook で Meta<typeof Select> から args の型を読むときは、component: Select<string, boolean> のように 値の型を決めて渡す。
  • TagsInput の validate（タグ 1 つずつを確かめる関数）は validateTag に名前を変えた。validate は欄全体（string[]）を確かめる関数になった。
  • Navbar の children に NavbarLink を直に並べる書き方は使えなくなりました。NavbarLink は NavbarLinks の中に並べます（<NavbarLink …/>）。
  • 重なる面・ナビゲーションの部品に、外から開閉する props や状態の上書きを足す (#101) (119ca2d)
  • CodeGroup のタブを名前で決め、Dialog・Drawer の題の省略、SegmentedControl の未選択、DataTable の列の幅を足す (#100) (96b9c3e)
  • TextField・MaskField の size は、input の文字数（数値）ではなく大きさの段（'md' | 'sm'）になりました。文字数は inputProps={{ size }} で渡します。
  • DropzoneFileList の onRemove・removeName は File ではなく DropzoneFileEntry を受ける

新しいコンポーネント

新しくできること

  • AlertDialog に size・scrollBehavior を足す (713c7b7)
  • Button の size="sm"・focusableWhenDisabled、Tooltip の showArrow、Avatar の xs、Stepper の size と dot を足す (#115) (b86cb8d, e4e0e63, f2fb844)
  • Calendar の日ごとの印の意味を、getDayContentLabel で日のボタンの読み上げに入れる (785715a)
  • Calendar の日ごとの印は、月のすべての日の数字を印の分ずらし、今日の下線を数字と印のあいだに引く (ea0adf7)
  • Calendar の週の始まり・期間の制約・日ごとの印、Form の formErrorText、ListItem の status・icon・trailing を足す (#116) (f563762, 3f07e42, aa4e7ee, 77fb4e3, 1a1df19)
  • Card に余白の段・押すカード・選んでいる見た目・頭の帯と題・強調の形を、Collapsible・Accordion に枠付きのカードの形を足す (#109) (6bfe263, 0e4a8c9, 7474672, e3f28a0, 1635ed8)
  • Carousel の自動の送り・端でつなぐ・複数枚・Thumbnails を横に置く形、Thumbnails の縦向き、Tree の子をあとから読み込む行、Timeline の点のアイコンと状態の色を足す (#114) (fa2b46e, 6b6421e, 9ea39c9, e822295)
  • CodeBlock の言語のラベル・最大の高さ・折り返し、Callout の畳める形と見出しの段、Figure のキャプションの寄せ、Text の意味の色、Link の下線の出し方と周りの色、Badge の 0 と右下に重ねる形を足す (#111) (2fa9b63, 554c1c0, fee413b)
  • DatePicker に組み立て用の DatePickerControl と positionerProps を足し、開けない欄では開かない (bc42f45)
  • Dialog の幅の段・中身だけのスクロール、上から出す Drawer、幅を変えるつまみを Inspector・表の列に足す (#120) (4e9b2d2, 285c576, ec5558e, c58d7de)
  • Dialog・AlertDialog・Drawer・Inspector の下の操作を、中身に置ける帯（DialogActions など）にする (#102) (18ce89a)
  • DropzoneFileList に保存済みのファイル（name・size・url）を並べられるようにし、Image に仮画像（placeholder）と代わりの画像（fallbackSrc）を足す (41b9f19)
  • DropzoneFileList の onRemove・removeName が受け取る値を、File から項目（DropzoneFileEntry）に変えたことを JSDoc に書く (0099c81)
  • Gallery の画像に loading・decoding・fetchPriority を渡せるようにする (eb4115f)
  • Gallery の項目に、Image の仮画像（placeholder・placeholderBlur）と代わりの画像（fallbackSrc）を渡せるようにする (f3135d9)
  • Image と DropzoneFileList のストーリーに、仮画像・代わりの画像・保存済みのファイルの使い方を足す (2afa197)
  • ListItem に、印のアイコンの色（iconColor）と文の色（color）を足す (b4431ac)
  • Navbar にスクロールで隠す（stickyBehavior）と、いちばん上では透かす面（transparent-until-scroll）を足す (#119) (b83e58f, dcbdd14)
  • Navbar の中身を自由にし、行き先を NavbarLinks、ほかのものを NavbarGroup に入れて、狭いときの行き先を narrowPlacement で選べるようにする (#103) (65b1ff3)
  • Navbar の隠し方をスクロールに付いてくる形に決め、透かす帯の文字の守り方を transparentVariant で選べるようにする (e19502e)
  • RadioGroup・CheckboxGroup の横並び、Divider のラベルと縦線、Gallery の読み込み中を足す (#107) (ed6a16e, ad2da8c, 65b1c8f, 65da03e)
  • Select・Combobox・Autocomplete の値を型引数で受け、items に値だけ（文字か数）も渡せるようにする (#105) (aa22c6a)
  • Sortable で表の行を並べ替え（SortableItem の render・SortableTableBody）、動かさない行（SortableSeparator）、︙ のメニューに足す項目・ほかのリストへの移動・入れ替えを足す (#117) (4d081b2, c5fa0ff, 5b3b0a1)
  • Stat の読み込み中・Progress と Meter の成功と失敗の色・Spinner の大きさと読み上げの名前・Notice の操作を右に置く形を足す (#112) (3630056, ff34c61, d91d94d)
  • Table に合計の行・詰めた余白・縞を、DataTable に行の状態・読み直し・開いた行・行のリンクを足す (#113) (d8225f7, fd82111, 6e2384b, d42626c)
  • TableHeader の scope に colgroup・rowgroup を足す (b3653e7)
  • Tag にリンク（href・render・link）・形（variant）・先頭のアイコンとアバターを足し、Chip にもアイコンとアバターを足す (#110) (99839db, cea9ee5)
  • Tag のリンクの手応え・形（outline・surface・dashed）・先頭のアイコンとアバターを決めた値にし、Tag と Chip に iconColor を足す (8351dfd)
  • TextField・MaskField の size を、input の文字数の size ではなく大きさの段にする (b167119)
  • TimelineItem に iconName を足し、渡したときだけアイコンを画像として読み上げる（CodeRabbit） (4c234d7)
  • 保存済みのファイルに添える文を項目の caption にし、仮画像はすぐ替えてぼかしの強さを placeholderBlur で選べるようにする (7bb5dd9)
  • 入力欄の props をそろえる, validate 周りの機能追加 (#104) (3ec4e09)
  • 入力欄の size="sm"、Select の消すボタン、選択肢のアイコン、カードの形の Radio を足す (#121) (25d647a, 719ede8, 2e4100e, 251e4fa, f8ea07f, fce31b3)
  • 畳める Callout に、開いた題の行の下へ線を引く showDivider を足し、比べるためのトークンを畳む (fad892a)
  • 選択肢にアイコン（ListboxItem の icon）と、Select に選んだ値の見せ方（renderValue）を足す (38244a5)

直したこと

  • Calendar の required の期間でも、始まりの日を押し直したら始まりを外す (5e7ca91)
  • Calendar の最短の日数があるとき、始まりの日を押し直すと始まりを外す (f239d76)
  • Calendar の前後の月の日の印で数字をずらさず、遠くの押せない日をまたぐ終わりの日も選べなくする (222d522)
  • Callout の題が空の文字のときは畳める形にせず、数の 0 は題として扱う（CodeRabbit） (b1bbae9)
  • Card の選んでいる線が、カードの切り取りで外側の 1px を欠かれ、灰色の輪郭と 1px の線に見えていたのを、2px の色の線にする (cf56066)
  • Carousel の loop では、外のエンジンが端と知らせても前後のボタンを押せるようにする（CodeRabbit） (84fcca5)
  • Carousel の slidesPerView を、段ごとに 1 以上の整数にそろえる (bb978cc)
  • Carousel の並べる数を、1 枚の幅が変わったときも測り直す (848e002)
  • Carousel の自動の送りを始めるボタンを、載せたまま・フォーカスがあるままでも効かせ、使う側の onFocus などを消さない (b974180)
  • CodeBlock の折り返しの字下げで、行頭の全角の空白も 2 桁として数える (a470c1f)
  • Collapsible のカードの形で行を中身の下に置いたとき、開いた行の角を上に置くときのまま丸めていたのを、下の角を丸めて上の中身とつなげる (5cc4008)
  • DataTable の banded で貼り付いた見出しの帯の下の角を、スクロールした分だけ四角にし、影と合わせる (d34e4cd)
  • DataTable の banded で貼り付いた見出しの帯の角の外を、地の色で塞がない (b0a774b)
  • DataTable の maxHeight で、縦のつまみの溝を貼り付いた見出しの行の下から始める (13e6d68)
  • DataTableExpandRow の hidden と DataTableRowLink の data-slot を、使う側の props で上書きさせない（CodeRabbit） (84dfaa1)
  • DataTableRow の行のリンクの行で、押した時点で開く行の中のメニューが開いている間も、行を濃くしない (e201ed8)
  • DataTableRow の行のリンクの行で、行の中のボタンなどを押している間は行を濃くしない (9e00da7)
  • DataTableRow の行のリンクの行を中ボタンで押したとき、行き先を新しいタブで開く (96b1977)
  • DataTableRow の行のリンクを、portal で開いた面とスイッチ・ラジオなどの押下で動かさない (b5915e0)
  • Divider のラベルを狭い幅でも折り返し、空のラベルはラベルのない線として描く（CodeRabbit） (8d2c5ee)
  • docs: DatePicker の日の書き方の例を足し、「今日」のボタンの見本を外す形にする (981adc4)
  • docs: 部品の中で使っているアイコンの一覧に CalendarBlankIcon を足す (ac78998)
  • DropzoneFileList の thumbnail で、保存済みの data URL の画像を種類から画像として出す (82f6832)
  • DropzoneFileList の thumbnail で、保存済みの url の画像が読めないときは、画像でないファイルと同じアイコンのタイルにする (5b56de7)
  • DropzoneFileList の thumbnail で、左上の札に添えた文の中のリンクのフォーカスの線が切れないようにする (bf2d4f4)
  • DropzoneFileList の保存済みファイルの名前を Link の文字のリンクで描く (#142) (dad7a02)
  • Form でフォーカスを移さないときは、formErrorText の文を割り込みで知らせる (3d77866)
  • Form の送り直しで、前の送信の formErrorText へフォーカスを移さない (f3c5dd0)
  • Form の送信中は、エラーの一覧を含むお知らせや欄へフォーカスを移さない (37cc245)
  • Image の fallbackSrc に替えるとき srcSet・sizes を外し、srcSet があっても代わりの画像に替わるようにする (565f6b6)
  • Image の代わりの画像を、srcSet だけのときと、読めなかったあとで fallbackSrc を渡したときにも使う（CodeRabbit） (3fed79e)
  • Inspector の幅を外で持つとき、defaultWidth がなくてもダブルクリックで部品の幅に戻す (#132) (2c4a1e4)
  • ListItem の icon に描かれない値を渡したときは、既定の印を残す (25625aa)
  • ListItem の末尾のある項目で、入れ子のリストと文の間を詰めない (447e795)
  • Masonry で子を外す・並べ替えたときも、各子の行の数をその子の高さに合わせる (#135) (1fc2e5d)
  • MeterGroup の 0 の内訳に区切りを置かず、間が 2 つ並ばないようにする (65b47a4)
  • Navbar の hide-on-scroll で、止まったあとの寄せがフォーカスやメニューを無視して隠すのと、隠れたあとに影が戻るのを直す (495d767)
  • Navbar・Sidebar の狭い画面を ThemeProvider に従わせ、Sidebar の props を落とさない (#130) (c3ee651)
  • Notice の操作を狭くても右に置き続けるとき、操作の列が囲みからはみ出さないよう幅を止める（CodeRabbit） (16f13bb)
  • Pager の prev・next に渡した className を項目に重ねる (#131) (3af3b23)
  • PinField から入力欄の size を外し、Select の emitValue の説明を関数の上に戻す (6a860ce)
  • Portal の JSDoc と Docs に、引き継ぐ密度は描いた時点のものだと書く (#133) (3517d62)
  • SegmentedControl のつまみを、隠れた場所に置いたときと項目の増減でも正しく置く (08f16f4)
  • SegmentedControl の読み取り専用・送信中で、項目も押せない見た目にする (4575edf)
  • Sortable の ︙ の既定の移す項目を、動かさない項目では押せなくする（CodeRabbit） (ae690d1)
  • Sortable の区切りの行（SortableSeparator）を、何番目・何件中に数えない (474b13d)
  • Stat の読み込み中は、使う側が aria-busy を渡していても true にする（CodeRabbit） (a60efdc)
  • Tag の link の判定を Card にそろえ、link={false} では href を渡していてもリンクにせず、link だけのときは警告する (785a894)
  • Tag の target・rel を render の要素にも渡し、a でないときは新しいタブの読み上げを足さない (26e6539)
  • Tag のリンクが新しいタブで開くときに、文字の後ろへ ↗ を付ける (#134) (7926338)
  • TagsInput・Autocomplete・Combobox の inputProps が部品のハンドラーを上書きしない (#126) (ce505d1)
  • TextField の Docs と required の JSDoc を、ブラウザの required を付けない実装に合わせる (#127) (1e3b1b1)
  • Timeline の iconVariant="plain" から地の色の面を外す (91d73ef)
  • TimePicker の一覧で、範囲の外の値のフォーカスと PageUp・PageDown の行数を直す (900f9b2)
  • TimePicker の一覧で開いた直後に動かしたフォーカスが戻る競合を直し、CodeGroup の写せなかったときの画像を時間によらず撮る (#137) (416dea3)
  • TimePicker の開く口の名前を triggerName にそろえ、closeName を足し、開けない欄では開かない (1a122a2)
  • Toast の幅いっぱいの判定を下の中央に出す判定とそろえ、useToast の返り値を保つ (#138) (3b378d5)
  • Tooltip の本体であることを、文脈ではなく本体の要素にだけ足す印で Button に伝える（自作の部品の中のボタンに効かせない） (f3e992d)
  • Tooltip の本体の押せないボタンに、Tooltip の文を説明（aria-describedby）として結ぶ (6d33264)
  • Tooltip の本体の押せないボタンの既定を、本体そのものにしたボタンだけに効かせる（入れ物の中のボタンは変えない） (8601682)
  • Tree の → で、子が届く前の行から次の兄弟の行へ移らない (ee0138e)
  • Tree の行の子の読み込みが始まったことを、木の status の箱で 1 回だけ知らせる（CodeRabbit） (04c702c)
  • validate・Form の errors でエラーになった欄から data-success を外す (#128) (2a235d0)
  • カードの形の Radio で、値段を説明として読み上げ、中のリンクを押せるようにし、読み取り専用では載せても塗らない (a711e5b)
  • シートで開くとき、浮かべる面だけの余白・幅のクラスを Drawer に渡さない (210a3a0)
  • チェックリストの項目（ListItem の checked）でも末尾の枠（trailing）を出す (9c6862d)
  • トリアージで見つけた不具合（Video の ref・NumberField・DateField・TimeField・List・AvatarGroup・ThemeProvider）をまとめて直す (#97) (aef6aac)
  • レシピで、︙ のメニューからほかのリストへ移したら、移した先の項目へフォーカスを移す (517b6df)
  • 上から出す Drawer の DrawerActions に、下の安全領域の余白を付けない (0a9553c)
  • 中央に出す Dialog が、狭い画面で画面からはみ出さないようにする (#99) (73850d7)
  • 中身だけスクロールする Dialog で、題と下の操作だけで画面より高いときは枠ごとスクロールする（CodeRabbit） (48ff512)
  • 中身に貼り付けた操作の帯の下に、フォーカスした欄が隠れないようにする (4a363fc)
  • 保存済みの名前のリンクのフォーカスの線が切れないようにし、仮画像のぼかしの縁が透けないよう枠の外まで広げる (9e5d70f)
  • 内部のアイコン 9 つも、渡した className を捨てずに使う (#140) (e1d3d2b)
  • 動きを減らす設定のとき、Video に autoplay を付けない (#136) (9164e04)
  • 右から左へ書く向きで、幅を変えるつまみの線をつまみの真ん中に置く (6b8a2a2)
  • 幅を変えるつまみで、キャプチャを失ったときと途中で外れたときにも動かし終わりにする（CodeRabbit） (f181e91)
  • 打つ欄で inputProps.ref を捨てず、form の reset ではじめの値に戻す (#125) (147f8f7)
  • 折り返さない横並びの選択肢を縮めず、ラベルを 1 行のまま並べる（CodeRabbit） (da7b4e0)
  • 押す Card（onClick）を、カード全体の button ではなく、div の中の見えない button の押せる範囲を広げる形にし、名前を CardTitle か accessibleName で付ける (47a2a0e)
  • 押せる強調の Card（variant="emphasis"）で、フォーカスの線が淡い輪に重なっていたのを、輪の外に出す (700e218)
  • 止めた Tooltip（disabled）の本体では、押せないボタンをフォーカスできる形にしない (ec9f311)
  • 浮かべた Menu の一覧から、開いたボタンの名前を消さない (#124) (f229695)
  • 畳める Callout の className を tailwind-merge で面のクラスに混ぜ、CodeBlock の折り返しの字下げは値が変わった行だけに書く (2869617)
  • 行のリンクの行で、リンクへ転送した click が行へ戻ったときに行の onClick をもう一度呼ばない（CodeRabbit） (f502f30)
  • 表の並べ替えの知らせを、Dialog など aria-modal の面の中では、その面の中に置く (5458d90)
  • 表の列のつまみを、後ろの見出しのセルに覆われた半分からもつかめるようにする (976a662)
  • 表の行を引いているときに大きくしないのを、外枠のある表（framed）の中だけにする (d4f1b23)
  • 表の行を引いているときは、表の形によらず大きくしない (76c0b73)
  • 貼り付いた見出しの高さを、見出しがあとから描かれたり差し替わったりしても追う（CodeRabbit） (594cf33)
  • 透かす Navbar で文字を白くしても、帯に置いた入力欄や塗りのボタンの中は元の色のままにする (cc1ba2a)
  • 透かす Navbar で文字を白くするあいだは、帯の中のフォーカスの線も白にする (2640a71)
  • 選択肢の icon に false を渡したとき（条件で出し分けたとき）は、アイコンの場所を空けない（CodeRabbit） (2d7a79b)

見た目

  • Image の placeholderBlur の段を Tailwind の blur の段（8・12・16px）にそろえる (ca7914f)
  • List の trailing に文字だけを渡したときは、キャプションの大きさ・淡い色で描く (4306f18)
  • 表の列のつまみの線を上下の線から離し、最後の列には出さず、showResizeLine で消せるようにする (e63c979)
Assets 3
Loading