Skip to content

v0.12.0

Choose a tag to compare

View all tags
@yasmro yasmro released this 20 Jun 15:47
· 109 commits to develop since this release
v0.12.0
9f39c4b

Highlights

  • 🆕 3 つの新 lv1 コンポーネント — Popover / Tabs / DropdownMenu（いずれも Radix ベースの compound）。
  • 🔔 Toast を sonner ベースに刷新 — stacking / swipe / auto-dismiss を Sonner が所有し、toast.loading() / toast.promise() を追加（#396）。pre-1.0 BREAKING あり（下記）。
  • 🅰️ Text に serif + leading 軸 — family / leading を追加し、ライブラリ全体に JP/EN cap-height 補正を適用（#400）。
  • ♿ state token / foreground を WCAG 2.1 AA へ — emphasis rung 新設で淡背景・白地の色文字を 4.5:1 に、foreground-muted/subtle も AA に（#413 / #412）。

⚠️ Breaking Changes (pre-1.0)

Toast の sonner 移行（#396）で、以下の公開 surface を撤去しました。toast() の signature・ToastInput・ToastVariant / ToastAppearance・.st-toast--{tone/shape} / .st-toast__{icon,content,title,description} は維持されます。

区分 撤去 移行
CSS class .st-toaster / .st-toaster--{6 position} 位置は <Toaster position> prop（Sonner）に一本化
State 属性 [data-swipe] swipe は Sonner 所有（属性は emit されない）
Animation .st-toast の [data-state] 駆動 enter/exit enter/exit は Sonner 所有
Types / hook useToast() / ToastData 自前 store を廃止（Sonner の store に一本化）

追加（additive）: toast.loading() / toast.promise() / <Toaster expand visibleToasts> / .st-toast__action / 型 ToastFn ToastPromiseOptions ToastPromiseHandle。依存は @radix-ui/react-toast を削除し sonner@2.0.7（exact pin）を追加。

What's Changed

Minor Changes

  • feat(lv1): Popover を追加 (#409)
  • feat(lv1): Tabs を追加 (#404)
  • feat(lv1): DropdownMenu を追加 (#403)
  • refactor(lv1): Toast を sonner ベースに刷新 + loading / promise API (#396)
  • feat(lv1): Text に serif family + leading variants + JP/EN size 補正 (#400)
  • a11y: state token に emphasis rung を新設し色文字を WCAG 2.1 AA に (#413)
  • a11y: foreground-muted / foreground-subtle を WCAG 2.1 AA に引き上げ (#412)
  • CSS API: Callout / Toast のアイコン整列と action / close レイアウトを調整 (#411)

Patch Changes

  • CSS API: .st-btn ラベルを bold 化 + destructive hover の文字色調整 (#401)
  • perf(lv1): Button のローディングスピナーをアイドル時に停止 (#406)
  • fix(lv1): Checkbox / Radio / Switch の disabled + isError で disabled を優先 (#402)
  • refactor(docs): Welcome のリンクマニフェストを非 stories モジュールへ切り出し (#399)

Full Changelog: v0.11.0...v0.12.0

Assets 2
Loading