@cakejp/design-system 0.12.0 → 0.14.0

package/dist/types/components/primitives/quantity-selector.d.ts

@@ -1,50 +0,0 @@
-import * as React from "react";
-export interface QuantitySelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** 現在の数量 */
-    value: number;
-    /** 最小値 */
-    min?: number;
-    /** 最大値 */
-    max?: number;
-    /** 数量変更時のコールバック */
-    onChange?: (value: number) => void;
-    /** 無効状態 */
-    disabled?: boolean;
-    /** エラー状態 */
-    error?: boolean;
-    /** サイズ（md = Pattern 2 サークル / sm = Pattern 1 ピル） */
-    size?: "sm" | "md";
-    /** 数値の直接入力を許可する（デフォルト: false — ボタン操作のみ） */
-    editable?: boolean;
-    /** 数量1のときにゴミ箱アイコンを表示する */
-    showTrash?: boolean;
-    /** ゴミ箱アイコン押下時のコールバック（削除確認ダイアログ表示等に使用） */
-    onDelete?: () => void;
-}
-/**
- * 数量選択コンポーネント（Figma 準拠デザイン）
- *
- * Figma DS の Adjust コンポーネントを再現。2つのパターンを提供：
- *
- * - **`size="sm"`（Pattern 1: コンパクト型）** — カート内での使用。
- *   100×32px のコンパクト型コンテナに −/数字/+ をインライン配置。
- *   背景は `Surface/Tertiary`、角丸 32px。
- *
- * - **`size="md"`（Pattern 2: サークル型）** — 商品詳細での使用。
- *   32×32px の円形ボタンが左右に独立し、中央に 44px 幅の数値コンテナ。
- *   ボタン間隔 12px。
- *
- * ### ステート
- * - `disabled`: 全要素のテキスト/アイコンが `Text/Disable` (#B7B5B4)
- * - `error`: コンパクト型は赤枠（2px）、サークル型は数値コンテナが赤枠
- * - `showTrash`: 数量1のとき − がゴミ箱アイコンに変化
- *
- * ### AI 向け使用ルール
- *
- * - **商品詳細ページ**: `size="md"` で配置
- * - **カート内**: `size="sm"` でコンパクトに表示
- * - `min=1` が標準（0 にしない — 削除は別の UI で行う）
- * - `editable=true` で数値の直接入力可能
- */
-declare function QuantitySelector({ className, value, min, max, onChange, disabled, error, size, editable, showTrash, onDelete, ...props }: QuantitySelectorProps): import("react/jsx-runtime").JSX.Element;
-export { QuantitySelector };