@itcase/ui 1.9.36 → 1.9.38

package/dist/components/Cell.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_Banbw98_.js';
-import { L as Label } from '../Label_es_DuDL0-3C.js';
-import { T as Text } from '../Text_es_DaYcLe4H.js';
+import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { L as Label } from '../Label_es_CbXFs_ts.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,7 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_Bt-Bhy3t.js';
+import '../Link_es_BwLH5S8y.js';
 
 const cellAppearanceSize = {
     sizeXL: {
@@ -101,7 +102,7 @@ const cellAppearanceStyle = {
 const cellAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverPrimary',
+        fillHover: 'surfacePrimary',
         titleIconItemFill: 'surfaceItemPrimary',
         titleLabelAppearance: 'accentPrimary',
         titleTextColor: 'surfaceTextPrimary',
@@ -113,7 +114,7 @@ const cellAppearanceSurface = {
     },
     surfaceQuaternary: {
         fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHoverQuaternary',
+        fillHover: 'surfaceQuaternary',
         titleIconItemFill: 'surfaceItemPrimary',
         titleLabelAppearance: 'accentPrimary',
         titleTextColor: 'surfaceTextPrimary',
@@ -125,7 +126,7 @@ const cellAppearanceSurface = {
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverSecondary',
+        fillHover: 'surfaceSecondary',
         titleIconItemFill: 'surfaceItemPrimary',
         titleLabelAppearance: 'accentPrimary',
         titleTextColor: 'surfaceTextPrimary',
@@ -137,7 +138,7 @@ const cellAppearanceSurface = {
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
-        fillHover: 'surfaceHoverTertiary',
+        fillHover: 'surfaceTertiary',
         titleIconItemFill: 'surfaceItemPrimary',
         titleLabelAppearance: 'accentPrimary',
         titleTextColor: 'surfaceTextPrimary',
@@ -166,7 +167,6 @@ function Cell(props) {
     const appearanceConfig = useAppearanceConfig(appearance, cellConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, titleIconFill, titleIconFillHover, titleIconFillSize, titleIconItemFill, titleIconShape, titleIconSrc, titleLabelAppearance, titleLabelAppearanceSize, titleLabelShape, titleLabelSize, titleLabelTextSize, titleTextColor, titleTextSize, titleTextTruncate, titleTextWeight, titleTextWrap, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, reverseClass, shapeClass, sizeClass, valueIconFill, valueIconFillHover, valueIconFillSize, valueIconItemFill, valueIconShape, valueIconSrc, valueLabel, valueLabelAppearance, valueLabelAppearanceSize, valueLabelShape, valueLabelSize, valueLabelTextSize, valueTextAlign, valueTextColor, valueTextSize, valueTextTruncate, valueTextWeight, valueTextWrap, widthClass, zeroGap, zeroPadding, } = propsGenerator;
-    // @ts-expect-error
     const { data: dataStyles, styles: cellStyles } = useStyles(props);
     return (jsxs("div", { className: clsx(className, 'cell', sizeClass && `cell_size_${sizeClass}`, !isActive
             ? fillClass && `fill_${fillClass}`
@@ -179,7 +179,7 @@ function Cell(props) {
             ? borderColorHoverClass &&
                 `border-color_hover_${borderColorHoverClass}`
             : borderColorActiveHoverClass &&
-                `border-color_active_hover_${borderColorActiveHoverClass}`, reverseClass && `cell_reverse_${reverseClass}`, shapeClass && `cell_shape_${shapeClass}`, widthClass && `width_${widthClass}`, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap'), "data-testid": dataTestId, "data-tour": dataTour, style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass && `cell__wrapper_direction_${directionClass}`, isEqual && 'cell__wrapper-equal', isSameWidth && 'cell__wrapper-same-width'), children: [title && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__title", size: titleTextSize, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, tag: titleTag, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__title-icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), (showTitleLabel || titleLabel) && (jsx(Label, { appearance: `${titleLabelAppearance} ${titleLabelAppearanceSize}`, className: "cell__title-label", size: titleLabelSize, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape }))] })), value && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__value", size: valueTextSize, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, tag: valueTag, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__value-icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), (showValueLabel || valueLabel) && (jsx(Label, { appearance: `${valueLabelAppearance} ${valueLabelAppearanceSize}`, className: "cell__value-label", size: valueLabelSize, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
+                `border-color_active_hover_${borderColorActiveHoverClass}`, reverseClass && `cell_reverse_${reverseClass}`, shapeClass && `cell_shape_${shapeClass}`, widthClass && `width_${widthClass}`, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap'), "data-testid": dataTestId, "data-tour": dataTour, style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass && `cell__wrapper_direction_${directionClass}`, isEqual && 'cell__wrapper-equal', isSameWidth && 'cell__wrapper-same-width'), children: [title && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__title", size: titleTextSize, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, tag: titleTag, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__title-icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), (showTitleLabel || titleLabel) && (jsx(Label, { appearance: mergeAppearanceKeys(titleLabelAppearance, titleLabelAppearanceSize), className: "cell__title-label", size: titleLabelSize, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape }))] })), value && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__value", size: valueTextSize, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, tag: valueTag, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__value-icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), (showValueLabel || valueLabel) && (jsx(Label, { appearance: mergeAppearanceKeys(valueLabelAppearance, valueLabelAppearanceSize), className: "cell__value-label", size: valueLabelSize, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
 }
 
 export { Cell, cellAppearance, cellConfig };

package/dist/components/Checkbox.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 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_DaYcLe4H.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -24,34 +24,28 @@ const checkboxAppearanceDefault = {
         fillCheckbox: 'surfaceSecondary',
         fillCheckboxActive: 'surfaceSecondary',
         fillCheckboxActiveHover: 'surfaceTertiary',
-        fillCheckboxHover: 'surfaceTertiary',
-        fillCheckmark: 'surfaceBorderPrimary',
+        fillCheckboxHover: 'surfaceHoverTertiary',
+        fillCheckmark: 'surfacePrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColorCheckbox: 'surfaceBorderPrimary',
         borderColorCheckboxActive: 'surfaceBorderPrimary',
         borderColorCheckboxActiveHover: 'surfaceBorderPrimary',
-        borderColorCheckboxHover: 'surfaceBorderPrimary',
+        borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
     },
 };
 
 const checkboxAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
+        fill: 'surfacePrimary',
         borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
+        borderHover: 'errorBorderHoverQuaternary',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
+        borderHover: 'surfaceBorderHoverQuaternary',
     },
 };
 
@@ -59,48 +53,42 @@ const checkboxAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
         fillCheckbox: 'errorPrimary',
-        fillCheckboxActive: 'errorPrimary',
-        fillCheckboxActiveHover: 'errorPrimary',
-        fillCheckboxHover: 'surfaceTertiary',
-        fillCheckmark: 'errorBorderPrimary',
+        fillCheckboxActive: 'errorActivePrimary',
+        fillCheckboxActiveHover: 'errorActiveHoverPrimary',
+        fillCheckboxHover: 'surfaceHoverTertiary',
+        fillCheckmark: 'errorPrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColorCheckbox: 'errorBorderPrimary',
-        borderColorCheckboxActive: 'errorBorderPrimary',
-        borderColorCheckboxActiveHover: 'errorBorderPrimary',
-        borderColorCheckboxHover: 'errorBorderPrimary',
+        borderColorCheckboxActive: 'errorBorderActivePrimary',
+        borderColorCheckboxActiveHover: 'errorBorderActivePrimary',
+        borderColorCheckboxHover: 'errorBorderHoverPrimary',
     },
     errorSecondary: {
         fill: 'errorSecondary',
         borderColor: 'errorBorderTertiary',
-        borderHover: 'errorBorderQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'errorTextSecondary',
+        borderHover: 'errorBorderHoverQuaternary',
     },
 };
 
 const checkboxAppearanceRequire = {
     requirePrimary: {
         fillCheckbox: 'warningTertiary',
-        fillCheckboxActive: 'warningPrimary',
-        fillCheckboxActiveHover: 'warningTertiary',
-        fillCheckboxHover: 'warningSecondary',
-        fillCheckmark: 'warningBorderPrimary',
-        borderColorCheckbox: 'warningBorderPrimary',
-        borderColorCheckboxActive: 'warningBorderPrimary',
-        borderColorCheckboxActiveHover: 'warningBorderPrimary',
-        borderColorCheckboxHover: 'warningBorderPrimary',
+        fillCheckboxActive: 'warningActivePrimary',
+        fillCheckboxActiveHover: 'warningActiveHoverTertiary',
+        fillCheckboxHover: 'warningHoverSecondary',
+        fillCheckmark: 'warningPrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
+        borderColorCheckbox: 'warningBorderPrimary',
+        borderColorCheckboxActive: 'warningBorderActivePrimary',
+        borderColorCheckboxActiveHover: 'warningBorderActivePrimary',
+        borderColorCheckboxHover: 'warningBorderHoverPrimary',
     },
     requireSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
+        borderHover: 'surfaceBorderHoverQuaternary',
     },
 };
 
@@ -152,24 +140,21 @@ const checkboxAppearanceStyle = {
 const checkboxAppearanceSuccess = {
     successPrimary: {
         fillCheckbox: 'successPrimary',
-        fillCheckboxActive: 'successPrimary',
-        fillCheckboxActiveHover: 'successTertiary',
-        fillCheckboxHover: 'successTertiary',
-        fillCheckmark: 'successBorderPrimary',
+        fillCheckboxActive: 'successActivePrimary',
+        fillCheckboxActiveHover: 'successActiveHoverTertiary',
+        fillCheckboxHover: 'successHoverTertiary',
+        fillCheckmark: 'successPrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColorCheckbox: 'successBorderPrimary',
-        borderColorCheckboxActive: 'successBorderPrimary',
-        borderColorCheckboxActiveHover: 'successBorderPrimary',
-        borderColorCheckboxHover: 'successBorderPrimary',
+        borderColorCheckboxActive: 'successBorderActivePrimary',
+        borderColorCheckboxActiveHover: 'successBorderActivePrimary',
+        borderColorCheckboxHover: 'successBorderHoverPrimary',
     },
     successSecondary: {
         fill: 'successSecondary',
         borderColor: 'successBorderTertiary',
-        borderHover: 'successBorderQuaternary',
-        iconBeforeFill: 'successItemQuaternary',
-        iconClearFill: 'successItemPrimary',
-        placeholderTextColor: 'successTextSecondary',
+        borderHover: 'successBorderHoverQuaternary',
     },
 };
 
@@ -209,7 +194,7 @@ function Checkbox(props) {
             ? borderColorCheckboxHoverClass &&
                 `checkbox_border-color_hover_${borderColorCheckboxHoverClass}`
             : borderColorCheckboxActiveHoverClass &&
-                `checkbox_border-color_active_hover_${borderColorCheckboxActiveHoverClass}`, widthClass && `width_${widthClass}`, isSkeleton && `checkbox_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: Tag === 'label' && id, children: [before, jsxs("div", { className: "checkbox__item", children: [jsx("input", { id: id, className: "checkbox__input", type: "checkbox", checked: (isActive || isChecked || checked) && 'checked', disabled: (isDisabled || disabled) && 'disabled', value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsx("div", { className: clsx('checkbox__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), jsx("div", { className: clsx(!indeterminate
+                `checkbox_border-color_active_hover_${borderColorCheckboxActiveHoverClass}`, widthClass && `width_${widthClass}`, isSkeleton && `checkbox_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: Tag === 'label' && id, children: [before, jsxs("div", { className: "checkbox__item", children: [jsx("input", { id: id, className: "checkbox__input", type: "checkbox", checked: isActive || isChecked || checked, disabled: isDisabled || disabled, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsx("div", { className: clsx('checkbox__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), jsx("div", { className: clsx(!indeterminate
                             ? 'checkbox__state-checkmark'
                             : 'checkbox__state-indeterminate', (checked || indeterminate) &&
                             fillCheckmarkClass &&

package/dist/components/Checkmark.js

@@ -24,18 +24,17 @@ const checkmarkAppearanceAccent = {
         fillActive: 'accentPrimary',
         borderColor: 'accentBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'accentItemPrimary',
+        checkmarkFill: 'accentPrimary',
     },
 };
 
 const checkmarkAppearanceDisabled = {
-    disabled: {
+    disabledPrimary: {
         fill: 'surfaceDisabled',
         fillActive: 'surfaceDisabled',
-        borderActiveColor: 'surfaceBorderDisabled',
         borderColor: 'surfaceBorderDisabled',
         borderWidth: '2',
-        checkmarkFill: 'surfaceItemDisabled',
+        checkmarkFill: 'surfaceDisabled',
     },
 };
 
@@ -80,21 +79,21 @@ const checkmarkAppearanceStyle = {
 const checkmarkAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillActive: 'surfacePrimary',
-        fillHover: 'surfaceHover',
+        fillActive: 'surfaceActivePrimary',
+        fillHover: 'surfacePrimary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'surfaceItemPrimary',
+        checkmarkFill: 'surfacePrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        fillActive: 'surfacePrimary',
-        fillHover: 'surfaceHover',
+        fillActive: 'surfaceActivePrimary',
+        fillHover: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderPrimary',
         borderWidth: '2',
-        checkmarkFill: 'surfaceItemPrimary',
+        checkmarkFill: 'surfacePrimary',
     },
 };
 
@@ -117,7 +116,6 @@ function Checkmark(props) {
     const appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFillClass, sizeClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: checkmarkStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && `checkmark_size_${sizeClass}`, !isChecked || !isActive
             ? fillClass && `fill_${fillClass}`

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BOaDqAo8.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_wecRqt6G.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -18,9 +18,9 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../Icon_es_Banbw98_.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_Bt-Bhy3t.js';
-import '../Text_es_DaYcLe4H.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';

package/dist/components/Choice.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_Banbw98_.js';
-import { L as Loader } from '../Loader_es_Csp5tr40.js';
-import { T as Text } from '../Text_es_DaYcLe4H.js';
+import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { L as Loader } from '../Loader_es_DFSNJsLL.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -23,7 +23,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_Bt-Bhy3t.js';
+import '../Link_es_BwLH5S8y.js';
 
 const choiceAppearanceDefault = {
     defaultMutedPrimary: {
@@ -47,7 +47,7 @@ const choiceAppearanceDefault = {
         fill: 'surfaceSecondary',
         fillItem: 'surfaceSecondary',
         fillItemActive: 'accentPrimary',
-        fillItemActiveHover: 'accentHoverPrimary',
+        fillItemActiveHover: 'accentActiveHoverPrimary',
         fillItemHover: 'surfaceTertiary',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorActive: 'accentTextPrimary',
@@ -64,30 +64,28 @@ const choiceAppearanceDefault = {
 
 const choiceAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceDisabled',
-        fillItem: 'surfaceDisabled',
+        fill: 'disabledTertiary',
+        fillItem: 'disabledTertiary',
         fillItemActive: 'surfaceDisabled',
         fillItemActiveHover: 'surfaceDisabled',
         fillItemHover: 'surfaceTertiary',
         labelTextColor: 'surfaceTextQuaternary',
-        labelTextActiveColor: 'surfaceTextQuaternary',
-        borderColor: 'surfaceBorderDisabled',
+        borderColor: 'surfaceBorderPrimary',
         iconAfterFill: 'surfaceItemPrimary',
-        iconAfterFillActive: 'surfaceItemDisabled',
+        iconAfterFillActive: 'disabledItemSecondary',
         iconBeforeFill: 'surfaceItemPrimary',
-        iconBeforeFillActive: 'surfaceItemDisabled',
+        iconBeforeFillActive: 'disabledItemSecondary',
         iconFill: 'surfaceItemPrimary',
-        iconFillActive: 'surfaceItemDisabled',
+        iconFillActive: 'disabledItemSecondary',
     },
 };
 
 const choiceAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
-        fillItem: 'errorItemTertiary',
-        fillItemActive: 'errorItemSecondary',
-        fillItemHover: 'errorItemHover',
-        labelTextActiveColor: 'errorTextPrimary',
+        fillItem: 'errorTertiary',
+        fillItemActive: 'errorSecondary',
+        fillItemHover: 'errorHoverPrimary',
         labelTextColor: 'errorTextSecondary',
         borderColor: 'errorBorderQuaternary',
         iconAfterFill: 'errorItemSecondary',
@@ -103,17 +101,17 @@ const choiceAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         fillItem: 'warningTertiary',
-        fillItemActive: 'warningItemSecondary',
-        fillItemHover: 'warningItemHover',
-        labelTextActiveColor: 'warningTextPrimary',
+        fillItemActive: 'warningSecondary',
+        fillItemHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextSecondary',
+        labelTextColorActive: 'warningTextPrimary',
         borderColor: 'warningBorderSecondary',
         iconAfterFill: 'warningItemSecondary',
-        iconAfterFillActive: 'warningTertiary',
+        iconAfterFillActive: 'warningItemTertiary',
         iconBeforeFill: 'warningItemSecondary',
-        iconBeforeFillActive: 'warningTertiary',
+        iconBeforeFillActive: 'warningItemTertiary',
         iconFill: 'warningItemSecondary',
-        iconFillActive: 'warningTertiary',
+        iconFillActive: 'warningItemTertiary',
     },
 };
 
@@ -124,21 +122,21 @@ const choiceAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-    roundedM: {
+    roundedXL: {
         shape: 'rounded',
-        shapeStrength: '1m',
+        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
         shapeStrength: '1_5m',
     },
-    roundedXL: {
+    roundedM: {
         shape: 'rounded',
-        shapeStrength: '2m',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -178,17 +176,17 @@ const choiceAppearanceSuccess = {
     successPrimary: {
         fill: 'successTertiary',
         fillItem: 'successTertiary',
-        fillItemActive: 'successItemSecondary',
-        fillItemHover: 'successItemHover',
-        labelTextActiveColor: 'successTextPrimary',
+        fillItemActive: 'successSecondary',
+        fillItemHover: 'successHoverPrimary',
         labelTextColor: 'successTextSecondary',
+        labelTextColorActive: 'successTextActivePrimary',
         borderColor: 'successBorderSecondary',
         iconAfterFill: 'successItemSecondary',
-        iconAfterFillActive: 'successTertiary',
+        iconAfterFillActive: 'successItemTertiary',
         iconBeforeFill: 'successItemSecondary',
-        iconBeforeFillActive: 'successTertiary',
+        iconBeforeFillActive: 'successItemTertiary',
         iconFill: 'successItemSecondary',
-        iconFillActive: 'successTertiary',
+        iconFillActive: 'successItemTertiary',
     },
 };
 
@@ -221,7 +219,7 @@ function Choice(props) {
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { size, fillClass, fillItemActiveClass, fillItemActiveDisabledClass, fillItemActiveHoverClass, fillItemClass, fillItemDisabledClass, fillItemHoverClass, labelTextColor, labelTextColorActive, labelTextColorActiveHover, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconAfterFill, iconAfterFillActive, iconAfterFillDisabled, iconAfterSize, iconBeforeFill, iconBeforeFillActive, iconBeforeFillDisabled, iconBeforeSize, iconFill, iconFillActive, iconFillDisabled, iconSize, shapeClass, shapeStrengthClass, wrapClass, } = propsGenerator;
     const { styles } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && `choice_size_${size}`, fillClass && `fill_${fillClass}`, wrapClass && `choice_wrap_${wrapClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `choice_skeleton`), ref: controlRef, "data-testid": dataTestId && `${dataTestId}Choice`, "data-tour": dataTour, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsx(React.Fragment, { children: options.map((item) => {
+    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && `choice_size_${size}`, fillClass && `fill_${fillClass}`, wrapClass && `choice_wrap_${wrapClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `choice_skeleton`), ref: controlRef, "data-testid": dataTestId && `${dataTestId}Choice`, "data-tour": dataTour, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemPrimary" })) : (jsx(React.Fragment, { children: options.map((item) => {
                     const isActive = typeof active === 'object'
                         ? String(item.value) === String(active.value)
                         : String(item.value) === String(active);

package/dist/components/Code.js

@@ -153,7 +153,6 @@ function Code(props) {
     const appearanceConfig = useAppearanceConfig(appearance, codeConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { inputBorderColorClass, inputBorderColorHoverClass, inputBorderFocusColorClass, inputBorderWidthClass, inputCaretColorClass, inputFillClass, inputFillHoverClass, inputPlaceholderTextColorClass, inputSizeClass, inputTextColorClass, inputTextSizeClass, inputTextWeightClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    // NOTE: too many dependencies for "useCallback" and possible too many checks
     const renderInput = (otpInputProps, index) => {
         return (jsx("input", { ...otpInputProps, className: clsx('code__input', inputCaretColorClass && `caret-color_${inputCaretColorClass}`, inputFillClass && `fill_${inputFillClass}`, inputFillHoverClass && `fill_hover_${inputFillHoverClass}`, inputPlaceholderTextColorClass &&
                 `placeholder-text-color_${inputPlaceholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, inputTextSizeClass && `text_size_${inputTextSizeClass}`, inputTextColorClass && `text-color_${inputTextColorClass}`, inputTextWeightClass && `text-weight_${inputTextWeightClass}`, inputBorderWidthClass && `border-width_${inputBorderWidthClass}`, inputBorderColorClass && `border-color_${inputBorderColorClass}`, inputBorderColorHoverClass &&
@@ -168,7 +167,7 @@ function Code(props) {
     };
     useEffect(() => {
         onChange && onChange(otp);
-    }, [otp]);
+    }, [onChange, otp]);
     return (jsxs("div", { className: clsx(className, 'code', widthClass, sizeClass && `code_size_${sizeClass}`), "data-testid": dataTestId, "data-tour": dataTour, children: [before, jsx(OtpInput, { containerStyle: clsx(className, 'code__wrapper'), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
 }
 

package/dist/components/CookiesWarning.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_DH8hqqdN.js';
-import { T as Text } from '../Text_es_DaYcLe4H.js';
+import { B as Button } from '../Button_es_ul2sDicM.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -18,24 +18,25 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import '../utils/mergeAppearanceKeys.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_Banbw98_.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_Bt-Bhy3t.js';
-import '../Loader_es_Csp5tr40.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Loader_es_DFSNJsLL.js';
 
 const cookiesWarningAppearanceDefault = {
     defaultPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentHover',
-        messageTextSize: 's',
+        fillHover: 'accentHoverPrimary',
         messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 's',
+        elevation: '8',
         buttonAppearance: 'accentPrimary sizeXL',
         buttonWidth: 'fill',
-        elevation: 8,
     },
 };
 
@@ -64,13 +65,12 @@ function CookiesWarning(props) {
         return () => {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         };
-    }, []);
+    }, [closeCookiesWarning, isHideOnScroll]);
     useEffect(() => {
-        // isHideOnScroll &&
         if (!isOpen) {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         }
-    }, [isOpen]);
+    }, [closeCookiesWarning, isOpen]);
     const appearanceConfig = useAppearanceConfig(appearance, cookiesWarningConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, messageTextColor, messageTextSize, buttonAppearance, buttonFill, buttonFillHover, buttonLabel, buttonLabelSize, buttonLabelTextColor, buttonShape, buttonSize, buttonWidth, elevationClass, } = propsGenerator;

package/dist/components/Dadata.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input_es_DaDvQ8Xp.js';
+import { I as Input } from '../Input_es_CYUPx5I_.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -23,26 +23,23 @@ function Dadata(props) {
     const dadataInputProps = useMemo(() => {
         return {
             ...inputProps,
-            className: clsx('react-dadata__input', meta.active && 'input_state_focus', meta.error &&
-                meta.touched &&
+            className: clsx('react-dadata__input', meta?.active && 'input_state_focus', meta?.error &&
+                meta?.touched &&
                 `input_state_${meta.error.key || 'error'}`),
-            // https://www.npmjs.com/package/react-dadata
-            // "Свойство value игнорируется."
-            // value: input.value,
-            inputValue: input.value,
-            onBlur: input.onBlur,
-            onChange: input.onChange,
-            onFocus: input.onFocus,
+            inputValue: input?.value,
+            onBlur: input?.onBlur,
+            onChange: input?.onChange,
+            onFocus: input?.onFocus,
         };
     }, [
         inputProps,
-        meta.active,
-        meta.error,
-        meta.touched,
-        input.value,
-        input.onFocus,
-        input.onBlur,
-        input.onChange,
+        meta?.active,
+        meta?.error,
+        meta?.touched,
+        input?.value,
+        input?.onFocus,
+        input?.onBlur,
+        input?.onChange,
     ]);
     return (jsx(PartySuggestions, { minChars: 3, customInput: DadataCustomInput, "data-testid": dataTestId, "data-tour": dataTour, delay: delay || 750, inputProps: dadataInputProps, token: token, onChange: setValue }));
 }