@itcase/ui 1.3.11 → 1.3.13

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

@@ -0,0 +1,174 @@
+export declare const argTypes: {
+    borderWidth: {
+        if: {
+            arg: string;
+        };
+    };
+    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"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: string[];
+    };
+    before: {
+        if: {
+            arg: string;
+        };
+    };
+    borderType: {
+        if: {
+            arg: string;
+        };
+    };
+    className: {
+        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"];
+    };
+    fillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    messageTextColor: {
+        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"];
+    };
+    messageTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    primaryButtonAfter: {
+        if: {
+            arg: string;
+        };
+    };
+    primaryButtonAppearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    primaryButtonBefore: {
+        if: {
+            arg: string;
+        };
+    };
+    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"];
+    };
+    primaryButtonFillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    primaryButtonLabelTextColor: {
+        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"];
+    };
+    primaryButtonLabelTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButtonShape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    primaryButtonSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButtonWidth: {
+        control: string;
+        options: readonly ["auto", "fixed", "hug", "fill"];
+    };
+    secondaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    secondaryButtonAfter: {
+        if: {
+            arg: string;
+        };
+    };
+    secondaryButtonAppearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    secondaryButtonBefore: {
+        if: {
+            arg: string;
+        };
+    };
+    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"];
+    };
+    secondaryButtonFillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    secondaryButtonLabelTextColor: {
+        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"];
+    };
+    secondaryButtonLabelTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    secondaryButtonShape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    secondaryButtonSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    secondaryButtonWidth: {
+        control: string;
+        options: readonly ["auto", "fixed", "hug", "fill"];
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    titleTextColor: {
+        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"];
+    };
+    titleTextSize: {
+        control: string;
+        options: readonly [undefined, "h1", "h2", "h3", "h4", "h5", "h6"];
+    };
+    titleTextWeight: {
+        control: string;
+        options: readonly [undefined, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+    };
+    onClickPrimaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    onClickSecondaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
+import { tSvgFillProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { svgFillPropsType } from '../../types';
 export interface iSVGContentProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     src?: string;
-    svgFill?: svgFillPropsType;
-    svgFillHover?: svgFillPropsType;
+    svgFill?: tSvgFillProps;
+    svgFillHover?: tSvgFillProps;
     SvgImage?: any;
 }

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

@@ -1,15 +1,15 @@
 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 { borderTypePropsType, elevationPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from '../../types';
 export interface iScrollOnDragProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     height?: tHeightProps;

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

@@ -1,25 +1,25 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderTypePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSearchThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderHover?: borderColorHoverPropsType;
-    borderType?: borderTypePropsType;
+    borderHover?: tBorderColorHoverProps;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     iconAfter?: string;
     iconAfterFill?: tItemColorProps;
-    iconAfterSize?: iconSizePropsType;
+    iconAfterSize?: tIconSizeProps;
     iconAfterSrc?: string;
     iconBefore?: string;
     iconBeforeFill?: tItemColorProps;
-    iconBeforeSize?: iconSizePropsType;
+    iconBeforeSize?: tIconSizeProps;
     iconBeforeSrc?: string;
     iconClear?: string;
     iconClearFill?: tItemColorProps;
-    iconClearSize?: iconSizePropsType;
+    iconClearSize?: tIconSizeProps;
     iconClearSrc?: string;
     inputFill?: tFillProps;
     inputShape?: tShapeProps;

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

@@ -1,9 +1,9 @@
+import { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSegmentedThemeColor {
     [key: number | string | symbol]: any;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;

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

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import { GroupBase, PropsValue } from 'react-select';
 import { Props } from 'react-select/base';
-import { borderColorHoverPropsType, borderTypePropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeOptionProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 interface iSelectThemeColor {
     [key: number | string | symbol]: any;
     elevation?: number;
     inputBorderColor?: tBorderColorProps;
-    inputBorderColorHover?: borderColorHoverPropsType;
+    inputBorderColorHover?: tBorderColorHoverProps;
     inputFill?: string;
     inputShape?: string;
     inputTextColor?: tTextColorProps;
@@ -22,7 +22,7 @@ interface iSelectThemeColor {
     placeholder?: React.ReactNode;
     placeholderTextColor?: tTextColorProps;
     placeholderTextSize?: tTextSizeProps;
-    size?: sizeOptionPropsType;
+    size?: tSizeOptionProps;
 }
 type tSelectAppearance = {
     [key in tAppearanceKeysDefault]?: iSelectThemeColor;
@@ -85,7 +85,7 @@ interface iSelectPropsCustom<Option> {
     optionAfter?: React.ReactNode;
     optionBefore?: React.ReactNode;
     optionBorder?: tBorderColorProps;
-    optionBorderType?: borderTypePropsType;
+    optionBorderType?: tBorderTypeProps;
     optionSelected?: React.ReactNode;
     optionShape?: tShapeProps;
     shape?: tShapeProps;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
+import { tFillProps, tIconSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { iconSizePropsType, tFillProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSiteMenuThemeColor {
     [key: number | string | symbol]: any;
     closeTextColor?: tTextColorProps;
@@ -11,7 +11,7 @@ export interface iSiteMenuThemeColor {
     iconClose?: ReactNode;
     iconCloseBgFill?: tFillProps;
     iconCloseFill?: tFillProps;
-    iconCloseSize?: iconSizePropsType;
+    iconCloseSize?: tIconSizeProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type siteMenuAppearanceType = {

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
+import { tAlignDirectionProps, tAlignProps, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, tTitleSizeProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, tFillProps, titleSizePropsType, tShapeProps, tTextColorProps, tTextWeightProps } from '../../types';
 export interface iSwiperProps extends iStyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
@@ -42,7 +42,7 @@ export interface iSwiperProps extends iStyleAttributes {
     swiperSlideClass?: string;
     title?: string;
     titleAfter?: ReactNode;
-    titleSize?: titleSizePropsType;
+    titleSize?: tTitleSizeProps;
     titleTextColor?: tTextColorProps;
     titleWeight?: tTextWeightProps;
     isChangeOnClickSlide?: boolean;

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

@@ -1,5 +1,5 @@
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSwitchThemeColor {
     size?: string;
     set?: string;

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
+import type { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, tWrapProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
-import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTabThemeColor {
     [key: number | string | symbol]: any;
     align?: tAlignProps;
@@ -76,7 +76,7 @@ interface iTabGroupProps extends iStyleAttributes {
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
@@ -87,7 +87,7 @@ interface iTabGroupProps extends iStyleAttributes {
     horizontalScroll?: boolean;
     style?: CSSProperties;
     width?: tWidthProps;
-    wrap?: wrapPropsType;
+    wrap?: tWrapProps;
     set?: string;
 }
 export type { iTabThemeColor, tTabAppearance, iTabConfig, iTabProps, iTabGroupProps };

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

@@ -0,0 +1,171 @@
+export declare const argTypes: {
+    argTypes: {
+        children: {
+            if: {
+                arg: string;
+            };
+        };
+        isActive: {
+            control: string;
+        };
+        advancedProps: {
+            control: string;
+        };
+        after: {
+            if: {
+                arg: string;
+            };
+        };
+        appearance: {
+            control: string;
+            options: (string | null)[];
+        };
+        badge: {
+            control: string;
+        };
+        badgeAppearance: {
+            control: string;
+            options: string[];
+        };
+        badgeFill: {
+            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"];
+        };
+        badgeSize: {
+            control: string;
+            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+        };
+        badgeTextColor: {
+            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"];
+        };
+        badgeTextSize: {
+            control: string;
+            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+        };
+        before: {
+            if: {
+                arg: string;
+            };
+        };
+        className: {
+            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"];
+        };
+        fillHover: {
+            control: string;
+            options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+        };
+        href: {
+            if: {
+                arg: string;
+            };
+        };
+        labelColor: {
+            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"];
+        };
+        labelColorActive: {
+            control: string;
+            if: {
+                arg: 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;
+            if: {
+                arg: 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"];
+        };
+        labelTextGradient: {
+            control: string;
+            if: {
+                arg: string;
+            };
+            options: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
+        };
+        labelTextSize: {
+            control: string;
+            options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+        };
+        labelTextStyle: {
+            control: string;
+            if: {
+                arg: string;
+            };
+            options: readonly [undefined, "normal", "italic"];
+        };
+        labelTextWeight: {
+            control: string;
+            options: readonly [undefined, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+        };
+        labelTextWrap: {
+            control: string;
+            options: readonly [undefined, "wrap", "nowrap"];
+        };
+        link: {
+            if: {
+                arg: string;
+            };
+        };
+        LinkComponent: {
+            if: {
+                arg: string;
+            };
+        };
+        linkFill: {
+            control: string;
+            if: {
+                arg: 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"];
+        };
+        rel: {
+            if: {
+                arg: string;
+            };
+        };
+        shape: {
+            control: string;
+            options: readonly [undefined, "geometric", "rounded", "circular"];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        target: {
+            if: {
+                arg: string;
+            };
+        };
+        type: {
+            if: {
+                arg: string;
+            };
+        };
+        underline: {
+            control: string;
+            if: {
+                arg: string;
+            };
+            options: readonly [undefined, "none", "underline"];
+        };
+        onClick: {
+            if: {
+                arg: string;
+            };
+        };
+        onMouseEnter: {
+            if: {
+                arg: string;
+            };
+        };
+    };
+};

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, typePropsType } from '../../types';
-import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTextThemeColor {
     [key: number | string | symbol]: any;
     size?: tSizeProps;
@@ -50,7 +50,7 @@ interface iTextProps extends iTextThemeColor, iStyleAttributes {
     textWeightMobile?: tTextWeightProps;
     textWeightTablet?: tTextWeightProps;
     textWrap?: tTextWrapProps;
-    type?: typePropsType;
+    type?: tTypeProps;
     onClick?: () => void;
     onDoubleClick?: () => void;
 }

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

@@ -1,11 +1,11 @@
+import { tBorderColorHoverProps, tBorderColorProps, 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 { borderColorHoverPropsType, tBorderColorProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-import { tStateKeysDefault } from '../../types/componentProps/stateKeys';
 export interface iTextareaThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderHover?: borderColorHoverPropsType;
+    borderHover?: tBorderColorHoverProps;
     caret?: tItemColorProps;
     fill?: tFillProps;
     placeholderTextColor?: tTextColorProps;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tAlignDirectionProps, tAlignProps, tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tDirectionProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tTitleSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iTileThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
@@ -10,7 +10,7 @@ export interface iTileThemeColor {
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: titleSizePropsType;
+    titleTextSize?: tTitleSizeProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type tileAppearanceType = {
@@ -33,8 +33,8 @@ export interface iTileProps extends iTileThemeColor, iStyleAttributes {
     badgeTextColor?: tTextColorProps;
     badgeTextSize?: tTextSizeProps;
     before?: ReactNode;
-    borderColorHover?: borderColorHoverPropsType;
-    borderType?: borderTypePropsType;
+    borderColorHover?: tBorderColorHoverProps;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;

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

@@ -1,16 +1,16 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
+import { tFillProps, tSvgFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTitleSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { svgFillPropsType, tFillProps, titleSizePropsType, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTitleThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;
-    size?: titleSizePropsType;
-    sizeDesktop?: titleSizePropsType;
-    sizeMobile?: titleSizePropsType;
-    sizeTablet?: titleSizePropsType;
-    svgFill?: svgFillPropsType;
-    svgFillHover?: svgFillPropsType;
+    size?: tTitleSizeProps;
+    sizeDesktop?: tTitleSizeProps;
+    sizeMobile?: tTitleSizeProps;
+    sizeTablet?: tTitleSizeProps;
+    svgFill?: tSvgFillProps;
+    svgFillHover?: tSvgFillProps;
     textColor?: tTextColorProps;
     textColorActive?: tTextColorActiveProps;
     textColorHover?: tTextColorHoverProps;