@itcase/ui 1.9.35 → 1.9.37

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_DR4Alx-v.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -22,36 +22,30 @@ import 'lodash/maxBy';
 const checkboxAppearanceDefault = {
     defaultPrimary: {
         fillCheckbox: 'surfaceSecondary',
-        fillCheckboxActive: 'surfaceSecondary',
-        fillCheckboxActiveHover: 'surfaceTertiary',
-        fillCheckboxHover: 'surfaceTertiary',
-        fillCheckmark: 'surfaceBorderPrimary',
+        fillCheckboxActive: 'surfaceActiveSecondary',
+        fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
+        fillCheckboxHover: 'surfaceHoverTertiary',
+        fillCheckmark: 'surfacePrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColorCheckbox: 'surfaceBorderPrimary',
-        borderColorCheckboxActive: 'surfaceBorderPrimary',
-        borderColorCheckboxActiveHover: 'surfaceBorderPrimary',
-        borderColorCheckboxHover: 'surfaceBorderPrimary',
+        borderColorCheckboxActive: 'surfaceBorderActivePrimary',
+        borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
+        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',
     },
 };
 

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_BB6xVGnI.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_BoUAbwyu.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_OpkyzWe6.js';
+import '../Text_es_DR4Alx-v.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_BoUAbwyu.js';
+import { L as Loader } from '../Loader_es_CcFl-K-t.js';
+import { T as Text } from '../Text_es_DR4Alx-v.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_OpkyzWe6.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,29 @@ 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',
+        labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderPrimary',
         iconAfterFill: 'surfaceItemPrimary',
-        iconAfterFillActive: 'surfaceItemDisabled',
+        iconAfterFillActive: 'surfaceItemActiveDisabled',
         iconBeforeFill: 'surfaceItemPrimary',
-        iconBeforeFillActive: 'surfaceItemDisabled',
+        iconBeforeFillActive: 'surfaceItemActiveDisabled',
         iconFill: 'surfaceItemPrimary',
-        iconFillActive: 'surfaceItemDisabled',
+        iconFillActive: 'surfaceActiveItemDisabled',
     },
 };
 
 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 +102,17 @@ const choiceAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         fillItem: 'warningTertiary',
-        fillItemActive: 'warningItemSecondary',
-        fillItemHover: 'warningItemHover',
-        labelTextActiveColor: 'warningTextPrimary',
+        fillItemActive: 'warningSecondary',
+        fillItemHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextSecondary',
+        labelTextColorActive: 'warningTextActivePrimary',
         borderColor: 'warningBorderSecondary',
         iconAfterFill: 'warningItemSecondary',
-        iconAfterFillActive: 'warningTertiary',
+        iconAfterFillActive: 'warningItemActiveTertiary',
         iconBeforeFill: 'warningItemSecondary',
-        iconBeforeFillActive: 'warningTertiary',
+        iconBeforeFillActive: 'warningItemActiveTertiary',
         iconFill: 'warningItemSecondary',
-        iconFillActive: 'warningTertiary',
+        iconFillActive: 'warningItemActiveTertiary',
     },
 };
 
@@ -124,21 +123,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 +177,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: 'successItemActiveTertiary',
         iconBeforeFill: 'successItemSecondary',
-        iconBeforeFillActive: 'successTertiary',
+        iconBeforeFillActive: 'successItemActiveTertiary',
         iconFill: 'successItemSecondary',
-        iconFillActive: 'successTertiary',
+        iconFillActive: 'successItemActiveTertiary',
     },
 };
 
@@ -220,8 +219,9 @@ function Choice(props) {
     const appearanceConfig = useAppearanceConfig(appearance, choiceConfig, isDisabled);
     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;
+    //@ts-expect-error
     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_BDrXGgUw.js';
+import { T as Text } from '../Text_es_DR4Alx-v.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -20,22 +20,22 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_Banbw98_.js';
+import '../Icon_es_BoUAbwyu.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_OpkyzWe6.js';
+import '../Loader_es_CcFl-K-t.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 +64,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_BUJJnw5X.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 }));
 }

package/dist/components/DatePeriod.js

@@ -5,17 +5,17 @@ import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BOaDqAo8.js';
-import { D as DatePickerInput } from '../DatePicker_es_DHGzUpHd.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BB6xVGnI.js';
+import { D as DatePickerInput } from '../DatePicker_es_D3e0JZtJ.js';
 import 'react-select';
-import '../Icon_es_Banbw98_.js';
-import { a as SelectContainer } from '../SelectContainer_es_B5trQDlc.js';
+import '../Icon_es_BoUAbwyu.js';
+import { S as SelectContainer } from '../SelectContainer_es_YFoz_R-E.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
-import '../Group_es_Dml1c8Cz.js';
+import '../Group_es_CrDAyR_E.js';
 import 'lodash/castArray';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
@@ -24,53 +24,53 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
-import '../Text_es_DaYcLe4H.js';
+import '../Text_es_DR4Alx-v.js';
 import 'date-fns/locale';
 import 'react-datepicker';
-import '../Button_es_DH8hqqdN.js';
-import '../Link_es_Bt-Bhy3t.js';
-import '../Loader_es_Csp5tr40.js';
-import '../Input_es_DaDvQ8Xp.js';
-import '../Label_es_DuDL0-3C.js';
+import '../Button_es_BDrXGgUw.js';
+import '../Link_es_OpkyzWe6.js';
+import '../Loader_es_CcFl-K-t.js';
+import '../Input_es_BUJJnw5X.js';
+import '../Label_es_DTsS8xDD.js';
 import '@itcase/icons/default';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import 'react-select/creatable';
-import '../Divider_es_BlOJ77zx.js';
+import '../Divider_es_Cod0xv2q.js';
 
 const datePeriodAppearanceShape = {
     circular: {
         shape: 'circular',
     },
     rounded: {
-        shape: 'rounded',
         chipsShape: 'rounded',
         selectShape: 'rounded',
+        shape: 'rounded',
     },
     roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
         chipsShape: 'rounded',
         selectShape: 'rounded',
+        shape: 'rounded',
+        shapeStrength: '2m',
     },
     roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
         chipsShape: 'rounded',
         selectShape: 'rounded',
+        shape: 'rounded',
+        shapeStrength: '1_5m',
     },
     roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
         chipsShape: 'rounded',
         selectShape: 'rounded',
+        shape: 'rounded',
+        shapeStrength: '1m',
     },
     roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
         chipsShape: 'rounded',
         selectShape: 'rounded',
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -135,7 +135,7 @@ function DatePeriod(props) {
     const onClickPeriodChips = useCallback((selectedPeriodItem) => {
         const dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         const dateEndIso = selectedPeriodItem.dateIntervalsList[1];
-        onChangeDatePeriod(new Date(dateStartIso), new Date(dateEndIso));
+        onChangeDatePeriod?.(new Date(dateStartIso), new Date(dateEndIso));
     }, [onChangeDatePeriod]);
     const checkIsChipsActive = useCallback((targetPeriodItem) => {
         const dateStartIso = targetPeriodItem.dateIntervalsList[0];

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_DHGzUpHd.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_D3e0JZtJ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -20,14 +20,14 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_DH8hqqdN.js';
-import '../Icon_es_Banbw98_.js';
+import '../Button_es_BDrXGgUw.js';
+import '../Icon_es_BoUAbwyu.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_Bt-Bhy3t.js';
-import '../Text_es_DaYcLe4H.js';
-import '../Loader_es_Csp5tr40.js';
-import '../Input_es_DaDvQ8Xp.js';
-import '../Label_es_DuDL0-3C.js';
+import '../Link_es_OpkyzWe6.js';
+import '../Text_es_DR4Alx-v.js';
+import '../Loader_es_CcFl-K-t.js';
+import '../Input_es_BUJJnw5X.js';
+import '../Label_es_DTsS8xDD.js';
 import '@itcase/icons/default';