ingred-ui 23.9.0 → 23.10.0

package/dist/components/Badge/types.d.ts

@@ -2,8 +2,19 @@ import React from "react";
 import { Theme } from "../../themes";
 export type BadgeColor = "primary" | "secondary" | "success" | "warning" | "danger" | "basic";
 export type BadgeType = "normal" | "pill" | "signal";
-export type BadgeSize = "medium" | "small";
+export type BadgeSize = "xs" | "small" | "medium";
 export declare const BADGE_SIZE: {
+    xs: {
+        iconSize: number;
+        height: string;
+        pillHeight: string;
+        gap: string;
+        padding: (theme: Theme) => string;
+        signalPadding: (theme: Theme) => string;
+        signalGap: (theme: Theme) => string;
+        dotSize: string;
+        fontSize: string;
+    };
     small: {
         iconSize: number;
         height: string;

package/dist/components/DataTable2/DataTable2.d.ts

@@ -43,6 +43,11 @@ type DataTable2Props = {
      * - enabledWhen: "checked" + displayIn: "dropdown" → デスクトップ時は左側の3点リーダーボタン、モバイル時は「n件を操作」ドロップダウン
      * - enabledWhen: "unchecked" + displayIn: "toolbar" → デスクトップ時は右側の直接ボタン、モバイル時は右側の3点リーダーボタン
      * - enabledWhen: "unchecked" + displayIn: "dropdown" → デスクトップ・モバイル共に右側の3点リーダーボタン
+     *
+     * disabledプロパティによる追加制御：
+     * - enabledWhen: "checked"/"unchecked" と組み合わせて使用可能。基本条件に加えて追加の無効化条件を指定できる
+     * - 例: enabledWhen: "checked" + disabled: (rows) => rows.length >= 2 → 1件選択時のみ有効
+     * - enabledWhen: "custom" の場合はdisabled関数の結果のみで有効/無効が決定される
      */
     tableActions?: TableAction[];
     /**

package/dist/components/DataTable2/types/tableActions.d.ts

@@ -14,6 +14,7 @@ export type TableAction = {
     color?: "danger" | "primary" | "primaryPale" | "basicLight" | "basicDark" | "clear";
     displayIn?: "toolbar" | "dropdown";
     enabledWhen?: "checked" | "unchecked" | "custom";
+    /** 追加の無効化条件。enabledWhenの基本条件に加えて評価される（customの場合はこの関数の結果のみで決定） */
     disabled?: (checkedRows: string[]) => boolean;
     style?: React.CSSProperties;
     headingLabel?: string;
@@ -29,6 +30,7 @@ export type TableAction = {
         onClick: (selectedRows: string[]) => void;
         color?: "danger" | "primary" | "primaryPale" | "basicLight" | "basicDark" | "clear";
         enabledWhen?: "checked" | "unchecked" | "custom";
+        /** 追加の無効化条件。enabledWhenの基本条件に加えて評価される（customの場合はこの関数の結果のみで決定） */
         disabled?: (checkedRows: string[]) => boolean;
         style?: React.CSSProperties;
         dynamicIconColor?: {