@itcase/ui-web 1.9.89 → 1.9.91

package/dist/types/components/Warning/Warning.appearance.d.ts

@@ -1,3 +1,120 @@
-import { WarningAppearance } from './Warning.interface';
-declare const warningAppearance: WarningAppearance;
+declare const warningAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        labelTextWeight: "600";
+        descriptionTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    infoMutedPrimary: {
+        fill: "infoTertiary";
+        labelTextColor: "infoTextSecondary";
+        descriptionTextColor: "infoTextSecondary";
+        borderColor: "infoBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "infoItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "infoItemQuaternary";
+    };
+    infoPrimary: {
+        fill: "infoPrimary";
+        labelTextColor: "infoTextPrimary";
+        descriptionTextColor: "infoTextPrimary";
+        borderColor: "infoBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        descriptionTextColor: "errorTextQuaternary";
+        borderColor: "errorBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        descriptionTextColor: "errorTextPrimary";
+        borderColor: "errorBorderQuaternary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+    warningMutedPrimary: {
+        fill: "warningTertiary";
+        labelTextColor: "warningTextSecondary";
+        descriptionTextColor: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "warningItemSecondary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "warningItemSecondary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        labelTextColor: "warningTextPrimary";
+        descriptionTextColor: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "warningItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "warningItemPrimary";
+    };
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        labelTextColor: "accentTextQuaternary";
+        descriptionTextColor: "accentTextQuaternary";
+        borderColor: "accentBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        descriptionTextColor: "accentTextPrimary";
+        borderColor: "accentBorderQuaternary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+};
 export { warningAppearance };

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

@@ -1,5 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, FillProps, ShapeProps, TextSizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, FillProps, ShapeProps, TextSizeProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -37,4 +38,7 @@ type WarningProps = StyleAttributes & WarningAppearanceProps & {
 };
 type WarningConfig = AppearanceConfig<AppearanceKeysDefault, WarningAppearanceProps>;
 type WarningAppearance = WarningConfig['appearance'];
-export type { WarningAppearance, WarningConfig, WarningProps };
+type WarningAppearanceStyle = AppearanceRecord<AppearanceStyleKey, WarningAppearanceProps, 'borderColor' | 'fill'>;
+type WarningAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<WarningAppearanceProps, 'shape'>>>>;
+type WarningAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, WarningAppearanceProps, 'descriptionTextSize' | 'iconAfterSize' | 'iconBeforeSize' | 'labelTextSize' | 'labelTextWeight' | 'size'>;
+export type { WarningAppearance, WarningAppearanceShape, WarningAppearanceSize, WarningAppearanceStyle, WarningConfig, WarningProps, };

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -1,3 +1,23 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceAccent: WarningAppearance;
+declare const warningAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        labelTextColor: "accentTextQuaternary";
+        descriptionTextColor: "accentTextQuaternary";
+        borderColor: "accentBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        descriptionTextColor: "accentTextPrimary";
+        borderColor: "accentBorderQuaternary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+};
 export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -1,3 +1,23 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceError: WarningAppearance;
+declare const warningAppearanceError: {
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        descriptionTextColor: "errorTextQuaternary";
+        borderColor: "errorBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        descriptionTextColor: "errorTextPrimary";
+        borderColor: "errorBorderQuaternary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+};
 export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -1,3 +1,23 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceInfo: WarningAppearance;
+declare const warningAppearanceInfo: {
+    infoMutedPrimary: {
+        fill: "infoTertiary";
+        labelTextColor: "infoTextSecondary";
+        descriptionTextColor: "infoTextSecondary";
+        borderColor: "infoBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "infoItemQuaternary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "infoItemQuaternary";
+    };
+    infoPrimary: {
+        fill: "infoPrimary";
+        labelTextColor: "infoTextPrimary";
+        descriptionTextColor: "infoTextPrimary";
+        borderColor: "infoBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+};
 export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningShape.d.ts

@@ -1,3 +1,21 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceShape: WarningAppearance;
+declare const warningAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+};
 export { warningAppearanceShape };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -1,3 +1,11 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceSize: WarningAppearance;
+declare const warningAppearanceSize: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        labelTextWeight: "600";
+        descriptionTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+};
 export { warningAppearanceSize };

package/dist/types/components/Warning/appearance/warningStyle.d.ts

@@ -1,3 +1,14 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceStyle: WarningAppearance;
+declare const warningAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+};
 export { warningAppearanceStyle };

package/dist/types/components/Warning/appearance/warningWarning.d.ts

@@ -1,3 +1,23 @@
-import { WarningAppearance } from '../Warning.interface';
-declare const warningAppearanceWarning: WarningAppearance;
+declare const warningAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: "warningTertiary";
+        labelTextColor: "warningTextSecondary";
+        descriptionTextColor: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "warningItemSecondary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "warningItemSecondary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        labelTextColor: "warningTextPrimary";
+        descriptionTextColor: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconAfterFillIcon: "warningItemPrimary";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconBeforeFillIcon: "warningItemPrimary";
+    };
+};
 export { warningAppearanceWarning };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.89",
+  "version": "1.9.91",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "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": "rollup -c -w",
+    "dev": "concurrently 'npm:dev-js' 'npm:dev-css'",
     "dev-js": "rollup -c -w",
     "dev-css": "postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepack": "NODE_ENV=production npm run build",
@@ -47,16 +47,16 @@
   "dependencies": {
     "@itcase/common": "^1.2.41",
     "@itcase/icons": "^1.2.29",
-    "@itcase/tokens-am": "^1.1.51",
-    "@itcase/tokens-baikal": "^1.1.41",
-    "@itcase/tokens-palette": "^1.1.41",
-    "@itcase/ui-core": "^1.9.89",
+    "@itcase/tokens-am": "^1.1.54",
+    "@itcase/tokens-baikal": "^1.1.54",
+    "@itcase/tokens-palette": "^1.1.50",
+    "@itcase/ui-core": "^1.9.91",
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "framer-motion": "^12.38.0",
     "js-cookie": "^3.0.5",
-    "lodash": "^4.17.23",
+    "lodash": "^4.18.1",
     "luxon": "^3.7.2",
     "motion": "^12.38.0",
     "rc-slider": "^11.1.9",
@@ -66,8 +66,8 @@
     "react-dom": "^18.3.1",
     "react-dropzone": "^15.0.0",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
-    "react-inlinesvg": "^4.2.0",
-    "react-modal-sheet": "5.5.0",
+    "react-inlinesvg": "^4.3.0",
+    "react-modal-sheet": "5.6.0",
     "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.3.0",
@@ -76,15 +76,15 @@
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.2",
     "simplebar-react": "^3.3.2",
-    "swiper": "^12.1.2",
-    "uuid": "^13.0.0"
+    "swiper": "^12.1.3",
+    "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
-    "@itcase/storybook-config": "^1.2.49",
-    "@itcase/types-core": "^1.1.49",
-    "@itcase/types-ui": "^1.1.61",
+    "@itcase/storybook-config": "^1.2.51",
+    "@itcase/types-core": "^1.1.64",
+    "@itcase/types-ui": "^1.1.67",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
     "@rollup/plugin-commonjs": "^29.0.2",
@@ -93,7 +93,7 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-vitest": "^10.3.0",
+    "@storybook/addon-vitest": "^10.3.5",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/luxon": "^3.7.1",
@@ -103,13 +103,13 @@
     "@types/react-scroll": "^1.8.10",
     "@types/uuid": "^11.0.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
-    "playwright": "^1.58.2",
-    "rollup": "4.59.0",
+    "playwright": "^1.59.1",
+    "rollup": "4.60.2",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.3.0",
-    "typescript": "^5.9.3"
+    "storybook": "^10.3.5",
+    "typescript": "^6.0.3"
   },
-  "gitHead": "339712bb97d8f6589d2f42c5d128daec5c8d6f68"
+  "gitHead": "749ead6b41f7c13cdac85ee96dfe6db66a8f1263"
 }