Skip to content

v0.17.0

Choose a tag to compare

View all tags
@taguchiii taguchiii released this 24 Jul 03:46
v0.17.0
2ec1a74
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

⚠️ 破壊的変更

  • sidenav を汎用の menu コンポーネントにリネーム (#171) — .sidenav / .sidenav-group / .sidenav-divider / .sidenav-item は削除されました
    • 移行: クラス名を .menu / .menu-group / .menu-divider / .menu-item に置換（見た目・状態の挙動は同一）
    • 幅 280px 固定は撤廃され親要素に従います。サイドナビ用途は利用側で w-70（= 280px、従来と同値）を指定してください
    • 拡張: 項目に button 要素（アクションメニュー用途）が使えるようになり、左アイコンは任意になりました
    • ※ 0.x 系の慣行に倣い minor で公開しています

変更点

  • コンテナ幅のセマンティックトークンを追加 (#172) — --container-page (1220px 暫定) / --container-article (672px)。ユーティリティ max-w-page / max-w-article と、定型ラッパー .page-shell（max-width + 中央寄せ + 左右 16px）を同梱。ページシェルは page、長文本文は article。サイズ名 max-w-5xl 等の新規使用は非推奨
    • --container-page の値はデザイナー確認待ちの暫定（1220px / 1216px / 1280px が選択肢）

品質

  • eval 5/5 PASS（メニューへのリネーム後も生成品質の劣化なし）

インストール

npm install @light-right/design-system@0.17.0

カタログ: https://relay-development.github.io/relay-design-system/

Assets 2
Loading