npm - @itcase/ui - Versions diffs - 1.9.45 → 1.9.47 - Mend

@itcase/ui 1.9.45 → 1.9.47

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 (246) hide show

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

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

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

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

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

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

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

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

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("src/components/Icon/Icon.interface").IconAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
     after?: React.ReactNode;
-    align?: import("@itcase/types-ui").AlignProps;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+    align?: AlignProps;
+    appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
     badgeClass?: string;
     badgeValue?: string;
     before?: React.ReactNode;

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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | 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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | 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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize12.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize14.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize16.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize20.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize24.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize32.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize40.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconStyle.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconWithBadge.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-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+        align?: AlignProps;
+        appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

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

@@ -1,19 +1,19 @@
 declare const Image: import("react").ForwardRefExoticComponent<Omit<{
-    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColor?: BorderColorProps;
     borderColorImage?: string;
-    borderType?: import("@itcase/types-ui").BorderTypeProps;
-    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
     cursor?: string;
-    fill?: import("@itcase/types-ui").FillProps;
-    fillHover?: import("@itcase/types-ui").FillHoverProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
     height?: string;
-    horizontalAlign?: import("@itcase/types-ui").AlignProps;
+    horizontalAlign?: AlignProps;
     imageHeight?: string;
     imageWidth?: string;
     resizeMode?: string;
-    shape?: import("@itcase/types-ui").ShapeProps;
-    verticalContentAlign?: import("@itcase/types-ui").AlignProps;
-    width?: import("@itcase/types-ui").WidthProps;
+    shape?: ShapeProps;
+    verticalContentAlign?: AlignProps;
+    width?: WidthProps;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: import("react").ReactNode;
     alt?: string;

package/dist/types/components/Image/stories/Image.stories.d.ts CHANGED Viewed

@@ -2,21 +2,21 @@ import { ImageProps } from '../Image.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColor?: BorderColorProps;
         borderColorImage?: string;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderType?: BorderTypeProps;
+        borderWidth?: BorderWidthProps;
         cursor?: string;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        fill?: FillProps;
+        fillHover?: FillHoverProps;
         height?: string;
-        horizontalAlign?: import("@itcase/types-ui").AlignProps;
+        horizontalAlign?: AlignProps;
         imageHeight?: string;
         imageWidth?: string;
         resizeMode?: string;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        verticalContentAlign?: import("@itcase/types-ui").AlignProps;
-        width?: import("@itcase/types-ui").WidthProps;
+        shape?: ShapeProps;
+        verticalContentAlign?: AlignProps;
+        width?: WidthProps;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: import("react").ReactNode;
         alt?: string;
@@ -42,9 +42,9 @@ declare const meta: {
     args: {
         width: number;
         height: number;
-        fill: "surfaceTertiary";
+        fill: string;
         src: string;
-        resizeMode: "contain";
+        resizeMode: string;
         alt: string;
         placeholderUrl: string;
     };

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

@@ -3,7 +3,7 @@ import type { InputConfig } from './Input.interface';
 declare const inputConfig: InputConfig;
 declare const Input: React.ForwardRefExoticComponent<import("./Input.interface").InputAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKey;
     autocomplete?: string;
     className?: string;
     dataTestId?: string;

package/dist/types/components/Input/stories/Input.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputDefault.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputDisabled.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputError.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputRequire.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputSize.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Input/stories/InputStyle.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../Input.interface").InputAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;