@itcase/ui 1.3.31 → 1.3.32

package/dist/types/components/Group/stories/args.d.ts

@@ -6,7 +6,7 @@ export declare const argTypes: {
     };
     borderColor: {
         control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
     };
     direction: {
         control: string;
@@ -35,7 +35,7 @@ export declare const argTypes: {
     };
     fill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     htmlFor: {
         if: {

package/dist/types/components/HTMLContent/HTMLContent.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tFlexGrowProps, tHeightProps, tJustifyContentProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, tWrapProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iHTMLContentProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     align?: tAlignProps;

package/dist/types/components/HeroTitle/HeroTitle.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { tFillProps, tSvgFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tHeroTitleSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iHeroTitleThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import type { tAlignmentProps, tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTitleSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iIconThemeColor {
     alignment?: tAlignmentProps;
     bgFill?: tFillProps;

package/dist/types/components/Image/Image.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorProps, tFillHoverProps, tFillProps, tHorizontalContentAlignProps, tShapeProps, tVerticalContentAlignProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iImageProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

package/dist/types/components/Input/Input.interface.d.ts

@@ -1,7 +1,7 @@
 import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from 'types/componentProps/stateKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iInputThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/InputMask/Input.interface.d.ts

@@ -1,7 +1,7 @@
 import { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from 'types/componentProps/stateKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iInputThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

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

@@ -1,10 +1,4 @@
 import type { iInputPasswordConfig, iInputPasswordProps } from './InputPassword.interface';
 declare const inputPasswordConfig: iInputPasswordConfig;
 declare function InputPassword(props: iInputPasswordProps): import("react/jsx-runtime").JSX.Element;
-declare namespace InputPassword {
-    var defaultProps: {
-        size: string;
-        type: string;
-    };
-}
 export { InputPassword, inputPasswordConfig };

package/dist/types/components/InputPassword/InputPassword.interface.d.ts

@@ -1,7 +1,7 @@
 import { tBorderColorProps, tBorderWidthProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from 'types/componentProps/stateKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iInputThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Label/Label.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignmentProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tTitleSizeProps, tWidthProps, tWrapProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iLabelThemeColor {
     [key: number | string | symbol]: any;
     align?: tAlignProps;

package/dist/types/components/Label/appearance/labelAccent.d.ts

@@ -0,0 +1,13 @@
+declare const labelAppearanceAccent: {
+    accent: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+    accentTertiary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+};
+export { labelAppearanceAccent };

package/dist/types/components/Label/appearance/labelDanger.d.ts

@@ -0,0 +1,11 @@
+declare const labelAppearanceDanger: {
+    danger: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceDanger };

package/dist/types/components/Label/appearance/labelError.d.ts

@@ -0,0 +1,11 @@
+declare const labelAppearanceError: {
+    error: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceError };

package/dist/types/components/Label/appearance/labelGradient.d.ts

@@ -0,0 +1,11 @@
+declare const labelAppearanceWarning: {
+    gradient: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceWarning };

package/dist/types/components/Label/appearance/labelInfo.d.ts

@@ -0,0 +1,21 @@
+declare const labelAppearanceInfo: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceInfo };

package/dist/types/components/Label/appearance/labelPrimary.d.ts

@@ -0,0 +1,8 @@
+declare const labelAppearancePrimary: {
+    primary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+};
+export { labelAppearancePrimary };

package/dist/types/components/Label/appearance/labelSecondary.d.ts

@@ -0,0 +1,8 @@
+declare const labelAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+};
+export { labelAppearanceSecondary };

package/dist/types/components/Label/appearance/labelSize.d.ts

@@ -0,0 +1,59 @@
+declare const labelAppearanceSize: {
+    sizeXXL: {
+        labelTextSize: string;
+        size: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+    };
+    sizeXL: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+    sizeL: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+    sizeM: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+    sizeS: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+    sizeXS: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+    sizeXXS: {
+        labelTextSize: string;
+        iconAfterFillSize: number;
+        iconAfterSize: number;
+        iconBeforeFillSize: number;
+        iconBeforeSize: number;
+        size: string;
+    };
+};
+export { labelAppearanceSize };

package/dist/types/components/Label/appearance/labelStyle.d.ts

@@ -0,0 +1,16 @@
+declare const labelAppearanceStyle: {
+    full: {
+        borderColor: null;
+    };
+    ghost: {
+        fill: null;
+        borderColor: null;
+    };
+    outlined: {
+        fill: null;
+    };
+    solid: {
+        borderColor: null;
+    };
+};
+export { labelAppearanceStyle };

package/dist/types/components/Label/appearance/labelSuccess.d.ts

@@ -0,0 +1,11 @@
+declare const labelAppearanceSuccess: {
+    success: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceSuccess };

package/dist/types/components/Label/appearance/labelSurface.d.ts

@@ -0,0 +1,24 @@
+declare const labelAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+};
+export { labelAppearanceSurface };

package/dist/types/components/Label/appearance/labelWarning.d.ts

@@ -0,0 +1,11 @@
+declare const labelAppearanceWarning: {
+    warning: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { labelAppearanceWarning };

package/dist/types/components/Link/Link.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { tDirectionProps, tFillProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tUnderlineProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iLinkThemeColor {
     direction?: tDirectionProps;
     fill?: tFillProps;

package/dist/types/components/List/List.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tDirectionProps, tFillProps, tSizeProps, tTextColorProps, tTextStyleProps, tTextWeightProps, tTitleSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iListProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     bulletFill?: tFillProps;

package/dist/types/components/Loader/Loader.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tFillProps, tHeightProps, tItemColorProps, tPositionProps, tTextColorProps, tTextSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iLoaderThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

package/dist/types/components/Loader/appearance/loaderAccent.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceAccent: {
+    accent: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceAccent };

package/dist/types/components/Loader/appearance/loaderPrimary.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearancePrimary: {
+    primary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearancePrimary };

package/dist/types/components/Loader/appearance/loaderSecondary.d.ts

@@ -0,0 +1,7 @@
+declare const loaderAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceSecondary };

package/dist/types/components/Loader/appearance/loaderSurface.d.ts

@@ -0,0 +1,15 @@
+declare const loaderAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        itemFill: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        itemFill: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        itemFill: string;
+    };
+};
+export { loaderAppearanceSurface };

package/dist/types/components/Logo/Logo.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { tAlignDirectionProps, tAlignProps, tFlexAlignProps, tSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iLogoThemeColor {
     [key: number | string | symbol]: any;
     alt?: string;

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

@@ -1,9 +1,4 @@
 import type { iMenuConfig, iMenuProps } from './Menu.interface';
 declare const menuConfig: iMenuConfig;
 declare function Menu(props: iMenuProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Menu {
-    var defaultProps: {
-        direction: string;
-    };
-}
 export { Menu, menuConfig };

package/dist/types/components/Menu/Menu.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tDirectionProps, tFlexGrowProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iMenuThemeColor {
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};

package/dist/types/components/MenuItem/MenuItem.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iMenuItemThemeColor {
     [key: number | string | symbol]: any;
     align?: tAlignProps;

package/dist/types/components/Modal/Modal.interface.d.ts

@@ -1,7 +1,7 @@
 import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
 import type { tBorderColorProps, tElevationProps, tFillGradientProps, tFillProps, tShapeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iModalThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Notification/Notification.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iNotificationItemThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

package/dist/types/components/Overlay/Overlay.interface.d.ts

@@ -1,6 +1,6 @@
 import type { tFillGradientProps, tFillProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iOverlayThemeColor {
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};

package/dist/types/components/Pagination/Pagination.interface.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import { tAlignmentProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iPaginationThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

package/dist/types/components/Panel/Panel.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tFlexAlignProps, tFlexJustifyContentProps, tFlexWrapProps, tHeightProps, tPositionProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface ThemeColor {
     [key: number | string | symbol]: any;
     border?: string;

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

@@ -1,9 +1,4 @@
 import type { iRadioConfig, iRadioProps } from './Radio.interface';
 declare const radioConfig: iRadioConfig;
 declare function Radio(props: iRadioProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Radio {
-    var defaultProps: {
-        shape: string;
-    };
-}
 export { Radio, radioConfig };

package/dist/types/components/Radio/Radio.interface.d.ts

@@ -1,7 +1,7 @@
 import { ElementType } from 'react';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iRadioThemeColor {
     [key: number | string | symbol]: any;
     descTextColor?: tTextColorProps;

package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iRangeSliderProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

package/dist/types/components/Response/Response.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTitleSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iResponseThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Response/stories/args.d.ts

@@ -6,7 +6,7 @@ export declare const argTypes: {
     };
     borderColor: {
         control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
     };
     advancedProps: {
         control: string;
@@ -37,7 +37,7 @@ export declare const argTypes: {
     };
     fill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     fillHover: {
         control: string;
@@ -72,7 +72,7 @@ export declare const argTypes: {
     };
     primaryButtonFill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     primaryButtonFillHover: {
         control: string;
@@ -119,7 +119,7 @@ export declare const argTypes: {
     };
     secondaryButtonFill: {
         control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
     };
     secondaryButtonFillHover: {
         control: string;

package/dist/types/components/SVGContent/SVGContent.interface.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { tSvgFillProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iSVGContentProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     children?: ReactNode;

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

@@ -1,8 +1,3 @@
 import type { iScrollOnDragProps } from './ScrollOnDrag.interface';
 declare function ScrollOnDrag(props: iScrollOnDragProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ScrollOnDrag {
-    var defaultProps: {
-        width: string;
-    };
-}
 export { ScrollOnDrag };

package/dist/types/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import ScrollContainer from 'react-indiana-drag-scroll';
 import { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iScrollOnDragProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Scrollbar/Scrollbar.interface.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iScrollbarProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;