@itcase/ui 1.9.69 → 1.9.72

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, 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';
@@ -29,7 +29,7 @@ type SegmentedAppearanceProps = {
 };
 type SegmentedProps = SegmentedAppearanceProps & StyleAttributes & {
     activeSegment: Segment;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import { ActionMeta, GroupBase, OnChangeValue, PropsValue, SingleValue } from 'react-select';
 import { Props } from 'react-select/base';
 import { Option as SelectOption } from '@itcase/types-core';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';
 import { DropdownProps } from '../Dropdown/Dropdown.interface';
@@ -11,7 +11,7 @@ import { LoaderProps } from '../Loader/Loader.interface';
 import { TextProps } from '../Text/Text.interface';
 type SelectAppearanceProps<Option> = {
     after?: React.ReactNode;
-    appearance?: CompositeAppearanceStateKeys;
+    appearance?: CompositeAppearanceStateDefault;
     badgeAppearance?: BadgeProps['appearance'];
     badgeAppearanceSize?: AppearanceSizeKey;
     badgeSize?: BadgeProps['size'];

package/dist/types/components/Switch/Switch.d.ts

@@ -20,7 +20,7 @@ declare const Switch: React.ForwardRefExoticComponent<import("../../hooks/useSty
 } & {
     id?: string;
     align?: import("@itcase/types-ui").AlignProps;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,4 +1,4 @@
-import { AlignProps, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type SwitchAppearanceProps = {
@@ -29,7 +29,7 @@ type SwitchConfig = {
 type SwitchProps = StyleAttributes & SwitchAppearanceProps & {
     id?: string;
     align?: AlignProps;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';
@@ -57,7 +57,7 @@ type TabAppearanceProps = {
 };
 type TabProps = StyleAttributes & TabAppearanceProps & {
     after?: ReactNode;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceStateDefault;
     badgeValue?: BadgeProps['value'];
     before?: ReactNode;
     children?: ReactNode;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextStyleProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextStyleProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type TextAppearanceProps = {
     cursor?: string;
@@ -20,7 +20,7 @@ type TextAppearanceProps = {
 };
 type TextProps = StyleAttributes & TextAppearanceProps & {
     after?: string;
-    appearance?: CompositeAppearanceSizePxKey;
+    appearance?: CompositeAppearanceKey;
     before?: string;
     children?: ReactNode;
     className?: string;

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

@@ -1,4 +1,4 @@
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, 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';
@@ -22,11 +22,13 @@ type TextareaAppearanceProps = {
 };
 type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
     id?: string;
-    appearance?: CompositeAppearanceStateKeys;
+    appearance?: CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
+    isActive?: boolean;
     isDisabled?: boolean;
+    isSkeleton?: boolean;
     name?: string;
     onBlur?: () => void;
     onChange?: () => void;

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

@@ -46,7 +46,7 @@ type TileProps = StyleAttributes & TileAppearanceProps & {
     appearance?: CompositeAppearanceKey;
     badge?: string;
     badgeAppearance?: AppearanceKeysDefault;
-    badgeValue?: string;
+    badgeValue?: number | string;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -26,7 +26,7 @@ declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useSt
     wrap?: import("@itcase/types-ui").WrapProps;
 } & {
     after?: string;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceStateKeys;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
     before?: string;
     children?: React.ReactNode;
     className?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateKeys, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 import { TitleProps } from '../Title/Title.interface';
@@ -29,7 +29,7 @@ type TooltipAppearanceProps = {
 };
 type TooltipProps = StyleAttributes & TooltipAppearanceProps & {
     after?: string;
-    appearance?: CompositeAppearanceStateKeys;
+    appearance?: CompositeAppearanceStateDefault;
     before?: string;
     children?: ReactNode;
     className?: string;

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

@@ -6,6 +6,7 @@ type VideoProps = StyleAttributes & {
     className?: string;
     dataTestId?: string;
     dataTour?: string;
+    isSkeleton?: boolean;
     mp4?: string;
     ogv?: string;
     position?: string;

package/dist/utils/mergeAppearanceKeys.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys } from '../primitives_es_C7NgMhaK.js';
+export { m as mergeAppearanceKeys } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/utils/setViewportProperty.js

@@ -1,4 +1,4 @@
-export { s as setViewportProperty } from '../primitives_es_C7NgMhaK.js';
+export { s as setViewportProperty } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_C7NgMhaK.js';
+export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.69",
+  "version": "1.9.72",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -95,7 +95,8 @@
     "./dist/css/styles/bundles.css": "./dist/css/styles/bundles.css"
   },
   "scripts": {
-    "build": "npm run build-js && rm -rf dist/types && tsc -p tsconfig.build.json && npm run build-css",
+    "build": "npm run build-js && npm run build-types && npm run build-css",
+    "build-types": "rm -rf dist/types && tsc -p tsconfig.build.json",
     "build-js": "rm -rf dist && rollup -c",
     "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",
@@ -134,11 +135,11 @@
     "@itcase/tokens-palette": "^1.1.41",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.35.1",
+    "framer-motion": "^12.35.2",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "luxon": "^3.7.2",
-    "motion": "^12.35.1",
+    "motion": "^12.35.2",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -167,7 +168,7 @@
     "@itcase/config": "^1.6.52",
     "@itcase/lint": "^1.1.101",
     "@itcase/types-core": "^1.1.31",
-    "@itcase/types-ui": "^1.1.37",
+    "@itcase/types-ui": "^1.1.46",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
     "@rollup/plugin-commonjs": "^29.0.2",
@@ -187,12 +188,12 @@
     "@types/react-dom": "^19.0.2",
     "@types/react-scroll": "^1.8.10",
     "@types/uuid": "^11.0.0",
-    "babel-loader": "^10.1.0",
+    "babel-loader": "^10.1.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "conventional-changelog-conventionalcommits": "^9.3.0",
     "eslint": "9",
     "husky": "^9.1.7",
-    "lint-staged": "^16.3.2",
+    "lint-staged": "^16.3.3",
     "prettier": "^3.8.1",
     "rollup": "4.59.0",
     "rollup-plugin-copy": "^3.5.0",
@@ -200,7 +201,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.2.16",
+    "storybook": "^10.2.17",
     "stylelint": "^17.4.0",
     "typescript": "^5.9.3"
   }