@cakejp/design-system 0.9.0 → 0.10.0

package/contracts/screen-patterns.json

@@ -5,7 +5,7 @@
     "description": "CRUD 機能でどの画面パターンを使うかの機械可読な判断基準。5パターンの定義・CRUD 対応・決定木・編集UIの観点比較を構造化する。人間向けの解説は guidelines/foundations/screen-patterns.md。",
     "source": "GitHub issue #37 CRUDの画面設計の型化と基本パターンの整備",
     "relatedContract": "本契約はページ種別の選択（何を使うか）を担う。選んだ後の骨格の組み方（外枠構造・余白リズム・視覚階層）は contracts/composition.json を参照する。",
-    "shellComponents": "各パターンの dsComponents に挙がるレイアウトシェル（AdminLayout / WorkspaceLayout / MypageShell 等）の実装一覧は contracts/components.json の kind:\"shell\" を参照する。",
+    "shellComponents": "各パターンの dsComponents に挙がるレイアウトシェル（AdminShell / WorkspaceShell / MypageShell 等）の実装一覧は contracts/components.json の kind:\"shell\" を参照する。",
     "disclaimer": "本契約は正解を1つに固定するものではない。最適なパターンは案件ごとに変わり、集中させたい度合いのグラデーション・IA設計・API制約（1回保存か段階保存か・楽観ロック・URL直リンク要件等）に依存する。decisionTree は候補を1つに絞るための共通言語であり、絞った後にIA/API制約で調整してよい（理由を残すこと）。",
     "model": {
       "description": "画面パターンは2軸で整理する。第1軸=シェル（通常シェル Standard を保つか / 集中モード Focused か / オーバーレイか）、第2軸=態様（見る / 変更して保存・確定する）。",
@@ -23,8 +23,8 @@
       "group": "standard-page",
       "aliases": ["通常ページ", "Standard Page"],
       "purpose": "閲覧・一覧・詳細の表示（Read）。見る・探す・一覧するのが主目的。グロナビ/サイドナビを保つ通常シェル。",
-      "dsComponents": ["AdminLayout", "EcPageShell", "DataTable", "Section", "Container", "SectionHeader"],
-      "dsComponentsNote": "シェルは文脈で選ぶ: 管理画面＝AdminLayout（サイドナビ＋ヘッダー内包）/ EC 消費者側＝EcPageShell（Header＋BottomTabBar を SP 下部固定で受ける最頻出の骨格）/ マイページ配下＝MypageShell。中身は Section（全幅背景帯）＋ Container（中央寄せ・左右余白）で組む。",
+      "dsComponents": ["AdminShell", "StandardPageShell", "DataTable", "Section", "Container", "SectionHeader"],
+      "dsComponentsNote": "シェルは文脈で選ぶ: 管理画面＝AdminShell（サイドナビ＋ヘッダー内包）/ 消費者向け（EC・求人検索など）＝StandardPageShell（Header＋BottomTabBar を SP 下部固定で受ける最頻出の骨格。旧名 EcPageShell）/ マイページ配下＝MypageShell。中身は Section（全幅背景帯）＋ Container（中央寄せ・左右余白）で組む。",
       "navigation": {
         "globalNav": "あり",
         "breadcrumb": "あり",
@@ -46,8 +46,8 @@
       "group": "standard-page",
       "aliases": ["通常ページ＋保存", "Form Page", "form-page"],
       "purpose": "通常シェル（グロナビ/サイドナビ）を保ったまま内容を変更し保存/確定する画面全般。フォームに限らない（管理フォーム編集・カートの数量変更＋購入手続きへ・記事の軽い編集）。既存管理画面ではこれがスタンダード。",
-      "dsComponents": ["AdminLayout", "EcPageShell", "Form", "Section", "Container", "SectionHeader"],
-      "dsComponentsNote": "シェルは文脈で選ぶ: 管理画面のフォーム編集＝AdminLayout / EC 消費者側の編集（カートの数量変更＋確定 等）＝EcPageShell（下部 CTA 主体なら bottomTab の代わりに StickyActionBar を渡す）/ マイページ配下＝MypageShell。",
+      "dsComponents": ["AdminShell", "StandardPageShell", "Form", "Section", "Container", "SectionHeader"],
+      "dsComponentsNote": "シェルは文脈で選ぶ: 管理画面のフォーム編集＝AdminShell / 消費者向けの編集（カートの数量変更＋確定 等）＝StandardPageShell（下部 CTA 主体なら bottomTab の代わりに StickyActionBar を渡す）/ マイページ配下＝MypageShell。",
       "navigation": {
         "globalNav": "あり",
         "breadcrumb": "あり",
@@ -76,8 +76,8 @@
       "name": "Focused Workspace",
       "aliases": ["Full Page", "編集ワークスペース", "集中モード"],
       "purpose": "複数情報をまたぐ複雑な編集に集中する。グロナビを外し編集に専念させる。",
-      "dsComponents": ["WorkspaceLayout", "FunnelShell", "SectionNav", "ResponsiveDialog"],
-      "dsComponentsNote": "実装は用途で 2 つのシェルを使い分ける。管理の複雑編集（複数情報を横断・編集に集中）＝WorkspaceLayout（グロナビ非表示・編集ヘッダーを内包）。EC 購入導線（カート→お届け先→支払い→確認 の一直線ファネル）＝FunnelShell（グロナビ・BottomTabBar・パンくずなし・進捗インジケータ＋下部 CTA を内包）。どちらも手組みの独自レイアウトを作らない。編集内のセクションナビには SectionNav（ページ内アンカー移動専用。SideNav を流用しない）を渡す。編集内の作成・編集ダイアログには ResponsiveDialog / AlertDialog を併用する。",
+      "dsComponents": ["WorkspaceShell", "FunnelShell", "SectionNav", "ResponsiveDialog"],
+      "dsComponentsNote": "実装は用途で 2 つのシェルを使い分ける。管理の複雑編集（複数情報を横断・編集に集中）＝WorkspaceShell（グロナビ非表示・編集ヘッダーを内包）。EC 購入導線（カート→お届け先→支払い→確認 の一直線ファネル）＝FunnelShell（グロナビ・BottomTabBar・パンくずなし・進捗インジケータ＋下部 CTA を内包）。どちらも手組みの独自レイアウトを作らない。編集内のセクションナビには SectionNav（ページ内アンカー移動専用。SideNav を流用しない）を渡す。編集内の作成・編集ダイアログには ResponsiveDialog / AlertDialog を併用する。",
       "navigation": {
         "globalNav": "なし（編集内のセクションナビ＝アンカー／ステップは可）",
         "breadcrumb": "原則なし（戻る導線で代替）",