npm - @itcase/ui - Versions diffs - 1.9.42 → 1.9.43 - Mend

@itcase/ui 1.9.42 → 1.9.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

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

@@ -2,40 +2,40 @@ import React from 'react';
 import type { GroupConfig } from './Group.interface';
 declare const groupConfig: GroupConfig;
 declare const Group: React.ForwardRefExoticComponent<{
-    align?: import("@itcase/types").AlignProps;
-    alignDirection?: import("@itcase/types").DirectionProps;
-    border?: import("@itcase/types").BorderColorProps;
-    borderColor?: import("@itcase/types").BorderColorProps;
-    borderColorActive?: import("@itcase/types").BorderColorProps;
-    borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-    borderColorHover?: import("@itcase/types").BorderColorProps;
-    borderType?: import("@itcase/types").BorderTypeProps;
-    borderWidth?: import("@itcase/types").BorderWidthProps;
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    border?: import("@itcase/types-ui").BorderColorProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+    borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+    borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     columns?: number;
-    direction?: import("@itcase/types").DirectionProps;
-    elevation?: import("@itcase/types").ElevationProps;
-    fill?: import("@itcase/types").FillProps;
-    fillActive?: import("@itcase/types").FillProps;
-    fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-    fillDisabled?: import("@itcase/types").FillProps;
-    fillHover?: import("@itcase/types").FillHoverProps;
+    direction?: import("@itcase/types-ui").DirectionProps;
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillActive?: import("@itcase/types-ui").FillProps;
+    fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+    fillDisabled?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
     flexGrow?: string;
-    height?: import("@itcase/types").HeightProps;
+    height?: import("@itcase/types-ui").HeightProps;
     hoverFilter?: string;
     iconFillHover?: import("../Icon/Icon.interface").IconProps["fillHover"];
-    justifyContent?: import("@itcase/types").JustifyContentProps;
+    justifyContent?: import("@itcase/types-ui").JustifyContentProps;
     labelTextColor?: import("../Label/Label.interface").LabelProps["labelTextColor"];
-    shape?: import("@itcase/types").ShapeProps;
-    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-    stacking?: import("@itcase/types").StackingProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    stacking?: import("@itcase/types-ui").StackingProps;
     textColor?: import("../Text/Text.interface").TextProps["textColor"];
     textColorActive?: import("../Text/Text.interface").TextProps["textColorActive"];
     textColorHover?: import("../Text/Text.interface").TextProps["textColorHover"];
-    width?: import("@itcase/types").WidthProps;
-    wrap?: import("@itcase/types").WrapProps;
+    width?: import("@itcase/types-ui").WidthProps;
+    wrap?: import("@itcase/types-ui").WrapProps;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: number | string;
-    appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
     children?: React.ReactNode;
     className?: string;
     dataId?: string;
@@ -49,7 +49,7 @@ declare const Group: React.ForwardRefExoticComponent<{
     onClick?: () => void;
     onMouseDown?: () => void;
     print?: boolean;
-    scroll?: boolean | import("@itcase/types").DirectionProps;
+    scroll?: boolean | import("@itcase/types-ui").DirectionProps;
     set?: string;
     style?: React.CSSProperties;
     tag?: React.ElementType;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { LabelProps } from '../Label/Label.interface';

package/dist/types/components/Group/stories/GroupAlignItems.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

package/dist/types/components/Group/stories/GroupAlignSelf.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

package/dist/types/components/Group/stories/GroupColumns.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

package/dist/types/components/Group/stories/GroupDirection.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

package/dist/types/components/Group/stories/GroupWrap.stories.d.ts CHANGED Viewed

@@ -2,40 +2,40 @@ import { GroupProps } from '../Group.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        border?: import("@itcase/types").BorderColorProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorActive?: import("@itcase/types").BorderColorProps;
-        borderColorActiveHover?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        border?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActive?: import("@itcase/types-ui").BorderColorProps;
+        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         columns?: number;
-        direction?: import("@itcase/types").DirectionProps;
-        elevation?: import("@itcase/types").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
-        fillActive?: import("@itcase/types").FillProps;
-        fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        direction?: import("@itcase/types-ui").DirectionProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillActive?: import("@itcase/types-ui").FillProps;
+        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+        fillDisabled?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         flexGrow?: string;
-        height?: import("@itcase/types").HeightProps;
+        height?: import("@itcase/types-ui").HeightProps;
         hoverFilter?: string;
         iconFillHover?: import("../../Icon/Icon.interface").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types").JustifyContentProps;
+        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
         labelTextColor?: import("../../Label/Label.interface").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        stacking?: import("@itcase/types").StackingProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        stacking?: import("@itcase/types-ui").StackingProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textColorActive?: import("../../Text/Text.interface").TextProps["textColorActive"];
         textColorHover?: import("../../Text/Text.interface").TextProps["textColorHover"];
-        width?: import("@itcase/types").WidthProps;
-        wrap?: import("@itcase/types").WrapProps;
+        width?: import("@itcase/types-ui").WidthProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: number | string;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
         children?: import("react").ReactNode;
         className?: string;
         dataId?: string;
@@ -49,7 +49,7 @@ declare const meta: {
         onClick?: () => void;
         onMouseDown?: () => void;
         print?: boolean;
-        scroll?: boolean | import("@itcase/types").DirectionProps;
+        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;
         style?: import("react").CSSProperties;
         tag?: import("react").ElementType;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type HTMLContentAppearanceProps = {
     align?: AlignProps;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceHeadingSizeKey, DirectionProps, FillProps, SvgFillProps, TextAlignProps, TextWeightProps } from '@itcase/types';
+import { AppearanceHeadingSizeKey, DirectionProps, FillProps, SvgFillProps, TextAlignProps, TextWeightProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';

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

@@ -4,8 +4,8 @@ declare const iconConfig: IconConfig;
 declare const Icon: React.ForwardRefExoticComponent<Omit<import("../Icon/Icon.interface").IconAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
     after?: React.ReactNode;
-    align?: import("@itcase/types").AlignProps;
-    appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+    align?: import("@itcase/types-ui").AlignProps;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
     badgeClass?: string;
     badgeValue?: string;
     before?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { LinkWrapperProps } from '../Link/Link.interface';

package/dist/types/components/Icon/stories/IconDefault.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconDemo.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconShape.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;