@itcase/ui 1.1.15 → 1.1.16

package/dist/cjs/{Logo-De74wmbt.js → Logo-CcEF4P2z.js}

@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Logo(props) {
-    var className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src;
+    var alt = props.alt, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src;
     var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'logo_align-items_',
         propsKey: 'alignItems',
@@ -30,7 +30,7 @@ function Logo(props) {
     });
     // @ts-expect-error
     var logo = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'logo', alignDirectionClass, alignClass, widthClass, alignItemsClass, size && "logo_size_".concat(size), mode && "logo_mode_".concat(mode)), style: logo, children: link || href ? (jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { href: link || href, children: [' ', jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })] })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })) }));
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), style: logo, children: link || href ? (jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { href: link || href, children: [' ', jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })] })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })) }));
 }
 
 exports.Logo = Logo;

package/dist/cjs/{ModalLoader-A2KkSC3x.js → ModalLoader-Cddzca-W.js}

@@ -71,6 +71,8 @@ var Modal = React__default.default.forwardRef(function Modal(props, ref) {
     // Show modal with children content
     var openModal = React.useCallback(function () {
         setIsOpen(true);
+        console.warn('========   openModal   ========');
+        console.log('onOpenModal ', onOpenModal);
         // Callback
         if (typeof onOpenModal === 'function') {
             onOpenModal();
@@ -118,7 +120,12 @@ var Modal = React__default.default.forwardRef(function Modal(props, ref) {
         }
     }, []);
     // Save ref things
-    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, openModal: openModal, closeModal: closeModal, modalElement: modalElement }); });
+    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, closeModal: closeModal, modalElement: modalElement, openModal: openModal }); }, [
+        isOpen,
+        openModal,
+        closeModal,
+        modalElement,
+    ]);
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/cjs/{Response-DOQQr9jP.js → Response-CwdUpO-8.js}

@@ -23,7 +23,7 @@ var responseConfig = {
     },
 };
 function Response(props) {
-    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextColor = props.titleTextColor, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
+    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
     var ImageComponent = React.useMemo(function () {
         if (imageSrc) {
             // eslint-disable-next-line react/prop-types
@@ -71,7 +71,7 @@ function Response(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                 "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), children: message }))] }), (primaryButtonLabel ||
+                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||

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

@@ -1,5 +1,5 @@
-import { IAccordionProps } from './Accordion.interface';
-declare function Accordion(props: IAccordionProps): import("react/jsx-runtime").JSX.Element;
+import type { iAccordionProps } from './Accordion.interface';
+declare function Accordion(props: iAccordionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var defaultProps: {
         initial: never[];

package/dist/cjs/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/cjs/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/cjs/components/Accordion.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Accordion = require('../Accordion-UbOVpiO4.js');
+var Accordion = require('../Accordion-rCFDAon3.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');

package/dist/cjs/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/cjs/components/Badge/Badge.interface.d.ts

@@ -1,20 +1,20 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, fillHoverPropsType, 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;
-    fillHover?: fillHoverPropsType;
-    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;
 };
@@ -22,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/cjs/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/cjs/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/cjs/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/cjs/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;