@itcase/ui 1.1.15 → 1.1.17

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

@@ -1,98 +1,98 @@
 import { ReactNode } from 'react';
 import { DatePickerProps } from 'react-datepicker';
-import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { IInputProps } from '../Input/Input.interface';
+import { tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textColorHoverPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { iInputProps } from '../Input/Input.interface';
 interface IDatePickerProps extends DatePickerProps {
-    daySize?: sizePropsType;
+    daySize?: tSizeProps;
     monthsShown?: boolean;
     isClearable?: boolean;
     selectsRange?: boolean;
     customTimeInput?: ReactNode;
-    dayTextColor?: textColorPropsType;
-    dayTextShape?: shapePropsType;
-    dayTextSize?: textSizePropsType;
+    dayTextColor?: tTextColorProps;
+    dayTextShape?: tShapeProps;
+    dayTextSize?: tTextSizeProps;
     disablePastDays?: boolean;
-    iconFill?: fillPropsType;
-    iconFillHover?: fillHoverPropsType;
+    iconFill?: tFillProps;
+    iconFillHover?: tFillHoverProps;
     iconFillSize?: iconFillSizePropsType;
-    iconItemFill?: itemColorPropsType;
+    iconItemFill?: tItemColorProps;
     iconLeft?: any;
     iconRight?: any;
-    iconShape?: shapePropsType;
+    iconShape?: tShapeProps;
     iconSize?: iconSizePropsType;
     inputIcon?: any;
-    inputIconFill?: fillPropsType;
-    inputIconFillHover?: fillHoverPropsType;
+    inputIconFill?: tFillProps;
+    inputIconFillHover?: tFillHoverProps;
     inputIconFillSize?: iconFillSizePropsType;
-    inputIconItemFill?: itemColorPropsType;
-    inputIconShape?: shapePropsType;
+    inputIconItemFill?: tItemColorProps;
+    inputIconShape?: tShapeProps;
     inputIconSize?: iconSizePropsType;
     inputIconSrc?: string;
     isStartDefaultNull?: boolean;
-    monthTextColor?: textColorPropsType;
-    monthTextSize?: textSizePropsType;
-    monthTextWeight?: textWeightPropsType;
-    yearTextColor?: textColorPropsType;
-    yearTextSize?: textSizePropsType;
-    yearTextWeight?: textWeightPropsType;
+    monthTextColor?: tTextColorProps;
+    monthTextSize?: tTextSizeProps;
+    monthTextWeight?: tTextWeightProps;
+    yearTextColor?: tTextColorProps;
+    yearTextSize?: tTextSizeProps;
+    yearTextWeight?: tTextWeightProps;
 }
 export interface IDatePickerInputProps {
     className?: string;
     clearIcon?: any;
-    clearIconFill?: fillPropsType;
-    clearIconFillHover?: fillHoverPropsType;
+    clearIconFill?: tFillProps;
+    clearIconFillHover?: tFillHoverProps;
     clearIconFillSize?: iconFillSizePropsType;
-    clearIconItemFill?: itemColorPropsType;
-    clearIconItemFillHover?: itemColorPropsType;
-    clearIconShape?: shapePropsType;
+    clearIconItemFill?: tItemColorProps;
+    clearIconItemFillHover?: tItemColorProps;
+    clearIconShape?: tShapeProps;
     clearIconSize?: iconSizePropsType;
     clearIconSrc?: string;
     clearLabel?: string;
-    clearLabelTextColor?: textColorPropsType;
+    clearLabelTextColor?: tTextColorProps;
     clearLabelTextColorHover?: textColorHoverPropsType;
-    clearLabelTextSize?: textSizePropsType;
+    clearLabelTextSize?: tTextSizeProps;
     datePickerProps: IDatePickerProps;
     endValue?: string;
-    inputProps?: IInputProps;
-    labelTextSize?: textSizePropsType;
+    inputProps?: iInputProps;
+    labelTextSize?: tTextSizeProps;
     value?: string;
     onChange?: any;
 }
 export interface IDatePickerCustomInput {
     clearIcon?: any;
-    clearIconFill?: fillPropsType;
-    clearIconFillHover?: fillHoverPropsType;
+    clearIconFill?: tFillProps;
+    clearIconFillHover?: tFillHoverProps;
     clearIconFillSize?: iconFillSizePropsType;
-    clearIconItemFill?: itemColorPropsType;
-    clearIconItemFillHover?: itemColorPropsType;
-    clearIconShape?: shapePropsType;
+    clearIconItemFill?: tItemColorProps;
+    clearIconItemFillHover?: tItemColorProps;
+    clearIconShape?: tShapeProps;
     clearIconSize?: iconSizePropsType;
     clearIconSrc?: string;
     clearLabel?: string;
-    clearLabelTextColor?: textColorPropsType;
+    clearLabelTextColor?: tTextColorProps;
     clearLabelTextColorHover?: textColorHoverPropsType;
-    clearLabelTextSize?: textSizePropsType;
+    clearLabelTextSize?: tTextSizeProps;
     datepickerRef?: any;
     inputIcon?: any;
-    inputIconFill?: fillPropsType;
-    inputIconFillHover?: fillHoverPropsType;
+    inputIconFill?: tFillProps;
+    inputIconFillHover?: tFillHoverProps;
     inputIconFillSize?: iconFillSizePropsType;
-    inputIconItemFill?: itemColorPropsType;
-    inputIconShape?: shapePropsType;
+    inputIconItemFill?: tItemColorProps;
+    inputIconShape?: tShapeProps;
     inputIconSize?: iconSizePropsType;
     inputIconSrc?: string;
-    inputProps?: IInputProps;
+    inputProps?: iInputProps;
     isClearable?: boolean;
-    labelTextSize?: textSizePropsType;
+    labelTextSize?: tTextSizeProps;
     value?: string;
 }
 export interface IDatePickerInputIcon {
     inputIcon?: any;
-    inputIconFill?: fillPropsType;
-    inputIconFillHover?: fillHoverPropsType;
+    inputIconFill?: tFillProps;
+    inputIconFillHover?: tFillHoverProps;
     inputIconFillSize?: iconFillSizePropsType;
-    inputIconItemFill?: itemColorPropsType;
-    inputIconShape?: shapePropsType;
+    inputIconItemFill?: tItemColorProps;
+    inputIconShape?: tShapeProps;
     inputIconSize?: iconSizePropsType;
     inputIconSrc?: string;
     onClick?: () => void;

package/dist/components/DatePicker.js

@@ -1,10 +1,10 @@
-export { D as DatePickerInput } from '../DatePicker-CUmrPZZ-.js';
+export { D as DatePickerInput } from '../DatePicker-D9UgOcue.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import 'react-dom';
-import '../floating-ui.dom-_PBQLJcF.js';
+import '../floating-ui.dom-BV5qw-HP.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -12,17 +12,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-ULZVVxWC.js';
+import '../Button-DxZUKQ8I.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Loader-YZrWGaNy.js';
-import '../Input-CYMKQ0qF.js';
-import '../Label-VHbRKztj.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';
+import '../Input-CYDtAlO-.js';
+import '../Label-0lMH0-AK.js';

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

@@ -1,30 +1,30 @@
 import { CSSProperties } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { directionPropsType, fillHoverPropsType, fillPropsType, sizePropsType, widthPropsType } from '../../types';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from '../../types';
 export interface IDividerThemeColor {
     className?: string;
-    direction?: directionPropsType;
-    directionDesktop?: directionPropsType;
-    directionMobile?: directionPropsType;
-    directionTablet?: directionPropsType;
-    fill?: fillPropsType;
-    fillActive?: fillPropsType;
-    fillActiveHover?: fillHoverPropsType;
-    fillDesktop?: fillPropsType;
-    fillDisabled?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    size?: sizePropsType;
-    sizeDesktop?: sizePropsType;
-    sizeMobile?: sizePropsType;
-    sizeTablet?: sizePropsType;
-    width?: widthPropsType;
-    widthDesktop?: widthPropsType;
-    widthMobile?: widthPropsType;
-    widthTablet?: widthPropsType;
+    direction?: tDirectionProps;
+    directionDesktop?: tDirectionProps;
+    directionMobile?: tDirectionProps;
+    directionTablet?: tDirectionProps;
+    fill?: tFillProps;
+    fillActive?: 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;
 }
-export interface IDividerProps extends IDividerThemeColor, TypeStyleAttributes {
+export interface IDividerProps extends IDividerThemeColor, iStyleAttributes {
     className?: string;
     style?: CSSProperties;
 }

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

@@ -1,26 +1,26 @@
 import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, fillPropsType, shapePropsType, sizePropsType } from '../../types';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { tBorderColorProps, borderTypePropsType, tFillProps, tShapeProps, tSizeProps } from '../../types';
 export interface IDotThemeColor {
-    borderColor?: borderColorPropsType;
-    borderColorDesktop?: borderColorPropsType;
-    borderColorMobile?: borderColorPropsType;
-    borderColorTablet?: borderColorPropsType;
+    borderColor?: tBorderColorProps;
+    borderColorDesktop?: tBorderColorProps;
+    borderColorMobile?: tBorderColorProps;
+    borderColorTablet?: tBorderColorProps;
     borderType?: borderTypePropsType;
     borderTypeDesktop?: borderTypePropsType;
     borderTypeMobile?: borderTypePropsType;
     borderTypeTablet?: borderTypePropsType;
-    fill?: fillPropsType;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    shape?: shapePropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    size?: sizePropsType;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    size?: tSizeProps;
 }
-export interface IDotProps extends IDotThemeColor, TypeStyleAttributes {
+export interface IDotProps extends IDotThemeColor, iStyleAttributes {
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;

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

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

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

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IDrawerProps extends TypeStyleAttributes {
+import type { ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+interface iDrawerProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    closeModal?: () => void;
     dataTour?: string;
-    direction: 'bottom' | 'left' | 'right' | 'top';
+    direction?: 'bottom' | 'left' | 'right' | 'top';
     enableOverlay?: boolean;
-    open: boolean;
     size?: number | string;
     type?: string;
     isOpenModal?: boolean;
-    closeModal?: () => void;
 }
+export type { iDrawerProps };

package/dist/components/Drawer.js

@@ -1,4 +1,4 @@
-export { D as Drawer } from '../Drawer-CgJX3Utw.js';
+export { D as Drawer } from '../Drawer-DkLkFSmD.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

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

@@ -1,7 +1,7 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignmentPropsType, alignPropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, justifyContentPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, underlinePropsType, widthPropsType } from '../../types';
-export interface IDropdownProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, justifyContentPropsType, tShapeProps, tSizeProps, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, tTextColorProps, textGradientPropsType, tTextSizeProps, textStylePropsType, tTextWeightProps, textWrapPropsType, typePropsType, underlinePropsType, tWidthProps } from '../../types';
+export interface IDropdownProps extends iStyleAttributes {
     after?: ReactNode;
     alignment?: alignmentPropsType;
     animationClose?: string;
@@ -10,15 +10,15 @@ export interface IDropdownProps extends TypeStyleAttributes {
     children?: ReactNode;
     className?: string;
     elevation?: elevationPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
     isOpen: boolean;
     set?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     style?: CSSProperties;
     setIsOpen: (newState: boolean) => void;
 }
-export interface IDropdownItemProps extends TypeStyleAttributes {
+export interface IDropdownItemProps extends iStyleAttributes {
     after?: ReactNode;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
@@ -26,46 +26,46 @@ export interface IDropdownItemProps extends TypeStyleAttributes {
     children?: ReactNode;
     className?: string;
     desc?: string;
-    descTextColor?: textColorPropsType;
+    descTextColor?: tTextColorProps;
     descTextColorHover?: textColorHoverPropsType;
     descTextGradient?: textGradientPropsType;
-    descTextSize?: textSizePropsType;
+    descTextSize?: tTextSizeProps;
     descTextStyle?: textStylePropsType;
-    descTextWeight?: textWeightPropsType;
+    descTextWeight?: tTextWeightProps;
     descTextWrap?: textWrapPropsType;
-    direction?: directionPropsType;
-    dividerDirection?: directionPropsType;
-    dividerFill?: fillPropsType;
-    dividerSize?: sizePropsType;
-    fill?: fillPropsType;
-    fillActive?: fillPropsType;
-    fillActiveHover?: fillHoverPropsType;
-    fillDisabled?: fillPropsType;
-    fillHover?: fillHoverPropsType;
+    direction?: tDirectionProps;
+    dividerDirection?: tDirectionProps;
+    dividerFill?: tFillProps;
+    dividerSize?: tSizeProps;
+    fill?: tFillProps;
+    fillActive?: tFillProps;
+    fillActiveHover?: tFillHoverProps;
+    fillDisabled?: tFillProps;
+    fillHover?: tFillHoverProps;
     href?: string;
     justifyContent?: justifyContentPropsType;
     label?: string;
     labelTextAlign?: textAlignPropsType;
-    labelTextColor?: textColorPropsType;
+    labelTextColor?: tTextColorProps;
     labelTextColorActive?: textColorActivePropsType;
     labelTextColorHover?: textColorHoverPropsType;
     labelTextGradient?: textGradientPropsType;
-    labelTextSize?: textSizePropsType;
+    labelTextSize?: tTextSizeProps;
     labelTextStyle?: textStylePropsType;
-    labelTextWeight?: textWeightPropsType;
+    labelTextWeight?: tTextWeightProps;
     labelTextWrap?: textWrapPropsType;
     link?: string;
-    linkFill?: fillPropsType;
+    linkFill?: tFillProps;
     rel?: string;
     set?: string;
-    shape?: shapePropsType;
+    shape?: tShapeProps;
     showDivider?: boolean;
-    size?: sizePropsType;
+    size?: tSizeProps;
     style?: CSSProperties;
     target?: string;
     type?: typePropsType;
     underline?: underlinePropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
     isActive?: boolean;
     isHover?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-Cf5vBgDu.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-DB5nPIdl.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -16,4 +16,4 @@ import '../hooks/styleAttributes.js';
 import '../Divider-Dhj6sMWd.js';
 import '../Link-Co6uspFK.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

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;