@itcase/ui 1.4.13 → 1.5.0

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

@@ -1,44 +1,43 @@
 import { CSSProperties } from 'react';
-import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iDividerThemeColor {
+import { AppearanceKeysDefault, DirectionProps, FillHoverProps, FillProps, SizeProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface DividerThemeColor {
     [key: number | string | symbol]: any;
     className?: string;
-    direction?: tDirectionProps;
-    directionDesktop?: tDirectionProps;
-    directionMobile?: tDirectionProps;
-    directionTablet?: tDirectionProps;
-    fill?: tFillProps;
-    fillActive?: tFillProps;
-    fillActiveClass?: tFillProps;
-    fillActiveHover?: tFillHoverProps;
-    fillDesktop?: tFillProps;
-    fillDisabled?: tFillProps;
-    fillHover?: tFillHoverProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
-    size?: tSizeProps;
-    sizeDesktop?: tSizeProps;
-    sizeMobile?: tSizeProps;
-    sizeTablet?: tSizeProps;
-    width?: tWidthProps;
-    widthDesktop?: tWidthProps;
-    widthMobile?: tWidthProps;
-    widthTablet?: tWidthProps;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillProps;
+    fillActiveClass?: FillProps;
+    fillActiveHover?: FillHoverProps;
+    fillDesktop?: FillProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    size?: SizeProps;
+    sizeDesktop?: SizeProps;
+    sizeMobile?: SizeProps;
+    sizeTablet?: SizeProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
+type AppearanceKeys = AppearanceKeysDefault & {};
 export type dividerAppearanceType = {
-    [key in tAppearanceKeys]?: iDividerThemeColor;
+    [key in AppearanceKeys]?: DividerThemeColor;
 };
-export interface iDividerConfig {
+export interface DividerConfig {
     [key: number | string | symbol]: any;
     appearance: dividerAppearanceType | undefined;
     setAppearance: (newComponent: dividerAppearanceType) => void;
 }
-export interface iDividerProps extends iDividerThemeColor, iStyleAttributes {
+export interface DividerProps extends DividerThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     className?: string;
     style?: CSSProperties;
 }

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

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

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

@@ -1,26 +1,26 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tBorderColorProps, tBorderTypeProps, tFillProps, tShapeProps, tSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iDotThemeColor {
-    borderColor?: tBorderColorProps;
-    borderColorDesktop?: tBorderColorProps;
-    borderColorMobile?: tBorderColorProps;
-    borderColorTablet?: tBorderColorProps;
-    borderType?: tBorderTypeProps;
-    borderTypeDesktop?: tBorderTypeProps;
-    borderTypeMobile?: tBorderTypeProps;
-    borderTypeTablet?: tBorderTypeProps;
-    fill?: tFillProps;
-    fillDesktop?: tFillProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
-    shape?: tShapeProps;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
-    size?: tSizeProps;
+import { BorderColorProps, BorderTypeProps, FillProps, ShapeProps, SizeProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface DotThemeColor {
+    borderColor?: BorderColorProps;
+    borderColorDesktop?: BorderColorProps;
+    borderColorMobile?: BorderColorProps;
+    borderColorTablet?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderTypeDesktop?: BorderTypeProps;
+    borderTypeMobile?: BorderTypeProps;
+    borderTypeTablet?: BorderTypeProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
+    size?: SizeProps;
 }
-export interface iDotProps extends iDotThemeColor, iStyleAttributes {
+export interface DotProps extends DotThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;

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

@@ -1,2 +1,2 @@
-import { drawerAppearanceType } from './Drawer.interface';
-export declare const drawerAppearance: drawerAppearanceType;
+import { DrawerAppearanceType } from './Drawer.interface';
+export declare const drawerAppearance: DrawerAppearanceType;

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

@@ -1,4 +1,4 @@
-import type { iDrawerConfig, iDrawerProps } from './Drawer.interface';
-declare const drawerConfig: iDrawerConfig;
-declare function Drawer(props: iDrawerProps): import("react/jsx-runtime").JSX.Element;
+import type { DrawerConfig, DrawerProps } from './Drawer.interface';
+declare const drawerConfig: DrawerConfig;
+declare function Drawer(props: DrawerProps): import("react/jsx-runtime").JSX.Element;
 export { Drawer, drawerConfig };

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

@@ -1,21 +1,21 @@
 import type { ReactNode } from 'react';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iDrawerThemeColor {
+import { AppearanceKeysDefault } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface DrawerThemeColor {
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type drawerAppearanceType = {
-    [key in tAppearanceKeys]?: iDrawerThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type DrawerAppearanceType = {
+    [key in AppearanceKeys]?: DrawerThemeColor;
 };
-export interface iDrawerConfig {
+export interface DrawerConfig {
     [key: number | string | symbol]: any;
-    appearance: drawerAppearanceType | undefined;
-    setAppearance: (newComponent: drawerAppearanceType) => void;
+    appearance: DrawerAppearanceType | undefined;
+    setAppearance: (newComponent: DrawerAppearanceType) => void;
 }
-interface iDrawerProps extends iDrawerThemeColor, iStyleAttributes {
+interface DrawerProps extends DrawerThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -27,4 +27,4 @@ interface iDrawerProps extends iDrawerThemeColor, iStyleAttributes {
     type?: string;
     isOpenModal?: boolean;
 }
-export type { iDrawerProps };
+export type { DrawerProps };

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

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

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

@@ -1,87 +1,85 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignmentProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, tUnderlineProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { tAlignProps, tElevationProps, tWidthProps } from '@itcase/types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iDropdownProps extends iStyleAttributes {
+import { AlignDirectionProps, AlignmentProps, AlignProps, AppearanceKeysDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, TypeProps, UnderlineProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface DropdownProps extends StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    alignment?: tAlignmentProps;
+    alignment?: AlignmentProps;
     animationClose?: string;
     animationOpen?: string;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    elevation?: tElevationProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    shape?: tShapeProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    shape?: ShapeProps;
     style?: CSSProperties;
     isOpen: boolean;
     set?: string;
     setIsOpen: (newState: boolean) => void;
 }
-export interface iDropdownItemThemeColor {
+export interface DropdownItemThemeColor {
     [key: number | string | symbol]: any;
-    descTextColor?: tTextColorProps;
-    descTextSize?: tTextSizeProps;
-    direction?: tDirectionProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    labelTextColor?: tTextColorProps;
-    labelTextSize?: tTextSizeProps;
-    shape?: tShapeProps;
-    size?: tSizeProps;
-    width?: tWidthProps;
+    descTextColor?: TextColorProps;
+    descTextSize?: TextSizeProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    labelTextColor?: TextColorProps;
+    labelTextSize?: TextSizeProps;
+    shape?: ShapeProps;
+    size?: SizeProps;
+    width?: WidthProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type dropdownItemAppearanceType = {
-    [key in tAppearanceKeys]?: iDropdownItemThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type DropdownItemAppearanceType = {
+    [key in AppearanceKeys]?: DropdownItemThemeColor;
 };
-export interface iDropdownItemConfig {
+export interface DropdownItemConfig {
     [key: number | string | symbol]: any;
-    appearance: dropdownItemAppearanceType | undefined;
-    setAppearance: (newComponent: dropdownItemAppearanceType) => void;
+    appearance: DropdownItemAppearanceType | undefined;
+    setAppearance: (newComponent: DropdownItemAppearanceType) => void;
 }
-export interface iDropdownItemProps extends iDropdownItemThemeColor, iStyleAttributes {
+export interface DropdownItemProps extends DropdownItemThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    appearance?: tAppearanceKeys;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    appearance?: AppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
     desc?: string;
-    descTextColorHover?: tTextColorHoverProps;
-    descTextGradient?: tTextGradientProps;
-    descTextStyle?: tTextStyleProps;
-    descTextWeight?: tTextWeightProps;
-    descTextWrap?: tTextWrapProps;
-    dividerDirection?: tDirectionProps;
-    dividerFill?: tFillProps;
-    dividerSize?: tSizeProps;
-    fillActive?: tFillProps;
-    fillActiveHover?: tFillHoverProps;
-    fillDisabled?: tFillProps;
+    descTextColorHover?: TextColorHoverProps;
+    descTextGradient?: TextGradientProps;
+    descTextStyle?: TextStyleProps;
+    descTextWeight?: TextWeightProps;
+    descTextWrap?: TextWrapProps;
+    dividerDirection?: DirectionProps;
+    dividerFill?: FillProps;
+    dividerSize?: SizeProps;
+    fillActive?: FillProps;
+    fillActiveHover?: FillHoverProps;
+    fillDisabled?: FillProps;
     href?: string;
-    justifyContent?: tJustifyContentProps;
+    justifyContent?: JustifyContentProps;
     label?: string;
-    labelTextAlign?: tTextAlignProps;
-    labelTextColorActive?: tTextColorActiveProps;
-    labelTextColorHover?: tTextColorHoverProps;
-    labelTextGradient?: tTextGradientProps;
-    labelTextStyle?: tTextStyleProps;
-    labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: tTextWrapProps;
+    labelTextAlign?: TextAlignProps;
+    labelTextColorActive?: TextColorActiveProps;
+    labelTextColorHover?: TextColorHoverProps;
+    labelTextGradient?: TextGradientProps;
+    labelTextStyle?: TextStyleProps;
+    labelTextWeight?: TextWeightProps;
+    labelTextWrap?: TextWrapProps;
     link?: string;
-    linkFill?: tFillProps;
+    linkFill?: FillProps;
     rel?: string;
     showDivider?: boolean;
     style?: CSSProperties;
     target?: string;
-    type?: tTypeProps;
-    underline?: tUnderlineProps;
+    type?: TypeProps;
+    underline?: UnderlineProps;
     isActive?: boolean;
     isHover?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;

package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts

@@ -1,2 +1,2 @@
-import { dropdownItemAppearanceType } from './Dropdown.interface';
-export declare const dropdownItemAppearance: dropdownItemAppearanceType;
+import { DropdownItemProps } from './Dropdown.interface';
+export declare const dropdownItemAppearance: DropdownItemProps;

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -1,4 +1,4 @@
-import type { iDropdownItemConfig, iDropdownItemProps } from './Dropdown.interface';
-declare const dropdownItemConfig: iDropdownItemConfig;
-declare function DropdownItem(props: iDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+import type { DropdownItemConfig, DropdownItemProps } from './Dropdown.interface';
+declare const dropdownItemConfig: DropdownItemConfig;
+declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export { DropdownItem, dropdownItemConfig };

package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts

@@ -0,0 +1,25 @@
+declare const dropdownAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { dropdownAppearanceSurface };

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

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

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

@@ -1,74 +1,74 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { tAlignDirectionProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tFillHoverProps, tFillProps, tFlexAlignProps, tFlexJustifyContentProps, tFlexWrapProps, tHorizontalResizeModeProps, tPositionProps, tShapeProps, tWidthProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iFlexProps extends iStyleAttributes {
+import { AlignDirectionProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, FlexAlignProps, FlexJustifyContentProps, FlexWrapProps, HorizontalResizeModeProps, PositionProps, ShapeProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface FlexProps extends StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
-    alignContent?: tFlexJustifyContentProps;
-    alignContentDesktop?: tFlexJustifyContentProps;
-    alignContentMobile?: tFlexJustifyContentProps;
-    alignContentTablet?: tFlexJustifyContentProps;
-    alignItems?: tFlexAlignProps;
-    alignItemsDesktop?: tFlexAlignProps;
-    alignItemsMobile?: tFlexAlignProps;
-    alignItemsTablet?: tFlexAlignProps;
-    border?: tBorderColorProps;
-    borderType?: tBorderTypeProps;
+    alignContent?: FlexJustifyContentProps;
+    alignContentDesktop?: FlexJustifyContentProps;
+    alignContentMobile?: FlexJustifyContentProps;
+    alignContentTablet?: FlexJustifyContentProps;
+    alignItems?: FlexAlignProps;
+    alignItemsDesktop?: FlexAlignProps;
+    alignItemsMobile?: FlexAlignProps;
+    alignItemsTablet?: FlexAlignProps;
+    border?: BorderColorProps;
+    borderType?: BorderTypeProps;
     children?: ReactNode;
     className?: string;
-    direction?: tAlignDirectionProps;
-    directionDesktop?: tAlignDirectionProps;
-    directionMobile?: tAlignDirectionProps;
-    directionTablet?: tAlignDirectionProps;
-    fill?: tFillProps;
-    fillDesktop?: tFillProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
+    direction?: AlignDirectionProps;
+    directionDesktop?: AlignDirectionProps;
+    directionMobile?: AlignDirectionProps;
+    directionTablet?: AlignDirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
     flow?: string;
     flowDesktop?: string;
     flowMobile?: string;
     flowTablet?: string;
     gapWrapper?: string;
-    justifyContent?: tFlexJustifyContentProps;
-    justifyContentDesktop?: tFlexJustifyContentProps;
-    justifyContentMobile?: tFlexJustifyContentProps;
-    justifyContentTablet?: tFlexJustifyContentProps;
-    justifyItems?: tFlexAlignProps;
-    justifyItemsDesktop?: tFlexAlignProps;
-    justifyItemsMobile?: tFlexAlignProps;
-    justifyItemsTablet?: tFlexAlignProps;
+    justifyContent?: FlexJustifyContentProps;
+    justifyContentDesktop?: FlexJustifyContentProps;
+    justifyContentMobile?: FlexJustifyContentProps;
+    justifyContentTablet?: FlexJustifyContentProps;
+    justifyItems?: FlexAlignProps;
+    justifyItemsDesktop?: FlexAlignProps;
+    justifyItemsMobile?: FlexAlignProps;
+    justifyItemsTablet?: FlexAlignProps;
     maxWidthWrapper?: string;
-    position?: tPositionProps;
-    positionDesktop?: tPositionProps;
-    positionMobile?: tPositionProps;
-    positionTablet?: tPositionProps;
-    shape?: tShapeProps;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
     style?: CSSProperties;
     tag?: ElementType;
     type?: string;
-    width?: tWidthProps;
-    widthDesktop?: tWidthProps;
-    widthMobile?: tWidthProps;
-    widthTablet?: tWidthProps;
-    wrap?: tFlexWrapProps;
-    wrapDesktop?: tFlexWrapProps;
-    wrapMobile?: tFlexWrapProps;
-    wrapTablet?: tFlexWrapProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
+    wrap?: FlexWrapProps;
+    wrapDesktop?: FlexWrapProps;
+    wrapMobile?: FlexWrapProps;
+    wrapTablet?: FlexWrapProps;
     onClick?: () => void;
 }
-export interface iFlexItemProps extends iStyleAttributes {
+export interface FlexItemProps extends StyleAttributes {
     [key: number | string | symbol]: any;
-    alignItems?: tFlexAlignProps;
-    alignItemsDesktop?: tFlexAlignProps;
-    alignItemsMobile?: tFlexAlignProps;
-    alignItemsTablet?: tFlexAlignProps;
-    alignSelf?: tFlexAlignProps;
-    alignSelfDesktop?: tFlexAlignProps;
-    alignSelfMobile?: tFlexAlignProps;
-    alignSelfTablet?: tFlexAlignProps;
+    alignItems?: FlexAlignProps;
+    alignItemsDesktop?: FlexAlignProps;
+    alignItemsMobile?: FlexAlignProps;
+    alignItemsTablet?: FlexAlignProps;
+    alignSelf?: FlexAlignProps;
+    alignSelfDesktop?: FlexAlignProps;
+    alignSelfMobile?: FlexAlignProps;
+    alignSelfTablet?: FlexAlignProps;
     children?: ReactNode;
     className?: string;
     columnEnd?: number;
@@ -83,40 +83,40 @@ export interface iFlexItemProps extends iStyleAttributes {
     columnStartDesktop?: number;
     columnStartMobile?: number;
     columnStartTablet?: number;
-    direction?: tDirectionProps;
-    directionDesktop?: tDirectionProps;
-    directionMobile?: tDirectionProps;
-    directionTablet?: tDirectionProps;
-    fill?: tFillProps;
-    fillDesktop?: tFillProps;
-    fillHover?: tFillHoverProps;
-    fillMobile?: tFillProps;
-    fillTablet?: tFillProps;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
     grow?: number;
     growDesktop?: number;
     growMobile?: number;
     growTablet?: number;
     htmlFor?: string;
-    justifyContent?: tFlexJustifyContentProps;
-    justifyContentDesktop?: tFlexJustifyContentProps;
-    justifyContentMobile?: tFlexJustifyContentProps;
-    justifyContentTablet?: tFlexJustifyContentProps;
-    position?: tPositionProps;
-    positionDesktop?: tPositionProps;
-    positionMobile?: tPositionProps;
-    positionTablet?: tPositionProps;
-    shape?: tShapeProps;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
+    justifyContent?: FlexJustifyContentProps;
+    justifyContentDesktop?: FlexJustifyContentProps;
+    justifyContentMobile?: FlexJustifyContentProps;
+    justifyContentTablet?: FlexJustifyContentProps;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
     style?: CSSProperties;
     tag?: ElementType;
-    width?: tHorizontalResizeModeProps;
-    widthDesktop?: tHorizontalResizeModeProps;
-    widthMobile?: tHorizontalResizeModeProps;
-    widthTablet?: tHorizontalResizeModeProps;
-    wrap?: tFlexWrapProps;
-    wrapDesktop?: tFlexWrapProps;
-    wrapMobile?: tFlexWrapProps;
-    wrapTablet?: tFlexWrapProps;
+    width?: HorizontalResizeModeProps;
+    widthDesktop?: HorizontalResizeModeProps;
+    widthMobile?: HorizontalResizeModeProps;
+    widthTablet?: HorizontalResizeModeProps;
+    wrap?: FlexWrapProps;
+    wrapDesktop?: FlexWrapProps;
+    wrapMobile?: FlexWrapProps;
+    wrapTablet?: FlexWrapProps;
 }

package/dist/types/components/Flex/FlexItem.d.ts

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

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

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