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

@itcase/ui 1.9.42 → 1.9.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

package/dist/types/components/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;

package/dist/types/components/Modal/stories/ModalScroll.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/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").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/ModalStickyHeader.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/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").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/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").FillProps;
+    fill?: import("@itcase/types-ui").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").AppearanceSizeKey;
+    appearance?: import("@itcase/types-ui").AppearanceSizeKey;
     children?: React.ReactNode;
     closeButton?: React.ReactNode;
     dataTestId?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { SheetProps } from 'react-modal-sheet';
-import { AppearanceSizeKey, FillProps } from '@itcase/types';
+import { AppearanceSizeKey, FillProps } from '@itcase/types-ui';
 import { TitleProps } from '../Title/Title.interface';
 type ModalSheetBottomRef = {
     closeModal: ModalSheetBottomProps['onCloseModalSheetBottom'];

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

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

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, GeneratedId, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { GeneratedId } from '@itcase/types-core';
+import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } 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/Overlay/Overlay.interface.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AppearanceOverlayKey, BlurProps, FillProps, OpacityProps } from '@itcase/types';
+import { AppearanceOverlayKey, BlurProps, FillProps, OpacityProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type OverlayAppearanceProps = {
     blur?: BlurProps;

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { DropdownItemProps, DropdownProps } from '../Dropdown/Dropdown.interface';
 import { IconProps } from '../Icon/Icon.interface';

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

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types';
+import { FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type RangeSliderAppearanceProps = {
     fill?: FillProps;

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

@@ -1,15 +1,15 @@
 import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
 declare const Response: import("react").ForwardRefExoticComponent<Omit<{
-    borderColor?: import("@itcase/types").BorderColorProps;
-    borderColorHover?: import("@itcase/types").BorderColorHoverProps;
-    borderType?: import("@itcase/types").BorderTypeProps;
-    borderWidth?: import("@itcase/types").BorderWidthProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     descTextColor?: import("../Text/Text.interface").TextProps["textColor"];
     descTextSize?: import("../Text/Text.interface").TextProps["size"];
     descTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
-    fill?: import("@itcase/types").FillProps;
-    fillHover?: import("@itcase/types").FillHoverProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
     imageSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
     primaryButtonAfter?: import("../Button/Button.interface").ButtonProps["after"];
     primaryButtonAppearance?: import("../Button/Button.interface").ButtonProps["appearance"];
@@ -33,18 +33,18 @@ declare const Response: import("react").ForwardRefExoticComponent<Omit<{
     secondaryButtonShape?: import("../Button/Button.interface").ButtonProps["shape"];
     secondaryButtonSize?: import("../Button/Button.interface").ButtonProps["size"];
     secondaryButtonWidth?: import("../Button/Button.interface").ButtonProps["width"];
-    shape?: import("@itcase/types").ShapeProps;
-    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-    svgFill?: import("@itcase/types").SvgFillProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    svgFill?: import("@itcase/types-ui").SvgFillProps;
     SvgImage?: import("../Icon/Icon.interface").IconProps["SvgImage"];
-    svgPathFill?: import("@itcase/types").SvgFillProps;
+    svgPathFill?: import("@itcase/types-ui").SvgFillProps;
     svgSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
     titleTextColor?: import("../Text/Text.interface").TextProps["textColor"];
     titleTextSize?: import("../Text/Text.interface").TextProps["size"];
     titleTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: import("react").ReactNode;
-    appearance?: import("@itcase/types").CompositeAppearanceResponseKeys;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
     before?: import("react").ReactNode;
     className?: string;
     dataTestId?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceResponseKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillProps } from '@itcase/types';
+import { AppearanceResponseKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, 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/Response/stories/ResponseConfirm.stories.d.ts CHANGED Viewed

@@ -2,15 +2,15 @@ import { ResponseProps } from '../Response.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<{
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorHoverProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         descTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
         descTextSize?: import("../../Text/Text.interface").TextProps["size"];
         descTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         imageSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         primaryButtonAfter?: import("../../Button/Button.interface").ButtonProps["after"];
         primaryButtonAppearance?: import("../../Button/Button.interface").ButtonProps["appearance"];
@@ -34,18 +34,18 @@ declare const meta: {
         secondaryButtonShape?: import("../../Button/Button.interface").ButtonProps["shape"];
         secondaryButtonSize?: import("../../Button/Button.interface").ButtonProps["size"];
         secondaryButtonWidth?: import("../../Button/Button.interface").ButtonProps["width"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        svgFill?: import("@itcase/types").SvgFillProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
         SvgImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
-        svgPathFill?: import("@itcase/types").SvgFillProps;
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
         svgSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         titleTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
         titleTextSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types").CompositeAppearanceResponseKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
         before?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;

package/dist/types/components/Response/stories/ResponseDemo.stories.d.ts CHANGED Viewed

@@ -2,15 +2,15 @@ import { ResponseProps } from '../Response.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<{
-        borderColor?: import("@itcase/types").BorderColorProps;
-        borderColorHover?: import("@itcase/types").BorderColorHoverProps;
-        borderType?: import("@itcase/types").BorderTypeProps;
-        borderWidth?: import("@itcase/types").BorderWidthProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         descTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
         descTextSize?: import("../../Text/Text.interface").TextProps["size"];
         descTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
-        fill?: import("@itcase/types").FillProps;
-        fillHover?: import("@itcase/types").FillHoverProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
         imageSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         primaryButtonAfter?: import("../../Button/Button.interface").ButtonProps["after"];
         primaryButtonAppearance?: import("../../Button/Button.interface").ButtonProps["appearance"];
@@ -34,18 +34,18 @@ declare const meta: {
         secondaryButtonShape?: import("../../Button/Button.interface").ButtonProps["shape"];
         secondaryButtonSize?: import("../../Button/Button.interface").ButtonProps["size"];
         secondaryButtonWidth?: import("../../Button/Button.interface").ButtonProps["width"];
-        shape?: import("@itcase/types").ShapeProps;
-        shapeStrength?: import("@itcase/types").ShapeStrengthProps;
-        svgFill?: import("@itcase/types").SvgFillProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
         SvgImage?: import("../../Icon/Icon.interface").IconProps["SvgImage"];
-        svgPathFill?: import("@itcase/types").SvgFillProps;
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
         svgSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         titleTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
         titleTextSize?: import("../../Text/Text.interface").TextProps["size"];
         titleTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
     } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
         after?: import("react").ReactNode;
-        appearance?: import("@itcase/types").CompositeAppearanceResponseKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
         before?: import("react").ReactNode;
         className?: string;
         dataTestId?: string;