@itcase/ui 1.9.42 → 1.9.44

package/dist/components/Switch.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -17,7 +17,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 const switchAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Tab.js

@@ -11,9 +11,9 @@ import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
 import { L as Link } from '../Link_es_DPZHTF38.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -23,7 +23,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Text.js

@@ -4,9 +4,9 @@ import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import 'react';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -17,4 +17,4 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';

package/dist/components/Textarea.js

@@ -3,9 +3,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';

package/dist/components/Tile.js

@@ -6,9 +6,9 @@ import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { b as Title, B as Badge, I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -18,7 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Title.js

@@ -8,9 +8,9 @@ import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -20,6 +20,6 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import '../Link_es_DPZHTF38.js';
 import '../Text_es_B85LGfjW.js';

package/dist/components/Tooltip.js

@@ -8,9 +8,9 @@ import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -20,6 +20,6 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import '../Link_es_DPZHTF38.js';
 import '../Text_es_B85LGfjW.js';

package/dist/components/Video.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/maxBy.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';

package/dist/components/Warning.js

@@ -7,9 +7,9 @@ import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons16 } from '@itcase/icons/default';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -19,7 +19,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/context/UIContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, memo, useMemo, useEffect, useContext } from 'react';
-import camelCase from 'lodash/camelCase';
+import camelCase from 'lodash/camelCase.js';
 import { useMediaQueries } from '../hooks/useMediaQueries/useMediaQueries.js';
 import { setViewportProperty } from '../utils/setViewportProperty.js';
 import 'react-responsive';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
-import upperFirst from 'lodash/upperFirst';
+import camelCase from 'lodash/camelCase.js';
+import castArray from 'lodash/castArray.js';
+import upperFirst from 'lodash/upperFirst.js';
 import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import { getStyleAttributeKey } from '../../hooks.js';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,8 +1,8 @@
 export { useDevicePropsGenerator } from './useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'react/jsx-runtime';
 import 'uuid';

package/dist/hooks/useDeviceTargetClass.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
+import camelCase from 'lodash/camelCase.js';
+import castArray from 'lodash/castArray.js';
 import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries/useMediaQueries.js';

package/dist/hooks/useStyles/useStyles.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import maxBy from 'lodash/maxBy';
-import upperFirst from 'lodash/upperFirst';
+import camelCase from 'lodash/camelCase.js';
+import maxBy from 'lodash/maxBy.js';
+import upperFirst from 'lodash/upperFirst.js';
 import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import { getStyleAttributeKey } from '../../hooks.js';

package/dist/hooks/useStyles.js

@@ -1,8 +1,8 @@
 export { useStyles } from './useStyles/useStyles.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/maxBy.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'react/jsx-runtime';
 import 'uuid';

package/dist/types/components/Accordion/Accordion.interface.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';

package/dist/types/components/AvatarStack/AvatarStack.interface.d.ts

@@ -1,4 +1,4 @@
-import type { AppearanceSizePxKey, BorderColorProps, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizePXProps, WidthProps } from '@itcase/types';
+import type { AppearanceSizePxKey, BorderColorProps, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizePXProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { AvatarProps } from '../Avatar/Avatar.interface';
 import { IconProps } from '../Icon/Icon.interface';

package/dist/types/components/Badge/Badge.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } 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/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, 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/Button/Button.d.ts

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

package/dist/types/components/Button/Button.interface.d.ts

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

package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts

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

package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts

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

package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts

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