@itcase/ui 1.1.14 → 1.1.16

package/dist/components/Accordion/Accordion.interface.d.ts

@@ -1,70 +1,70 @@
-import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
-export interface IAccordionProps extends TypeStyleAttributes {
-    children?: ReactNode;
+import type { CSSProperties, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextWeightProps, tWidthProps } from '../../types';
+interface iAccordionItemEventData {
+    id: number | string;
+    content?: ReactNode;
+    title: string;
+    isExpanded: boolean;
+}
+interface iAccordionProps extends iStyleAttributes {
+    borderColor?: tBorderColorProps;
+    children?: Element | React.ReactNode;
     className: string;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    height?: tHeightProps;
     initial: any;
-    isMultiple: boolean;
     items?: {
-        content: ReactNode;
         id: number | string;
+        content?: ReactNode;
         title: string;
     }[];
+    shape?: tShapeProps;
     style?: CSSProperties;
-    onClickItem?: ({}: {
-        id: number | string;
-    }) => void;
-    borderColor?: borderColorPropsType;
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    height?: heightPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
+    isMultiple: boolean;
+    onClickItem?: (T: iAccordionItemEventData) => void;
 }
-export interface IAccordionItemProps extends TypeStyleAttributes {
+interface iAccordionItemProps extends iStyleAttributes {
+    id: number | string;
     afterContent?: ReactNode;
     beforeContent?: ReactNode;
+    borderColor?: tBorderColorProps;
     children?: ReactNode;
     className?: string;
     content?: ReactNode;
-    contentTextColor?: textColorPropsType;
-    contentTextSize?: sizePropsType;
-    contentTextWeight?: textWeightPropsType;
+    contentBorderColor?: tBorderColorProps;
+    contentFill?: tFillProps;
+    contentTextColor?: tTextColorProps;
+    contentTextSize?: tSizeProps;
+    contentTextWeight?: tTextWeightProps;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillHover?: tFillHoverProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    height?: tHeightProps;
     icon?: ReactNode;
-    id: number | string;
-    size?: sizePropsType;
+    iconFill?: tItemColorProps;
+    iconFillDesktop?: tItemColorProps;
+    iconFillMobile?: tItemColorProps;
+    iconFillTablet?: tItemColorProps;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    size?: tSizeProps;
     style?: CSSProperties;
     title?: string;
-    titleTextColor?: textColorPropsType;
-    titleTextSize?: sizePropsType;
-    titleTextWeight?: textWeightPropsType;
+    titleBorderColor?: tBorderColorProps;
+    titleFill?: tFillProps;
+    titleFillHover?: tFillHoverProps;
+    titleTextColor?: tTextColorProps;
+    titleTextSize?: tSizeProps;
+    titleTextWeight?: tTextWeightProps;
+    width?: tWidthProps;
     isExpanded?: boolean;
-    onClick?: ({}: {
-        id: number | string;
-        title?: string;
-        content?: ReactNode;
-        isExpanded?: boolean;
-    }) => void;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    iconFill?: itemColorPropsType;
-    iconFillDesktop?: itemColorPropsType;
-    iconFillMobile?: itemColorPropsType;
-    iconFillTablet?: itemColorPropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    borderColor?: borderColorPropsType;
-    contentBorderColor?: borderColorPropsType;
-    titleBorderColor?: borderColorPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    contentFill?: fillPropsType;
-    titleFill?: fillPropsType;
-    titleFillHover?: fillHoverPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
-    height?: heightPropsType;
+    onClick?: (T: iAccordionItemEventData) => void;
 }
+export type { iAccordionItemEventData, iAccordionProps, iAccordionItemProps };

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,5 @@
-import { IAccordionItemProps } from './Accordion.interface';
-declare function AccordionItem(props: IAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+import type { iAccordionItemProps } from './Accordion.interface';
+declare function AccordionItem(props: iAccordionItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionItem {
     var defaultProps: {
         iconFill: string;

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-vh2p5Mzs.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-DF2lqrVA.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Duj1nynQ.js';
+import '../Icon-DWnG-4KG.js';
 import 'react-inlinesvg';
-import '../Link-CbCqej5B.js';
-import '../Tooltip-CcwyN7PD.js';
+import '../Link-Co6uspFK.js';
+import '../Tooltip-CpEQOh9v.js';
 import '../Text-CxrzHFN1.js';
-import '../Title-BUN57fWw.js';
+import '../Title-BhJcCgdK.js';

package/dist/components/Avatar/Avatar.interface.d.ts

@@ -1,29 +1,29 @@
 import { ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-export interface IAvatarProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, sizePXPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+export interface IAvatarProps extends iStyleAttributes {
     Dot?: ReactNode;
     after?: ReactNode;
     before?: ReactNode;
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     firstName?: string;
     icon?: ElementType;
-    iconFill?: fillPropsType;
-    iconFillHover?: fillHoverPropsType;
+    iconFill?: tFillProps;
+    iconFillHover?: tFillHoverProps;
     iconFillSize?: iconFillSizePropsType;
-    iconItemFill?: itemColorPropsType;
-    iconShape?: shapePropsType;
+    iconItemFill?: tItemColorProps;
+    iconShape?: tShapeProps;
     iconSize?: iconSizePropsType;
     iconSrc?: string;
     mode?: string;
     secondName?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     size?: sizePXPropsType;
     src?: string;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
-    textWeight?: textWeightPropsType;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
+    textWeight?: tTextWeightProps;
     type?: 'image' | 'text';
     onClick?: () => void;
 }

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar } from '../Avatar-DhZxzLEY.js';
+export { A as Avatar } from '../Avatar-DLNS2LBo.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,15 +9,15 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-Duj1nynQ.js';
+import '../Icon-DWnG-4KG.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CbCqej5B.js';
-import '../Tooltip-CcwyN7PD.js';
+import '../Link-Co6uspFK.js';
+import '../Tooltip-CpEQOh9v.js';
 import '../Text-CxrzHFN1.js';
-import '../Title-BUN57fWw.js';
+import '../Title-BhJcCgdK.js';
 import '../Image-Bz4Fo3eB.js';

package/dist/components/Badge/Badge.interface.d.ts

@@ -1,19 +1,20 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, tFillHoverProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IBadgeThemeColor {
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
-    fill?: fillPropsType;
-    shape?: shapePropsType;
-    size?: sizePropsType;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
+    borderWidth?: tBorderWidthProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type badgeAppearanceType = {
     [key in appearanceKeysType]?: IBadgeThemeColor;
 };
@@ -21,7 +22,7 @@ export interface IBadgeConfig {
     appearance: badgeAppearanceType | undefined;
     setAppearance: (newComponent: badgeAppearanceType) => void;
 }
-export interface IBadgeProps extends IBadgeThemeColor, TypeStyleAttributes {
+export interface IBadgeProps extends IBadgeThemeColor, iStyleAttributes {
     appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, b as badgeConfig } from '../Badge-D-4zpdfU.js';
+export { B as Badge, b as badgeConfig } from '../Badge-BBbMdbjo.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -1,19 +1,19 @@
 import { ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { directionPropsType, fillPropsType, iconSizePropsType, positionPropsType, shapePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, underlinePropsType, widthPropsType } from '../../types';
-export interface IBreadcrumbsItemProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tDirectionProps, tFillProps, iconSizePropsType, positionPropsType, tShapeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, underlinePropsType, tWidthProps } from '../../types';
+export interface IBreadcrumbsItemProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     cursor?: string;
-    fill?: fillPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
     href?: string;
     iconAfter?: ElementType;
     itemIconAfter?: ElementType;
-    iconAfterBgFill?: fillPropsType;
-    iconAfterFill?: fillPropsType;
+    iconAfterBgFill?: tFillProps;
+    iconAfterFill?: tFillProps;
     iconAfterSize?: iconSizePropsType;
     id?: string;
     position?: positionPropsType;
@@ -21,19 +21,19 @@ export interface IBreadcrumbsItemProps extends TypeStyleAttributes {
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
     set?: string;
-    shape?: shapePropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
     tag?: string;
     text?: string;
-    textColor?: textColorPropsType;
+    textColor?: tTextColorProps;
     textColorHover?: textColorHoverPropsType;
-    textSize?: textSizePropsType;
+    textSize?: tTextSizeProps;
     onClick?: () => void;
     underline?: underlinePropsType;
 }
-export interface IBreadcrumbsProps extends TypeStyleAttributes {
+export interface IBreadcrumbsProps extends iStyleAttributes {
     breadcrumbsList?: {
         href?: string;
         id?: string;
@@ -41,18 +41,18 @@ export interface IBreadcrumbsProps extends TypeStyleAttributes {
     }[];
     children?: ReactNode;
     className?: string;
-    direction?: directionPropsType;
-    directionDesktop?: directionPropsType;
-    directionMobile?: directionPropsType;
-    directionTablet?: directionPropsType;
-    fill?: fillPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    iconAfterBgFill?: fillPropsType;
-    iconAfterFill?: fillPropsType;
+    direction?: tDirectionProps;
+    directionDesktop?: tDirectionProps;
+    directionMobile?: tDirectionProps;
+    directionTablet?: tDirectionProps;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    iconAfterBgFill?: tFillProps;
+    iconAfterFill?: tFillProps;
     iconAfterSize?: iconSizePropsType;
-    itemTextColor?: textColorPropsType;
+    itemTextColor?: tTextColorProps;
     itemTextColorHover?: textColorHoverPropsType;
     itemUnderline?: underlinePropsType;
     position?: positionPropsType;
@@ -60,12 +60,12 @@ export interface IBreadcrumbsProps extends TypeStyleAttributes {
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
     set?: string;
-    shape?: shapePropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    width?: widthPropsType;
-    widthDesktop?: widthPropsType;
-    widthMobile?: widthPropsType;
-    widthTablet?: widthPropsType;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    width?: tWidthProps;
+    widthDesktop?: tWidthProps;
+    widthMobile?: tWidthProps;
+    widthTablet?: tWidthProps;
 }

package/dist/components/Breadcrumbs.js

@@ -1,4 +1,4 @@
-export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-CciIq1Na.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-Dz-WcAoT.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -14,9 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Duj1nynQ.js';
+import '../Icon-DWnG-4KG.js';
 import 'react-inlinesvg';
-import '../Link-CbCqej5B.js';
-import '../Tooltip-CcwyN7PD.js';
+import '../Link-Co6uspFK.js';
+import '../Tooltip-CpEQOh9v.js';
 import '../Text-CxrzHFN1.js';
-import '../Title-BUN57fWw.js';
+import '../Title-BhJcCgdK.js';

package/dist/components/Button/Button.interface.d.ts

@@ -1,45 +1,45 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IButtonThemeColor {
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    fillIcon?: fillPropsType;
-    fillIconAfter?: fillPropsType;
-    fillIconBefore?: fillPropsType;
-    iconAfterFill?: itemColorPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    fillIcon?: tFillProps;
+    fillIconAfter?: tFillProps;
+    fillIconBefore?: tFillProps;
+    iconAfterFill?: tItemColorProps;
     iconAfterFillSize?: iconFillSizePropsType;
-    iconAfterShape?: shapePropsType;
+    iconAfterShape?: tShapeProps;
     iconAfterSize?: iconSizePropsType;
     iconAfterSrc?: string;
-    iconBeforeFill?: itemColorPropsType;
+    iconBeforeFill?: tItemColorProps;
     iconBeforeFillSize?: iconFillSizePropsType;
-    iconBeforeShape?: shapePropsType;
+    iconBeforeShape?: tShapeProps;
     iconBeforeSize?: iconSizePropsType;
     iconBeforeSrc?: string;
-    iconFill?: itemColorPropsType;
+    iconFill?: tItemColorProps;
     iconFillSize?: iconFillSizePropsType;
-    iconShape?: shapePropsType;
+    iconShape?: tShapeProps;
     iconSize?: iconSizePropsType;
     label?: string;
-    labelTextColor?: textColorPropsType;
+    labelTextColor?: tTextColorProps;
     labelTextColorHover?: textColorHoverPropsType;
-    labelTextSize?: textSizePropsType;
-    labelTextWeight?: textWeightPropsType;
+    labelTextSize?: tTextSizeProps;
+    labelTextWeight?: tTextWeightProps;
     labelTextWrap?: textWrapPropsType;
-    loaderFill?: fillPropsType;
-    loaderItemFill?: itemColorPropsType;
+    loaderFill?: tFillProps;
+    loaderItemFill?: tItemColorProps;
     loaderSet?: string;
-    shape?: shapePropsType;
-    size?: sizePropsType;
-    width?: widthPropsType;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type buttonAppearanceType = {
     [key in appearanceKeysType]?: IButtonThemeColor;
 };
@@ -47,7 +47,7 @@ export interface IButtonConfig {
     appearance: buttonAppearanceType | undefined;
     setAppearance: (newComponent: buttonAppearanceType) => void;
 }
-export interface IButtonProps extends IButtonThemeColor, TypeStyleAttributes {
+export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
     Badge?: ReactNode;
     after?: ReactNode;
     appearance?: appearanceKeysType;

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button-BXClqM-t.js';
+export { B as Button, b as buttonConfig } from '../Button-ULZVVxWC.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,11 +13,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Duj1nynQ.js';
+import '../Icon-DWnG-4KG.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import '../Link-CbCqej5B.js';
-import '../Tooltip-CcwyN7PD.js';
+import '../Link-Co6uspFK.js';
+import '../Tooltip-CpEQOh9v.js';
 import '../Text-CxrzHFN1.js';
-import '../Title-BUN57fWw.js';
+import '../Title-BhJcCgdK.js';
 import '../Loader-YZrWGaNy.js';

package/dist/components/Caption/Caption.interface.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { captionPositionPropsType, fillGradientPropsType, fillPropsType } from '../../types';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { captionPositionPropsType, fillGradientPropsType, tFillProps } from '../../types';
 export interface ICaptionThemeColor {
-    fill: fillPropsType;
-    fillMobile: fillPropsType;
-    fillTablet: fillPropsType;
-    fillDesktop: fillPropsType;
+    fill: tFillProps;
+    fillMobile: tFillProps;
+    fillTablet: tFillProps;
+    fillDesktop: tFillProps;
     fillGradient: fillGradientPropsType;
     fillGradientMobile: fillGradientPropsType;
     fillGradientTablet: fillGradientPropsType;
@@ -15,7 +15,7 @@ export interface ICaptionThemeColor {
     positionTablet: captionPositionPropsType;
     positionDesktop: captionPositionPropsType;
 }
-export interface ICaptionProps extends ICaptionThemeColor, Omit<TypeStyleAttributes, 'position'> {
+export interface ICaptionProps extends ICaptionThemeColor, Omit<iStyleAttributes, 'position'> {
     children?: ReactNode;
     className?: string;
 }

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

@@ -1,26 +1,26 @@
 import { ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { shapePropsType, sizePropsType, textColorPropsType, textSizePropsType } from '../../types';
-export interface ICardProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
+export interface ICardProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
-    size?: sizePropsType;
+    size?: tSizeProps;
     src?: string;
     text?: string;
-    textSize?: textSizePropsType;
-    textColor?: textColorPropsType;
+    textSize?: tTextSizeProps;
+    textColor?: tTextColorProps;
     textTag?: ElementType;
     title?: string;
-    titleSize?: textSizePropsType;
+    titleSize?: tTextSizeProps;
     titleTag?: ElementType;
-    titleColor?: textColorPropsType;
+    titleColor?: tTextColorProps;
     image?: ReactNode;
-    imageShape?: shapePropsType;
+    imageShape?: tShapeProps;
     type?: string;
-    shape?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    shapeDesktop?: shapePropsType;
+    shape?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    shapeDesktop?: tShapeProps;
     width?: string;
     widthMobile?: string;
     widthTablet?: string;