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

@@ -1,5 +1,5 @@
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types';
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ImageAppearanceProps = {
     borderColor?: BorderColorProps;
@@ -32,10 +32,10 @@ type ImageProps = ImageAppearanceProps & StyleAttributes & {
     isSkeleton?: boolean;
     mode?: string;
     onClick?: () => void;
-    onError?: (event: MouseEvent<HTMLImageElement>) => void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
     overlay?: ReactNode;
     placeholderUrl?: string;
-    src: string;
+    src?: string | null;
     style?: CSSProperties;
     title?: string;
     type?: string;

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

@@ -2,21 +2,21 @@ import { ImageProps } from '../Image.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<{
-        borderColor?: import("@itcase/types").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;
@@ -31,10 +31,10 @@ declare const meta: {
         isSkeleton?: boolean;
         mode?: string;
         onClick?: () => void;
-        onError?: (event: import("react").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;
@@ -42,10 +42,11 @@ declare const meta: {
     args: {
         width: number;
         height: number;
-        fill: string;
+        fill: "surfaceTertiary";
         src: string;
-        resizeMode: string;
+        resizeMode: "contain";
         alt: string;
+        placeholderUrl: string;
     };
 };
 export default meta;

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

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

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

@@ -1,4 +1,4 @@
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, 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 InputAppearanceProps = {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         autocomplete?: string;
         className?: string;
         dataTestId?: string;

package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';

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

@@ -1,4 +1,4 @@
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } 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/Label/Label.interface.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillGradientProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -8,7 +8,7 @@ type LabelAppearanceProps = {
     align?: AlignProps;
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;
-    fill?: FillProps;
+    fill?: FillGradientProps | FillProps;
     fillHover?: FillHoverProps;
     iconAfter?: IconProps['SvgImage'];
     iconAfterFill?: IconProps['fill'];

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -55,6 +55,10 @@ type LinkProps = LinkAppearanceProps & StyleAttributes & {
     LinkComponent?: ElementType;
     onClick?: () => void;
     onMouseDown?: () => void;
+    onPointerCancel?: (event: React.PointerEvent) => void;
+    onPointerDown?: (event: React.PointerEvent) => void;
+    onPointerLeave?: (event: React.PointerEvent) => void;
+    onPointerUp?: (event: React.PointerEvent) => void;
     rel?: string;
     style?: CSSProperties;
     target?: string;
@@ -69,6 +73,10 @@ type LinkWrapperProps = LinkAppearanceProps & StyleAttributes & {
     LinkComponent?: ElementType;
     onClick?: () => void;
     onMouseDown?: () => void;
+    onPointerCancel?: (event: React.PointerEvent) => void;
+    onPointerDown?: (event: React.PointerEvent) => void;
+    onPointerLeave?: (event: React.PointerEvent) => void;
+    onPointerUp?: (event: React.PointerEvent) => void;
     rel?: string;
     style?: CSSProperties;
     target?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type ListAppearanceProps = {

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;

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").AlignProps;
-    alignDirection?: import("@itcase/types").DirectionProps;
-    alignItems?: import("@itcase/types").AlignProps;
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    alignItems?: import("@itcase/types-ui").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" | "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" | "gradientPrimary";
+    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";
     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").SizeProps;
+    size?: import("@itcase/types-ui").SizeProps;
     source?: string;
     src?: string;
     style?: import("react").CSSProperties;
     title?: string;
-    width?: import("@itcase/types").WidthProps;
+    width?: import("@itcase/types-ui").WidthProps;
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Logo, logoConfig };

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { AlignProps, AppearanceKeysDefault, DirectionProps, SizeProps, WidthProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, DirectionProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type LogoAppearanceProps = {
     alt?: string;

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").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        alignItems?: import("@itcase/types").AlignProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        alignItems?: import("@itcase/types-ui").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" | "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" | "gradientPrimary";
+        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";
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -20,12 +20,12 @@ declare const meta: {
         isSkeleton?: boolean;
         link?: string;
         mode?: string;
-        size?: import("@itcase/types").SizeProps;
+        size?: import("@itcase/types-ui").SizeProps;
         source?: string;
         src?: string;
         style?: import("react").CSSProperties;
         title?: string;
-        width?: import("@itcase/types").WidthProps;
+        width?: import("@itcase/types-ui").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").AlignProps;
-        alignDirection?: import("@itcase/types").DirectionProps;
-        alignItems?: import("@itcase/types").AlignProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
+        alignItems?: import("@itcase/types-ui").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" | "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" | "gradientPrimary";
+        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";
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -20,12 +20,12 @@ declare const meta: {
         isSkeleton?: boolean;
         link?: string;
         mode?: string;
-        size?: import("@itcase/types").SizeProps;
+        size?: import("@itcase/types-ui").SizeProps;
         source?: string;
         src?: string;
         style?: import("react").CSSProperties;
         title?: string;
-        width?: import("@itcase/types").WidthProps;
+        width?: import("@itcase/types-ui").WidthProps;
     } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         src: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
-import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } 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/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").BorderColorProps;
-    borderType?: import("@itcase/types").BorderTypeProps;
-    borderWidth?: import("@itcase/types").BorderWidthProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     closeIcon?: boolean;
     closeIconAppearance?: import("../Icon/Icon.interface").IconProps["appearance"];
-    closeIconAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+    closeIconAppearanceSize?: import("@itcase/types-ui").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").ElevationProps;
-    fill?: import("@itcase/types").FillProps;
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
     isDisabled?: boolean;
     isOpen?: boolean;
-    itemFill?: import("@itcase/types").ItemFillProps;
+    itemFill?: import("@itcase/types-ui").ItemFillProps;
     overlayFill?: import("../Overlay/Overlay.interface").OverlayProps["fill"];
     overlayOpacity?: import("../Overlay/Overlay.interface").OverlayProps["opacity"];
     print?: boolean;
-    shape?: import("@itcase/types").ShapeProps;
-    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-    size?: import("@itcase/types").SizeProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    size?: import("@itcase/types-ui").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").WidthProps;
+    titleTextWidth?: import("@itcase/types-ui").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").CompositeAppearanceKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
     before?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { OverlayProps } from '../Overlay/Overlay.interface';

package/dist/types/components/Modal/stories/ModalAbsoluteHeader.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").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: import("@itcase/types-ui").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").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types").ItemFillProps;
+        itemFill?: import("@itcase/types-ui").ItemFillProps;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").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").WidthProps;
+        titleTextWidth?: import("@itcase/types-ui").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").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;

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").BorderColorProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         closeIcon?: boolean;
         closeIconAppearance?: import("../../Icon/Icon.interface").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types").AppearanceIconSizeKey;
+        closeIconAppearanceSize?: import("@itcase/types-ui").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").ElevationProps;
-        fill?: import("@itcase/types").FillProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
         isDisabled?: boolean;
         isOpen?: boolean;
-        itemFill?: import("@itcase/types").ItemFillProps;
+        itemFill?: import("@itcase/types-ui").ItemFillProps;
         overlayFill?: import("../../Overlay/Overlay.interface").OverlayProps["fill"];
         overlayOpacity?: import("../../Overlay/Overlay.interface").OverlayProps["opacity"];
         print?: boolean;
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        size?: import("@itcase/types").SizeProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").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").WidthProps;
+        titleTextWidth?: import("@itcase/types-ui").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").CompositeAppearanceKey;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
         before?: import("react").ReactNode;
         children?: import("react").ReactNode;
         className?: string;