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/Input/stories/InputSuccess.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/Link/Link.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import React from 'react';
 import type { LinkConfig, LinkProps, LinkWrapperProps } from './Link.interface';
 declare const linkConfig: LinkConfig;
 declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
-declare function LinkWrapper(props: LinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | bigint | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>)[];
+declare function LinkWrapper(props: LinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | bigint | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>)[];
 export { Link, linkConfig, LinkWrapper };

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

@@ -7,11 +7,11 @@ declare const Logo: import("react").ForwardRefExoticComponent<Omit<{
     src?: string;
     title?: string;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-    align?: import("@itcase/types-ui").AlignProps;
-    alignDirection?: import("@itcase/types-ui").DirectionProps;
-    alignItems?: import("@itcase/types-ui").AlignProps;
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    alignItems?: AlignProps;
     alt?: string;
-    appearance?: "accentMutedPrimary" | "accentMutedQuaternary" | "accentMutedSecondary" | "accentMutedTertiary" | "accentPrimary" | "accentQuaternary" | "accentSecondary" | "accentTertiary" | "dangerMutedPrimary" | "dangerMutedQuaternary" | "dangerMutedSecondary" | "dangerMutedTertiary" | "dangerPrimary" | "dangerQuaternary" | "dangerSecondary" | "dangerTertiary" | "disabledMutedPrimary" | "disabledMutedQuaternary" | "disabledMutedSecondary" | "disabledMutedTertiary" | "disabledPrimary" | "disabledQuaternary" | "disabledSecondary" | "disabledTertiary" | "errorMutedPrimary" | "errorMutedQuaternary" | "errorMutedSecondary" | "errorMutedTertiary" | "errorPrimary" | "errorQuaternary" | "errorSecondary" | "errorTertiary" | "extraMutedPrimary" | "extraMutedQuaternary" | "extraMutedSecondary" | "extraMutedTertiary" | "extraPrimary" | "extraQuaternary" | "extraSecondary" | "extraTertiary" | "gradientPrimary" | "infoMutedPrimary" | "infoMutedQuaternary" | "infoMutedSecondary" | "infoMutedTertiary" | "infoPrimary" | "infoQuaternary" | "infoSecondary" | "infoTertiary" | "specialMutedPrimary" | "specialMutedQuaternary" | "specialMutedSecondary" | "specialMutedTertiary" | "specialPrimary" | "specialQuaternary" | "specialSecondary" | "specialTertiary" | "successMutedPrimary" | "successMutedQuaternary" | "successMutedSecondary" | "successMutedTertiary" | "successPrimary" | "successQuaternary" | "successSecondary" | "successTertiary" | "surfaceMutedPrimary" | "surfaceMutedQuaternary" | "surfaceMutedSecondary" | "surfaceMutedTertiary" | "surfacePrimary" | "surfaceQuaternary" | "surfaceSecondary" | "surfaceTertiary" | "warningMutedPrimary" | "warningMutedQuaternary" | "warningMutedSecondary" | "warningMutedTertiary" | "warningPrimary" | "warningQuaternary" | "warningSecondary" | "warningTertiary";
+    appearance?: any;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
@@ -19,11 +19,11 @@ declare const Logo: import("react").ForwardRefExoticComponent<Omit<{
     isSkeleton?: boolean;
     link?: string;
     mode?: string;
-    size?: import("@itcase/types-ui").SizeProps;
+    size?: SizeProps;
     source?: string;
     src?: string;
     style?: import("react").CSSProperties;
     title?: string;
-    width?: import("@itcase/types-ui").WidthProps;
+    width?: WidthProps;
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Logo, logoConfig };

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

@@ -8,11 +8,11 @@ declare const meta: {
         src?: string;
         title?: string;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignItems?: import("@itcase/types-ui").AlignProps;
+        align?: AlignProps;
+        alignDirection?: DirectionProps;
+        alignItems?: AlignProps;
         alt?: string;
-        appearance?: "accentMutedPrimary" | "accentMutedQuaternary" | "accentMutedSecondary" | "accentMutedTertiary" | "accentPrimary" | "accentQuaternary" | "accentSecondary" | "accentTertiary" | "dangerMutedPrimary" | "dangerMutedQuaternary" | "dangerMutedSecondary" | "dangerMutedTertiary" | "dangerPrimary" | "dangerQuaternary" | "dangerSecondary" | "dangerTertiary" | "disabledMutedPrimary" | "disabledMutedQuaternary" | "disabledMutedSecondary" | "disabledMutedTertiary" | "disabledPrimary" | "disabledQuaternary" | "disabledSecondary" | "disabledTertiary" | "errorMutedPrimary" | "errorMutedQuaternary" | "errorMutedSecondary" | "errorMutedTertiary" | "errorPrimary" | "errorQuaternary" | "errorSecondary" | "errorTertiary" | "extraMutedPrimary" | "extraMutedQuaternary" | "extraMutedSecondary" | "extraMutedTertiary" | "extraPrimary" | "extraQuaternary" | "extraSecondary" | "extraTertiary" | "gradientPrimary" | "infoMutedPrimary" | "infoMutedQuaternary" | "infoMutedSecondary" | "infoMutedTertiary" | "infoPrimary" | "infoQuaternary" | "infoSecondary" | "infoTertiary" | "specialMutedPrimary" | "specialMutedQuaternary" | "specialMutedSecondary" | "specialMutedTertiary" | "specialPrimary" | "specialQuaternary" | "specialSecondary" | "specialTertiary" | "successMutedPrimary" | "successMutedQuaternary" | "successMutedSecondary" | "successMutedTertiary" | "successPrimary" | "successQuaternary" | "successSecondary" | "successTertiary" | "surfaceMutedPrimary" | "surfaceMutedQuaternary" | "surfaceMutedSecondary" | "surfaceMutedTertiary" | "surfacePrimary" | "surfaceQuaternary" | "surfaceSecondary" | "surfaceTertiary" | "warningMutedPrimary" | "warningMutedQuaternary" | "warningMutedSecondary" | "warningMutedTertiary" | "warningPrimary" | "warningQuaternary" | "warningSecondary" | "warningTertiary";
+        appearance?: any;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -20,12 +20,12 @@ declare const meta: {
         isSkeleton?: boolean;
         link?: string;
         mode?: string;
-        size?: import("@itcase/types-ui").SizeProps;
+        size?: SizeProps;
         source?: string;
         src?: string;
         style?: import("react").CSSProperties;
         title?: string;
-        width?: import("@itcase/types-ui").WidthProps;
+        width?: WidthProps;
     } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         size: string;

package/dist/types/components/Logo/stories/LogoSize.stories.d.ts CHANGED Viewed

@@ -8,11 +8,11 @@ declare const meta: {
         src?: string;
         title?: string;
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignItems?: import("@itcase/types-ui").AlignProps;
+        align?: AlignProps;
+        alignDirection?: DirectionProps;
+        alignItems?: AlignProps;
         alt?: string;
-        appearance?: "accentMutedPrimary" | "accentMutedQuaternary" | "accentMutedSecondary" | "accentMutedTertiary" | "accentPrimary" | "accentQuaternary" | "accentSecondary" | "accentTertiary" | "dangerMutedPrimary" | "dangerMutedQuaternary" | "dangerMutedSecondary" | "dangerMutedTertiary" | "dangerPrimary" | "dangerQuaternary" | "dangerSecondary" | "dangerTertiary" | "disabledMutedPrimary" | "disabledMutedQuaternary" | "disabledMutedSecondary" | "disabledMutedTertiary" | "disabledPrimary" | "disabledQuaternary" | "disabledSecondary" | "disabledTertiary" | "errorMutedPrimary" | "errorMutedQuaternary" | "errorMutedSecondary" | "errorMutedTertiary" | "errorPrimary" | "errorQuaternary" | "errorSecondary" | "errorTertiary" | "extraMutedPrimary" | "extraMutedQuaternary" | "extraMutedSecondary" | "extraMutedTertiary" | "extraPrimary" | "extraQuaternary" | "extraSecondary" | "extraTertiary" | "gradientPrimary" | "infoMutedPrimary" | "infoMutedQuaternary" | "infoMutedSecondary" | "infoMutedTertiary" | "infoPrimary" | "infoQuaternary" | "infoSecondary" | "infoTertiary" | "specialMutedPrimary" | "specialMutedQuaternary" | "specialMutedSecondary" | "specialMutedTertiary" | "specialPrimary" | "specialQuaternary" | "specialSecondary" | "specialTertiary" | "successMutedPrimary" | "successMutedQuaternary" | "successMutedSecondary" | "successMutedTertiary" | "successPrimary" | "successQuaternary" | "successSecondary" | "successTertiary" | "surfaceMutedPrimary" | "surfaceMutedQuaternary" | "surfaceMutedSecondary" | "surfaceMutedTertiary" | "surfacePrimary" | "surfaceQuaternary" | "surfaceSecondary" | "surfaceTertiary" | "warningMutedPrimary" | "warningMutedQuaternary" | "warningMutedSecondary" | "warningMutedTertiary" | "warningPrimary" | "warningQuaternary" | "warningSecondary" | "warningTertiary";
+        appearance?: any;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -20,12 +20,12 @@ declare const meta: {
         isSkeleton?: boolean;
         link?: string;
         mode?: string;
-        size?: import("@itcase/types-ui").SizeProps;
+        size?: SizeProps;
         source?: string;
         src?: string;
         style?: import("react").CSSProperties;
         title?: string;
-        width?: import("@itcase/types-ui").WidthProps;
+        width?: WidthProps;
     } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         src: string;

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

@@ -2,27 +2,27 @@ import React from 'react';
 import type { ModalConfig, ModalRef } from './Modal.interface';
 declare const modalConfig: ModalConfig;
 declare const Modal: React.ForwardRefExoticComponent<{
-    borderColor?: import("@itcase/types-ui").BorderColorProps;
-    borderType?: import("@itcase/types-ui").BorderTypeProps;
-    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
     closeIcon?: boolean;
     closeIconAppearance?: import("../Icon/Icon.interface").IconProps["appearance"];
-    closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+    closeIconAppearanceSize?: AppearanceIconSizeKey;
     closeIconFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
     closeIconImage?: import("../Icon/Icon.interface").IconProps["SvgImage"];
     closeIconShape?: import("../Icon/Icon.interface").IconProps["shape"];
     closeIconSize?: import("../Icon/Icon.interface").IconProps["iconSize"];
-    elevation?: import("@itcase/types-ui").ElevationProps;
-    fill?: import("@itcase/types-ui").FillProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
     isDisabled?: boolean;
     isOpen?: boolean;
-    itemFill?: import("@itcase/types-ui").ItemFillProps;
+    itemFill?: ItemFillProps;
     overlayFill?: import("../Overlay/Overlay.interface").OverlayProps["fill"];
     overlayOpacity?: import("../Overlay/Overlay.interface").OverlayProps["opacity"];
     print?: boolean;
-    shape?: import("@itcase/types-ui").ShapeProps;
-    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-    size?: import("@itcase/types-ui").SizeProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
     textColor?: import("../Text/Text.interface").TextProps["textColor"];
     textSize?: import("../Text/Text.interface").TextProps["size"];
     titleTextColor?: import("../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +30,13 @@ declare const Modal: React.ForwardRefExoticComponent<{
     titleTextSize?: import("../Title/Title.interface").TitleProps["size"];
     titleTextTruncate?: import("../Title/Title.interface").TitleProps["textTruncate"];
     titleTextWeight?: import("../Title/Title.interface").TitleProps["textWeight"];
-    titleTextWidth?: import("@itcase/types-ui").WidthProps;
+    titleTextWidth?: WidthProps;
     titleTextWrap?: import("../Title/Title.interface").TitleProps["textWrap"];
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
     absoluteHeader?: boolean;
     after?: React.ReactNode;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKey;
     before?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;

package/dist/types/components/Modal/stories/ModalAbsoluteHeader.stories.d.ts CHANGED Viewed

@@ -1,28 +1,29 @@
+import { Group } from '../Group';
 import { ModalProps } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: Group;
+        borderType?: Group;
+        borderWidth?: Group;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: Group;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: Group;
+        fill?: Group;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: Group;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: Group;
+        shapeStrength?: Group;
+        size?: Group;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +31,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: Group;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: Group;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;
@@ -75,20 +76,20 @@ export declare const TitleAndIcon: {
 };
 export declare const WithoutHeader: {
     args: {
-        title: null;
-        closeIcon: null;
+        title: any;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Title: {
     args: {
-        closeIcon: null;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Icon: {
     args: {
-        title: null;
+        title: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/stories/ModalDemo.stories.d.ts CHANGED Viewed

@@ -2,27 +2,27 @@ import { ModalProps, ModalRef } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: BorderColorProps;
+        borderType?: BorderTypeProps;
+        borderWidth?: BorderWidthProps;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: AppearanceIconSizeKey;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: ElevationProps;
+        fill?: FillProps;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: ItemFillProps;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: ShapeProps;
+        shapeStrength?: ShapeStrengthProps;
+        size?: SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +30,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: WidthProps;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;

package/dist/types/components/Modal/stories/ModalScroll.stories.d.ts CHANGED Viewed

@@ -1,28 +1,29 @@
+import { Group } from '../Group';
 import { ModalProps } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: Group;
+        borderType?: Group;
+        borderWidth?: Group;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: Group;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: Group;
+        fill?: Group;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: Group;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: Group;
+        shapeStrength?: Group;
+        size?: Group;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +31,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: Group;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: Group;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;
@@ -74,20 +75,20 @@ export declare const TitleAndIcon: {
 };
 export declare const WithoutHeader: {
     args: {
-        title: null;
-        closeIcon: null;
+        title: any;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Title: {
     args: {
-        closeIcon: null;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Icon: {
     args: {
-        title: null;
+        title: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/stories/ModalSize.stories.d.ts CHANGED Viewed

@@ -2,27 +2,27 @@ import { ModalProps } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: BorderColorProps;
+        borderType?: BorderTypeProps;
+        borderWidth?: BorderWidthProps;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: AppearanceIconSizeKey;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: ElevationProps;
+        fill?: FillProps;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: ItemFillProps;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: ShapeProps;
+        shapeStrength?: ShapeStrengthProps;
+        size?: SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +30,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: WidthProps;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;

package/dist/types/components/Modal/stories/ModalStickyHeader.stories.d.ts CHANGED Viewed

@@ -1,28 +1,29 @@
+import { Group } from '../Group';
 import { ModalProps } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: Group;
+        borderType?: Group;
+        borderWidth?: Group;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: Group;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: Group;
+        fill?: Group;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: Group;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: Group;
+        shapeStrength?: Group;
+        size?: Group;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +31,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: Group;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: Group;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;
@@ -75,20 +76,20 @@ export declare const TitleAndIcon: {
 };
 export declare const WithoutHeader: {
     args: {
-        title: null;
-        closeIcon: null;
+        title: any;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Title: {
     args: {
-        closeIcon: null;
+        closeIcon: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Icon: {
     args: {
-        title: null;
+        title: any;
     };
     render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/Modal/stories/ModalStyle.stories.d.ts CHANGED Viewed

@@ -2,27 +2,27 @@ import { ModalProps } from '../Modal.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        borderColor?: BorderColorProps;
+        borderType?: BorderTypeProps;
+        borderWidth?: BorderWidthProps;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: AppearanceIconSizeKey;
         closeIconFillSize?: import("../../Icon/Icon.interface").IconProps["fillSize"];
         closeIconImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
         closeIconShape?: import("../../Icon/Icon.interface").IconProps["shape"];
         closeIconSize?: import("../../Icon/Icon.interface").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
+        elevation?: ElevationProps;
+        fill?: FillProps;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
+        itemFill?: ItemFillProps;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
-        size?: import("@itcase/types-ui").SizeProps;
+        shape?: ShapeProps;
+        shapeStrength?: ShapeStrengthProps;
+        size?: SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
@@ -30,13 +30,13 @@ declare const meta: {
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleTextTruncate?: import("../../Title/Title.interface").TitleProps["textTruncate"];
         titleTextWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
+        titleTextWidth?: WidthProps;
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         absoluteHeader?: boolean;
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+        appearance?: CompositeAppearanceKey;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ModalSheetBottomRef } from './ModalSheetBottom.interface';
 declare const ModalSheetBottom: React.ForwardRefExoticComponent<{
-    fill?: import("@itcase/types-ui").FillProps;
+    fill?: FillProps;
     titleTextColor?: import("../Title/Title.interface").TitleProps["textColor"];
     titleTextColorHover?: import("../Title/Title.interface").TitleProps["textColorHover"];
     titleTextSize?: import("../Title/Title.interface").TitleProps["size"];
@@ -11,7 +11,7 @@ declare const ModalSheetBottom: React.ForwardRefExoticComponent<{
     titleTextWrap?: import("../Title/Title.interface").TitleProps["textWrap"];
     zeroPadding?: boolean;
 } & Partial<import("react-modal-sheet").SheetProps> & {
-    appearance?: import("@itcase/types-ui").AppearanceSizeKey;
+    appearance?: AppearanceSizeKey;
     children?: React.ReactNode;
     closeButton?: React.ReactNode;
     dataTestId?: string;

package/dist/types/components/ModalSheetBottom/stories/ModalSheetBottomDemo.stories.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
+import { Group } from '../Group';
 import { ModalSheetBottomProps } from '../ModalSheetBottom.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
-        fill?: import("@itcase/types-ui").FillProps;
+        fill?: Group;
         titleTextColor?: import("../../Title/Title.interface").TitleProps["textColor"];
         titleTextColorHover?: import("../../Title/Title.interface").TitleProps["textColorHover"];
         titleTextSize?: import("../../Title/Title.interface").TitleProps["size"];
@@ -12,7 +13,7 @@ declare const meta: {
         titleTextWrap?: import("../../Title/Title.interface").TitleProps["textWrap"];
         zeroPadding?: boolean;
     } & Partial<import("react-modal-sheet").SheetProps> & {
-        appearance?: import("@itcase/types-ui").AppearanceSizeKey;
+        appearance?: Group;
         children?: import("react").ReactNode;
         closeButton?: import("react").ReactNode;
         dataTestId?: string;