@itcase/ui 1.1.15 → 1.1.16

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

@@ -1,33 +1,33 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { directionPropsType, fillPropsType, sizePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textStylePropsType, textWeightPropsType, underlinePropsType } from '../../types';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tDirectionProps, tFillProps, tSizeProps, textColorHoverPropsType, tTextColorProps, textGradientPropsType, textStylePropsType, tTextWeightProps, underlinePropsType } from '../../types';
 export interface ILinkThemeColor {
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    size?: sizePropsType;
-    sizeDesktop?: sizePropsType;
-    sizeMobile?: sizePropsType;
-    sizeTablet?: sizePropsType;
-    textColor?: textColorPropsType;
-    textColorDesktop?: textColorPropsType;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    size?: tSizeProps;
+    sizeDesktop?: tSizeProps;
+    sizeMobile?: tSizeProps;
+    sizeTablet?: tSizeProps;
+    textColor?: tTextColorProps;
+    textColorDesktop?: tTextColorProps;
     textColorHover?: textColorHoverPropsType;
-    textColorMobile?: textColorPropsType;
-    textColorTablet?: textColorPropsType;
+    textColorMobile?: tTextColorProps;
+    textColorTablet?: tTextColorProps;
     textGradient?: textGradientPropsType;
     textStyle?: textStylePropsType;
-    textWeight?: textWeightPropsType;
-    textWeightDesktop?: textWeightPropsType;
-    textWeightMobile?: textWeightPropsType;
-    textWeightTablet?: textWeightPropsType;
+    textWeight?: tTextWeightProps;
+    textWeightDesktop?: tTextWeightProps;
+    textWeightMobile?: tTextWeightProps;
+    textWeightTablet?: tTextWeightProps;
 }
 export interface ILinkConfig {
     LinkComponent: ElementType | undefined;
     setLinkComponent: (LinkComponent: ElementType) => void;
 }
-export interface ILinkProps extends ILinkThemeColor, TypeStyleAttributes {
+export interface ILinkProps extends ILinkThemeColor, iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
@@ -44,7 +44,7 @@ export interface ILinkProps extends ILinkThemeColor, TypeStyleAttributes {
     onClick?: () => void;
     onMouseDown?: () => void;
 }
-export interface ILinkWrapperProps extends ILinkThemeColor, TypeStyleAttributes {
+export interface ILinkWrapperProps extends ILinkThemeColor, iStyleAttributes {
     children?: ReactNode;
     className?: string;
     Component?: ElementType;

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

@@ -1,28 +1,28 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { directionPropsType, fillPropsType, sizePropsType, textColorPropsType, textStylePropsType, textWeightPropsType, titleSizePropsType } from '../../types';
-export interface IListProps extends TypeStyleAttributes {
-    bulletFill?: fillPropsType;
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tDirectionProps, tFillProps, tSizeProps, tTextColorProps, textStylePropsType, tTextWeightProps, titleSizePropsType } from '../../types';
+export interface IListProps extends iStyleAttributes {
+    bulletFill?: tFillProps;
     bulletSize?: titleSizePropsType;
-    bulletTextColor?: textColorPropsType;
+    bulletTextColor?: tTextColorProps;
     children?: ReactNode;
     className?: string;
-    direction?: directionPropsType;
-    size?: sizePropsType;
+    direction?: tDirectionProps;
+    size?: tSizeProps;
     style?: CSSProperties;
     type?: string;
 }
-export interface IListItemProps extends TypeStyleAttributes {
+export interface IListItemProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     href?: string;
     link?: string;
     style?: CSSProperties;
     text?: any;
-    textColor?: textColorPropsType;
+    textColor?: tTextColorProps;
     textStyle?: textStylePropsType;
-    textWeight?: textWeightPropsType;
+    textWeight?: tTextWeightProps;
 }

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

@@ -1,16 +1,16 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillPropsType, heightPropsType, itemColorPropsType, positionPropsType, textColorPropsType, textSizePropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tFillProps, tHeightProps, tItemColorProps, positionPropsType, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILoaderThemeColor {
-    fill?: fillPropsType;
-    height?: heightPropsType;
-    itemFill?: itemColorPropsType;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
-    width?: widthPropsType;
+    fill?: tFillProps;
+    height?: tHeightProps;
+    itemFill?: tItemColorProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type loaderAppearanceType = {
     [key in appearanceKeysType]?: ILoaderThemeColor;
 };
@@ -18,7 +18,7 @@ export interface ILoaderConfig {
     appearance: loaderAppearanceType | undefined;
     setAppearance: (newComponent: loaderAppearanceType) => void;
 }
-export interface ILoaderProps extends ILoaderThemeColor, TypeStyleAttributes {
+export interface ILoaderProps extends ILoaderThemeColor, iStyleAttributes {
     appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, flexAlignPropsType, sizePropsType, widthPropsType } from '../../types';
-export interface ILogoProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, flexAlignPropsType, tSizeProps, tWidthProps } from '../../types';
+export interface ILogoProps extends iStyleAttributes {
     alt?: string;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
@@ -10,9 +10,9 @@ export interface ILogoProps extends TypeStyleAttributes {
     href?: string;
     link?: string;
     mode?: string;
-    size?: sizePropsType;
+    size?: tSizeProps;
     source?: string;
     src?: string;
     style?: CSSProperties;
-    width?: widthPropsType;
+    width?: tWidthProps;
 }

package/dist/cjs/components/Logo.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Logo = require('../Logo-De74wmbt.js');
+var Logo = require('../Logo-CcEF4P2z.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

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

@@ -1,13 +1,13 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { directionPropsType, flexGrowPropsType, widthPropsType } from '../../types';
-export interface IMenuProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tDirectionProps, flexGrowPropsType, tWidthProps } from '../../types';
+export interface IMenuProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
     columns?: number;
-    direction?: directionPropsType;
+    direction?: tDirectionProps;
     flexGrow?: flexGrowPropsType;
     items?: {
         id: string;
@@ -15,6 +15,6 @@ export interface IMenuProps extends TypeStyleAttributes {
     }[];
     style?: CSSProperties;
     type?: string;
-    width?: widthPropsType;
+    width?: tWidthProps;
     onClickItem?: () => void;
 }

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

@@ -1,40 +1,40 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, directionPropsType, fillHoverPropsType, fillPropsType, justifyContentPropsType, shapePropsType, sizePropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, underlinePropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, tDirectionProps, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, underlinePropsType, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IMenuItemThemeColor {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
-    descTextColor?: textColorPropsType;
+    descTextColor?: tTextColorProps;
     descTextColorHover?: textColorHoverPropsType;
     descTextGradient?: textGradientPropsType;
-    descTextSize?: textSizePropsType;
+    descTextSize?: tTextSizeProps;
     descTextStyle?: textStylePropsType;
-    descTextWeight?: textWeightPropsType;
+    descTextWeight?: tTextWeightProps;
     descTextWrap?: textWrapPropsType;
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    fillActive?: fillPropsType;
-    fillActiveHover?: fillHoverPropsType;
-    fillDisabled?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    fillActive?: tFillProps;
+    fillActiveHover?: tFillHoverProps;
+    fillDisabled?: tFillProps;
+    fillHover?: tFillHoverProps;
     justifyContent?: justifyContentPropsType;
-    linkFill?: fillPropsType;
-    shape?: shapePropsType;
-    size?: sizePropsType;
-    textColor?: textColorPropsType;
+    linkFill?: tFillProps;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    textColor?: tTextColorProps;
     textColorActive?: textColorActivePropsType;
     textColorGradient?: textGradientPropsType;
     textColorHover?: textColorHoverPropsType;
     textGradient?: textGradientPropsType;
-    textSize?: textSizePropsType;
+    textSize?: tTextSizeProps;
     textStyle?: textStylePropsType;
-    textWeight?: textWeightPropsType;
+    textWeight?: tTextWeightProps;
     textWrap?: textWrapPropsType;
     underline?: underlinePropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type menuItemAppearanceType = {
     [key in appearanceKeysType]?: IMenuItemThemeColor;
 };
@@ -42,7 +42,7 @@ export interface IMenuItemConfig {
     appearance: menuItemAppearanceType | undefined;
     setAppearance: (newComponent: menuItemAppearanceType) => void;
 }
-export interface IMenuItemProps extends IMenuItemThemeColor, TypeStyleAttributes {
+export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
     after?: ReactNode;
     appearance?: appearanceKeysType;
     before?: ReactNode;

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

@@ -1,6 +1,6 @@
 import type { MouseEventHandler, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillGradientPropsType, fillPropsType } from '../../types';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillGradientPropsType, tFillProps } from '../../types';
 export interface IModalLoaderProps {
 }
 export interface IModalRef {
@@ -9,7 +9,7 @@ export interface IModalRef {
     closeModal: MouseEventHandler<HTMLDivElement>;
     modalElement: Element | HTMLDivElement | null;
 }
-export interface IModalProps extends TypeStyleAttributes {
+export interface IModalProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
@@ -17,7 +17,7 @@ export interface IModalProps extends TypeStyleAttributes {
     id?: string;
     isOverlay?: boolean;
     overlayClassName?: string;
-    overlayFill?: fillPropsType;
+    overlayFill?: tFillProps;
     overlayFillGradient?: fillGradientPropsType;
     overlayOpacity?: string;
     isOpen: boolean;

package/dist/cjs/components/Modal.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ModalLoader = require('../ModalLoader-A2KkSC3x.js');
+var ModalLoader = require('../ModalLoader-Cddzca-W.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

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

@@ -1,16 +1,16 @@
 import { ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillPropsType, sizePropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface INotificationItemThemeColor {
-    fill?: fillPropsType;
-    size?: sizePropsType;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
-    titleTextColor?: textColorPropsType;
+    fill?: tFillProps;
+    size?: tSizeProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
+    titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type notificationItemAppearanceType = {
     [key in appearanceKeysType]?: INotificationItemThemeColor;
 };
@@ -18,7 +18,7 @@ export interface INotificationItemConfig {
     appearance: notificationItemAppearanceType | undefined;
     setAppearance: (newComponent: notificationItemAppearanceType) => void;
 }
-export interface INotificationItemProps extends TypeStyleAttributes {
+export interface INotificationItemProps extends iStyleAttributes {
     after?: ReactNode;
     appearance?: appearanceKeysType;
     before?: ReactNode;
@@ -27,23 +27,23 @@ export interface INotificationItemProps extends TypeStyleAttributes {
     dataTour?: string;
     id?: number | string;
     set?: string;
-    size?: sizePropsType;
+    size?: tSizeProps;
     status?: string;
     text?: string;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
     title?: string;
-    titleTextColor?: textColorPropsType;
+    titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
     type?: string;
     onClickClose?: (id?: number | string) => void;
-    fill?: fillPropsType;
+    fill?: tFillProps;
 }
 export interface INotificationListProps {
     className?: string;
     closeButton?: ReactNode;
     set?: string;
-    size?: sizePropsType;
+    size?: tSizeProps;
     type?: string;
 }
 export {};

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

@@ -1,8 +1,8 @@
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillGradientPropsType, fillPropsType } from '../../types';
-export interface IOverlayProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillGradientPropsType, tFillProps } from '../../types';
+export interface IOverlayProps extends iStyleAttributes {
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     fillGradient?: fillGradientPropsType;
     opacity?: string;
     type?: string;

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorActivePropsType, textColorPropsType, textSizePropsType, textWrapPropsType } from '../../types';
-export interface IPaginationProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignmentPropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textAlignPropsType, textColorActivePropsType, tTextColorProps, tTextSizeProps, textWrapPropsType } from '../../types';
+export interface IPaginationProps extends iStyleAttributes {
     allItemsCount?: number;
     className?: string;
     marginPagesDisplayed?: number;
@@ -10,31 +10,31 @@ export interface IPaginationProps extends TypeStyleAttributes {
     pageCountDesc?: string;
     pageCountDropdownItemLabelAlign?: textAlignPropsType;
     pageCountDropdownItemWidth?: string;
-    pageCountDescTextColor?: textColorPropsType;
-    pageCountDescTextSize?: textSizePropsType;
+    pageCountDescTextColor?: tTextColorProps;
+    pageCountDescTextSize?: tTextSizeProps;
     pageCountDropdownAlignment?: alignmentPropsType;
     pageCountDropdownElevation?: elevationPropsType;
-    pageCountDropdownFill?: fillPropsType;
-    pageCountDropdownItemDividerDirection?: directionPropsType;
-    pageCountDropdownItemDividerFill?: fillPropsType;
-    pageCountDropdownItemDividerSize?: sizePropsType;
-    pageCountDropdownItemFill?: fillPropsType;
-    pageCountDropdownItemFillActive?: fillPropsType;
-    pageCountDropdownItemFillActiveHover?: fillHoverPropsType;
-    pageCountDropdownItemFillHover?: fillHoverPropsType;
-    pageCountDropdownItemLabelColor?: textColorPropsType;
+    pageCountDropdownFill?: tFillProps;
+    pageCountDropdownItemDividerDirection?: tDirectionProps;
+    pageCountDropdownItemDividerFill?: tFillProps;
+    pageCountDropdownItemDividerSize?: tSizeProps;
+    pageCountDropdownItemFill?: tFillProps;
+    pageCountDropdownItemFillActive?: tFillProps;
+    pageCountDropdownItemFillActiveHover?: tFillHoverProps;
+    pageCountDropdownItemFillHover?: tFillHoverProps;
+    pageCountDropdownItemLabelColor?: tTextColorProps;
     pageCountDropdownItemLabelColorActive?: textColorActivePropsType;
-    pageCountDropdownItemLabelSize?: textSizePropsType;
+    pageCountDropdownItemLabelSize?: tTextSizeProps;
     pageCountDropdownItemLabelWrap?: textWrapPropsType;
-    pageCountDropdownItemSize?: sizePropsType;
+    pageCountDropdownItemSize?: tSizeProps;
     pageCountDropdownItemShowDivider?: boolean;
     pageCountDropdownSet?: string;
-    pageCountDropdownShape?: shapePropsType;
+    pageCountDropdownShape?: tShapeProps;
     pageCountInputIcon?: ReactNode;
-    pageCountInputIconColor?: itemColorPropsType;
+    pageCountInputIconColor?: tItemColorProps;
     pageCountInputIconFillSize?: iconFillSizePropsType;
-    pageCountInputTextColor?: textColorPropsType;
-    pageCountInputTextSize?: textSizePropsType;
+    pageCountInputTextColor?: tTextColorProps;
+    pageCountInputTextSize?: tTextSizeProps;
     pageNumber: string;
     pageRangeDisplayed?: number;
     perPageCount?: number;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, heightPropsType, positionPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
     borderColor?: string;
@@ -9,9 +9,9 @@ interface ThemeColor {
     direction?: alignDirectionPropsType;
     fill?: string;
     fillHover?: string;
-    labelTextColor?: textColorPropsType;
+    labelTextColor?: tTextColorProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 type appearanceType = {
     [key in appearanceKeysType]: ThemeColor;
 };
@@ -19,7 +19,7 @@ export interface IPanelConfig {
     appearance: appearanceType | undefined;
     setAppearance: (newComponent: appearanceType) => void;
 }
-export interface IPanelProps extends TypeStyleAttributes {
+export interface IPanelProps extends iStyleAttributes {
     appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;
@@ -31,26 +31,26 @@ export interface IPanelProps extends TypeStyleAttributes {
     verticalScroll?: boolean;
     alignContent?: flexJustifyContentPropsType;
     alignItems?: flexAlignPropsType;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     direction?: alignDirectionPropsType;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    height?: heightPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    height?: tHeightProps;
     justifyContent?: flexJustifyContentPropsType;
     position?: positionPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    shape?: tShapeProps;
+    width?: tWidthProps;
     wrap?: flexWrapPropsType;
     desc?: string;
-    descTextColor?: textColorPropsType;
-    descTextSize?: textSizePropsType;
-    descTextWeight?: textWeightPropsType;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
     title?: string;
-    titleTextColor?: textColorPropsType;
-    titleTextSize?: textSizePropsType;
-    titleTextWeight?: textWeightPropsType;
+    titleTextColor?: tTextColorProps;
+    titleTextSize?: tTextSizeProps;
+    titleTextWeight?: tTextWeightProps;
 }
 export {};

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

@@ -1,32 +1,32 @@
 import { ElementType } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IRadioThemeColor {
-    descTextColor?: textColorPropsType;
-    descTextSize?: textSizePropsType;
-    descTextWeight?: textWeightPropsType;
-    fill?: fillPropsType;
-    labelTextColor?: textColorPropsType;
-    labelTextSize?: textSizePropsType;
-    labelTextWeight?: textWeightPropsType;
-    shape?: shapePropsType;
-    stateBorderColor?: borderColorPropsType;
-    stateBorderColorChecked?: borderColorPropsType;
-    stateBorderColorDisabled?: borderColorPropsType;
-    stateBorderColorDisabledChecked?: borderColorPropsType;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
+    fill?: tFillProps;
+    labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
+    labelTextWeight?: tTextWeightProps;
+    shape?: tShapeProps;
+    stateBorderColor?: tBorderColorProps;
+    stateBorderColorChecked?: tBorderColorProps;
+    stateBorderColorDisabled?: tBorderColorProps;
+    stateBorderColorDisabledChecked?: tBorderColorProps;
     stateBorderColorHover?: borderColorHoverPropsType;
     stateBorderColorHoverChecked?: borderColorHoverPropsType;
-    stateBorderWidth?: borderWidthPropsType;
-    stateCheckmarkFill?: itemColorPropsType;
-    stateCheckmarkFillDisabled?: itemColorPropsType;
-    stateFill?: fillPropsType;
-    stateFillChecked?: fillPropsType;
-    stateFillDisabled?: fillPropsType;
-    stateFillDisabledChecked?: fillPropsType;
-    stateShape?: shapePropsType;
+    stateBorderWidth?: tBorderWidthProps;
+    stateCheckmarkFill?: tItemColorProps;
+    stateCheckmarkFillDisabled?: tItemColorProps;
+    stateFill?: tFillProps;
+    stateFillChecked?: tFillProps;
+    stateFillDisabled?: tFillProps;
+    stateFillDisabledChecked?: tFillProps;
+    stateShape?: tShapeProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type radioStateType = {
     [key in appearanceKeysType]?: IRadioThemeColor;
 };
@@ -39,7 +39,7 @@ export interface IRadioConfig {
     appearance: radioAppearanceType | undefined;
     setAppearance: (newComponent: radioAppearanceType) => void;
 }
-export interface IRadioProps extends IRadioThemeColor, TypeStyleAttributes {
+export interface IRadioProps extends IRadioThemeColor, iStyleAttributes {
     appearance?: appearanceKeysType;
     checked?: boolean;
     className?: string;

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

@@ -1,28 +1,28 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillPropsType, itemColorPropsType, shapePropsType, widthPropsType } from '../../types';
-export interface IRangeSliderProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from '../../types';
+export interface IRangeSliderProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
     disabled?: boolean;
-    fill?: fillPropsType;
-    fillHandle?: itemColorPropsType;
-    fillHandleDragging?: itemColorPropsType;
-    fillHandleDraggingHover?: itemColorPropsType;
-    fillHandleHover?: itemColorPropsType;
-    fillRail?: fillPropsType;
-    fillTrack?: fillPropsType;
+    fill?: tFillProps;
+    fillHandle?: tItemColorProps;
+    fillHandleDragging?: tItemColorProps;
+    fillHandleDraggingHover?: tItemColorProps;
+    fillHandleHover?: tItemColorProps;
+    fillRail?: tFillProps;
+    fillTrack?: tFillProps;
     max?: number;
     min?: number;
     pushable?: boolean;
     range?: boolean;
     set?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     style?: CSSProperties;
     value?: number;
     vertical?: boolean;
-    width?: widthPropsType;
+    width?: tWidthProps;
     onChangeSlider?: () => void;
 }