ingred-ui 14.9.0 → 14.10.0

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

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { Props as BaseButtonProps } from "./internal/BaseButton";
 import { Theme } from "../../themes";
 export type ButtonSize = "small" | "medium" | "large";
 export type ButtonColor = "primary" | "secondary" | "danger" | "clear";
@@ -25,7 +24,7 @@ export type Padding = {
     size: ButtonSize;
     color: ButtonColor;
 };
-export type ButtonProps = Omit<BaseButtonProps, "color"> & {
+type baseProps = {
     /**
      * The component used for the root node.
      * Default: `<button />`
@@ -40,29 +39,20 @@ export type ButtonProps = Omit<BaseButtonProps, "color"> & {
     inline?: boolean;
     size?: ButtonSize;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
+} & React.ComponentPropsWithoutRef<"button">;
+type AnchorProps = Omit<baseProps, "onClick"> & {
     /**
      * If added this props, root node becomes `<a />`.
      */
-    href?: string;
+    href: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    rel?: string;
 };
-declare const Button: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-    /**
-     * The component used for the root node.
-     * Default: `<button />`
-     */
-    component?: keyof JSX.IntrinsicElements | React.ComponentType<{
-        className: string;
-    }> | undefined;
-    color?: ButtonColor | undefined;
-    /**
-     * Control whether "inline" or "block" Element.
-     */
-    inline?: boolean | undefined;
-    size?: ButtonSize | undefined;
-    onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    /**
-     * If added this props, root node becomes `<a />`.
-     */
-    href?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
+type BaseButtonProps = baseProps & {
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};
+export type ButtonProps = BaseButtonProps | AnchorProps;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
 export default Button;

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

@@ -3,16 +3,7 @@ import { StoryObj } from "@storybook/react";
 import { ButtonProps } from "./Button";
 declare const _default: {
     title: string;
-    components: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-        component?: keyof JSX.IntrinsicElements | React.ComponentType<{
-            className: string;
-        }> | undefined;
-        color?: import("./Button").ButtonColor | undefined;
-        inline?: boolean | undefined;
-        size?: import("./Button").ButtonSize | undefined;
-        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-        href?: string | undefined;
-    } & React.RefAttributes<HTMLElement>>;
+    components: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
     args: {
         onClick: import("@storybook/addon-actions").HandlerFunction;
     };

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

@@ -8,16 +8,7 @@ declare const _default: {
         disabled?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
-        Button: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-            component?: keyof JSX.IntrinsicElements | React.ComponentType<{
-                className: string;
-            }> | undefined;
-            color?: import("../Button/Button").ButtonColor | undefined;
-            inline?: boolean | undefined;
-            size?: import("../Button/Button").ButtonSize | undefined;
-            onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-            href?: string | undefined;
-        } & React.RefAttributes<HTMLElement>>;
+        Button: React.ForwardRefExoticComponent<import("..").ButtonProps & React.RefAttributes<HTMLElement>>;
     };
 };
 export default _default;

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

@@ -1,32 +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<Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-    component?: keyof JSX.IntrinsicElements | import("react").ComponentType<{
-        className: string;
-    }> | undefined;
-    color?: import("../Button/Button").ButtonColor | undefined;
-    inline?: boolean | undefined;
-    size?: import("../Button/Button").ButtonSize | undefined;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    href?: string | undefined;
-} & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SplitToggle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-    component?: keyof JSX.IntrinsicElements | import("react").ComponentType<{
-        className: string;
-    }> | undefined;
-    color?: import("../Button/Button").ButtonColor | undefined;
-    inline?: boolean | undefined;
-    size?: import("../Button/Button").ButtonSize | undefined;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    href?: string | undefined;
-} & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SingleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
-    component?: keyof JSX.IntrinsicElements | import("react").ComponentType<{
-        className: string;
-    }> | undefined;
-    color?: import("../Button/Button").ButtonColor | undefined;
-    inline?: boolean | undefined;
-    size?: import("../Button/Button").ButtonSize | undefined;
-    onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    href?: string | undefined;
-} & 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<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>;