ingred-ui 23.0.2 → 23.2.0

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

@@ -14,4 +14,5 @@ export declare const Span: import("styled-components").StyledComponent<"span", i
     indeterminate: boolean;
     error: boolean;
     disabled: boolean;
+    checked?: boolean | undefined;
 }, never>;

package/dist/components/ContextMenu2/ContextMenu2.d.ts

@@ -1,4 +1,5 @@
 import React, { type ReactNode, type ReactElement, type ButtonHTMLAttributes, type Dispatch, type SetStateAction, type Ref } from "react";
+import { Placement } from "@floating-ui/react";
 export type ContextMenu2Anchor = {
     x: number;
     y: number;
@@ -49,6 +50,14 @@ type ContextMenu2Props = {
      * 検索結果が0件の場合に表示するメッセージ
      */
     noResultsMessage?: string;
+    /**
+     * Floating UIのplacement（表示位置）を外部から渡す（高度なカスタマイズ用）
+     */
+    placement?: Placement;
+    /**
+     * Floating UIのmiddleware配列を外部から渡す（高度なカスタマイズ用）
+     */
+    middleware?: Array<any>;
 };
 export declare const ContextMenu2: React.ForwardRefExoticComponent<ContextMenu2Props & React.RefAttributes<HTMLButtonElement>>;
 type ContextMenu2ContainerProps = {

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

@@ -15,6 +15,8 @@ declare const _default: {
         stickyHeader?: React.ReactNode;
         stickyFooter?: React.ReactNode;
         noResultsMessage?: string | undefined;
+        placement?: import("@floating-ui/utils").Placement | undefined;
+        middleware?: any[] | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
     parameters: {
         docs: {
@@ -35,3 +37,4 @@ export declare const WithTextInput: StoryObj<typeof ContextMenu2>;
 export declare const Nest: StoryObj<typeof ContextMenu2>;
 export declare const Anchor: StoryObj<typeof ContextMenu2>;
 export declare const Sortable: StoryObj<typeof ContextMenu2>;
+export declare const PlacementControl: StoryObj<typeof ContextMenu2>;

package/dist/components/ContextMenu2/ContextMenu2ButtonItem.d.ts

@@ -7,5 +7,6 @@ export declare const ContextMenu2ButtonItem: import("styled-components").StyledC
     prepend?: ReactNode;
     children: ReactNode;
     closeOnClick?: boolean | undefined;
+    color?: "danger" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
 export {};

package/dist/components/ContextMenu2/ContextMenu2CheckItem.d.ts

@@ -9,5 +9,6 @@ export declare const ContextMenu2CheckItem: import("styled-components").StyledCo
     prepend?: ReactNode;
     children: ReactNode;
     onChange?: ((checked: boolean) => void) | undefined;
+    color?: "danger" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, Theme, never>;
 export {};

package/dist/components/FilterInputAbstract/FilterInputAbstract.d.ts

@@ -1,5 +1,6 @@
 import React, { type ReactElement, type ReactNode } from "react";
-import { FilterSize } from "./types";
+import type { Props as IconProps } from "../Icon/Icon";
+import { FilterSize, FilterVariant } from "./types";
 export declare const FilterInputContext: React.Context<{
     isSmall: boolean;
     disabled: boolean;
@@ -14,15 +15,16 @@ export declare const FilterTag: ({ label, size, variant, onRemove, }: FilterTagP
 type FilterInputAbstractProps = {
     selectedIndex: number;
     selectOptions: {
-        icon: ReactElement;
+        icon: ReactElement<IconProps>;
         label: string;
     }[];
     children?: ReactNode;
     onSelectChange: (index: number) => void;
     size?: "small" | "medium" | "large";
+    variant?: FilterVariant;
     disabled?: boolean;
     error?: boolean;
     isOpen?: boolean;
 };
-export declare const FilterInputAbstract: ({ selectedIndex, selectOptions, onSelectChange, children, size, disabled, error, isOpen, }: FilterInputAbstractProps) => JSX.Element;
+export declare const FilterInputAbstract: ({ selectedIndex, selectOptions, onSelectChange, children, size, variant, disabled, error, isOpen, }: FilterInputAbstractProps) => JSX.Element;
 export {};

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

@@ -2,15 +2,16 @@ import React from "react";
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ selectedIndex, selectOptions, onSelectChange, children, size, disabled, error, isOpen, }: {
+    component: ({ selectedIndex, selectOptions, onSelectChange, children, size, variant, disabled, error, isOpen, }: {
         selectedIndex: number;
         selectOptions: {
-            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            icon: React.ReactElement<import("../Icon").IconProps, string | React.JSXElementConstructor<any>>;
             label: string;
         }[];
         children?: React.ReactNode;
         onSelectChange: (index: number) => void;
         size?: "small" | "medium" | "large" | undefined;
+        variant?: import("./types").FilterVariant | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
         isOpen?: boolean | undefined;

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

@@ -1,25 +1,24 @@
 /// <reference types="react" />
-import { FilterSize } from "./types";
+import { FilterSize, FilterVariant } from "./types";
 export declare const filterBaseStyle: import("styled-components").FlattenSimpleInterpolation;
 export declare const getFilterSizeStyle: (size: FilterSize) => import("styled-components").FlattenSimpleInterpolation;
 export declare const getTriggerIconSizeStyle: (size: FilterSize) => import("styled-components").FlattenSimpleInterpolation;
-export type FilterTagProps = {
-    $size: FilterSize;
-};
 export declare const FilterInputAbstract: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $isOpen?: boolean | undefined;
     $error?: boolean | undefined;
     $disabled?: boolean | undefined;
 }, never>;
-export declare const DropDownTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const FilterTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FilterTagProps, never>;
-export declare const FilterTagButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, FilterTagProps, never>;
+export declare const DropDownTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+    $variant?: FilterVariant | undefined;
+}, never>;
 export declare const StyledContextMenu2CheckItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     checked?: boolean | undefined;
     closeOnChange?: boolean | undefined;
     prepend?: import("react").ReactNode;
     children: import("react").ReactNode;
     onChange?: ((checked: boolean) => void) | undefined;
+    color?: "danger" | undefined;
 } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     checked?: boolean | undefined;
     colors?: "danger" | undefined;

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

@@ -8,6 +8,7 @@ export declare const InlineField: import("styled-components").StyledComponent<"d
 export declare const InlineFieldInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const OverflowIndicator: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     $size?: FilterSize | undefined;
+    $variant: FilterVariant;
 }, never>;
 export declare const InlineInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const InlineInputIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Icon/internal/CheckIcon/index.d.ts

@@ -2,3 +2,6 @@ import * as React from "react";
 import { IconProps } from "../../Icon";
 declare const CheckIcon: React.FunctionComponent<IconProps>;
 export { CheckIcon };
+/**
+ * @deprecated このアイコンは非推奨です。代わりに `CheckThinIcon` を使用してください。
+ */

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

@@ -9,5 +9,8 @@ type IndicatorProps = {
     border: string;
 };
 export declare const Indicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IndicatorProps, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;
 export {};

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -1,5 +1,9 @@
 import * as React from "react";
 export type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
+    /**
+     * @deprecated ラベルテキストの直接指定（children）は非推奨です。別の手段でラベルを指定してください。
+     */
+    children?: React.ReactNode;
     disabled?: boolean;
     onChange?: () => void;
     width?: string;