@devopness/ui-react 2.153.0 → 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,16 +13,18 @@ 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
      */
@@ -50,15 +42,17 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      */
     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, 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 };

package/dist/src/components/Templates/Tabs/Tabs.styled.d.ts

@@ -1,6 +1,6 @@
 declare const StyledTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "variant" | "action" | "orientation" | "classes" | "sx" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar">, never>> & string & Omit<import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TabsTypeMap<{}, "div">>, keyof import('react').Component<any, {}, any>>;
+}, "value" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "action" | "orientation" | "classes" | "sx" | "slots" | "slotProps" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar">, never>> & string & Omit<import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TabsTypeMap<{}, "div">>, keyof import('react').Component<any, {}, any>>;
 declare const StyledTab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "value" | "className" | "style" | "tabIndex" | "children" | "icon" | "label" | "action" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped">, never>> & string & Omit<import('@mui/material').ExtendButtonBase<import('@mui/material').TabTypeMap<{}, "div">>, keyof import('react').Component<any, {}, any>>;