@cakejp/design-system 0.17.0 → 0.17.1

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.
Files changed (39) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/contracts/components.json +1 -1
  3. package/contracts/composition.json +1 -1
  4. package/contracts/rules.json +1 -1
  5. package/contracts/screen-patterns.json +1 -1
  6. package/dist/index.js +273 -273
  7. package/dist/types/components/ec/_mypage-menu-data.d.ts +3 -3
  8. package/dist/types/components/ec/admin-shell.d.ts +1 -1
  9. package/dist/types/components/ec/anniversary-card.d.ts +1 -1
  10. package/dist/types/components/ec/mypage-shell.d.ts +3 -3
  11. package/dist/types/components/ec/product-card.d.ts +1 -1
  12. package/dist/types/components/ec/product-carousel.d.ts +3 -3
  13. package/dist/types/components/ec/stat-card.d.ts +1 -1
  14. package/dist/types/components/foundations/alert-dialog.d.ts +1 -1
  15. package/dist/types/components/foundations/calendar.d.ts +1 -1
  16. package/dist/types/components/foundations/checkbox-group.d.ts +1 -1
  17. package/dist/types/components/foundations/command.d.ts +1 -1
  18. package/dist/types/components/foundations/field.d.ts +2 -2
  19. package/dist/types/components/foundations/file-input.d.ts +1 -1
  20. package/dist/types/components/foundations/pagination.d.ts +1 -1
  21. package/dist/types/components/foundations/responsive-dialog.d.ts +1 -1
  22. package/dist/types/components/foundations/skip-link.d.ts +1 -1
  23. package/dist/types/components/primitives/admin-header.d.ts +1 -1
  24. package/dist/types/components/primitives/admin-side-nav.d.ts +1 -1
  25. package/dist/types/components/primitives/banner-carousel.d.ts +2 -2
  26. package/dist/types/components/primitives/category-scroll.d.ts +2 -2
  27. package/dist/types/components/primitives/category-shortcuts.d.ts +1 -1
  28. package/dist/types/components/primitives/chat-composer.d.ts +1 -1
  29. package/dist/types/components/primitives/chip.d.ts +1 -1
  30. package/dist/types/components/primitives/content-carousel.d.ts +1 -1
  31. package/dist/types/components/primitives/form-field.d.ts +1 -1
  32. package/dist/types/components/primitives/image-input.d.ts +1 -1
  33. package/dist/types/components/primitives/kebab-menu.d.ts +1 -1
  34. package/dist/types/components/primitives/notification-list.d.ts +1 -1
  35. package/dist/types/components/primitives/search-panel.d.ts +1 -1
  36. package/dist/types/components/primitives/section-nav.d.ts +1 -1
  37. package/dist/types/components/primitives/side-nav.d.ts +1 -1
  38. package/dist/types/components/primitives/social-login-button.d.ts +1 -1
  39. package/package.json +7 -3
package/dist/types/components/ec/_mypage-menu-data.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { SideNavGroup } from "../../../components/primitives/side-nav";
1
+ import type { SideNavGroup } from "../../components/primitives/side-nav";
2
2
  /**
3
3
  * Cake.jp マイページのメニュー定義
4
4
  *
@@ -6,8 +6,8 @@ import type { SideNavGroup } from "../../../components/primitives/side-nav";
6
6
  *
7
7
  * ### 使い方
8
8
  * ```tsx
9
- * import { SideNav } from '../../../components/primitives/side-nav'
10
- * import { mypageMenuGroups } from '../../../components/ec/_mypage-menu-data'
9
+ * import { SideNav } from '../../components/primitives/side-nav'
10
+ * import { mypageMenuGroups } from '../../components/ec/_mypage-menu-data'
11
11
  *
12
12
  * <SideNav groups={mypageMenuGroups} activeMenu="news" ariaLabel="マイページメニュー" />
13
13
  * ```
package/dist/types/components/ec/admin-shell.d.ts CHANGED
@@ -27,7 +27,7 @@
27
27
  * - CSS: admin_shops/layout/nav_layout.css
28
28
  */
29
29
  import * as React from "react";
30
- import { type AdminNavItem } from "../../../components/primitives/admin-side-nav";
30
+ import { type AdminNavItem } from "../../components/primitives/admin-side-nav";
31
31
  export declare function MissingComponent({ name, children, className, }: {
32
32
  name: string;
33
33
  children: React.ReactNode;
package/dist/types/components/ec/anniversary-card.d.ts CHANGED
@@ -25,7 +25,7 @@ export interface AnniversaryCardProps extends React.HTMLAttributes<HTMLDivElemen
25
25
  *
26
26
  * ### インポート
27
27
  * ```tsx
28
- * import { AnniversaryCard } from '../../../components/ec/anniversary-card'
28
+ * import { AnniversaryCard } from '../../components/ec/anniversary-card'
29
29
  * ```
30
30
  *
31
31
  * ### Props（主要なもの）
package/dist/types/components/ec/mypage-shell.d.ts CHANGED
@@ -27,9 +27,9 @@
27
27
  * 「マイページ配下だけ Cake.jp ロゴに割れる」問題を避けられる。
28
28
  */
29
29
  import React from "react";
30
- import { type HeaderAction, type HeaderNavItem } from "../../../components/primitives/header";
31
- import { type SideNavGroup, type SideNavItem } from "../../../components/primitives/side-nav";
32
- import { type BottomTabBarItem } from "../../../components/primitives/bottom-tab-bar";
30
+ import { type HeaderAction, type HeaderNavItem } from "../../components/primitives/header";
31
+ import { type SideNavGroup, type SideNavItem } from "../../components/primitives/side-nav";
32
+ import { type BottomTabBarItem } from "../../components/primitives/bottom-tab-bar";
33
33
  export interface MypageShellBreadcrumb {
34
34
  label: string;
35
35
  href?: string;
package/dist/types/components/ec/product-card.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { type TagProps } from "../../../components/primitives/tag";
2
+ import { type TagProps } from "../../components/primitives/tag";
3
3
  export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
4
4
  /** 商品名 */
5
5
  name: string;
package/dist/types/components/ec/product-carousel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { type SectionHeaderSize } from "../../../components/primitives/section-header";
2
- import { type ProductCardProps } from "../../../components/ec/product-card";
1
+ import { type SectionHeaderSize } from "../../components/primitives/section-header";
2
+ import { type ProductCardProps } from "../../components/ec/product-card";
3
3
  export interface ProductCarouselProps {
4
4
  /** セクションタイトル */
5
5
  title: string;
@@ -40,7 +40,7 @@ export interface ProductCarouselProps {
40
40
  *
41
41
  * ### インポート
42
42
  * ```tsx
43
- * import { ProductCarousel } from '../../../components/ec/product-carousel'
43
+ * import { ProductCarousel } from '../../components/ec/product-carousel'
44
44
  * ```
45
45
  *
46
46
  * ### AI 向け使用ルール
package/dist/types/components/ec/stat-card.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * ### インポート
8
8
  * ```tsx
9
- * import { StatCard } from '../../../components/ec/stat-card'
9
+ * import { StatCard } from '../../components/ec/stat-card'
10
10
  * ```
11
11
  *
12
12
  * ### Props
package/dist/types/components/foundations/alert-dialog.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
3
- import { Button } from "../../../components/foundations/button";
3
+ import { Button } from "../../components/foundations/button";
4
4
  declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
6
  declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/foundations/calendar.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { DayPicker, type DayButton } from "react-day-picker";
3
- import { Button } from "../../../components/foundations/button";
3
+ import { Button } from "../../components/foundations/button";
4
4
  declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
5
  buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
6
  }): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/foundations/checkbox-group.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * ### インポート
8
8
  * ```tsx
9
- * import { CheckboxGroup, CheckboxGroupItem } from "../../../components/foundations/checkbox-group"
9
+ * import { CheckboxGroup, CheckboxGroupItem } from "../../components/foundations/checkbox-group"
10
10
  * ```
11
11
  *
12
12
  * ### Props（CheckboxGroup）
package/dist/types/components/foundations/command.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { Command as CommandPrimitive } from "cmdk";
3
- import { Dialog } from "../../../components/foundations/dialog";
3
+ import { Dialog } from "../../components/foundations/dialog";
4
4
  declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
6
6
  title?: string;
package/dist/types/components/foundations/field.d.ts CHANGED
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * ### インポート
9
9
  * ```tsx
10
- * import { Field, FieldLabel, FieldSet, FieldLegend, FieldGroup, FieldDescription, FieldError, FieldSeparator } from "../../../components/foundations/field"
10
+ * import { Field, FieldLabel, FieldSet, FieldLegend, FieldGroup, FieldDescription, FieldError, FieldSeparator } from "../../components/foundations/field"
11
11
  * ```
12
12
  *
13
13
  * ### 構成要素
@@ -32,7 +32,7 @@
32
32
  */
33
33
  import * as React from "react";
34
34
  import { type VariantProps } from "class-variance-authority";
35
- import { Label } from "../../../components/foundations/label";
35
+ import { Label } from "../../components/foundations/label";
36
36
  /**
37
37
  * Field — 1 フィールド分の箱（ラベル + 入力 + 説明/エラー）。
38
38
  * `FieldGroup`（gap-4）の中に並べる**縦リズムの最小単位**。
package/dist/types/components/foundations/file-input.d.ts CHANGED
@@ -63,7 +63,7 @@ export declare function validateFileSize(files: File[], maxSize?: number): {
63
63
  *
64
64
  * ### インポート
65
65
  * ```tsx
66
- * import { FileInput } from '../../../components/foundations/file-input'
66
+ * import { FileInput } from '../../components/foundations/file-input'
67
67
  * ```
68
68
  *
69
69
  * ### AI 向け使用ルール
package/dist/types/components/foundations/pagination.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { type Button } from "../../../components/foundations/button";
2
+ import { type Button } from "../../components/foundations/button";
3
3
  declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
4
4
  declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
5
5
  declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/foundations/responsive-dialog.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from "../../../components/foundations/dialog";
2
+ import { DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from "../../components/foundations/dialog";
3
3
  declare function useIsMobile(breakpoint?: number): boolean;
4
4
  interface ResponsiveDialogProps {
5
5
  children: React.ReactNode;
package/dist/types/components/foundations/skip-link.d.ts CHANGED
@@ -19,7 +19,7 @@ export interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElem
19
19
  *
20
20
  * ### インポート
21
21
  * ```tsx
22
- * import { SkipLink } from '../../../components/foundations/skip-link'
22
+ * import { SkipLink } from '../../components/foundations/skip-link'
23
23
  * ```
24
24
  *
25
25
  * ### 使い方（シェルを使わず素の DOM に置く場合）
package/dist/types/components/primitives/admin-header.d.ts CHANGED
@@ -27,7 +27,7 @@ export interface AdminHeaderProps {
27
27
  *
28
28
  * ### インポート
29
29
  * ```tsx
30
- * import { AdminHeader } from '../../../components/primitives/admin-header'
30
+ * import { AdminHeader } from '../../components/primitives/admin-header'
31
31
  * ```
32
32
  *
33
33
  * ### Props
package/dist/types/components/primitives/admin-side-nav.d.ts CHANGED
@@ -68,7 +68,7 @@ export interface AdminSideNavProps {
68
68
  *
69
69
  * ### インポート
70
70
  * ```tsx
71
- * import { AdminSideNav } from '../../../components/primitives/admin-side-nav'
71
+ * import { AdminSideNav } from '../../components/primitives/admin-side-nav'
72
72
  * ```
73
73
  *
74
74
  * ### Props
package/dist/types/components/primitives/banner-carousel.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type SectionHeaderSize } from "../../../components/primitives/section-header";
1
+ import { type SectionHeaderSize } from "../../components/primitives/section-header";
2
2
  export interface BannerItem {
3
3
  /** バナー画像URL */
4
4
  imageUrl: string;
@@ -40,7 +40,7 @@ export interface BannerCarouselProps {
40
40
  *
41
41
  * ### インポート
42
42
  * ```tsx
43
- * import { BannerCarousel } from '../../../components/primitives/banner-carousel'
43
+ * import { BannerCarousel } from '../../components/primitives/banner-carousel'
44
44
  * ```
45
45
  *
46
46
  * ### AI 向け使用ルール
package/dist/types/components/primitives/category-scroll.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type SectionHeaderSize } from "../../../components/primitives/section-header";
1
+ import { type SectionHeaderSize } from "../../components/primitives/section-header";
2
2
  export interface CategoryItem {
3
3
  /** カテゴリ名 */
4
4
  name: string;
@@ -47,7 +47,7 @@ export interface CategoryScrollProps {
47
47
  *
48
48
  * ### インポート
49
49
  * ```tsx
50
- * import { CategoryScroll } from '../../../components/primitives/category-scroll'
50
+ * import { CategoryScroll } from '../../components/primitives/category-scroll'
51
51
  * ```
52
52
  *
53
53
  * ### Props（主要なもの）
package/dist/types/components/primitives/category-shortcuts.d.ts CHANGED
@@ -31,7 +31,7 @@ export interface CategoryShortcutsProps {
31
31
  *
32
32
  * ### インポート
33
33
  * ```tsx
34
- * import { CategoryShortcuts } from '../../../components/primitives/category-shortcuts'
34
+ * import { CategoryShortcuts } from '../../components/primitives/category-shortcuts'
35
35
  * ```
36
36
  *
37
37
  * ### AI 向け使用ルール
package/dist/types/components/primitives/chat-composer.d.ts CHANGED
@@ -70,7 +70,7 @@ export interface ChatComposerProps {
70
70
  *
71
71
  * ### インポート
72
72
  * ```tsx
73
- * import { ChatComposer } from "../../../components/primitives/chat-composer"
73
+ * import { ChatComposer } from "../../components/primitives/chat-composer"
74
74
  * ```
75
75
  *
76
76
  * ### 送信キー
package/dist/types/components/primitives/chip.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { chipVariants, type ChipVariantProps } from "../../../components/foundations/chip-variants";
2
+ import { chipVariants, type ChipVariantProps } from "../../components/foundations/chip-variants";
3
3
  export interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ChipVariantProps {
4
4
  /** リンクとして使う場合のURL */
5
5
  href?: string;
package/dist/types/components/primitives/content-carousel.d.ts CHANGED
@@ -44,7 +44,7 @@ export interface ContentCarouselProps extends Omit<React.HTMLAttributes<HTMLDivE
44
44
  *
45
45
  * ### インポート
46
46
  * ```tsx
47
- * import { ContentCarousel } from '../../../components/primitives/content-carousel'
47
+ * import { ContentCarousel } from '../../components/primitives/content-carousel'
48
48
  * ```
49
49
  *
50
50
  * ### AI 向け使用ルール
package/dist/types/components/primitives/form-field.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * ### インポート
8
8
  * ```tsx
9
- * import { FormField } from '../../../components/primitives/form-field'
9
+ * import { FormField } from '../../components/primitives/form-field'
10
10
  * ```
11
11
  *
12
12
  * ### Props
package/dist/types/components/primitives/image-input.d.ts CHANGED
@@ -93,7 +93,7 @@ export interface ImageInputProps extends VariantProps<typeof imageInputPreviewVa
93
93
  *
94
94
  * ### インポート
95
95
  * ```tsx
96
- * import { ImageInput } from "../../../components/primitives/image-input"
96
+ * import { ImageInput } from "../../components/primitives/image-input"
97
97
  * ```
98
98
  *
99
99
  * ### 表示サイズ
package/dist/types/components/primitives/kebab-menu.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * ### インポート
8
8
  * ```tsx
9
- * import { KebabMenu } from '../../../components/primitives/kebab-menu'
9
+ * import { KebabMenu } from '../../components/primitives/kebab-menu'
10
10
  * ```
11
11
  *
12
12
  * ### Props
package/dist/types/components/primitives/notification-list.d.ts CHANGED
@@ -5,7 +5,7 @@
5
5
  *
6
6
  * ### インポート
7
7
  * ```tsx
8
- * import { NotificationList } from '../../../components/primitives/notification-list'
8
+ * import { NotificationList } from '../../components/primitives/notification-list'
9
9
  * ```
10
10
  *
11
11
  * ### Props（主要なもの）
package/dist/types/components/primitives/search-panel.d.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * ### インポート
8
8
  * ```tsx
9
- * import { SearchPanel } from '../../../components/primitives/search-panel'
9
+ * import { SearchPanel } from '../../components/primitives/search-panel'
10
10
  * ```
11
11
  *
12
12
  * ### Props
package/dist/types/components/primitives/section-nav.d.ts CHANGED
@@ -43,7 +43,7 @@ export interface SectionNavProps extends React.HTMLAttributes<HTMLElement> {
43
43
  *
44
44
  * ### インポート
45
45
  * ```tsx
46
- * import { SectionNav } from '../../../components/primitives/section-nav'
46
+ * import { SectionNav } from '../../components/primitives/section-nav'
47
47
  * ```
48
48
  *
49
49
  * ### 使い方（vertical＝既定）
package/dist/types/components/primitives/side-nav.d.ts CHANGED
@@ -51,7 +51,7 @@ export interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
51
51
  *
52
52
  * ### インポート
53
53
  * ```tsx
54
- * import { SideNav } from '../../../components/primitives/side-nav'
54
+ * import { SideNav } from '../../components/primitives/side-nav'
55
55
  * ```
56
56
  *
57
57
  * ### 使い方
package/dist/types/components/primitives/social-login-button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { type SocialPlatform } from "../../../components/foundations/social-icon";
2
+ import { type SocialPlatform } from "../../components/foundations/social-icon";
3
3
  export type SocialProvider = Extract<SocialPlatform, "line" | "amazon" | "google" | "apple">;
4
4
  export interface SocialLoginButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
5
5
  /** ソーシャルプロバイダー */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakejp/design-system",
3
- "version": "0.17.0",
3
+ "version": "0.17.1",
4
4
  "type": "module",
5
5
  "description": "Cake.jp Design System — UI コンポーネント・カラートークン・タイポグラフィ",
6
6
  "license": "UNLICENSED",
@@ -28,7 +28,7 @@
28
28
  "module": "./dist/index.js",
29
29
  "types": "./dist/types/index.d.ts",
30
30
  "bin": {
31
- "cakejp-ds": "./bin/init.js"
31
+ "cakejp-ds": "bin/init.js"
32
32
  },
33
33
  "files": [
34
34
  "CHANGELOG.md",
@@ -181,5 +181,9 @@
181
181
  "vite": "^7.3.1",
182
182
  "vitest": "^4.1.0",
183
183
  "zod": "^4.3.6"
184
- }
184
+ },
185
+ "directories": {
186
+ "doc": "docs"
187
+ },
188
+ "author": ""
185
189
  }