@devopness/ui-react 2.153.1 → 2.153.2

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

@@ -2,20 +2,10 @@ import { ButtonHTMLAttributes } from 'react';
 import { getColor } from '../../../colors';
 import { Icon } from '../../../icons';
 type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * By default the button component is 34px high, the "typeSize" property contains
-     * the "medium" variation that changes to 27px
-     */
-    typeSize?: 'default' | 'medium' | 'auto';
-    /** Icon name */
-    icon?: Icon;
-    /** Enable button loading animation */
-    loading?: boolean;
-    /**
-     * With the property "revertOrientation" it is possible to change the positioning of
-     * the elements inside the button as "icon" or "loading"
-     */
-    revertOrientation?: boolean;
+    /** Customize background color */
+    backgroundColor?: string;
+    /** Customize border color */
+    borderColor?: string;
     /** Predefined style variations for the button */
     buttonType?: 'borderless' | 'outlinedSecondary' | 'outlinedAuxiliary' | 'Default';
     /** `Warning`: This property overrides the style defined by the `buttonType` property!
@@ -23,42 +13,46 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      * Customize elements color
      */
     color?: string;
-    /** `Warning`: This property overrides the style defined by the `buttonType` property!
-     *
-     * Customize background color
+    /** Icon name */
+    icon?: Icon;
+    /**
+     * By default the icon color is primary, use this prop to customize "iconColor"
      */
-    backgroundColor?: string;
-    /** `Warning`: This property overrides the style defined by the `buttonType` property!
-     *
-     * Customize border color
+    iconColor?: ReturnType<typeof getColor>;
+    /**
+     * By default the icon component is 16px high, use this prop to customize "iconSize"
      */
-    borderColor?: string;
+    iconSize?: number;
+    /** Enable button loading animation */
+    loading?: boolean;
     /**
      * The button component has a 15px margin on its sides, to remove activate the "noMargin" property
      */
-    $noMargin?: boolean;
+    noMargin?: boolean;
     /**
      * The button component has a 10px margin on its sides, to remove activate the "noIconMargin" property
      */
-    $noIconMargin?: boolean;
+    noIconMargin?: boolean;
     /**
      * The button component has a 15px padding on its sides, to remove activate the "noPadding" property
      */
-    $noPadding?: boolean;
+    noPadding?: boolean;
     /**
      * It should be true if the button is wrapped in a tooltip
      */
     noPointerEvents?: boolean;
     /**
-     * By default the icon component is 16px high, use this prop to customize "iconSize"
+     * With the property "revertOrientation" it is possible to change the positioning of
+     * the elements inside the button as "icon" or "loading"
      */
-    iconSize?: number;
+    revertOrientation?: boolean;
     /**
-     * By default the icon color is primary, use this prop to customize "iconColor"
+     * By default the button component is 34px high, the "typeSize" property contains
+     * the "medium" variation that changes to 27px
      */
-    iconColor?: ReturnType<typeof getColor>;
+    typeSize?: 'default' | 'medium' | 'auto';
 };
 /** Primary UI component for user interaction */
-declare const Button: ({ type, typeSize, buttonType, color, backgroundColor, borderColor, disabled, tabIndex, loading: isLoading, icon, children, revertOrientation, $noMargin: noMargin, $noIconMargin, noPointerEvents, iconSize, iconColor, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ backgroundColor, borderColor, buttonType, children, color, disabled, icon, iconColor, iconSize, loading: isLoading, noIconMargin, noMargin, noPadding, noPointerEvents, revertOrientation, tabIndex, type, typeSize, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export type { ButtonProps };
 export { Button };

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

@@ -1,26 +1,8 @@
 import { ButtonProps } from '.';
-type CustomButton = {
-    backgroundColor?: string;
-    color?: string;
-    borderColor?: string;
-};
 type StyledProps = {
-    $noMargin?: boolean;
-    $noPadding?: boolean;
-    $size: NonNullable<ButtonProps['typeSize']>;
-    $variant?: string;
-    $custom?: CustomButton;
-    icon?: boolean;
-    alignEnd?: boolean;
-    reversed: boolean;
-    noPointerEvents?: boolean;
+    [Key in keyof Pick<ButtonProps, 'backgroundColor' | 'borderColor' | 'buttonType' | 'color' | 'iconSize' | 'noIconMargin' | 'noMargin' | 'noPadding' | 'noPointerEvents' | 'revertOrientation' | 'typeSize'> as `$${Key}`]: ButtonProps[Key];
 };
-declare const ContentIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ButtonProps, "$noIconMargin"> & {
-    reversed: ButtonProps["revertOrientation"];
-    size: Required<ButtonProps["iconSize"]>;
-}>> & string;
+declare const ContentIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<StyledProps, "$iconSize">>> & string;
 declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-declare const WrapperButtons: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-declare const BaseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledProps>> & string;
-declare const SmallWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-export { ContentIcon, Label, WrapperButtons, BaseButton, SmallWrapper };
+declare const BaseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<StyledProps, "$buttonType" | "$backgroundColor" | "$borderColor" | "$color" | "$noIconMargin" | "$noMargin" | "$noPadding" | "$noPointerEvents" | "$revertOrientation" | "$typeSize">>> & string;
+export { BaseButton, ContentIcon, Label };