@itcase/ui 1.3.11 → 1.3.13

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

@@ -1,88 +1,76 @@
 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/styleAttributes.interface';
-import { borderTypePropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tShapeProps, tWidthProps } from '../../types';
 export interface iFlexProps extends iStyleAttributes {
+    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;
     children?: ReactNode;
     className?: string;
-    id?: number | string;
-    style?: CSSProperties;
-    tag?: ElementType;
-    type?: string;
-    onClick?: () => void;
-    alignContent?: flexJustifyContentPropsType;
-    alignItems?: flexAlignPropsType;
-    border?: tBorderColorProps;
-    borderType?: borderTypePropsType;
     direction?: tAlignDirectionProps;
-    fill?: tFillProps;
-    flow?: string;
-    justifyContent?: flexJustifyContentPropsType;
-    position?: positionPropsType;
-    shape?: tShapeProps;
-    width?: tWidthProps;
-    wrap?: flexWrapPropsType;
-    gapWrapper?: string;
-    maxWidthWrapper?: string;
-    alignContentDesktop?: flexJustifyContentPropsType;
-    alignContentMobile?: flexJustifyContentPropsType;
-    alignContentTablet?: flexJustifyContentPropsType;
-    alignItemsDesktop?: flexAlignPropsType;
-    alignItemsMobile?: flexAlignPropsType;
-    alignItemsTablet?: flexAlignPropsType;
     directionDesktop?: tAlignDirectionProps;
     directionMobile?: tAlignDirectionProps;
     directionTablet?: tAlignDirectionProps;
+    fill?: tFillProps;
     fillDesktop?: tFillProps;
     fillMobile?: tFillProps;
     fillTablet?: tFillProps;
+    flow?: string;
     flowDesktop?: string;
     flowMobile?: string;
     flowTablet?: string;
-    justifyContentDesktop?: flexJustifyContentPropsType;
-    justifyContentMobile?: flexJustifyContentPropsType;
-    justifyContentTablet?: flexJustifyContentPropsType;
-    justifyItems?: flexAlignPropsType;
-    justifyItemsDesktop?: flexAlignPropsType;
-    justifyItemsMobile?: flexAlignPropsType;
-    justifyItemsTablet?: flexAlignPropsType;
-    positionDesktop?: positionPropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
+    gapWrapper?: string;
+    justifyContent?: tFlexJustifyContentProps;
+    justifyContentDesktop?: tFlexJustifyContentProps;
+    justifyContentMobile?: tFlexJustifyContentProps;
+    justifyContentTablet?: tFlexJustifyContentProps;
+    justifyItems?: tFlexAlignProps;
+    justifyItemsDesktop?: tFlexAlignProps;
+    justifyItemsMobile?: tFlexAlignProps;
+    justifyItemsTablet?: tFlexAlignProps;
+    maxWidthWrapper?: string;
+    position?: tPositionProps;
+    positionDesktop?: tPositionProps;
+    positionMobile?: tPositionProps;
+    positionTablet?: tPositionProps;
+    shape?: tShapeProps;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
     shapeTablet?: tShapeProps;
+    style?: CSSProperties;
+    tag?: ElementType;
+    type?: string;
+    width?: tWidthProps;
     widthDesktop?: tWidthProps;
     widthMobile?: tWidthProps;
     widthTablet?: tWidthProps;
-    wrapDesktop?: flexWrapPropsType;
-    wrapMobile?: flexWrapPropsType;
-    wrapTablet?: flexWrapPropsType;
+    wrap?: tFlexWrapProps;
+    wrapDesktop?: tFlexWrapProps;
+    wrapMobile?: tFlexWrapProps;
+    wrapTablet?: tFlexWrapProps;
+    onClick?: () => void;
 }
 export interface iFlexItemProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
+    alignItems?: tFlexAlignProps;
+    alignItemsDesktop?: tFlexAlignProps;
+    alignItemsMobile?: tFlexAlignProps;
+    alignItemsTablet?: tFlexAlignProps;
+    alignSelf?: tFlexAlignProps;
+    alignSelfDesktop?: tFlexAlignProps;
+    alignSelfMobile?: tFlexAlignProps;
+    alignSelfTablet?: tFlexAlignProps;
     children?: ReactNode;
     className?: string;
-    htmlFor?: string;
-    style?: CSSProperties;
-    tag?: ElementType;
-    alignItems?: flexAlignPropsType;
-    alignSelf?: flexAlignPropsType;
-    direction?: tDirectionProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    grow?: number;
-    justifyContent?: flexJustifyContentPropsType;
-    position?: positionPropsType;
-    shape?: tShapeProps;
-    width?: horizontalResizeModePropsType;
-    wrap?: flexWrapPropsType;
-    alignItemsDesktop?: flexAlignPropsType;
-    alignItemsMobile?: flexAlignPropsType;
-    alignItemsTablet?: flexAlignPropsType;
-    alignSelfDesktop?: flexAlignPropsType;
-    alignSelfMobile?: flexAlignPropsType;
-    alignSelfTablet?: flexAlignPropsType;
     columnEnd?: number;
     columnEndDesktop?: number;
     columnEndMobile?: number;
@@ -95,28 +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;
+    grow?: number;
     growDesktop?: number;
     growMobile?: number;
     growTablet?: number;
-    justifyContentDesktop?: flexJustifyContentPropsType;
-    justifyContentMobile?: flexJustifyContentPropsType;
-    justifyContentTablet?: flexJustifyContentPropsType;
-    positionDesktop?: positionPropsType;
-    positionMobile?: positionPropsType;
-    positionTablet?: positionPropsType;
+    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;
-    widthDesktop?: horizontalResizeModePropsType;
-    widthMobile?: horizontalResizeModePropsType;
-    widthTablet?: horizontalResizeModePropsType;
-    wrapDesktop?: flexWrapPropsType;
-    wrapMobile?: flexWrapPropsType;
-    wrapTablet?: flexWrapPropsType;
+    style?: CSSProperties;
+    tag?: ElementType;
+    width?: tHorizontalResizeModeProps;
+    widthDesktop?: tHorizontalResizeModeProps;
+    widthMobile?: tHorizontalResizeModeProps;
+    widthTablet?: tHorizontalResizeModeProps;
+    wrap?: tFlexWrapProps;
+    wrapDesktop?: tFlexWrapProps;
+    wrapMobile?: tFlexWrapProps;
+    wrapTablet?: tFlexWrapProps;
 }

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

@@ -0,0 +1,80 @@
+export declare const parameters: {
+    controls: {
+        exclude: string[];
+    };
+};
+export declare const argTypes: {
+    id: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+    justifyContent: {
+        control: string;
+        options: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+    };
+    alignItems: {
+        control: string;
+        options: readonly [undefined, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
+    };
+    position: {
+        control: string;
+        options: readonly ["static", "absolute", "relative", "fixed", "inherit"];
+    };
+    direction: {
+        control: string;
+        options: readonly [undefined, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
+    };
+    advancedProps: {
+        control: string;
+        value: boolean;
+    };
+    alignContent: {
+        control: string;
+        options: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+    };
+    className: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    flow: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    tag: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+    type: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+    wrap: {
+        control: string;
+        description: string;
+        options: readonly [undefined, "wrap", "nowrap", "wrap-reverse"];
+    };
+    onClick: {
+        control: string;
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,11 +1,11 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
+import { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tGridAlignProps, tGridAlignSelfProps, tGridJustifyItemsProps, tGridJustifySelfProps, tHorizontalResizeModeProps, tShapeProps, tVerticalResizeModeProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tShapeProps, verticalResizeModePropsType } from '../../types';
 export interface iGridBaseThemeColor extends iStyleAttributes {
-    alignSelf?: gridAlignSelfPropsType;
-    alignSelfDesktop?: gridAlignSelfPropsType;
-    alignSelfMobile?: gridAlignSelfPropsType;
-    alignSelfTablet?: gridAlignSelfPropsType;
+    alignSelf?: tGridAlignSelfProps;
+    alignSelfDesktop?: tGridAlignSelfProps;
+    alignSelfMobile?: tGridAlignSelfProps;
+    alignSelfTablet?: tGridAlignSelfProps;
     columnEnd?: string;
     columnEndDesktop?: string;
     columnEndMobile?: string;
@@ -27,10 +27,10 @@ export interface iGridBaseThemeColor extends iStyleAttributes {
     fillTablet?: tFillProps;
     gap?: string;
     gridTemplateColumns?: string;
-    justifySelf?: gridJustifySelfPropsType;
-    justifySelfDesktop?: gridJustifySelfPropsType;
-    justifySelfMobile?: gridJustifySelfPropsType;
-    justifySelfTablet?: gridJustifySelfPropsType;
+    justifySelf?: tGridJustifySelfProps;
+    justifySelfDesktop?: tGridJustifySelfProps;
+    justifySelfMobile?: tGridJustifySelfProps;
+    justifySelfTablet?: tGridJustifySelfProps;
     order?: string;
     orderDesktop?: string;
     orderMobile?: string;
@@ -54,37 +54,35 @@ export interface iGridBaseThemeColor extends iStyleAttributes {
     zIndexTablet?: string;
 }
 export interface iGridItemProps extends iGridBaseThemeColor {
-    [key: number | string | symbol]: any;
     id?: string;
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
-    style?: CSSProperties;
     onClick?: () => void;
 }
 export interface iGridRowProps extends iGridBaseThemeColor {
-    [key: number | string | symbol]: any;
     id?: string;
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
     htmlFor?: string;
-    style?: CSSProperties;
-    tag: ElementType;
+    tag?: ElementType;
     onClick?: () => void;
 }
 export interface iGridProps extends iStyleAttributes {
-    [key: number | string | symbol]: any;
     id?: string;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    alignContent?: gridAlignPropsType;
-    alignContentDesktop?: gridAlignPropsType;
-    alignContentMobile?: gridAlignPropsType;
-    alignContentTablet?: gridAlignPropsType;
-    alignItems?: gridAlignPropsType;
-    alignItemsDesktop?: gridAlignPropsType;
-    alignItemsMobile?: gridAlignPropsType;
-    alignItemsTablet?: gridAlignPropsType;
+    alignContent?: tGridAlignProps;
+    alignContentDesktop?: tGridAlignProps;
+    alignContentMobile?: tGridAlignProps;
+    alignContentTablet?: tGridAlignProps;
+    alignItems?: tGridAlignProps;
+    alignItemsDesktop?: tGridAlignProps;
+    alignItemsMobile?: tGridAlignProps;
+    alignItemsTablet?: tGridAlignProps;
     before?: ReactNode;
     borderColor?: tBorderColorProps;
     children?: ReactNode;
@@ -110,16 +108,16 @@ export interface iGridProps extends iStyleAttributes {
     gridBackgroundWrapperDesktop?: string;
     gridBackgroundWrapperMobile?: string;
     gridBackgroundWrapperTablet?: string;
-    horizontalResizing?: horizontalResizeModePropsType;
+    horizontalResizing?: tHorizontalResizeModeProps;
     horizontalScroll?: boolean;
     justifyContent?: string;
     justifyContentDesktop?: string;
     justifyContentMobile?: string;
     justifyContentTablet?: string;
-    justifyItems?: gridJustifyItemsPropsType;
-    justifyItemsDesktop?: gridJustifyItemsPropsType;
-    justifyItemsMobile?: gridJustifyItemsPropsType;
-    justifyItemsTablet?: gridJustifyItemsPropsType;
+    justifyItems?: tGridJustifyItemsProps;
+    justifyItemsDesktop?: tGridJustifyItemsProps;
+    justifyItemsMobile?: tGridJustifyItemsProps;
+    justifyItemsTablet?: tGridJustifyItemsProps;
     rowGap?: string;
     rowGapDesktop?: string;
     rowGapMobile?: string;
@@ -136,10 +134,9 @@ export interface iGridProps extends iStyleAttributes {
     shapeWrapperInnerTablet?: tShapeProps;
     shapeWrapperMobile?: tShapeProps;
     shapeWrapperTablet?: tShapeProps;
-    style?: CSSProperties;
-    tag: ElementType;
+    tag?: ElementType;
     type?: string;
     useGridSystem?: boolean;
-    verticalResizing?: verticalResizeModePropsType;
+    verticalResizing?: tVerticalResizeModeProps;
     onClick?: () => void;
 }

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

@@ -0,0 +1,90 @@
+export declare const parameters: {
+    controls: {
+        exclude: string[];
+    };
+};
+export declare const argTypes: {
+    id: {
+        if: {
+            arg: string;
+        };
+    };
+    justifyContent: {
+        control: string;
+        options: (string | null)[];
+    };
+    alignItems: {
+        control: string;
+        options: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    alignContent: {
+        control: string;
+        options: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
+    };
+    before: {
+        if: {
+            arg: string;
+        };
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    columns: {
+        control: {
+            max: number;
+            min: number;
+            step: number;
+            type: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    justifyItems: {
+        control: string;
+        options: readonly [undefined, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
+    };
+    rows: {
+        control: {
+            max: number;
+            min: number;
+            step: number;
+            type: string;
+        };
+    };
+    tag: {
+        if: {
+            arg: string;
+        };
+    };
+    type: {
+        if: {
+            arg: string;
+        };
+    };
+    useGridSystem: {
+        if: {
+            arg: string;
+        };
+    };
+    onClick: {
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,7 +1,7 @@
 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/styleAttributes.interface';
-import { borderTypePropsType, elevationPropsType, flexGrowPropsType, stackingPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tJustifyContentProps, tShapeProps, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     [key: number | string | symbol]: any;
     border?: string;
@@ -28,16 +28,16 @@ export interface iGroupProps extends iStyleAttributes {
     alignDirection?: tAlignDirectionProps;
     appearance?: tAppearanceKeys;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     children?: ReactNode;
     className?: string;
     columns?: number;
     dataTour?: string;
     direction?: tDirectionProps;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
-    flexGrow?: flexGrowPropsType;
+    flexGrow?: tFlexGrowProps;
     height?: tHeightProps;
     horizontalScroll?: boolean;
     htmlFor?: string;
@@ -45,11 +45,11 @@ export interface iGroupProps extends iStyleAttributes {
     justifyContent?: tJustifyContentProps;
     name?: string;
     shape?: tShapeProps;
-    stacking?: stackingPropsType;
+    stacking?: tStackingProps;
     style?: CSSProperties;
     tag?: ElementType;
     width?: tWidthProps;
-    wrap?: wrapPropsType;
+    wrap?: tWrapProps;
     isTextHover?: boolean;
     onClick?: () => void;
     set?: string;

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

@@ -0,0 +1,78 @@
+export declare const argTypes: {
+    id: {
+        if: {
+            arg: string;
+        };
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    direction: {
+        control: string;
+        options: readonly [undefined, "column", "column-reverse", "horizontal", "horizontal-reverse", "row", "row-reverse", "vertical", "vertical-reverse"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    columns: {
+        control: {
+            max: number;
+            min: number;
+            step: number;
+            type: string;
+        };
+    };
+    contentAlign: {
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    htmlFor: {
+        if: {
+            arg: string;
+        };
+    };
+    set: {
+        if: {
+            arg: string;
+        };
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    spaceBetweenItems: {
+        if: {
+            arg: string;
+        };
+    };
+    stacking: {
+        if: {
+            arg: string;
+        };
+    };
+    tag: {
+        if: {
+            arg: string;
+        };
+    };
+    wrap: {
+        control: string;
+        options: readonly [undefined, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
+    };
+    onClick: {
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,13 +1,13 @@
 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/styleAttributes.interface';
-import { borderTypePropsType, elevationPropsType, flexGrowPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tJustifyContentProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
 export interface iHTMLContentProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     border?: tBorderColorProps;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: string;
     children?: ReactNode;
     className?: string;
@@ -15,10 +15,10 @@ export interface iHTMLContentProps extends iStyleAttributes {
     content?: any;
     dataTour?: string;
     direction?: tDirectionProps;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
-    flexGrow?: flexGrowPropsType;
+    flexGrow?: tFlexGrowProps;
     height?: tHeightProps;
     justifyContent?: tJustifyContentProps;
     shape?: tShapeProps;
@@ -26,6 +26,6 @@ export interface iHTMLContentProps extends iStyleAttributes {
     textColor?: tTextColorProps;
     textWeight?: tTextWeightProps;
     width?: tWidthProps;
-    wrap?: wrapPropsType;
+    wrap?: tWrapProps;
     onClick?: () => void;
 }