ingred-ui 19.8.0 → 21.0.0

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Theme } from "../../themes";
 export type ButtonSize = "small" | "medium" | "large";
-export type ButtonColor = "primary" | "secondary" | "danger" | "clear";
+export type ButtonColor = "primary" | "primaryPale" | "basicLight" | "basicDark" | "danger" | "clear";
 export type ButtonColorStyle = {
     normal: {
         background: string;
@@ -37,6 +37,7 @@ type baseProps = {
      * Control whether "inline" or "block" Element.
      */
     inline?: boolean;
+    icon?: React.ReactNode;
     size?: ButtonSize;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
 } & React.ComponentPropsWithoutRef<"button">;

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

@@ -18,11 +18,14 @@ declare const _default: {
 };
 export default _default;
 export declare const Primary: StoryObj<ButtonProps>;
-export declare const Secondary: StoryObj<ButtonProps>;
+export declare const BasicLight: StoryObj<ButtonProps>;
 export declare const Danger: StoryObj<ButtonProps>;
 export declare const Clear: StoryObj<ButtonProps>;
+export declare const BasicDark: StoryObj<ButtonProps>;
+export declare const PrimaryPale: StoryObj<ButtonProps>;
 export declare const Small: StoryObj<ButtonProps>;
 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 DesignSamples: StoryObj;

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

@@ -1,23 +1,21 @@
 import { ButtonColorStyle } from "./Button";
 export type ContainerProps = ButtonColorStyle & {
+    color: string;
     inline: boolean;
     fontSize: string;
-    fontWeight: string;
-    verticalPadding: string;
-    horizontalPadding: string;
-    paddingTopAtActive: string;
-    paddingBottomAtActive: string;
+    paddingInline: string;
+    borderRadius: string;
+    height: string;
     href?: string;
     disabled?: boolean;
 };
 export declare const ButtonContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonColorStyle & {
+    color: string;
     inline: boolean;
     fontSize: string;
-    fontWeight: string;
-    verticalPadding: string;
-    horizontalPadding: string;
-    paddingTopAtActive: string;
-    paddingBottomAtActive: string;
+    paddingInline: string;
+    borderRadius: string;
+    height: string;
     href?: string | undefined;
     disabled?: boolean | undefined;
 }, never>;

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

@@ -1,12 +1,16 @@
 import * as React from "react";
-import { ButtonSize } from "../Button/Button";
-type GroupButtonSize = Exclude<ButtonSize, "large">;
+import { ButtonColor, ButtonSize } from "../Button/Button";
+type ButtonMinSize = ButtonSize | "fit-content";
 export type ButtonGroupProps = React.ComponentPropsWithoutRef<"div"> & {
-    size?: GroupButtonSize;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    minSize?: ButtonMinSize;
     disabled?: boolean;
 };
 declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    size?: GroupButtonSize | undefined;
+    size?: ButtonSize | undefined;
+    color?: ButtonColor | undefined;
+    minSize?: ButtonMinSize | undefined;
     disabled?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default ButtonGroup;

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

@@ -4,7 +4,9 @@ import { ButtonGroupProps } from "./ButtonGroup";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        size?: ("small" | "medium") | undefined;
+        size?: import("../Button/Button").ButtonSize | undefined;
+        color?: import("../Button/Button").ButtonColor | undefined;
+        minSize?: ("fit-content" | import("../Button/Button").ButtonSize) | undefined;
         disabled?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
@@ -15,4 +17,5 @@ export default _default;
 export declare const Example: StoryObj<ButtonGroupProps>;
 export declare const DesignSamples: StoryObj;
 export declare const DisablePartially: StoryObj<ButtonGroupProps>;
+export declare const MinSize: StoryObj<ButtonGroupProps>;
 export declare const LinkMixed: StoryObj<ButtonGroupProps>;

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

@@ -1,5 +1,5 @@
-export type ContainerProps = {
-    minWidth: string;
-    horizontalPadding: string;
+type ButtonGroupProps = {
+    minSize?: string;
 };
-export declare const ButtonGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export declare const ButtonGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonGroupProps, never>;
+export {};

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

@@ -266,12 +266,12 @@ declare const _default: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        alt?: string | undefined;
         height?: string | number | undefined;
         max?: string | number | undefined;
         min?: string | number | undefined;
         width?: string | number | undefined;
         crossOrigin?: string | undefined;
-        alt?: string | undefined;
         src?: string | undefined;
         autoFocus?: boolean | undefined;
         disabled?: boolean | undefined;

package/dist/components/Icon/Icon.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 /** @deprecated "arrow_bottom" は "arrow_down" に置き換わりました */
 type DeprecatedArrowBottom = "arrow_bottom";
-export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "expand_diagonal_s_fill" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to";
+export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "expand_diagonal_s_fill" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alert" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to";
 type IconType = "fill" | "line";
 type IconColor = IconType | "active" | string;
-type IconSize = "sm" | "md" | "lg";
+export type IconSize = "sm" | "sm-md" | "md" | "md-lg" | "lg";
 export declare const iconSize: {
     [key in IconSize]: number;
 };
@@ -20,12 +20,14 @@ export type Props = {
     type?: IconType;
     size?: IconSize;
     color?: IconColor;
+    alt?: string;
 } | {
     /** @deprecated "arrow_bottom" は "arrow_down" に置き換わりました */
     name: DeprecatedArrowBottom;
     type?: IconType;
     size?: IconSize;
     color?: IconColor;
+    alt?: string;
 };
 declare const Icon: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

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

@@ -1,2 +1,3 @@
 export { default } from "./Icon";
+export type { IconSize } from "./Icon";
 export type { Props as IconProps, IconName } from "./Icon";

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "../../Icon";
+declare const AlertIcon: React.FunctionComponent<IconProps>;
+export { AlertIcon };