ingred-ui 23.3.2 → 23.4.0

package/dist/components/Button/Button.d.ts

@@ -33,6 +33,10 @@ type baseProps = {
         className: string;
     }>;
     color?: ButtonColor;
+    /**
+     * テキストカラーを直接指定したい場合に使用
+     */
+    textColor?: string;
     /**
      * Control whether "inline" or "block" Element.
      */
@@ -55,5 +59,5 @@ type BaseButtonProps = baseProps & {
     rel?: undefined;
 };
 export type ButtonProps = BaseButtonProps | AnchorProps;
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default Button;

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

@@ -3,7 +3,7 @@ import { StoryObj } from "@storybook/react";
 import { ButtonProps } from "./Button";
 declare const _default: {
     title: string;
-    components: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+    components: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
     args: {
         onClick: import("@storybook/addon-actions").HandlerFunction;
     };
@@ -28,4 +28,5 @@ export declare const Medium: StoryObj<ButtonProps>;
 export declare const Large: StoryObj<ButtonProps>;
 export declare const Disabled: StoryObj<ButtonProps>;
 export declare const UseHrefProps: StoryObj<ButtonProps>;
+export declare const CustomTextColor: StoryObj<ButtonProps>;
 export declare const DesignSamples: StoryObj;

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

@@ -1,4 +1,4 @@
-import { ButtonColorStyle } from "./Button";
+import type { ButtonColorStyle, ButtonSize } from "./Button";
 export type ContainerProps = ButtonColorStyle & {
     color: string;
     inline: boolean;
@@ -9,6 +9,9 @@ export type ContainerProps = ButtonColorStyle & {
     href?: string;
     disabled?: boolean;
 };
+export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $textColor?: string | undefined;
+}, never>;
 export declare const ButtonContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonColorStyle & {
     color: string;
     inline: boolean;
@@ -18,4 +21,6 @@ export declare const ButtonContainer: import("styled-components").StyledComponen
     height: string;
     href?: string | undefined;
     disabled?: boolean | undefined;
+} & {
+    size: ButtonSize;
 }, never>;

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

@@ -10,7 +10,7 @@ declare const _default: {
         disabled?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
-        Button: React.ForwardRefExoticComponent<import("..").ButtonProps & React.RefAttributes<HTMLElement>>;
+        Button: React.ForwardRefExoticComponent<import("..").ButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
     };
 };
 export default _default;

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

@@ -4,12 +4,12 @@ import { CheckBoxProps, CheckboxSize } from "./Checkbox";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<{
-        children?: React.ReactNode;
         form?: string | undefined;
         slot?: string | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined;
         pattern?: string | undefined;
+        children?: React.ReactNode;
         value?: string | number | readonly string[] | undefined;
         type?: React.HTMLInputTypeAttribute | undefined;
         name?: string | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const MainButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SplitToggle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SingleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const MainButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SplitToggle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,8 +1,17 @@
 /// <reference types="react" />
-import { FilterVariant } from "../FilterInputAbstract/types";
+import { FilterSize, FilterVariant } from "../FilterInputAbstract/types";
 type StyledProps = {
+    $size: FilterSize;
     $variant: FilterVariant;
 };
+export declare const Trigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledProps, never>;
+export declare const TriggerLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $size: FilterSize;
+}, never>;
+export declare const TriggerIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ComboBoxPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ComboBoxPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ComboBoxInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledProps, never>;
 export declare const TagList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Select: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledProps, never>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FilterSize, FilterVariant } from "./types";
-export declare const filterBaseStyle: import("styled-components").FlattenSimpleInterpolation;
+export declare const filterBaseStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const getFilterSizeStyle: (size: FilterSize) => import("styled-components").FlattenSimpleInterpolation;
 export declare const getTriggerIconSizeStyle: (size: FilterSize) => import("styled-components").FlattenSimpleInterpolation;
 export declare const FilterInputAbstract: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,3 +1,4 @@
+import { Theme } from "../../themes";
 export type FilterSize = "small" | "medium" | "large";
 export type FilterVariant = "light" | "dark";
 export type FilterSizeProps = {
@@ -14,4 +15,4 @@ export type FilterVariantConfig = {
     background: string;
 };
 export declare const FILTER_SIZES: Record<FilterSize, FilterSizeConfig>;
-export declare const FILTER_VARIANTS: Record<FilterVariant, FilterVariantConfig>;
+export declare const getFilterVariantConfig: (theme: Theme) => Record<FilterVariant, FilterVariantConfig>;

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

@@ -17,4 +17,12 @@ type StyledContextMenu2TextInputItemProps = {
 export declare const StyledContextMenu2TextInputItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     onEnter?: (() => void) | undefined;
 } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, StyledContextMenu2TextInputItemProps, never>;
+export declare const StyledTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    $isOpen?: boolean | undefined;
+    $placeholder?: boolean | undefined;
+    $placeholderColor?: string | undefined;
+    $size: "small" | "medium" | "large";
+}, never>;
+export declare const SelectPanelInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -18,13 +18,13 @@ export declare const PanelLeft: import("styled-components").StyledComponent<"div
 export declare const PanelRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelSelectTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const PanelSelectTriggerSpacer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const PanelSelectTriggerLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const PanelSelectTriggerIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const PanelButtons: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const PanelSelectTriggerSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PanelSelectTriggerLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PanelSelectTriggerIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelTagField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelTagFieldFocusTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelInputSpacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PanelClearButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const PanelButtons: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -39,7 +39,7 @@ export declare const TAG_VARIANTS: {
         readonly hoverIcon: "#1F3449";
     };
     readonly dark: {
-        readonly background: "#F5F7F8";
+        readonly background: "#F2F4F5";
         readonly border: "#B3BAC1";
         readonly text: "#041C33";
         readonly hoverIcon: "#1F3449";