ingred-ui 25.10.0 → 25.12.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.
@@ -16,3 +16,4 @@ export declare const Span: import("styled-components").StyledComponent<"span", i
16
16
  disabled: boolean;
17
17
  checked?: boolean | undefined;
18
18
  }, never>;
19
+ export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -110,3 +110,25 @@ export declare const WithSelectedContent: Story;
110
110
  * セクションでも同様に指定できます。
111
111
  */
112
112
  export declare const WithCustomHandlerAccordion: Story;
113
+ /**
114
+ * #### カスタム include/exclude ハンドラー
115
+ *
116
+ * アコーディオンヘッダーの追加/除外ボタンの動作をカスタマイズする例です。
117
+ * `onInclude`/`onExclude`を指定すると、デフォルトの「配下全アイテム一括操作」の代わりにカスタムハンドラーが呼ばれます。
118
+ */
119
+ export declare const WithCustomIncludeExcludeHandler: Story;
120
+ /**
121
+ * #### disabled ボタンの表示確認
122
+ *
123
+ * `disableInclude` / `disableExclude` を指定した場合のボタン表示を確認するための Story です。
124
+ * - `disableInclude` のみ → 除外ボタンだけ表示(SingleButton 角丸)
125
+ * - `disableExclude` のみ → 追加ボタンだけ表示(SingleButton 角丸)
126
+ * - 両方有効 → グループボタンスタイル(内側角丸 0)
127
+ */
128
+ export declare const DisabledButtons: Story;
129
+ /**
130
+ * #### ネストアコーディオン
131
+ *
132
+ * アコーディオンを入れ子にした例です。フィルタリングが再帰的に動作します。
133
+ */
134
+ export declare const NestedAccordion: Story;
@@ -6,6 +6,15 @@ type DualListBox2AccordionProps = {
6
6
  children: ReactNode;
7
7
  onOpen?: () => void;
8
8
  onClose?: () => void;
9
+ /**
10
+ * アコーディオンヘッダーの追加・除外の挙動をカスタマイズするハンドラ
11
+ * 指定しない場合はアコーディオン内の全アイテムを追加・除外するハンドラとなる
12
+ */
13
+ onInclude?: () => void;
14
+ onExclude?: () => void;
15
+ };
16
+ export declare const DualListBox2Accordion: {
17
+ ({ label, disableInclude, disableExclude, children, onOpen, onClose, onInclude, onExclude, }: DualListBox2AccordionProps): JSX.Element;
18
+ displayName: string;
9
19
  };
10
- export declare const DualListBox2Accordion: ({ label, disableInclude, disableExclude, children, onOpen, onClose, }: DualListBox2AccordionProps) => JSX.Element;
11
20
  export {};
@@ -12,6 +12,7 @@ export declare const DualListBox2Context: import("react").Context<{
12
12
  export declare const DualListBox2GroupContext: import("react").Context<{
13
13
  groupName: string;
14
14
  }>;
15
+ export declare const DualListBox2AccordionDepthContext: import("react").Context<number>;
15
16
  export declare const traverseChildren: (children: ReactNode, callback: (child: ReactNode) => void) => void;
16
17
  export declare const extractAllItems: (children: ReactNode) => Item[];
17
18
  export declare const getAllIds: (children: ReactNode) => string[];
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const DualListBox2: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
2
  export declare const TabList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
4
3
  export declare const CountBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -27,11 +26,16 @@ export declare const SelectedCountExcluded: import("styled-components").StyledCo
27
26
  export declare const SelectedClearButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
28
27
  export declare const SelectedPanelHeading: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
29
28
  export declare const ItemActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
30
- export declare const DualListBox2Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
29
+ export declare const DualListBox2Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
30
+ $depth: number;
31
+ $nested: boolean;
32
+ }, never>;
31
33
  export declare const DualListBox2SelectedItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
32
34
  export declare const DualListBox2SelectedItemButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
33
35
  export declare const DualListBox2SelectedLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
34
- export declare const AccordionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
36
+ export declare const AccordionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
37
+ $depth: number;
38
+ }, never>;
35
39
  export declare const AccordionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
36
40
  export declare const AccordionActionButtons: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
37
41
  export declare const AccordionIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -39,12 +43,3 @@ export declare const SectionButtonBefore: import("styled-components").StyledComp
39
43
  export declare const SectionButtonAfter: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
40
44
  export declare const SectionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
41
45
  export declare const LoadingIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
42
- export declare const NestedAccordion: import("styled-components").StyledComponent<({ label, disableInclude, disableExclude, children, onOpen, onClose, }: {
43
- label: string;
44
- disableInclude?: boolean | undefined;
45
- disableExclude?: boolean | undefined;
46
- children: import("react").ReactNode;
47
- onOpen?: (() => void) | undefined;
48
- onClose?: (() => void) | undefined;
49
- }) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
50
- export declare const NestedItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;