npm - @itcase/ui - Versions diffs - 1.9.42 → 1.9.44 - Mend

@itcase/ui 1.9.42 → 1.9.44

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/Icon/stories/IconSize12.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize14.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize16.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize20.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize24.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize32.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize40.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconStyle.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconWithBadge.stories.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ declare const meta: {
     component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         id?: string;
         after?: import("react").ReactNode;
-        align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
+        align?: import("@itcase/types-ui").AlignProps;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

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

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types';
+import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ImageAppearanceProps = {
     borderColor?: BorderColorProps;
@@ -35,7 +35,7 @@ type ImageProps = ImageAppearanceProps & StyleAttributes & {
     onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
     overlay?: ReactNode;
     placeholderUrl?: string;
-    src: string | undefined | null;
+    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;
@@ -34,7 +34,7 @@ declare const meta: {
         onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
         overlay?: import("react").ReactNode;
         placeholderUrl?: string;
-        src: string | undefined | null;
+        src?: string | null;
         style?: import("react").CSSProperties;
         title?: string;
         type?: string;

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

@@ -3,7 +3,7 @@ import type { InputConfig } from './Input.interface';
 declare const inputConfig: InputConfig;
 declare const Input: React.ForwardRefExoticComponent<import("./Input.interface").InputAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
-    appearance?: import("@itcase/types").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, FillGradientProps, 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 | FillGradientProps;
+    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';
@@ -73,15 +73,15 @@ 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;
     title?: string;
     type?: ElementType;
-    onPointerCancel?: (event: React.PointerEvent) => void;
-    onPointerDown?: (event: React.PointerEvent) => void;
-    onPointerLeave?: (event: React.PointerEvent) => void;
-    onPointerUp?: (event: React.PointerEvent) => void;
 };
 type AppearanceKeys = AppearanceSizeKey | AppearanceStyleKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
 type LinkAppearance = {

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';