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

@itcase/ui 1.9.41 → 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 (323) hide show

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;

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").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/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").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/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").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/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").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/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").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/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").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/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").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/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").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/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").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/Image/Image.d.ts CHANGED Viewed

@@ -1,20 +1,19 @@
-import { MouseEvent } from 'react';
 declare const Image: import("react").ForwardRefExoticComponent<Omit<{
-    borderColor?: import("@itcase/types").BorderColorProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
     borderColorImage?: string;
-    borderType?: import("@itcase/types").BorderTypeProps;
-    borderWidth?: import("@itcase/types").BorderWidthProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     cursor?: string;
-    fill?: import("@itcase/types").FillProps;
-    fillHover?: import("@itcase/types").FillHoverProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
     height?: string;
-    horizontalAlign?: import("@itcase/types").AlignProps;
+    horizontalAlign?: import("@itcase/types-ui").AlignProps;
     imageHeight?: string;
     imageWidth?: string;
     resizeMode?: string;
-    shape?: import("@itcase/types").ShapeProps;
-    verticalContentAlign?: import("@itcase/types").AlignProps;
-    width?: import("@itcase/types").WidthProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    verticalContentAlign?: import("@itcase/types-ui").AlignProps;
+    width?: import("@itcase/types-ui").WidthProps;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: import("react").ReactNode;
     alt?: string;
@@ -29,10 +28,10 @@ declare const Image: import("react").ForwardRefExoticComponent<Omit<{
     isSkeleton?: boolean;
     mode?: string;
     onClick?: () => void;
-    onError?: (event: MouseEvent<HTMLImageElement>) => void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
     overlay?: import("react").ReactNode;
     placeholderUrl?: string;
-    src: string;
+    src?: string | null;
     style?: import("react").CSSProperties;
     title?: string;
     type?: string;