@cakejp/design-system 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1149 +0,0 @@
1
- {
2
- "$schema": "https://cakejp-ds.components.json/v1",
3
- "version": "0.1.0",
4
- "description": "Cake.jp Design System — 全コンポーネントのメタデータ。AI がどのコンポーネントを使うべきか判断する際に参照する。",
5
- "lastUpdated": "2026-05-03",
6
- "categories": {
7
- "action": "ユーザー操作を受け付けるコンポーネント",
8
- "input": "データ入力フォーム系",
9
- "display": "データ表示系",
10
- "navigation": "ナビゲーション系",
11
- "feedback": "フィードバック・通知系",
12
- "layout": "レイアウト・構造系",
13
- "commerce": "EC ドメイン固有"
14
- },
15
- "components": {
16
- "foundations": [
17
- {
18
- "name": "Button",
19
- "file": "src/components/foundations/button.tsx",
20
- "category": "action",
21
- "description": "汎用ボタン。全 CTA・アクションの基盤",
22
- "variants": [
23
- "default",
24
- "secondary",
25
- "tertiary",
26
- "destructive",
27
- "ghost",
28
- "link",
29
- "inverse",
30
- "ghost-inverse"
31
- ],
32
- "sizes": [
33
- "xs",
34
- "sm",
35
- "default",
36
- "lg",
37
- "xl",
38
- "hero"
39
- ],
40
- "props": [
41
- "variant",
42
- "size",
43
- "disabled",
44
- "asChild"
45
- ],
46
- "usedBy": [
47
- "ProductCta",
48
- "SocialLoginButton",
49
- "CartItem"
50
- ],
51
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/button.tsx",
52
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-button--docs"
53
- },
54
- {
55
- "name": "Input",
56
- "file": "src/components/foundations/input.tsx",
57
- "category": "input",
58
- "description": "テキスト入力フィールド",
59
- "props": [
60
- "type",
61
- "placeholder",
62
- "disabled"
63
- ],
64
- "usedBy": [
65
- "SearchBar",
66
- "Form"
67
- ],
68
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/input.tsx",
69
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-input--docs"
70
- },
71
- {
72
- "name": "Textarea",
73
- "file": "src/components/foundations/textarea.tsx",
74
- "category": "input",
75
- "description": "複数行テキスト入力",
76
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/textarea.tsx",
77
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-textarea--docs"
78
- },
79
- {
80
- "name": "Select",
81
- "file": "src/components/foundations/select.tsx",
82
- "category": "input",
83
- "description": "ドロップダウン選択",
84
- "usedBy": [
85
- "QuantitySelector",
86
- "ProductOption"
87
- ],
88
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/select.tsx",
89
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-select--docs"
90
- },
91
- {
92
- "name": "Checkbox",
93
- "file": "src/components/foundations/checkbox.tsx",
94
- "category": "input",
95
- "description": "チェックボックス",
96
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/checkbox.tsx",
97
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-checkbox--docs"
98
- },
99
- {
100
- "name": "CheckboxCard",
101
- "file": "src/components/foundations/checkbox-card.tsx",
102
- "category": "input",
103
- "description": "カード型チェックボックス。画像+ラベル付きの選択UIに使用。",
104
- "props": [
105
- "checked",
106
- "onCheckedChange",
107
- "children"
108
- ],
109
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/checkbox-card.tsx",
110
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-checkbox-card--docs"
111
- },
112
- {
113
- "name": "RadioGroup",
114
- "file": "src/components/foundations/radio-group.tsx",
115
- "category": "input",
116
- "description": "ラジオボタングループ",
117
- "usedBy": [
118
- "PaymentMethod"
119
- ],
120
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/radio-group.tsx",
121
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-radio-group--docs"
122
- },
123
- {
124
- "name": "Switch",
125
- "file": "src/components/foundations/switch.tsx",
126
- "category": "input",
127
- "description": "トグルスイッチ",
128
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/switch.tsx",
129
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-switch--docs"
130
- },
131
- {
132
- "name": "Slider",
133
- "file": "src/components/foundations/slider.tsx",
134
- "category": "input",
135
- "description": "スライダー",
136
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/slider.tsx",
137
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-slider--docs"
138
- },
139
- {
140
- "name": "Label",
141
- "file": "src/components/foundations/label.tsx",
142
- "category": "input",
143
- "description": "フォームラベル",
144
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/label.tsx",
145
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-label--docs"
146
- },
147
- {
148
- "name": "Form",
149
- "file": "src/components/foundations/form.tsx",
150
- "category": "input",
151
- "description": "react-hook-form + zod 統合フォーム",
152
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/form.tsx",
153
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-form--docs"
154
- },
155
- {
156
- "name": "Card",
157
- "file": "src/components/foundations/card.tsx",
158
- "category": "display",
159
- "description": "汎用カードコンテナ",
160
- "usedBy": [
161
- "ProductCard",
162
- "CouponCard",
163
- "ShopCard"
164
- ],
165
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/card.tsx",
166
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-card--docs"
167
- },
168
- {
169
- "name": "Badge",
170
- "file": "src/components/foundations/badge.tsx",
171
- "category": "display",
172
- "description": "ステータスバッジ(新着・件数等)。表示のみ",
173
- "variants": [
174
- "default",
175
- "secondary",
176
- "destructive",
177
- "outline"
178
- ],
179
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/badge.tsx",
180
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-badge--docs"
181
- },
182
- {
183
- "name": "Avatar",
184
- "file": "src/components/foundations/avatar.tsx",
185
- "category": "display",
186
- "description": "ユーザーアバター画像",
187
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/avatar.tsx",
188
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-avatar--docs"
189
- },
190
- {
191
- "name": "Table",
192
- "file": "src/components/foundations/table.tsx",
193
- "category": "display",
194
- "description": "データテーブル(簡易版)",
195
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/table.tsx",
196
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-table--docs"
197
- },
198
- {
199
- "name": "DataTable",
200
- "file": "src/components/foundations/data-table.tsx",
201
- "category": "display",
202
- "description": "リッチデータテーブル(チェックボックス選択・ソート・セクション・バルクアクション・行アクションメニュー対応)",
203
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/data-table.tsx",
204
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-data-table--docs"
205
- },
206
- {
207
- "name": "AspectRatio",
208
- "file": "src/components/foundations/aspect-ratio.tsx",
209
- "category": "display",
210
- "description": "固定アスペクト比コンテナ",
211
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/aspect-ratio.tsx",
212
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-aspect-ratio--docs"
213
- },
214
- {
215
- "name": "Separator",
216
- "file": "src/components/foundations/separator.tsx",
217
- "category": "display",
218
- "description": "区切り線",
219
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/separator.tsx",
220
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-separator--docs"
221
- },
222
- {
223
- "name": "Skeleton",
224
- "file": "src/components/foundations/skeleton.tsx",
225
- "category": "feedback",
226
- "description": "ローディングプレースホルダ",
227
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/skeleton.tsx",
228
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-skeleton--docs"
229
- },
230
- {
231
- "name": "Spinner",
232
- "file": "src/components/foundations/spinner.tsx",
233
- "category": "feedback",
234
- "description": "ローディングスピナー(データ取得中の回転インジケーター)",
235
- "props": [
236
- "size",
237
- "className"
238
- ],
239
- "sizes": [
240
- "sm",
241
- "md",
242
- "lg"
243
- ],
244
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/spinner.tsx",
245
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-spinner--docs"
246
- },
247
- {
248
- "name": "Progress",
249
- "file": "src/components/foundations/progress.tsx",
250
- "category": "feedback",
251
- "description": "プログレスバー",
252
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/progress.tsx",
253
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-progress--docs"
254
- },
255
- {
256
- "name": "ScrollArea",
257
- "file": "src/components/foundations/scroll-area.tsx",
258
- "category": "layout",
259
- "description": "カスタムスクロール領域",
260
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/scroll-area.tsx",
261
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-scroll-area--docs"
262
- },
263
- {
264
- "name": "Accordion",
265
- "file": "src/components/foundations/accordion.tsx",
266
- "category": "display",
267
- "description": "アコーディオン(開閉パネル)",
268
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/accordion.tsx",
269
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-accordion--docs"
270
- },
271
- {
272
- "name": "Collapsible",
273
- "file": "src/components/foundations/collapsible.tsx",
274
- "category": "display",
275
- "description": "折りたたみコンテナ",
276
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/collapsible.tsx",
277
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-collapsible--docs"
278
- },
279
- {
280
- "name": "Tabs",
281
- "file": "src/components/foundations/tabs.tsx",
282
- "category": "navigation",
283
- "description": "タブ切り替え",
284
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/tabs.tsx",
285
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-tabs--docs"
286
- },
287
- {
288
- "name": "Breadcrumb",
289
- "file": "src/components/foundations/breadcrumb.tsx",
290
- "category": "navigation",
291
- "description": "パンくずリスト",
292
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/breadcrumb.tsx",
293
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-breadcrumb--docs"
294
- },
295
- {
296
- "name": "Pagination",
297
- "file": "src/components/foundations/pagination.tsx",
298
- "category": "navigation",
299
- "description": "ページネーション",
300
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/pagination.tsx",
301
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-pagination--docs"
302
- },
303
- {
304
- "name": "NavigationMenu",
305
- "file": "src/components/foundations/navigation-menu.tsx",
306
- "category": "navigation",
307
- "description": "ナビゲーションメニュー(PC 向け)",
308
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/navigation-menu.tsx",
309
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-navigation-menu--docs"
310
- },
311
- {
312
- "name": "Command",
313
- "file": "src/components/foundations/command.tsx",
314
- "category": "navigation",
315
- "description": "コマンドパレット(検索 + アクション)",
316
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/command.tsx",
317
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-command--docs"
318
- },
319
- {
320
- "name": "Menubar",
321
- "file": "src/components/foundations/menubar.tsx",
322
- "category": "navigation",
323
- "description": "メニューバー",
324
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/menubar.tsx",
325
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-menubar--docs"
326
- },
327
- {
328
- "name": "Dialog",
329
- "file": "src/components/foundations/dialog.tsx",
330
- "category": "feedback",
331
- "description": "モーダルダイアログ",
332
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/dialog.tsx",
333
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-dialog--docs"
334
- },
335
- {
336
- "name": "AlertDialog",
337
- "file": "src/components/foundations/alert-dialog.tsx",
338
- "category": "feedback",
339
- "description": "確認ダイアログ(削除確認等)",
340
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/alert-dialog.tsx",
341
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-alert-dialog--docs"
342
- },
343
- {
344
- "name": "Alert",
345
- "file": "src/components/foundations/alert.tsx",
346
- "category": "feedback",
347
- "description": "インラインアラート(info / warning / error / success)",
348
- "variants": [
349
- "default",
350
- "info",
351
- "warning",
352
- "error",
353
- "success",
354
- "accent",
355
- "muted"
356
- ],
357
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/alert.tsx",
358
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-alert--docs"
359
- },
360
- {
361
- "name": "Sheet",
362
- "file": "src/components/foundations/sheet.tsx",
363
- "category": "feedback",
364
- "description": "サイドシート(スライドイン)",
365
- "usedBy": [
366
- "MenuDrawer"
367
- ],
368
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/sheet.tsx",
369
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-sheet--docs"
370
- },
371
- {
372
- "name": "Drawer",
373
- "file": "src/components/foundations/drawer.tsx",
374
- "category": "feedback",
375
- "description": "ボトムドロワー(SP 向け)",
376
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/drawer.tsx",
377
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-drawer--docs"
378
- },
379
- {
380
- "name": "Sonner",
381
- "file": "src/components/foundations/sonner.tsx",
382
- "category": "feedback",
383
- "description": "トースト通知",
384
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/sonner.tsx",
385
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-sonner--docs"
386
- },
387
- {
388
- "name": "Tooltip",
389
- "file": "src/components/foundations/tooltip.tsx",
390
- "category": "feedback",
391
- "description": "ツールチップ",
392
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/tooltip.tsx",
393
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-tooltip--docs"
394
- },
395
- {
396
- "name": "Popover",
397
- "file": "src/components/foundations/popover.tsx",
398
- "category": "feedback",
399
- "description": "ポップオーバー",
400
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/popover.tsx",
401
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-popover--docs"
402
- },
403
- {
404
- "name": "HoverCard",
405
- "file": "src/components/foundations/hover-card.tsx",
406
- "category": "feedback",
407
- "description": "ホバーカード",
408
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/hover-card.tsx",
409
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-hover-card--docs"
410
- },
411
- {
412
- "name": "ContextMenu",
413
- "file": "src/components/foundations/context-menu.tsx",
414
- "category": "action",
415
- "description": "右クリックメニュー",
416
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/context-menu.tsx",
417
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-context-menu--docs"
418
- },
419
- {
420
- "name": "DropdownMenu",
421
- "file": "src/components/foundations/dropdown-menu.tsx",
422
- "category": "action",
423
- "description": "ドロップダウンメニュー",
424
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/dropdown-menu.tsx",
425
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-dropdown-menu--docs"
426
- },
427
- {
428
- "name": "Toggle",
429
- "file": "src/components/foundations/toggle.tsx",
430
- "category": "action",
431
- "description": "トグルボタン",
432
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/toggle.tsx",
433
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-toggle--docs"
434
- },
435
- {
436
- "name": "ToggleGroup",
437
- "file": "src/components/foundations/toggle-group.tsx",
438
- "category": "action",
439
- "description": "トグルグループ(チップ選択等)",
440
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/toggle-group.tsx",
441
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-toggle-group--docs"
442
- },
443
- {
444
- "name": "Calendar",
445
- "file": "src/components/foundations/calendar.tsx",
446
- "category": "input",
447
- "description": "カレンダー(react-day-picker)",
448
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/calendar.tsx",
449
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-calendar--docs"
450
- }
451
- ],
452
- "primitives": [
453
- {
454
- "name": "ListItem",
455
- "file": "src/components/primitives/list-item.tsx",
456
- "category": "commerce",
457
- "description": "水平方向の商品カード(注文履歴・お気に入り等)",
458
- "mapsTo": "本番の注文履歴リスト",
459
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/list-item.tsx",
460
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-list-item--docs"
461
- },
462
- {
463
- "name": "PriceDisplay",
464
- "file": "src/components/primitives/price-display.tsx",
465
- "category": "commerce",
466
- "description": "価格表示(税込・割引対応)",
467
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/price-display.tsx",
468
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-price-display--docs"
469
- },
470
- {
471
- "name": "QuantitySelector",
472
- "file": "src/components/primitives/quantity-selector.tsx",
473
- "category": "commerce",
474
- "description": "数量選択(+/- ボタン)",
475
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/quantity-selector.tsx",
476
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-quantity-selector--docs"
477
- },
478
- {
479
- "name": "ImageGallery",
480
- "file": "src/components/primitives/image-gallery.tsx",
481
- "category": "commerce",
482
- "description": "商品画像ギャラリー(サムネ切り替え)",
483
- "mapsTo": "本番の商品画像スライダー",
484
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-gallery.tsx",
485
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-gallery--docs"
486
- },
487
- {
488
- "name": "SearchBar",
489
- "file": "src/components/primitives/search-bar.tsx",
490
- "category": "navigation",
491
- "description": "検索バー",
492
- "mapsTo": "本番のヘッダー検索",
493
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/search-bar.tsx",
494
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-search-bar--docs"
495
- },
496
- {
497
- "name": "FilterBar",
498
- "file": "src/components/primitives/filter-bar.tsx",
499
- "category": "navigation",
500
- "description": "フィルターバー(カテゴリ絞り込み&並び替え)",
501
- "mapsTo": "本番 p-search-filter-nav(SP)+ m-sort-pc(PC)",
502
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/filter-bar.tsx",
503
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-filter-bar--docs"
504
- },
505
- {
506
- "name": "StickyActionBar",
507
- "file": "src/components/primitives/sticky-action-bar.tsx",
508
- "category": "layout",
509
- "description": "SP画面下部固定CTAバー(カート追加、購入手続き等)",
510
- "props": [
511
- "bordered",
512
- "children",
513
- "className"
514
- ],
515
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/sticky-action-bar.tsx",
516
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-sticky-action-bar--docs"
517
- },
518
- {
519
- "name": "BottomTabBar",
520
- "file": "src/components/primitives/bottom-tab-bar.tsx",
521
- "category": "navigation",
522
- "description": "SP ボトムナビゲーション(5 タブ)",
523
- "mapsTo": "本番のボトムナビ",
524
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/bottom-tab-bar.tsx",
525
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-bottom-tab-bar--docs"
526
- },
527
- {
528
- "name": "SubNav",
529
- "file": "src/components/primitives/sub-nav.tsx",
530
- "category": "navigation",
531
- "description": "横スクロールナビ(カテゴリ帯)",
532
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/sub-nav.tsx",
533
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-sub-nav--docs"
534
- },
535
- {
536
- "name": "MenuDrawer",
537
- "file": "src/components/primitives/menu-drawer.tsx",
538
- "category": "navigation",
539
- "description": "ハンバーガーメニューの中身",
540
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/menu-drawer.tsx",
541
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-menu-drawer--docs"
542
- },
543
- {
544
- "name": "SectionHeader",
545
- "file": "src/components/primitives/section-header.tsx",
546
- "category": "layout",
547
- "description": "セクション見出し(タイトル + もっと見る)",
548
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/section-header.tsx",
549
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-section-header--docs"
550
- },
551
- {
552
- "name": "Footer",
553
- "file": "src/components/primitives/footer.tsx",
554
- "category": "layout",
555
- "description": "サイトフッター",
556
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/footer.tsx",
557
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-footer--docs"
558
- },
559
- {
560
- "name": "ProgressSteps",
561
- "file": "src/components/primitives/progress-steps.tsx",
562
- "category": "feedback",
563
- "description": "ステップインジケーター(注文フロー)",
564
- "mapsTo": "本番の注文ステップ",
565
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/progress-steps.tsx",
566
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-progress-steps--docs"
567
- },
568
- {
569
- "name": "EmptyState",
570
- "file": "src/components/primitives/empty-state.tsx",
571
- "category": "feedback",
572
- "description": "空状態表示(検索結果なし等)",
573
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/empty-state.tsx",
574
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-empty-state--docs"
575
- },
576
- {
577
- "name": "ErrorState",
578
- "file": "src/components/primitives/error-state.tsx",
579
- "category": "feedback",
580
- "description": "エラー状態表示(ネットワークエラー、サーバーエラー、タイムアウト、404等)。再試行ボタン付き",
581
- "props": [
582
- "icon",
583
- "title",
584
- "description",
585
- "onRetry",
586
- "retryLabel",
587
- "action"
588
- ],
589
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/error-state.tsx",
590
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-error-state--docs"
591
- },
592
- {
593
- "name": "NotificationBadge",
594
- "file": "src/components/primitives/notification-badge.tsx",
595
- "category": "feedback",
596
- "description": "通知バッジ(件数ドット)",
597
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/notification-badge.tsx",
598
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-notification-badge--docs"
599
- },
600
- {
601
- "name": "NotificationList",
602
- "file": "src/components/primitives/notification-list.tsx",
603
- "category": "feedback",
604
- "description": "通知一覧",
605
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/notification-list.tsx",
606
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-notification-list--docs"
607
- },
608
- {
609
- "name": "Chip",
610
- "file": "src/components/primitives/chip.tsx",
611
- "category": "action",
612
- "description": "チップ(フィルター選択・削除可)。Tag と異なりインタラクティブ",
613
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/chip.tsx",
614
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-chip--docs"
615
- },
616
- {
617
- "name": "Tag",
618
- "file": "src/components/primitives/tag.tsx",
619
- "category": "display",
620
- "description": "タグ(冷凍配送・セール等)。表示のみ",
621
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/tag.tsx",
622
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-tag--docs"
623
- },
624
- {
625
- "name": "CoachMark",
626
- "file": "src/components/primitives/coach-mark.tsx",
627
- "category": "display",
628
- "description": "吹き出し",
629
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/coach-mark.tsx",
630
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/primitives-coachmark--docs"
631
- },
632
- {
633
- "name": "ShareButtons",
634
- "file": "src/components/primitives/share-buttons.tsx",
635
- "category": "action",
636
- "description": "SNS シェアボタン群",
637
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/share-buttons.tsx",
638
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-share-buttons--docs"
639
- },
640
- {
641
- "name": "SocialLoginButton",
642
- "file": "src/components/primitives/social-login-button.tsx",
643
- "category": "action",
644
- "description": "ソーシャルログインボタン(LINE・Apple・Google 等)",
645
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/social-login-button.tsx",
646
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-social-login-button--docs"
647
- },
648
- {
649
- "name": "FormField",
650
- "file": "src/components/primitives/form-field.tsx",
651
- "category": "input",
652
- "description": "ラベル + 必須/任意バッジ + 説明文 + 入力要素のセット。管理画面のフォームで使用。",
653
- "props": [
654
- "label",
655
- "required",
656
- "optional",
657
- "description",
658
- "error",
659
- "htmlFor",
660
- "children"
661
- ],
662
- "mapsTo": "本番の c-form-header パターン",
663
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/form-field.tsx",
664
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-form-field--docs"
665
- },
666
- {
667
- "name": "SearchPanel",
668
- "file": "src/components/primitives/search-panel.tsx",
669
- "category": "input",
670
- "description": "管理画面の一覧ページ上部に表示する検索フィルターパネル。",
671
- "props": [
672
- "children",
673
- "onSearch",
674
- "onReset",
675
- "columns"
676
- ],
677
- "mapsTo": "本番の p-search-panel パターン",
678
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/search-panel.tsx",
679
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-search-panel--docs"
680
- },
681
- {
682
- "name": "BulkActionBar",
683
- "file": "src/components/primitives/bulk-action-bar.tsx",
684
- "category": "feedback",
685
- "description": "テーブルのチェックボックス選択時に表示する一括操作バー。薄オレンジ背景に選択件数と操作UIを配置。",
686
- "props": [
687
- "selectedCount",
688
- "children",
689
- "className"
690
- ],
691
- "variants": [],
692
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/bulk-action-bar.tsx",
693
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-bulk-action-bar--docs"
694
- },
695
- {
696
- "name": "StatusCountTabs",
697
- "file": "src/components/primitives/status-count-tabs.tsx",
698
- "category": "navigation",
699
- "description": "ステータス別の件数をタブ形式で表示するフィルターUI。",
700
- "props": [
701
- "items",
702
- "activeIndex",
703
- "onSelect"
704
- ],
705
- "mapsTo": "本番の c-count-list パターン",
706
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/status-count-tabs.tsx",
707
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-status-count-tabs--docs"
708
- },
709
- {
710
- "name": "KebabMenu",
711
- "file": "src/components/primitives/kebab-menu.tsx",
712
- "category": "action",
713
- "description": "テーブル行末等に表示する「…」メニュー。DropdownMenuを内部で利用。",
714
- "props": [
715
- "items"
716
- ],
717
- "mapsTo": "本番の p-kebab-overlay パターン",
718
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/kebab-menu.tsx",
719
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-kebab-menu--docs"
720
- },
721
- {
722
- "name": "ImageUploader",
723
- "file": "src/components/primitives/image-uploader.tsx",
724
- "category": "input",
725
- "description": "複数画像のアップロード・並び替え・削除UI。商品画像管理で使用。",
726
- "props": [
727
- "images",
728
- "onAdd",
729
- "onRemove",
730
- "maxImages",
731
- "columns"
732
- ],
733
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-uploader.tsx",
734
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-uploader--docs"
735
- },
736
- {
737
- "name": "BannerCarousel",
738
- "file": "src/components/primitives/banner-carousel.tsx",
739
- "category": "commerce",
740
- "description": "ヒーローバナーのカルーセル。トップページのメインビジュアルに使用。",
741
- "props": [
742
- "items",
743
- "autoPlay",
744
- "interval"
745
- ],
746
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/banner-carousel.tsx",
747
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-banner-carousel--docs"
748
- },
749
- {
750
- "name": "CategoryScroll",
751
- "file": "src/components/primitives/category-scroll.tsx",
752
- "category": "navigation",
753
- "description": "カテゴリアイコンの横スクロールリスト。トップページのカテゴリナビに使用。",
754
- "props": [
755
- "categories"
756
- ],
757
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/category-scroll.tsx",
758
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-category-scroll--docs"
759
- },
760
- {
761
- "name": "ImageCarousel",
762
- "file": "src/components/primitives/image-carousel.tsx",
763
- "category": "display",
764
- "description": "画像カルーセル。商品画像のスワイプ表示に使用。",
765
- "props": [
766
- "images",
767
- "aspectRatio"
768
- ],
769
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-carousel.tsx",
770
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-carousel--docs"
771
- },
772
- {
773
- "name": "SideNav",
774
- "file": "src/components/primitives/side-nav.tsx",
775
- "category": "navigation",
776
- "description": "縦型サイドナビゲーション。マイページ・管理画面・ダッシュボード等で利用",
777
- "props": [
778
- "groups",
779
- "activeMenu",
780
- "ariaLabel"
781
- ],
782
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/side-nav.tsx",
783
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/primitives-sidenav--docs"
784
- },
785
- {
786
- "name": "Header",
787
- "file": "src/components/primitives/header.tsx",
788
- "category": "layout",
789
- "description": "ページヘッダー(戻る・タイトル・アクション・bottomSlot)",
790
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/header.tsx",
791
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-header--docs"
792
- }
793
- ],
794
- "ec": [
795
- {
796
- "name": "ProductCard",
797
- "file": "src/components/ec/product-card.tsx",
798
- "category": "commerce",
799
- "description": "商品カード。一覧表示の主要コンポーネント",
800
- "variants": [
801
- "vertical(グリッド)",
802
- "horizontal(リスト)"
803
- ],
804
- "props": [
805
- "name",
806
- "price",
807
- "originalPrice",
808
- "imageSrc",
809
- "rating",
810
- "reviewCount",
811
- "ranking",
812
- "tags",
813
- "variant"
814
- ],
815
- "mapsTo": "本番の商品一覧グリッド / リスト",
816
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-card.tsx",
817
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-card--docs"
818
- },
819
- {
820
- "name": "CartItem",
821
- "file": "src/components/ec/cart-item.tsx",
822
- "category": "commerce",
823
- "description": "カート内の商品行(ListItem variant=\"cart\" のラッパー)",
824
- "mapsTo": "本番のカートページ",
825
- "extends": "ListItem",
826
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/cart-item.tsx",
827
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-cart-item--docs"
828
- },
829
- {
830
- "name": "ProductCta",
831
- "file": "src/components/ec/product-cta.tsx",
832
- "category": "commerce",
833
- "description": "商品詳細の購入 CTA ボタン群",
834
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-cta.tsx",
835
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-cta--docs"
836
- },
837
- {
838
- "name": "ProductOption",
839
- "file": "src/components/ec/product-option.tsx",
840
- "category": "commerce",
841
- "description": "商品オプション選択(サイズ・味等)",
842
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-option.tsx",
843
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-option--docs"
844
- },
845
- {
846
- "name": "AnniversaryCard",
847
- "file": "src/components/ec/anniversary-card.tsx",
848
- "category": "commerce",
849
- "description": "記念日カード(マイページ記念日一覧)",
850
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/anniversary-card.tsx",
851
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-anniversary-card--docs"
852
- },
853
- {
854
- "name": "CouponCard",
855
- "file": "src/components/ec/coupon-card.tsx",
856
- "category": "commerce",
857
- "description": "クーポンカード",
858
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/coupon-card.tsx",
859
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-coupon-card--docs"
860
- },
861
- {
862
- "name": "OrderSummary",
863
- "file": "src/components/ec/order-summary.tsx",
864
- "category": "commerce",
865
- "description": "注文サマリー(小計・送料・合計)",
866
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/order-summary.tsx",
867
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-order-summary--docs"
868
- },
869
- {
870
- "name": "OrderSection",
871
- "file": "src/components/ec/order-section.tsx",
872
- "category": "commerce",
873
- "description": "注文セクション(配送先・支払い等)",
874
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/order-section.tsx",
875
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-order-section--docs"
876
- },
877
- {
878
- "name": "PaymentMethod",
879
- "file": "src/components/ec/payment-method.tsx",
880
- "category": "commerce",
881
- "description": "支払い方法選択",
882
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/payment-method.tsx",
883
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-payment-method--docs"
884
- },
885
- {
886
- "name": "DeliveryCalendar",
887
- "file": "src/components/ec/delivery-calendar.tsx",
888
- "category": "commerce",
889
- "description": "お届け日カレンダー",
890
- "mapsTo": "本番のお届け日選択",
891
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/delivery-calendar.tsx",
892
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-delivery-calendar--docs"
893
- },
894
- {
895
- "name": "ShopCard",
896
- "file": "src/components/ec/shop-card.tsx",
897
- "category": "commerce",
898
- "description": "ショップカード",
899
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/shop-card.tsx",
900
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-shop-card--docs"
901
- },
902
- {
903
- "name": "RatingStars",
904
- "file": "src/components/ec/rating-stars.tsx",
905
- "category": "commerce",
906
- "description": "星評価表示",
907
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/rating-stars.tsx",
908
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-rating-stars--docs"
909
- },
910
- {
911
- "name": "ReviewSummary",
912
- "file": "src/components/ec/review-summary.tsx",
913
- "category": "commerce",
914
- "description": "レビューサマリー",
915
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-summary.tsx",
916
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-summary--docs"
917
- },
918
- {
919
- "name": "Header",
920
- "file": "src/components/primitives/header.tsx",
921
- "category": "layout",
922
- "description": "ページヘッダー(戻る・タイトル・アクション・bottomSlot)",
923
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/header.tsx",
924
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-header--docs"
925
- },
926
- {
927
- "name": "ProductDetailBar",
928
- "file": "src/components/ec/product-detail-bar.tsx",
929
- "category": "navigation",
930
- "description": "商品詳細スティッキーバー(PC: タブナビ + 商品概要 + CTA)。Header の bottomSlot に配置する",
931
- "mapsTo": "本番 p-item-detail-header(追従ヘッダー)",
932
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-detail-bar.tsx",
933
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-detail-bar--docs"
934
- },
935
- {
936
- "name": "CountdownTimer",
937
- "file": "src/components/ec/countdown-timer.tsx",
938
- "category": "feedback",
939
- "description": "カウントダウンタイマー(セール等)",
940
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/countdown-timer.tsx",
941
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-countdown-timer--docs"
942
- },
943
- {
944
- "name": "ReviewCard",
945
- "file": "src/components/ec/review-card.tsx",
946
- "category": "commerce",
947
- "description": "個別レビュー表示カード(星評価・本文・画像・いいね)",
948
- "variants": [
949
- "list",
950
- "card",
951
- "pc"
952
- ],
953
- "props": [
954
- "rating",
955
- "date",
956
- "text",
957
- "imageUrl",
958
- "productName",
959
- "helpfulCount",
960
- "isLiked",
961
- "onLikeClick"
962
- ],
963
- "mapsTo": "本番のレビュー一覧",
964
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-card.tsx",
965
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-card--docs"
966
- },
967
- {
968
- "name": "CakeLogo",
969
- "file": "src/components/ec/cake-logo.tsx",
970
- "category": "display",
971
- "description": "Cake.jp ロゴ",
972
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/cake-logo.tsx",
973
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-cake-logo--docs"
974
- },
975
- {
976
- "name": "AdminLayout",
977
- "category": "layout",
978
- "description": "管理画面の共通レイアウト(Header + SideNav + Main Content)。本番の shop_layout.ctp を再現。",
979
- "props": [
980
- "children",
981
- "activeNav",
982
- "title",
983
- "breadcrumbs",
984
- "shopName"
985
- ],
986
- "usage": "Admin系ページストーリーのラッパーとして使用",
987
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
988
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-admin-layout--docs",
989
- "file": "src/components/ec/admin-layout.tsx"
990
- },
991
- {
992
- "name": "MissingComponent",
993
- "category": "feedback",
994
- "description": "DSに未実装のコンポーネントを赤い破線枠で囲み、名前ラベルを表示するラッパー。",
995
- "props": [
996
- "name",
997
- "children",
998
- "className"
999
- ],
1000
- "usage": "管理画面ストーリーで、DSに存在しないUIパーツの識別に使用",
1001
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
1002
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-missing-component--docs",
1003
- "file": "src/components/ec/admin-layout.tsx"
1004
- },
1005
- {
1006
- "name": "StatCard",
1007
- "file": "src/components/ec/stat-card.tsx",
1008
- "category": "display",
1009
- "description": "ダッシュボードのKPI表示用カード。アイコン + ラベル + 数値 + 前期比。",
1010
- "props": [
1011
- "label",
1012
- "value",
1013
- "icon",
1014
- "iconBgClass",
1015
- "trend"
1016
- ],
1017
- "usage": "ダッシュボードやレポートページで3〜4カラムグリッドで並べる",
1018
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/stat-card.tsx",
1019
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-stat-card--docs"
1020
- },
1021
- {
1022
- "name": "InformationList",
1023
- "file": "src/components/ec/information-list.tsx",
1024
- "category": "display",
1025
- "description": "日付 + NEW バッジ + タイトルの一覧表示。ダッシュボードのお知らせセクションで使用。",
1026
- "props": [
1027
- "items"
1028
- ],
1029
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/information-list.tsx",
1030
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-information-list--docs"
1031
- },
1032
- {
1033
- "name": "AdminLayout",
1034
- "file": "src/components/ec/admin-layout.tsx",
1035
- "category": "layout",
1036
- "description": "管理画面の共通レイアウト。サイドバー + ヘッダー + コンテンツ。breadcrumbs対応。",
1037
- "props": [
1038
- "activeNav",
1039
- "breadcrumbs",
1040
- "children"
1041
- ],
1042
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
1043
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-admin-layout--docs"
1044
- },
1045
- {
1046
- "name": "ProductCarousel",
1047
- "file": "src/components/ec/product-carousel.tsx",
1048
- "category": "commerce",
1049
- "description": "商品カードの横スクロールカルーセル。ランキング・おすすめ表示に使用。",
1050
- "props": [
1051
- "products",
1052
- "title"
1053
- ],
1054
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-carousel.tsx",
1055
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-carousel--docs"
1056
- },
1057
- {
1058
- "name": "ProductDetailSidebar",
1059
- "file": "src/components/ec/product-detail-sidebar.tsx",
1060
- "category": "commerce",
1061
- "description": "商品詳細ページのPC版サイドバー。価格・オプション・カートボタンを固定表示。",
1062
- "props": [
1063
- "product",
1064
- "onAddToCart"
1065
- ],
1066
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-detail-sidebar.tsx",
1067
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-detail-sidebar--docs"
1068
- },
1069
- {
1070
- "name": "ReviewForm",
1071
- "file": "src/components/ec/review-form.tsx",
1072
- "category": "input",
1073
- "description": "口コミ投稿フォーム。星評価 + テキスト + 画像アップロード。",
1074
- "props": [
1075
- "onSubmit",
1076
- "productName"
1077
- ],
1078
- "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-form.tsx",
1079
- "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-form--docs"
1080
- }
1081
- ]
1082
- },
1083
- "pages": [
1084
- {
1085
- "name": "トップページ",
1086
- "file": "src/components/pages/top.stories.tsx"
1087
- },
1088
- {
1089
- "name": "商品一覧",
1090
- "file": "src/components/pages/product-list.stories.tsx"
1091
- },
1092
- {
1093
- "name": "商品詳細",
1094
- "file": "src/components/pages/product-detail.stories.tsx"
1095
- },
1096
- {
1097
- "name": "検索",
1098
- "file": "src/components/pages/search.stories.tsx"
1099
- },
1100
- {
1101
- "name": "カート",
1102
- "file": "src/components/pages/cart.stories.tsx"
1103
- },
1104
- {
1105
- "name": "チェックアウト",
1106
- "file": "src/components/pages/checkout.stories.tsx"
1107
- },
1108
- {
1109
- "name": "お気に入り",
1110
- "file": "src/components/pages/favorites.stories.tsx"
1111
- },
1112
- {
1113
- "name": "ショップ",
1114
- "file": "src/components/pages/shop.stories.tsx"
1115
- },
1116
- {
1117
- "name": "管理画面/ログイン",
1118
- "file": "src/components/pages/admin-login.stories.tsx"
1119
- },
1120
- {
1121
- "name": "管理画面/ダッシュボード",
1122
- "file": "src/components/pages/admin-dashboard.stories.tsx"
1123
- },
1124
- {
1125
- "name": "管理画面/注文一覧",
1126
- "file": "src/components/pages/admin-order-list.stories.tsx"
1127
- },
1128
- {
1129
- "name": "管理画面/注文詳細",
1130
- "file": "src/components/pages/admin-order-detail.stories.tsx"
1131
- },
1132
- {
1133
- "name": "管理画面/商品一覧",
1134
- "file": "src/components/pages/admin-product-list.stories.tsx"
1135
- },
1136
- {
1137
- "name": "管理画面/商品編集",
1138
- "file": "src/components/pages/admin-product-edit.stories.tsx"
1139
- },
1140
- {
1141
- "name": "管理画面/顧客一覧",
1142
- "file": "src/components/pages/admin-customer-list.stories.tsx"
1143
- },
1144
- {
1145
- "name": "管理画面/設定・その他",
1146
- "file": "src/components/pages/admin-settings.stories.tsx"
1147
- }
1148
- ]
1149
- }