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/Button/stories/ButtonLabel.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

package/dist/types/components/Button/stories/ButtonShape.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

package/dist/types/components/Button/stories/ButtonSize.stories.d.ts CHANGED Viewed

@@ -2,16 +2,16 @@ import { ButtonProps } from '../Button.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types").AlignProps;
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         icon?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfter?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconAfterAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconAfterAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconAfterAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconAfterFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconAfterFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconAfterFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -22,7 +22,7 @@ declare const meta: {
         iconAppearanceSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
         iconBefore?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         iconBeforeAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        iconBeforeAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        iconBeforeAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
         iconBeforeFill?: import("../../Icon/Icon.interface").IconProps["fill"];
         iconBeforeFillIcon?: import("../../Icon/Icon.interface").IconProps["iconFill"];
         iconBeforeFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
@@ -42,28 +42,28 @@ declare const meta: {
         labelTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         labelTextWrap?: import("../../Text/Text.interface").TextProps["textWrap"];
         loaderAppearance?: import("../../Loader/Loader.interface").LoaderProps["appearance"];
-        loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+        loaderAppearanceSize?: import("@itcase/types-ui").AppearanceSizeKey;
         loaderFill?: import("../../Loader/Loader.interface").LoaderProps["fill"];
         loaderItemFill?: import("../../Loader/Loader.interface").LoaderProps["itemFill"];
         loaderShape?: import("../../Loader/Loader.interface").LoaderProps["shape"];
         loaderSize?: import("../../Loader/Loader.interface").LoaderProps["size"];
         loaderType?: import("../../Loader/Loader.interface").LoaderProps["type"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
-        wrap?: import("@itcase/types").WrapProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
         zeroGap?: boolean;
         zeroPadding?: boolean;
     } & Pick<import("../../../hooks/useHoldProgress").UseHoldProgressOptions, "onHoldComplete"> & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: string;
-        appearance?: import("@itcase/types").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         Badge?: import("react").ReactNode;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
-        elevation?: import("@itcase/types").ElevationProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
         href?: import("../../Link/Link.interface").LinkWrapperProps["href"];
         htmlType?: import("../../Link/Link.interface").LinkWrapperProps["type"];
         isDisabled?: import("../../Link/Link.interface").LinkWrapperProps["disabled"];

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceSizeOrEqualKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceSizeOrEqualKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } 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/Checkbox/Checkbox.interface.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ElementType, ReactNode } from 'react';
-import { AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type CheckboxAppearanceProps = {

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps, SvgFillProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps, SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type CheckmarkAppearanceProps = {
     borderColor?: BorderColorProps;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';

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

@@ -1,6 +1,6 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { LabelProps } from '../Label/Label.interface';
 import { TextProps } from '../Text/Text.interface';

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

@@ -1,4 +1,4 @@
-import { AppearanceStateKeysDefault, ElevationProps, FillHoverProps, FillProps } from '@itcase/types';
+import { AppearanceStateKeysDefault, ElevationProps, FillHoverProps, FillProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { TextProps } from '../Text/Text.interface';

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

@@ -1,5 +1,6 @@
 import type { DatePeriodItem } from '@itcase/common/types';
-import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, Option, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
+import { Option } from '@itcase/types-core';
+import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ChipsProps } from '../Chips/Chips.interface';
 import { DatePickerInputProps } from '../DatePicker/DatePicker.interface';
@@ -43,7 +44,7 @@ type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
     isSkeleton?: boolean;
     monthsShown?: number;
     onChangeDatePeriod?: DatePickerInputProps['onChange'];
-    onChangeDatePeriodFirstSelect?: (targetOption: any) => void;
+    onChangeDatePeriodFirstSelect?: (targetOption: Option) => void;
     onChangeDatePeriodSecondSelect?: () => void;
     onKeyDown?: (event?: React.KeyboardEvent<HTMLElement>) => void;
     popperPlacement?: DatePickerInputProps['popperPlacement'];

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

@@ -1,6 +1,7 @@
 import { ReactNode, RefObject } from 'react';
 import DatePicker, { DatePickerProps } from 'react-datepicker';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceDefaultSizeStyleKey, DateIso, SizeProps, TextSizeProps, WidthProps } from '@itcase/types';
+import { DateIso } from '@itcase/types-core';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceDefaultSizeStyleKey, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { InputProps } from '../Input/Input.interface';

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceDefaultSizeKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceDefaultSizeKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type DividerAppearanceProps = {

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { BorderColorProps, BorderTypeProps, FillProps, ShapeProps, SizeProps } from '@itcase/types';
+import { BorderColorProps, BorderTypeProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DotAppearance = {
     borderColor?: BorderColorProps;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { AppearanceHeadingSizeKey, AppearanceKeysDefault, CompositeAppearanceDefaultSizeKey } from '@itcase/types';
+import { AppearanceHeadingSizeKey, AppearanceKeysDefault, CompositeAppearanceDefaultSizeKey } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { DividerProps } from '../Divider/Divider.interface';
 import { IconProps } from '../Icon/Icon.interface';

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, MouseEventHandler, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, PositionProps, ShapeProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, PositionProps, ShapeProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type FlexAppearanceProps = {
     alignContent?: JustifyContentProps;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types';
+import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type GridBaseAppearanceProps = {
     alignContent?: AlignProps;