ingred-ui 25.6.0 → 25.7.0

package/dist/components/Select2/Select2.stories.d.ts

@@ -12,6 +12,12 @@ export declare const WithManyOptions: Story<Select2Props>;
 export declare const WithDisabledOptions: Story<Select2Props>;
 export declare const MultipleSelection: Story<Select2Props>;
 export declare const MultipleSelectionWithSearch: Story<Select2Props>;
+export declare const MultipleSelectionWithBulkActions: Story<Select2Props>;
+/**
+ * タグの行数でレイアウトを動的に切り替えるデモ。
+ * タグが複数行になったら3つ目だけ全幅（折り返し）、1行なら3列横並び。
+ */
+export declare const TagWrapDynamic: Story<Select2Props>;
 export declare const WithOptionGroups: {
     (): JSX.Element;
     parameters: {

package/dist/components/Select2/styled.d.ts

@@ -7,6 +7,7 @@ export declare const SelectContainer: import("styled-components").StyledComponen
     $disabled?: boolean | undefined;
     $error?: boolean | undefined;
     $isOpen?: boolean | undefined;
+    $tagOverflow?: "wrap" | "truncate" | undefined;
 }, never>;
 export declare const SelectButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     $size: Select2Size;
@@ -18,10 +19,7 @@ export declare const SelectButton: import("styled-components").StyledComponent<"
     $multiple?: boolean | undefined;
 }, never>;
 export declare const InputArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $size?: Select2Size | undefined;
-    $variant?: Select2Props["variant"];
-    $disabled?: boolean | undefined;
-    $multiple?: boolean | undefined;
+    $tagOverflow?: "wrap" | "truncate" | undefined;
 }, never>;
 export declare const SelectLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const SelectLabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -29,7 +27,9 @@ export declare const SelectLabelIcon: import("styled-components").StyledComponen
     $size?: Select2Size | undefined;
     $disabled?: boolean | undefined;
 }, never>;
-export declare const TagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $tagOverflow?: "wrap" | "truncate" | undefined;
+}, never>;
 export declare const StyledTag: import("styled-components").StyledComponent<({ label, size, variant, onRemove, className, disabled, }: import("../Tag").TagProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Placeholder: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     $variant?: Select2Props["variant"];
@@ -45,4 +45,6 @@ export declare const StyledContextMenu2TextInputItem: import("styled-components"
 } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const OptionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SearchHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BulkActionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SearchResetButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

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

@@ -72,6 +72,13 @@ export type Select2Props = {
      * variant="light"の場合はdark、variant="dark"の場合はlightが適用されます。
      */
     tagVariant?: Select2Variant;
+    /**
+     * 複数選択時のタグ表示方法
+     * - truncate: 規定の長さを超えたらoverflow hiddenで端折る（デフォルト）
+     * - wrap: タグを折り返して全て表示（高さが伸びる）
+     * @default "truncate"
+     */
+    tagOverflow?: "truncate" | "wrap";
     /**
      * 無効状態
      * @default false
@@ -107,6 +114,21 @@ export type Select2Props = {
      * エラーメッセージはプロダクト側で実装してください。
      */
     error?: boolean;
+    /**
+     * 全選択・全クリアボタンを表示するかどうか (multiple=trueの場合のみ有効)
+     * @default false
+     */
+    showBulkActions?: boolean;
+    /**
+     * 全選択ボタンのtooltipテキスト
+     * @default "すべて選択"
+     */
+    selectAllLabel?: string;
+    /**
+     * 全クリアボタンのtooltipテキスト
+     * @default "すべてクリア"
+     */
+    clearAllLabel?: string;
     /**
      * 適用ボタンのテキスト (multipleがtrueの場合のみ使用)
      * @default "適用"

package/dist/components/Tag/__tests__/Tag.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";