@itcase/ui 1.3.31 → 1.3.34

package/dist/types/components/Button/appearance/buttonAccent.d.ts

@@ -0,0 +1,50 @@
+declare const buttonAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    full: {};
+    solid: {
+        fill: string;
+        borderColor: null;
+        labelTextColor: string;
+    };
+    outlined: {
+        fill: null;
+        borderColor: string;
+        labelTextColor: string;
+    };
+    ghost: {
+        fill: null;
+        borderColor: null;
+        labelTextColor: string;
+    };
+};
+export { buttonAppearanceAccent };

package/dist/types/components/Button/appearance/buttonDanger.d.ts

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

package/dist/types/components/Button/appearance/buttonError.d.ts

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

package/dist/types/components/Button/appearance/buttonInfo.d.ts

@@ -0,0 +1,21 @@
+declare const buttonAppearanceInfo: {
+    info: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    infoSecondary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { buttonAppearanceInfo };

package/dist/types/components/Button/appearance/buttonPrimary.d.ts

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

package/dist/types/components/Button/appearance/buttonSecondary.d.ts

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

package/dist/types/components/Button/appearance/buttonSize.d.ts

@@ -0,0 +1,59 @@
+declare const buttonAppearanceSize: {
+    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 { buttonAppearanceSize };

package/dist/types/components/Button/appearance/buttonStyle.d.ts

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

package/dist/types/components/Button/appearance/buttonSuccess.d.ts

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

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -0,0 +1,25 @@
+declare const buttonAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { buttonAppearanceSurface };

package/dist/types/components/Button/appearance/buttonWarning.d.ts

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

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

@@ -1,62 +1,70 @@
 export declare const argTypes: {
-    children: {
+    className: {
         if: {
             arg: string;
         };
     };
+    type: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: (string | null)[];
+    };
     width: {
         control: string;
         options: readonly ["auto", "fixed", "hug", "fill"];
     };
-    borderColor: {
+    fill: {
         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, "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"];
     };
-    isDisabled: {
-        control: string;
+    children: {
         if: {
             arg: string;
         };
     };
-    advancedProps: {
+    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", "none"];
     };
-    after: {
-        if: {
-            arg: string;
-        };
+    borderType: {
+        control: string;
+        options: readonly [undefined, "outline", "solid", "none"];
     };
-    appearance: {
+    labelTextColor: {
         control: string;
-        options: (string | null)[];
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
     };
-    Badge: {
+    labelTextColorHover: {
         control: string;
-        options: (import("react/jsx-runtime").JSX.Element | null)[];
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
     };
-    before: {
+    labelTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    labelTextWrap: {
+        control: string;
         if: {
             arg: string;
         };
+        options: readonly [undefined, "wrap", "nowrap"];
     };
-    borderType: {
+    advancedProps: {
         control: string;
-        options: readonly [undefined, "outline", "solid", "none"];
     };
-    className: {
-        if: {
-            arg: string;
-        };
+    Badge: {
+        control: string;
+        options: (import("react/jsx-runtime").JSX.Element | null)[];
     };
     dataTour: {
         if: {
             arg: string;
         };
     };
-    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"];
-    };
     href: {
         if: {
             arg: string;
@@ -73,7 +81,7 @@ export declare const argTypes: {
             arg: string;
             neq: null;
         };
-        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"];
     };
     iconAfterSrc: {
         control: string;
@@ -85,7 +93,7 @@ export declare const argTypes: {
             arg: string;
             neq: null;
         };
-        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"];
     };
     iconBeforeSrc: {
         control: string;
@@ -97,7 +105,7 @@ export declare const argTypes: {
             arg: string;
             neq: null;
         };
-        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"];
     };
     iconSize: {
         control: string;
@@ -111,25 +119,6 @@ export declare const argTypes: {
         control: string;
         options: (string | null)[];
     };
-    labelTextColor: {
-        control: string;
-        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
-    };
-    labelTextColorHover: {
-        control: string;
-        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
-    };
-    labelTextSize: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    labelTextWrap: {
-        control: string;
-        if: {
-            arg: string;
-        };
-        options: readonly [undefined, "wrap", "nowrap"];
-    };
     link: {
         if: {
             arg: string;
@@ -141,7 +130,7 @@ export declare const argTypes: {
             arg: string;
             eq: null;
         };
-        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"];
     };
     loaderItemFill: {
         control: string;
@@ -182,7 +171,18 @@ export declare const argTypes: {
             arg: string;
         };
     };
-    type: {
+    before: {
+        if: {
+            arg: string;
+        };
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    isDisabled: {
+        control: string;
         if: {
             arg: string;
         };

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

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

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

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode } from 'react';
 import { tDirectionProps, tFillProps, tIconFillSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iCellThemeColor {
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};

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

@@ -1,7 +1,7 @@
 import type { ElementType, ReactNode } from 'react';
 import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type tCheckboxState = {
     [key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
 };

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

@@ -2,7 +2,7 @@ import 'types';
 import { ElementType } from 'react';
 import { tBorderColorProps, tBorderWidthProps, tFillProps, tSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iCheckmarkThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

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

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

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

@@ -4,7 +4,7 @@ export declare const argTypes: {
     };
     border: {
         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"];
     };
     borderType: {
         control: string;
@@ -17,7 +17,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"];
     };
     labelTextSize: {
         control: string;

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeOptionProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWrapProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iChoiceThemeColor {
     [key: number | string | symbol]: any;
     activeIconItemFill?: tItemColorProps;

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

@@ -1,19 +1,4 @@
 import type { iCodeConfig, iCodeProps } from './Code.interface';
 declare const codeConfig: iCodeConfig;
 declare function Code(props: iCodeProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Code {
-    var defaultProps: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputBorderFocusColor: string;
-        inputBorderWidth: number;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputShape: string;
-        inputSize: string;
-        inputTextColor: string;
-        inputTextSize: string;
-    };
-}
 export { Code, codeConfig };

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

@@ -2,7 +2,7 @@ import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, 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';
 export interface iCodeThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

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

@@ -1,5 +1,5 @@
 import { HTMLProps } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iDadataHintFieldProps extends iStyleAttributes {
     delay?: number;
     input?: any;

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

@@ -1,9 +1,4 @@
 import type { iDividerConfig, iDividerProps } from './Divider.interface';
 declare const dividerConfig: iDividerConfig;
 declare function Divider(props: iDividerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Divider {
-    var defaultProps: {
-        size: string;
-    };
-}
 export { Divider, dividerConfig };

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { tDirectionProps, tFillHoverProps, tFillProps, 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 iDividerThemeColor {
     [key: number | string | symbol]: any;
     className?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorProps, tBorderTypeProps, tFillProps, tShapeProps, tSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iDotThemeColor {
     borderColor?: tBorderColorProps;
     borderColorDesktop?: tBorderColorProps;

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignmentProps, tAlignProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, 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 iDropdownProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -1,11 +1,4 @@
 import type { iDropdownItemConfig, iDropdownItemProps } from './Dropdown.interface';
 declare const dropdownItemConfig: iDropdownItemConfig;
 declare function DropdownItem(props: iDropdownItemProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownItem {
-    var defaultProps: {
-        width: string;
-        LinkComponent: string;
-        size: string;
-    };
-}
 export { DropdownItem, dropdownItemConfig };

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { tAlignDirectionProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tFillHoverProps, tFillProps, tFlexAlignProps, tFlexJustifyContentProps, tFlexWrapProps, tHorizontalResizeModeProps, tPositionProps, tShapeProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iFlexProps extends iStyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;