@itcase/ui 1.4.13 → 1.5.1

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

@@ -1,11 +1,11 @@
 import { ElementType, ReactNode } from 'react';
-import { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tGridAlignProps, tGridAlignSelfProps, tGridJustifyItemsProps, tGridJustifySelfProps, tHorizontalResizeModeProps, tShapeProps, tVerticalResizeModeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iGridBaseThemeColor extends iStyleAttributes {
-    alignSelf?: tGridAlignSelfProps;
-    alignSelfDesktop?: tGridAlignSelfProps;
-    alignSelfMobile?: tGridAlignSelfProps;
-    alignSelfTablet?: tGridAlignSelfProps;
+import { BorderColorProps, DirectionProps, FillHoverProps, FillProps, GridAlignProps, GridAlignSelfProps, GridJustifyItemsProps, GridJustifySelfProps, HorizontalResizeModeProps, ShapeProps, VerticalResizeModeProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface GridBaseThemeColor extends StyleAttributes {
+    alignSelf?: GridAlignSelfProps;
+    alignSelfDesktop?: GridAlignSelfProps;
+    alignSelfMobile?: GridAlignSelfProps;
+    alignSelfTablet?: GridAlignSelfProps;
     columnEnd?: string;
     columnEndDesktop?: string;
     columnEndMobile?: string;
@@ -19,18 +19,18 @@ export interface iGridBaseThemeColor extends iStyleAttributes {
     columnStartDesktop?: string;
     columnStartMobile?: string;
     columnStartTablet?: string;
-    direction?: tDirectionProps;
-    fill?: tFillProps;
-    fillDesktop?: tFillProps;
-    fillHover?: tFillHoverProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
     gap?: string;
     gridTemplateColumns?: string;
-    justifySelf?: tGridJustifySelfProps;
-    justifySelfDesktop?: tGridJustifySelfProps;
-    justifySelfMobile?: tGridJustifySelfProps;
-    justifySelfTablet?: tGridJustifySelfProps;
+    justifySelf?: GridJustifySelfProps;
+    justifySelfDesktop?: GridJustifySelfProps;
+    justifySelfMobile?: GridJustifySelfProps;
+    justifySelfTablet?: GridJustifySelfProps;
     order?: string;
     orderDesktop?: string;
     orderMobile?: string;
@@ -53,7 +53,7 @@ export interface iGridBaseThemeColor extends iStyleAttributes {
     zIndexMobile?: string;
     zIndexTablet?: string;
 }
-export interface iGridItemProps extends iGridBaseThemeColor {
+export interface GridItemProps extends GridBaseThemeColor {
     id?: string;
     [key: number | string | symbol]: any;
     children?: ReactNode;
@@ -61,7 +61,7 @@ export interface iGridItemProps extends iGridBaseThemeColor {
     dataTour?: string;
     onClick?: () => void;
 }
-export interface iGridRowProps extends iGridBaseThemeColor {
+export interface GridRowProps extends GridBaseThemeColor {
     id?: string;
     [key: number | string | symbol]: any;
     children?: ReactNode;
@@ -71,20 +71,20 @@ export interface iGridRowProps extends iGridBaseThemeColor {
     tag?: ElementType;
     onClick?: () => void;
 }
-export interface iGridProps extends iStyleAttributes {
+export interface GridProps extends StyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    alignContent?: tGridAlignProps;
-    alignContentDesktop?: tGridAlignProps;
-    alignContentMobile?: tGridAlignProps;
-    alignContentTablet?: tGridAlignProps;
-    alignItems?: tGridAlignProps;
-    alignItemsDesktop?: tGridAlignProps;
-    alignItemsMobile?: tGridAlignProps;
-    alignItemsTablet?: tGridAlignProps;
+    alignContent?: GridAlignProps;
+    alignContentDesktop?: GridAlignProps;
+    alignContentMobile?: GridAlignProps;
+    alignContentTablet?: GridAlignProps;
+    alignItems?: GridAlignProps;
+    alignItemsDesktop?: GridAlignProps;
+    alignItemsMobile?: GridAlignProps;
+    alignItemsTablet?: GridAlignProps;
     before?: ReactNode;
-    borderColor?: tBorderColorProps;
+    borderColor?: BorderColorProps;
     children?: ReactNode;
     className?: string;
     columnGap?: string;
@@ -96,10 +96,10 @@ export interface iGridProps extends iStyleAttributes {
     columnsMobile?: string;
     columnsTablet?: string;
     dataTour?: string;
-    fill?: tFillProps;
-    fillDesktop?: tFillProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
     gridBackground?: string;
     gridBackgroundDesktop?: string;
     gridBackgroundMobile?: string;
@@ -108,16 +108,16 @@ export interface iGridProps extends iStyleAttributes {
     gridBackgroundWrapperDesktop?: string;
     gridBackgroundWrapperMobile?: string;
     gridBackgroundWrapperTablet?: string;
-    horizontalResizing?: tHorizontalResizeModeProps;
+    horizontalResizing?: HorizontalResizeModeProps;
     horizontalScroll?: boolean;
     justifyContent?: string;
     justifyContentDesktop?: string;
     justifyContentMobile?: string;
     justifyContentTablet?: string;
-    justifyItems?: tGridJustifyItemsProps;
-    justifyItemsDesktop?: tGridJustifyItemsProps;
-    justifyItemsMobile?: tGridJustifyItemsProps;
-    justifyItemsTablet?: tGridJustifyItemsProps;
+    justifyItems?: GridJustifyItemsProps;
+    justifyItemsDesktop?: GridJustifyItemsProps;
+    justifyItemsMobile?: GridJustifyItemsProps;
+    justifyItemsTablet?: GridJustifyItemsProps;
     rowGap?: string;
     rowGapDesktop?: string;
     rowGapMobile?: string;
@@ -126,17 +126,17 @@ export interface iGridProps extends iStyleAttributes {
     rowsDesktop?: string;
     rowsMobile?: string;
     rowsTablet?: string;
-    shapeWrapper?: tShapeProps;
-    shapeWrapperDesktop?: tShapeProps;
-    shapeWrapperInner?: tShapeProps;
-    shapeWrapperInnerDesktop?: tShapeProps;
-    shapeWrapperInnerMobile?: tShapeProps;
-    shapeWrapperInnerTablet?: tShapeProps;
-    shapeWrapperMobile?: tShapeProps;
-    shapeWrapperTablet?: tShapeProps;
+    shapeWrapper?: ShapeProps;
+    shapeWrapperDesktop?: ShapeProps;
+    shapeWrapperInner?: ShapeProps;
+    shapeWrapperInnerDesktop?: ShapeProps;
+    shapeWrapperInnerMobile?: ShapeProps;
+    shapeWrapperInnerTablet?: ShapeProps;
+    shapeWrapperMobile?: ShapeProps;
+    shapeWrapperTablet?: ShapeProps;
     tag?: ElementType;
     type?: string;
     useGridSystem?: boolean;
-    verticalResizing?: tVerticalResizeModeProps;
+    verticalResizing?: VerticalResizeModeProps;
     onClick?: () => void;
 }

package/dist/types/components/Grid/GridItem.d.ts

@@ -1,3 +1,3 @@
-import type { iGridItemProps } from './Grid.interface';
-declare function GridItem(props: iGridItemProps): import("react/jsx-runtime").JSX.Element;
+import type { GridItemProps } from './Grid.interface';
+declare function GridItem(props: GridItemProps): import("react/jsx-runtime").JSX.Element;
 export { GridItem };

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,3 +1,3 @@
-import type { iGridRowProps } from './Grid.interface';
-declare function GridRow(props: iGridRowProps): import("react/jsx-runtime").JSX.Element;
+import type { GridRowProps } from './Grid.interface';
+declare function GridRow(props: GridRowProps): import("react/jsx-runtime").JSX.Element;
 export { GridRow };

package/dist/types/components/Group/Group.appearance.d.ts

@@ -1,2 +1,2 @@
-import { tAppearance } from './Group.interface';
-export declare const groupAppearance: tAppearance;
+import { Appearance } from './Group.interface';
+export declare const groupAppearance: Appearance;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { iGroupConfig, iGroupProps } from './Group.interface';
-declare const groupConfig: iGroupConfig;
-declare const Group: React.ForwardRefExoticComponent<Omit<iGroupProps, "ref"> & React.RefAttributes<unknown>>;
+import type { GroupConfig, GroupProps } from './Group.interface';
+declare const groupConfig: GroupConfig;
+declare const Group: React.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React.RefAttributes<unknown>>;
 export { Group, groupConfig };

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

@@ -1,55 +1,54 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tFlexGrowProps, tHeightProps, tItemColorProps, tJustifyContentProps, tShapeProps, tStackingProps, tTextColorProps, tWidthProps, tWrapProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, ItemColorProps, JustifyContentProps, ShapeProps, StackingProps, TextColorProps, WidthProps, WrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 interface ThemeColor {
     [key: number | string | symbol]: any;
     border?: string;
     borderColor?: string;
     borderWidth?: string;
-    direction?: tDirectionProps;
+    direction?: DirectionProps;
     fill?: string;
     fillHover?: string;
-    labelTextColor?: tTextColorProps;
+    labelTextColor?: TextColorProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type tAppearance = {
-    [key in tAppearanceKeys]: ThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type Appearance = {
+    [key in AppearanceKeys]: ThemeColor;
 };
-export interface iGroupConfig {
+export interface GroupConfig {
     [key: number | string | symbol]: any;
-    appearance: tAppearance | undefined;
-    setAppearance: (newComponent: tAppearance) => void;
+    appearance: Appearance | undefined;
+    setAppearance: (newComponent: Appearance) => void;
 }
-export interface iGroupProps extends iStyleAttributes {
+export interface GroupProps extends StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    appearance?: tAppearanceKeys;
-    borderColor?: tBorderColorProps;
-    borderType?: tBorderTypeProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    appearance?: AppearanceKeys;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
     children?: ReactNode;
     className?: string;
     columns?: number;
     dataTour?: string;
-    direction?: tDirectionProps;
-    elevation?: tElevationProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    flexGrow?: tFlexGrowProps;
-    height?: tHeightProps;
+    direction?: DirectionProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    flexGrow?: FlexGrowProps;
+    height?: HeightProps;
     horizontalScroll?: boolean;
     htmlFor?: string;
-    iconFillHover?: tItemColorProps;
-    justifyContent?: tJustifyContentProps;
+    iconFillHover?: ItemColorProps;
+    justifyContent?: JustifyContentProps;
     name?: string;
-    shape?: tShapeProps;
-    stacking?: tStackingProps;
+    shape?: ShapeProps;
+    stacking?: StackingProps;
     style?: CSSProperties;
     tag?: ElementType;
-    width?: tWidthProps;
-    wrap?: tWrapProps;
+    width?: WidthProps;
+    wrap?: WrapProps;
     isTextHover?: boolean;
     onClick?: () => void;
     set?: string;

package/dist/types/components/HTMLContent/HTMLContent.d.ts

@@ -1,3 +1,3 @@
-import type { iHTMLContentProps } from './HTMLContent.interface';
-declare function HTMLContent(props: iHTMLContentProps): import("react/jsx-runtime").JSX.Element;
+import type { HTMLContentProps } from './HTMLContent.interface';
+declare function HTMLContent(props: HTMLContentProps): import("react/jsx-runtime").JSX.Element;
 export { HTMLContent };

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

@@ -1,31 +1,31 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tFlexGrowProps, tHeightProps, tJustifyContentProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, tWrapProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iHTMLContentProps extends iStyleAttributes {
+import { AlignDirectionProps, AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface HTMLContentProps extends StyleAttributes {
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    border?: tBorderColorProps;
-    borderColor?: tBorderColorProps;
-    borderType?: tBorderTypeProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    border?: BorderColorProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
     borderWidth?: string;
     children?: ReactNode;
     className?: string;
     columns?: number;
     content?: any;
     dataTour?: string;
-    direction?: tDirectionProps;
-    elevation?: tElevationProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    flexGrow?: tFlexGrowProps;
-    height?: tHeightProps;
-    justifyContent?: tJustifyContentProps;
-    shape?: tShapeProps;
+    direction?: DirectionProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    flexGrow?: FlexGrowProps;
+    height?: HeightProps;
+    justifyContent?: JustifyContentProps;
+    shape?: ShapeProps;
     style?: CSSProperties;
-    textColor?: tTextColorProps;
-    textWeight?: tTextWeightProps;
-    width?: tWidthProps;
-    wrap?: tWrapProps;
+    textColor?: TextColorProps;
+    textWeight?: TextWeightProps;
+    width?: WidthProps;
+    wrap?: WrapProps;
     onClick?: () => void;
 }

package/dist/types/components/HeroTitle/HeroTitle.appearance.d.ts

@@ -1,2 +1,2 @@
-import { tAppearance } from './HeroTitle.interface';
-export declare const heroTitleAppearance: tAppearance;
+import { Appearance } from './HeroTitle.interface';
+export declare const heroTitleAppearance: Appearance;

package/dist/types/components/HeroTitle/HeroTitle.d.ts

@@ -1,4 +1,4 @@
-import type { iHeroTitleConfig, iHeroTitleProps } from './HeroTitle.interface';
-declare const heroTitleConfig: iHeroTitleConfig;
-declare function HeroTitle(props: iHeroTitleProps): import("react/jsx-runtime").JSX.Element;
+import type { HeroTitleConfig, HeroTitleProps } from './HeroTitle.interface';
+declare const heroTitleConfig: HeroTitleConfig;
+declare function HeroTitle(props: HeroTitleProps): import("react/jsx-runtime").JSX.Element;
 export { HeroTitle, heroTitleConfig };

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

@@ -1,39 +1,38 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { tFillProps, tSvgFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tHeroTitleSizeProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface iHeroTitleThemeColor {
+import { AppearanceKeysDefault, FillProps, HeroTitleSizeProps, SvgFillProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, TextWrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+interface HeroTitleThemeColor {
     [key: number | string | symbol]: any;
-    fill?: tFillProps;
-    size?: tHeroTitleSizeProps;
-    sizeDesktop?: tHeroTitleSizeProps;
-    sizeMobile?: tHeroTitleSizeProps;
-    sizeTablet?: tHeroTitleSizeProps;
-    svgFill?: tSvgFillProps;
-    svgFillHover?: tSvgFillProps;
-    textColor?: tTextColorProps;
-    textColorActive?: tTextColorActiveProps;
-    textColorHover?: tTextColorHoverProps;
-    textGradient?: tTextGradientProps;
-    textStyle?: tTextStyleProps;
-    textWeight?: tTextWeightProps;
-    textWrap?: tTextWrapProps;
-    weight?: tTextWeightProps;
+    fill?: FillProps;
+    size?: HeroTitleSizeProps;
+    sizeDesktop?: HeroTitleSizeProps;
+    sizeMobile?: HeroTitleSizeProps;
+    sizeTablet?: HeroTitleSizeProps;
+    svgFill?: SvgFillProps;
+    svgFillHover?: SvgFillProps;
+    textColor?: TextColorProps;
+    textColorActive?: TextColorActiveProps;
+    textColorHover?: TextColorHoverProps;
+    textGradient?: TextGradientProps;
+    textStyle?: TextStyleProps;
+    textWeight?: TextWeightProps;
+    textWrap?: TextWrapProps;
+    weight?: TextWeightProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type tAppearance = {
-    [key in tAppearanceKeys]: iHeroTitleThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type Appearance = {
+    [key in AppearanceKeys]: HeroTitleThemeColor;
 };
-export interface iHeroTitleConfig {
+export interface HeroTitleConfig {
     [key: number | string | symbol]: any;
-    appearance: tAppearance | undefined;
-    setAppearance: (newComponent: tAppearance) => void;
+    appearance: Appearance | undefined;
+    setAppearance: (newComponent: Appearance) => void;
 }
-export interface iHeroTitleProps extends iHeroTitleThemeColor, iStyleAttributes {
+export interface HeroTitleProps extends HeroTitleThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: any;
     afterWrapper?: any;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     before?: any;
     beforeWrapper?: any;
     children: ReactNode;
@@ -45,7 +44,7 @@ export interface iHeroTitleProps extends iHeroTitleThemeColor, iStyleAttributes
     style?: CSSProperties;
     tag?: ElementType;
     text?: string;
-    textAlign?: tTextAlignProps;
+    textAlign?: TextAlignProps;
     textTruncate?: string;
     type?: string;
     onClick?: () => void;

package/dist/types/components/Icon/Icon.appearance.d.ts

@@ -1,2 +1,2 @@
-import { tIconAppearance } from './Icon.interface';
-export declare const iconAppearance: tIconAppearance;
+import { IconAppearance } from './Icon.interface';
+export declare const iconAppearance: IconAppearance;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { iIconConfig, iIconProps } from '../Icon/Icon.interface';
-declare const iconConfig: iIconConfig;
-declare const Icon: React.ForwardRefExoticComponent<Omit<iIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { IconConfig, IconProps } from '../Icon/Icon.interface';
+declare const iconConfig: IconConfig;
+declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

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

@@ -1,48 +1,47 @@
 import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import type { tAlignmentProps, tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTitleSizeProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface iIconThemeColor {
-    alignment?: tAlignmentProps;
-    bgFill?: tFillProps;
-    borderColor?: tBorderColorProps;
-    borderColorHover?: tBorderColorHoverProps;
-    borderType?: tBorderTypeProps;
-    borderWidth?: tBorderWidthProps;
+import { AlignmentProps, AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TitleSizeProps } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+interface IconThemeColor {
+    alignment?: AlignmentProps;
+    bgFill?: FillProps;
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
     cursor?: string;
-    fill?: tFillProps;
-    fillDisabled?: tFillProps;
-    fillHover?: tFillHoverProps;
-    fillSize?: tIconFillSizeProps;
-    iconAfterFill?: tFillProps;
-    iconAfterFillSize?: tIconFillSizeProps;
-    iconAfterShape?: tShapeProps;
-    iconBeforeFill?: tFillProps;
-    iconBeforeFillSize?: tIconFillSizeProps;
-    iconBeforeShape?: tShapeProps;
-    iconFill?: tItemColorProps;
-    iconFillDisabled?: tItemColorProps;
-    iconFillHover?: tItemColorProps;
-    iconFillSize?: tIconFillSizeProps;
-    iconShape?: tShapeProps;
-    iconSize?: tIconSizeProps;
+    fill?: FillProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    fillSize?: IconFillSizeProps;
+    iconAfterFill?: FillProps;
+    iconAfterFillSize?: IconFillSizeProps;
+    iconAfterShape?: ShapeProps;
+    iconBeforeFill?: FillProps;
+    iconBeforeFillSize?: IconFillSizeProps;
+    iconBeforeShape?: ShapeProps;
+    iconFill?: ItemColorProps;
+    iconFillDisabled?: ItemColorProps;
+    iconFillHover?: ItemColorProps;
+    iconFillSize?: IconFillSizeProps;
+    iconShape?: ShapeProps;
+    iconSize?: IconSizeProps;
     label?: string;
-    labelTextColor?: tTextColorProps;
-    labelTextColorHover?: tTextColorHoverProps;
-    labelTextSize?: tTextSizeProps;
+    labelTextColor?: TextColorProps;
+    labelTextColorHover?: TextColorHoverProps;
+    labelTextSize?: TextSizeProps;
     loaderFill?: string;
     loaderItemFill?: string;
-    shape?: tShapeProps;
-    size?: tIconSizeProps;
+    shape?: ShapeProps;
+    size?: IconSizeProps;
 }
-type tIconAppearance = {
-    [key in tAppearanceKeysDefault]?: iIconThemeColor;
+type IconAppearance = {
+    [key in AppearanceKeysDefault]?: IconThemeColor;
 };
-interface iIconConfig {
-    appearance: tIconAppearance | undefined;
-    setAppearance: (newComponent: tIconAppearance) => void;
+interface IconConfig {
+    appearance: IconAppearance | undefined;
+    setAppearance: (newComponent: IconAppearance) => void;
 }
-interface iIconProps extends iIconThemeColor, iStyleAttributes {
+interface IconProps extends IconThemeColor, StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
     after?: ReactNode;
@@ -50,12 +49,12 @@ interface iIconProps extends iIconThemeColor, iStyleAttributes {
     before?: ReactNode;
     className?: string;
     dataTour?: string;
-    fillDesktop?: tFillProps;
-    fillMobile?: tFillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
     fillSizeDesktop?: string;
     fillSizeMobile?: string;
     fillSizeTablet?: string;
-    fillTablet?: tFillProps;
+    fillTablet?: FillProps;
     height?: string;
     href?: string;
     htmlType?: string;
@@ -70,22 +69,22 @@ interface iIconProps extends iIconThemeColor, iStyleAttributes {
     linkTarget?: string;
     loading?: boolean;
     rel?: string;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
     showTooltip?: boolean;
-    sizeDesktop?: tIconSizeProps;
-    sizeMobile?: tIconSizeProps;
-    sizeTablet?: tIconSizeProps;
+    sizeDesktop?: IconSizeProps;
+    sizeMobile?: IconSizeProps;
+    sizeTablet?: IconSizeProps;
     style?: CSSProperties;
     SvgImage?: any;
     target?: string;
-    tooltipAppearance?: tAppearanceKeysDefault;
+    tooltipAppearance?: AppearanceKeysDefault;
     tooltipContent?: ReactNode;
     tooltipText?: string;
-    tooltipTextSize?: tTextSizeProps;
+    tooltipTextSize?: TextSizeProps;
     tooltipTitle?: string;
-    tooltipTitleSize?: tTitleSizeProps;
+    tooltipTitleSize?: TitleSizeProps;
     type?: string;
     width?: string;
     isDisabled?: boolean;
@@ -93,4 +92,4 @@ interface iIconProps extends iIconThemeColor, iStyleAttributes {
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: MouseEventHandler<HTMLDivElement>;
 }
-export type { iIconThemeColor, tIconAppearance, iIconConfig, iIconProps };
+export type { IconThemeColor, IconAppearance, IconConfig, IconProps };

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

@@ -1,3 +1,3 @@
-import type { iImageProps } from './Image.interface';
-declare function Image(props: iImageProps): import("react/jsx-runtime").JSX.Element;
+import type { ImageProps } from './Image.interface';
+declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
 export { Image };

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

@@ -1,21 +1,21 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tBorderColorProps, tFillHoverProps, tFillProps, tHorizontalContentAlignProps, tShapeProps, tVerticalContentAlignProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iImageProps extends iStyleAttributes {
+import { BorderColorProps, FillHoverProps, FillProps, HorizontalContentAlignProps, ShapeProps, VerticalContentAlignProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface ImageProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
     alt?: string;
     before?: ReactNode;
-    borderColor?: tBorderColorProps;
+    borderColor?: BorderColorProps;
     borderColorImage?: string;
     caption?: string;
     children?: ReactNode;
     className?: string;
     cursor?: string;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
     height?: string;
-    horizontalAlign?: tHorizontalContentAlignProps;
+    horizontalAlign?: HorizontalContentAlignProps;
     imageClassName?: string;
     imageHeight?: string;
     imageWidth?: string;
@@ -23,13 +23,13 @@ export interface iImageProps extends iStyleAttributes {
     mode?: string;
     overlay?: any;
     resizeMode?: string;
-    shape?: tShapeProps;
+    shape?: ShapeProps;
     src?: string;
     style?: CSSProperties;
     title?: string;
     type?: string;
-    verticalContentAlign?: tVerticalContentAlignProps;
-    width?: tWidthProps;
+    verticalContentAlign?: VerticalContentAlignProps;
+    width?: WidthProps;
     onClick?: () => void;
     onError?: () => void;
 }