@itcase/ui 1.1.15 → 1.1.16

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../types';
-export interface IFlexProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tDirectionProps, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tShapeProps, tWidthProps } from '../../types';
+export interface IFlexProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     id?: number | string;
@@ -11,15 +11,15 @@ export interface IFlexProps extends TypeStyleAttributes {
     onClick?: () => void;
     alignContent?: flexJustifyContentPropsType;
     alignItems?: flexAlignPropsType;
-    border?: borderColorPropsType;
+    border?: tBorderColorProps;
     borderType?: borderTypePropsType;
     direction?: alignDirectionPropsType;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     flow?: string;
     justifyContent?: flexJustifyContentPropsType;
     position?: positionPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    shape?: tShapeProps;
+    width?: tWidthProps;
     wrap?: flexWrapPropsType;
     gapWrapper?: string;
     maxWidthWrapper?: string;
@@ -32,9 +32,9 @@ export interface IFlexProps extends TypeStyleAttributes {
     directionDesktop?: alignDirectionPropsType;
     directionMobile?: alignDirectionPropsType;
     directionTablet?: alignDirectionPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
     flowDesktop?: string;
     flowMobile?: string;
     flowTablet?: string;
@@ -48,17 +48,17 @@ export interface IFlexProps extends TypeStyleAttributes {
     positionDesktop?: positionPropsType;
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    widthDesktop?: widthPropsType;
-    widthMobile?: widthPropsType;
-    widthTablet?: widthPropsType;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    widthDesktop?: tWidthProps;
+    widthMobile?: tWidthProps;
+    widthTablet?: tWidthProps;
     wrapDesktop?: flexWrapPropsType;
     wrapMobile?: flexWrapPropsType;
     wrapTablet?: flexWrapPropsType;
 }
-export interface IFlexItemProps extends TypeStyleAttributes {
+export interface IFlexItemProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     htmlFor?: string;
@@ -66,13 +66,13 @@ export interface IFlexItemProps extends TypeStyleAttributes {
     tag?: ElementType;
     alignItems?: flexAlignPropsType;
     alignSelf?: flexAlignPropsType;
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
     grow?: number;
     justifyContent?: flexJustifyContentPropsType;
     position?: positionPropsType;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     width?: horizontalResizeModePropsType;
     wrap?: flexWrapPropsType;
     alignItemsDesktop?: flexAlignPropsType;
@@ -93,12 +93,12 @@ export interface IFlexItemProps extends TypeStyleAttributes {
     columnStartDesktop?: number;
     columnStartMobile?: number;
     columnStartTablet?: number;
-    directionDesktop?: directionPropsType;
-    directionMobile?: directionPropsType;
-    directionTablet?: directionPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
+    directionDesktop?: tDirectionProps;
+    directionMobile?: tDirectionProps;
+    directionTablet?: tDirectionProps;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
     growDesktop?: number;
     growMobile?: number;
     growTablet?: number;
@@ -108,9 +108,9 @@ export interface IFlexItemProps extends TypeStyleAttributes {
     positionDesktop?: positionPropsType;
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
     widthDesktop?: horizontalResizeModePropsType;
     widthMobile?: horizontalResizeModePropsType;
     widthTablet?: horizontalResizeModePropsType;

package/dist/components/FormField/FormFiled.interface.d.ts

@@ -1,77 +1,77 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, fillPropsType, iconSizePropsType, textSizePropsType, textColorPropsType, textWeightPropsType, directionPropsType, sizePropsType, shapePropsType, itemColorPropsType } from '../../types';
-export interface IFormFieldProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, tFillProps, iconSizePropsType, tTextSizeProps, tTextColorProps, tTextWeightProps, tDirectionProps, tSizeProps, tShapeProps, tItemColorProps } from '../../types';
+export interface IFormFieldProps extends iStyleAttributes {
     afterItem?: ReactNode;
     beforeItem?: ReactNode;
     children?: ReactNode;
     className?: string;
     clearIcon?: string;
-    clearIconFill?: fillPropsType;
+    clearIconFill?: tFillProps;
     clearIconSize?: iconSizePropsType;
     dataTestId?: string;
     desc?: string;
-    descSize?: textSizePropsType;
-    descTextColor?: textColorPropsType;
-    descTextWeight?: textWeightPropsType;
-    direction?: directionPropsType;
-    dividerDirection?: directionPropsType;
-    dividerFill?: fillPropsType;
-    dividerSize?: sizePropsType;
+    descSize?: tTextSizeProps;
+    descTextColor?: tTextColorProps;
+    descTextWeight?: tTextWeightProps;
+    direction?: tDirectionProps;
+    dividerDirection?: tDirectionProps;
+    dividerFill?: tFillProps;
+    dividerSize?: tSizeProps;
     dividerWidth?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     id?: string;
-    inputFill?: fillPropsType;
-    inputShape?: shapePropsType;
+    inputFill?: tFillProps;
+    inputShape?: tShapeProps;
     label?: string;
-    labelSize?: textSizePropsType;
-    labelTextColor?: textColorPropsType;
-    labelTextWeight?: textWeightPropsType;
+    labelSize?: tTextSizeProps;
+    labelTextColor?: tTextColorProps;
+    labelTextWeight?: tTextWeightProps;
     message?: string;
-    messageSize?: textSizePropsType;
-    messageTextColor?: textColorPropsType;
-    messageTextWeight?: textWeightPropsType;
+    messageSize?: tTextSizeProps;
+    messageTextColor?: tTextColorProps;
+    messageTextWeight?: tTextWeightProps;
     set?: string;
-    shape?: shapePropsType;
-    size?: sizePropsType;
+    shape?: tShapeProps;
+    size?: tSizeProps;
     style?: CSSProperties;
 }
-export interface IChoiceFieldProps extends TypeStyleAttributes {
+export interface IChoiceFieldProps extends iStyleAttributes {
     radioId?: string;
     radioClassName?: string;
-    radioFillCheckmark?: itemColorPropsType;
-    radioFillChecked?: fillPropsType;
-    radioFill?: fillPropsType;
-    radioFillDisabled?: fillPropsType;
-    radioShape?: shapePropsType;
-    radioBorder?: borderColorPropsType;
+    radioFillCheckmark?: tItemColorProps;
+    radioFillChecked?: tFillProps;
+    radioFill?: tFillProps;
+    radioFillDisabled?: tFillProps;
+    radioShape?: tShapeProps;
+    radioBorder?: tBorderColorProps;
 }
-export interface IPasswordFieldProps extends TypeStyleAttributes {
+export interface IPasswordFieldProps extends iStyleAttributes {
     placeholder?: string;
     passwordClassName?: string;
     value?: string;
-    placeholderColor?: textColorPropsType;
-    valueTextColor?: textColorPropsType;
-    valueTextSize?: textSizePropsType;
+    placeholderColor?: tTextColorProps;
+    valueTextColor?: tTextColorProps;
+    valueTextSize?: tTextSizeProps;
 }
-export interface ISelectFieldProps extends TypeStyleAttributes {
+export interface ISelectFieldProps extends iStyleAttributes {
     className?: string;
     selectInputClass?: string;
-    selectFill?: fillPropsType;
-    selectShape?: shapePropsType;
-    selectBorder?: borderColorPropsType;
-    selectSize?: sizePropsType;
-    selectOptionFill?: fillPropsType;
-    selectOptionTextSize?: textSizePropsType;
-    selectOptionTextColor?: textColorPropsType;
+    selectFill?: tFillProps;
+    selectShape?: tShapeProps;
+    selectBorder?: tBorderColorProps;
+    selectSize?: tSizeProps;
+    selectOptionFill?: tFillProps;
+    selectOptionTextSize?: tTextSizeProps;
+    selectOptionTextColor?: tTextColorProps;
     selectOptionBefore?: ReactNode;
     selectOptionAfter?: ReactNode;
     selectInputBefore?: ReactNode;
     selectInputAfter?: ReactNode;
-    selectInputFill?: fillPropsType;
-    selectInputTextSize?: textSizePropsType;
-    selectInputTextColor?: textColorPropsType;
+    selectInputFill?: tFillProps;
+    selectInputTextSize?: tTextSizeProps;
+    selectInputTextColor?: tTextColorProps;
 }
-export interface ISwitchFieldProps extends TypeStyleAttributes {
+export interface ISwitchFieldProps extends iStyleAttributes {
     className?: string;
 }

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, shapePropsType, verticalResizeModePropsType } from '../../types';
-export interface IGridBaseThemeColor extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, tShapeProps, verticalResizeModePropsType } from '../../types';
+export interface IGridBaseThemeColor extends iStyleAttributes {
     alignSelf?: gridAlignSelfPropsType;
     alignSelfDesktop?: gridAlignSelfPropsType;
     alignSelfMobile?: gridAlignSelfPropsType;
@@ -19,12 +19,12 @@ export interface IGridBaseThemeColor extends TypeStyleAttributes {
     columnStartDesktop?: string;
     columnStartMobile?: string;
     columnStartTablet?: string;
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    fillDesktop?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillHover?: tFillHoverProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
     gap?: string;
     gridTemplateColumns?: string;
     justifySelf?: gridJustifySelfPropsType;
@@ -71,7 +71,7 @@ export interface IGridRowProps extends IGridBaseThemeColor {
     tag: ElementType;
     onClick?: () => void;
 }
-export interface IGridProps extends TypeStyleAttributes {
+export interface IGridProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
@@ -93,15 +93,15 @@ export interface IGridProps extends TypeStyleAttributes {
     columnsDesktop?: string;
     columnsMobile?: string;
     columnsTablet?: string;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    fillWrapperDesktop?: fillPropsType;
-    fillWrapperInnerDesktop?: fillPropsType;
-    fillWrapperInnerMobile?: fillPropsType;
-    fillWrapperInnerTablet?: fillPropsType;
-    fillWrapperMobile?: fillPropsType;
-    fillWrapperTablet?: fillPropsType;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    fillWrapperDesktop?: tFillProps;
+    fillWrapperInnerDesktop?: tFillProps;
+    fillWrapperInnerMobile?: tFillProps;
+    fillWrapperInnerTablet?: tFillProps;
+    fillWrapperMobile?: tFillProps;
+    fillWrapperTablet?: tFillProps;
     gridBackground?: string;
     gridBackgroundDesktop?: string;
     gridBackgroundMobile?: string;
@@ -124,27 +124,27 @@ export interface IGridProps extends TypeStyleAttributes {
     rowsDesktop?: string;
     rowsMobile?: string;
     rowsTablet?: string;
-    shapeWrapperDesktop?: shapePropsType;
-    shapeWrapperInnerDesktop?: shapePropsType;
-    shapeWrapperInnerMobile?: shapePropsType;
-    shapeWrapperInnerTablet?: shapePropsType;
-    shapeWrapperMobile?: shapePropsType;
-    shapeWrapperTablet?: shapePropsType;
+    shapeWrapperDesktop?: tShapeProps;
+    shapeWrapperInnerDesktop?: tShapeProps;
+    shapeWrapperInnerMobile?: tShapeProps;
+    shapeWrapperInnerTablet?: tShapeProps;
+    shapeWrapperMobile?: tShapeProps;
+    shapeWrapperTablet?: tShapeProps;
     type?: string;
     useGridSystem?: boolean;
     verticalResizing?: verticalResizeModePropsType;
     alignContent?: gridAlignPropsType;
     alignItems?: gridAlignPropsType;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     columnGap?: string;
     columns?: string;
-    fill?: fillPropsType;
-    fillWrapper?: fillPropsType;
-    fillWrapperInner?: fillPropsType;
+    fill?: tFillProps;
+    fillWrapper?: tFillProps;
+    fillWrapperInner?: tFillProps;
     justifyContent?: string;
     justifyItems?: gridJustifyItemsPropsType;
     rowGap?: string;
     rows?: string;
-    shapeWrapper?: shapePropsType;
-    shapeWrapperInner?: shapePropsType;
+    shapeWrapper?: tShapeProps;
+    shapeWrapperInner?: tShapeProps;
 }

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

@@ -1,17 +1,17 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, textColorPropsType, widthPropsType, wrapPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, flexGrowPropsType, tHeightProps, justifyContentPropsType, tShapeProps, stackingPropsType, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
     borderColor?: string;
     borderWidth?: string;
-    direction?: directionPropsType;
+    direction?: tDirectionProps;
     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 IGroupConfig {
     appearance: appearanceType | undefined;
     setAppearance: (newComponent: appearanceType) => void;
 }
-export interface IGroupProps extends TypeStyleAttributes {
+export interface IGroupProps extends iStyleAttributes {
     appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;
@@ -33,19 +33,19 @@ export interface IGroupProps extends TypeStyleAttributes {
     onClick?: () => void;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     columns?: number;
-    direction?: directionPropsType;
+    direction?: tDirectionProps;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
     flexGrow?: flexGrowPropsType;
-    height?: heightPropsType;
+    height?: tHeightProps;
     justifyContent?: justifyContentPropsType;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     stacking?: stackingPropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
     wrap?: wrapPropsType;
 }
 export {};

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

@@ -1,41 +1,41 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignmentPropsType, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IIconThemeColor {
     alignment?: alignmentPropsType;
-    bgFill?: fillPropsType;
-    borderColor?: borderColorPropsType;
+    bgFill?: tFillProps;
+    borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
-    borderWidth?: borderWidthPropsType;
+    borderWidth?: tBorderWidthProps;
     cursor?: string;
-    fill?: fillPropsType;
-    fillDisabled?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    fill?: tFillProps;
+    fillDisabled?: tFillProps;
+    fillHover?: tFillHoverProps;
     fillSize?: iconFillSizePropsType;
-    iconAfterFill?: fillPropsType;
+    iconAfterFill?: tFillProps;
     iconAfterFillSize?: iconFillSizePropsType;
-    iconAfterShape?: shapePropsType;
-    iconBeforeFill?: fillPropsType;
+    iconAfterShape?: tShapeProps;
+    iconBeforeFill?: tFillProps;
     iconBeforeFillSize?: iconFillSizePropsType;
-    iconBeforeShape?: shapePropsType;
-    iconFill?: itemColorPropsType;
-    iconFillDisabled?: itemColorPropsType;
-    iconFillHover?: itemColorPropsType;
+    iconBeforeShape?: tShapeProps;
+    iconFill?: tItemColorProps;
+    iconFillDisabled?: tItemColorProps;
+    iconFillHover?: tItemColorProps;
     iconFillSize?: iconFillSizePropsType;
-    iconShape?: shapePropsType;
+    iconShape?: tShapeProps;
     iconSize?: iconSizePropsType;
     label?: string;
-    labelTextColor?: textColorPropsType;
+    labelTextColor?: tTextColorProps;
     labelTextColorHover?: textColorHoverPropsType;
-    labelTextSize?: textSizePropsType;
+    labelTextSize?: tTextSizeProps;
     loaderFill?: string;
     loaderItemFill?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     size?: iconSizePropsType;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceKeysType = tAppearanceKeysDefault & {};
 export type iconAppearanceType = {
     [key in appearanceKeysType]?: IIconThemeColor;
 };
@@ -43,7 +43,7 @@ export interface IIconConfig {
     appearance: iconAppearanceType | undefined;
     setAppearance: (newComponent: iconAppearanceType) => void;
 }
-export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
+export interface IIconProps extends IIconThemeColor, iStyleAttributes {
     Badge?: ReactNode;
     SvgImage?: any;
     after?: ReactNode;
@@ -61,18 +61,18 @@ export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
     style?: CSSProperties;
     tooltipAppearance?: appearanceKeysType;
     tooltipText?: string;
-    tooltipTextSize?: textSizePropsType;
+    tooltipTextSize?: tTextSizeProps;
     tooltipTitle?: string;
     tooltipTitleSize?: titleSizePropsType;
     width?: string;
     onClick?: MouseEventHandler<HTMLDivElement>;
     LinkComponent?: ReactNode;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
     fillSizeDesktop?: string;
     fillSizeMobile?: string;
     fillSizeTablet?: string;
-    fillTablet?: fillPropsType;
+    fillTablet?: tFillProps;
     htmlType?: string;
     icon?: string;
     iconAfterSrc?: string;
@@ -80,9 +80,9 @@ export interface IIconProps extends IIconThemeColor, TypeStyleAttributes {
     iconSrc?: string;
     loading?: boolean;
     rel?: string;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
     sizeDesktop?: iconSizePropsType;
     sizeMobile?: iconSizePropsType;
     sizeTablet?: iconSizePropsType;

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

@@ -1,18 +1,18 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, fillHoverPropsType, fillPropsType, horizontalContentAlignPropsType, shapePropsType, verticalContentAlignPropsType, widthPropsType } from '../../types';
-export interface IImageProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, tFillHoverProps, tFillProps, horizontalContentAlignPropsType, tShapeProps, verticalContentAlignPropsType, tWidthProps } from '../../types';
+export interface IImageProps extends iStyleAttributes {
     after?: ReactNode;
     alt?: string;
     before?: ReactNode;
-    borderColor?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
     borderColorImage?: string;
     caption?: string;
     children?: ReactNode;
     className?: string;
     cursor?: string;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
     height?: string;
     horizontalAlign?: horizontalContentAlignPropsType;
     imageClassName?: string;
@@ -22,13 +22,13 @@ export interface IImageProps extends TypeStyleAttributes {
     mode?: string;
     overlay?: any;
     resizeMode?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     src?: string;
     style?: CSSProperties;
     title?: string;
     type?: string;
     verticalContentAlign?: verticalContentAlignPropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
     onClick?: () => void;
     onError?: () => void;
 }

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IInputConfig, IInputProps } from './Input.interface';
-declare const inputConfig: IInputConfig;
-declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
+import type { iInputConfig, iInputProps } from './Input.interface';
+declare const inputConfig: iInputConfig;
+declare const Input: React.ForwardRefExoticComponent<iInputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputConfig };

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

@@ -1,53 +1,51 @@
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
-import { stateKeysDefaultType } from '../../types/componentProps/stateKeys';
-export interface IInputThemeColor {
-    borderColor?: borderColorPropsType;
-    borderColorDisabled?: borderColorPropsType;
-    borderWidth?: borderWidthPropsType;
-    borderWidthDisabled?: borderWidthPropsType;
-    caret?: itemColorPropsType;
-    fill?: fillPropsType;
-    fillDisabled?: fillPropsType;
-    placeholderTextColor?: textColorPropsType;
-    placeholderTextColorDisabled?: textColorPropsType;
-    shape?: shapePropsType;
-    size?: sizePropsType;
-    textColor?: textColorPropsType;
-    textSize?: textSizePropsType;
-    textWeight?: textWeightPropsType;
-    width?: widthPropsType;
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+import type { tStateKeysDefault } from '../../types/componentProps/stateKeys';
+interface iInputThemeColor {
+    borderColor?: tBorderColorProps;
+    borderColorDisabled?: tBorderColorProps;
+    borderWidth?: tBorderWidthProps;
+    borderWidthDisabled?: tBorderWidthProps;
+    caret?: tItemColorProps;
+    fill?: tFillProps;
+    fillDisabled?: tFillProps;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextColorDisabled?: tTextColorProps;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
+    textWeight?: tTextWeightProps;
+    width?: tWidthProps;
 }
-type appearanceKeysType = appearanceKeysDefaultType & {};
-type stateKeysType = stateKeysDefaultType & {};
-export type inputStateType = {
-    [key in stateKeysType]?: IInputThemeColor;
+type tInputState = {
+    [key in tStateKeysDefault]?: iInputThemeColor;
 };
-export type inputAppearanceType = {
-    [key in appearanceKeysType]?: IInputThemeColor;
+type tInputAppearance = {
+    [key in tAppearanceKeysDefault]?: iInputThemeColor;
 };
-export interface IInputConfig {
-    state: inputStateType | undefined;
-    setState: (newComponent: inputStateType) => void;
-    appearance: inputAppearanceType | undefined;
-    setAppearance: (newComponent: inputAppearanceType) => void;
+interface iInputConfig {
+    appearance: tInputAppearance | undefined;
+    state: tInputState | undefined;
+    setAppearance: (newComponent: tInputAppearance) => void;
+    setState: (newComponent: tInputState) => void;
 }
-export interface IInputProps extends IInputThemeColor, TypeStyleAttributes {
-    appearance?: appearanceKeysType;
-    className?: string;
+interface iInputProps extends iInputThemeColor, iStyleAttributes {
     dataTestId?: number | string;
     id?: number | string;
+    appearance?: tAppearanceKeysDefault;
+    className?: string;
     index?: number | string;
-    isDisabled?: boolean;
     name?: string;
     placeholder?: string;
-    state?: stateKeysType;
+    state?: tStateKeysDefault;
     type?: string;
-    value?: string;
+    value?: number | string;
+    isDisabled?: boolean;
     onBlur?: () => void;
     onChange?: () => void;
     onFocus?: () => void;
     onKeyDown?: () => void;
 }
-export {};
+export type { iInputThemeColor, tInputState, tInputAppearance, iInputConfig, iInputProps };