@itcase/ui 1.1.14 → 1.1.16

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

@@ -1,94 +1,98 @@
-import { Ref } from 'react';
-import DatePicker, { type ReactDatePickerProps } from 'react-datepicker';
-import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { IInputProps } from '../Input/Input.interface';
-interface IDatePickerProps extends ReactDatePickerProps<boolean, boolean> {
-    daySize?: sizePropsType;
-    dayTextColor?: textColorPropsType;
-    dayTextShape?: shapePropsType;
-    dayTextSize?: textSizePropsType;
+import { ReactNode } from 'react';
+import { DatePickerProps } from 'react-datepicker';
+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?: tSizeProps;
+    monthsShown?: boolean;
+    isClearable?: boolean;
+    selectsRange?: boolean;
+    customTimeInput?: ReactNode;
+    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;
-    datepickerRef?: Ref<DatePicker<true, true>>;
+    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/cjs/components/DatePicker.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var DatePicker = require('../DatePicker-BiCqQFyi.js');
+var DatePicker = require('../DatePicker-e4-8mC1N.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
-require('prop-types');
 require('react-dom');
-require('../floating-ui.dom-CW7i9VDu.js');
+require('../floating-ui.dom-D1St6qnn.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Button-C4_FRFZe.js');
+require('../Button-DfUQ11Hs.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-DzJtiBBk.js');
+require('../Icon-2rv_L0yY.js');
 require('react-inlinesvg');
-require('../Link-3qPujNn9.js');
-require('../Tooltip-CnnungCh.js');
+require('../Link-B6Xq7PWn.js');
+require('../Tooltip-DRsL77n1.js');
 require('../Text-C8vlKWNN.js');
-require('../Title-C3lN-EvU.js');
+require('../Title-DZn77tSl.js');
 require('../Loader-2vQxF_aO.js');
-require('../Input-BqKlyvEt.js');
-require('../Label-BcwjtIk7.js');
+require('../Input-vwyG3XF0.js');
+require('../Label-EFoxH21m.js');
 
 
 

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IDrawerProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface IDrawerProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../DropdownItem-bjpmcFH1.js');
+var DropdownItem = require('../DropdownItem-BhpFr7Z0.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,7 +16,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Divider-D92wY8Fn.js');
-require('../Link-3qPujNn9.js');
+require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');
 require('../Text-C8vlKWNN.js');
 

package/dist/cjs/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;