@itcase/ui 1.8.137 → 1.8.139

package/dist/{Button_cjs_BXEwg-En.js → Button_cjs_09OV2PKm.js}

@@ -61,7 +61,7 @@ const buttonAppearanceDanger = {
     },
     dangerPrimary: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
+        fillHover: 'dangerHoverPrimary',
         labelTextColor: 'dangerTextPrimary',
         labelTextColorHover: 'dangerTextPrimary',
         iconAfterFillIcon: 'dangerItemPrimary',
@@ -109,9 +109,9 @@ const buttonAppearanceInfo = {
     info: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextPrimary',
         labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -120,9 +120,9 @@ const buttonAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoTertiary',
         fillHover: 'infoTertiaryHover',
-        borderColor: 'infoBorderSecondary',
         labelTextColor: 'infoTextSecondary',
         labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
         iconAfterFillIcon: 'infoItemSecondary',
         iconBeforeFillIcon: 'infoItemSecondary',
         iconFillIcon: 'infoItemSecondaryPrimary',
@@ -131,9 +131,9 @@ const buttonAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextPrimary',
         labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -142,9 +142,9 @@ const buttonAppearanceInfo = {
     infoSecondary: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextSecondary',
         labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -357,8 +357,8 @@ const buttonAppearanceSurface = {
     surfaceMutedPrimary: {
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiary',
-        borderColor: 'surfaceBorderQuaternary',
         labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemQuaternary',
         iconBeforeFillIcon: 'surfaceItemQuaternary',
         iconFillIcon: 'surfaceItemQuaternary',
@@ -367,36 +367,36 @@ const buttonAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
+    surfaceQuaternary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        borderColor: 'surfaceBorderTertiary',
+        fillHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',

package/dist/{Button_es_DEn6z83v.js → Button_es_CVZPF_rz.js}

@@ -59,7 +59,7 @@ const buttonAppearanceDanger = {
     },
     dangerPrimary: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
+        fillHover: 'dangerHoverPrimary',
         labelTextColor: 'dangerTextPrimary',
         labelTextColorHover: 'dangerTextPrimary',
         iconAfterFillIcon: 'dangerItemPrimary',
@@ -107,9 +107,9 @@ const buttonAppearanceInfo = {
     info: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextPrimary',
         labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -118,9 +118,9 @@ const buttonAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoTertiary',
         fillHover: 'infoTertiaryHover',
-        borderColor: 'infoBorderSecondary',
         labelTextColor: 'infoTextSecondary',
         labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
         iconAfterFillIcon: 'infoItemSecondary',
         iconBeforeFillIcon: 'infoItemSecondary',
         iconFillIcon: 'infoItemSecondaryPrimary',
@@ -129,9 +129,9 @@ const buttonAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextPrimary',
         labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -140,9 +140,9 @@ const buttonAppearanceInfo = {
     infoSecondary: {
         fill: 'infoPrimary',
         fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderPrimary',
         labelTextColor: 'infoTextSecondary',
         labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
         iconFillIcon: 'infoItemPrimary',
@@ -355,8 +355,8 @@ const buttonAppearanceSurface = {
     surfaceMutedPrimary: {
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiary',
-        borderColor: 'surfaceBorderQuaternary',
         labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemQuaternary',
         iconBeforeFillIcon: 'surfaceItemQuaternary',
         iconFillIcon: 'surfaceItemQuaternary',
@@ -365,36 +365,36 @@ const buttonAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
+    surfaceQuaternary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
         loaderAppearance: 'surfacePrimary',
     },
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        borderColor: 'surfaceBorderTertiary',
+        fillHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',

package/dist/{ChipsGroup_cjs_Du8WHI-Y.js → ChipsGroup_cjs_BNfzAmhc.js}

@@ -337,7 +337,7 @@ function ChipsGroup(props) {
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_type_horizontal_scroll', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "chips-group__wrapper", style: groupWrapperStyles, children: children
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "chips-group__wrapper", style: groupWrapperStyles, children: children
                 ? children
                 : chipsList?.map((item) => (jsxRuntime.jsx(Chips, { appearance: chipsAppearance, label: item.label, isDisabled: item.isDisabled, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, onClick: () => onClick(item) }, item.id))) })) : children ? (children) : (chipsList?.map((item) => (jsxRuntime.jsx(Chips, { appearance: chipsAppearance, label: item.label, isDisabled: item.isDisabled, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, onClick: () => onClick(item) }, item.id)))) }));
 }

package/dist/{ChipsGroup_es_CzVlqaHv.js → ChipsGroup_es_UTiUhYs7.js}

@@ -335,7 +335,7 @@ function ChipsGroup(props) {
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles(props);
-    return (jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_type_horizontal_scroll', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsx("div", { className: "chips-group__wrapper", style: groupWrapperStyles, children: children
+    return (jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsx("div", { className: "chips-group__wrapper", style: groupWrapperStyles, children: children
                 ? children
                 : chipsList?.map((item) => (jsx(Chips, { appearance: chipsAppearance, label: item.label, isDisabled: item.isDisabled, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, onClick: () => onClick(item) }, item.id))) })) : children ? (children) : (chipsList?.map((item) => (jsx(Chips, { appearance: chipsAppearance, label: item.label, isDisabled: item.isDisabled, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, onClick: () => onClick(item) }, item.id)))) }));
 }

package/dist/{DatePicker_cjs_Dxbyx8GV.js → DatePicker_cjs_DIiwwZKt.js}

@@ -8,7 +8,7 @@ var DatePicker = require('react-datepicker');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_BXEwg-En.js');
+var Button = require('./Button_cjs_09OV2PKm.js');
 var Icon = require('./Icon_cjs_DKzT-zmQ.js');
 var Input = require('./Input_cjs_DDi5JVAV.js');
 var Label = require('./Label_cjs_D2YMjCoS.js');

package/dist/{DatePicker_es_mX0NSjO5.js → DatePicker_es_BmxQxJ2u.js}

@@ -6,7 +6,7 @@ import DatePicker from 'react-datepicker';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_DEn6z83v.js';
+import { B as Button } from './Button_es_CVZPF_rz.js';
 import { I as Icon } from './Icon_es_5JUPM7bP.js';
 import { I as Input } from './Input_es_BnCXATnh.js';
 import { L as Label } from './Label_es_B5uGQwNN.js';

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button_cjs_BXEwg-En.js');
+var Button = require('../../Button_cjs_09OV2PKm.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_Du8WHI-Y.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_BNfzAmhc.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_BXEwg-En.js');
+var Button = require('../../Button_cjs_09OV2PKm.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePeriod.js

@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_Dxbyx8GV.js');
+var DatePicker = require('../../DatePicker_cjs_DIiwwZKt.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_Du8WHI-Y.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_BNfzAmhc.js');
 require('date-fns/locale');
 require('react-datepicker');
 require('../hooks/useStyles/useStyles.js');
@@ -22,7 +22,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_BXEwg-En.js');
+require('../../Button_cjs_09OV2PKm.js');
 require('../../Icon_cjs_DKzT-zmQ.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_Dxbyx8GV.js');
+var DatePicker = require('../../DatePicker_cjs_DIiwwZKt.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -22,7 +22,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Button_cjs_BXEwg-En.js');
+require('../../Button_cjs_09OV2PKm.js');
 require('../../Icon_cjs_DKzT-zmQ.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/Drawer.js

@@ -83,7 +83,7 @@ function Drawer(props) {
     const isOpenPrevRef = React.useRef(Boolean(_isOpen));
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, drawerConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { direction, size, titleTextColor, titleTextSize, descTextColor, descTextSize, divider, dividerSize, zeroPadding, closeIcon, closeIconFill, closeIconFillIcon, closeIconFillSize, closeIconShape, closeIconSize, closeIconSrc, } = propsGenerator;
+    const { direction, size, titleTextColor, titleTextSize, titleTextWeight, descTextColor, descTextSize, divider, dividerSize, zeroPadding, closeIcon, closeIconFill, closeIconFillIcon, closeIconFillSize, closeIconShape, closeIconSize, closeIconSrc, } = propsGenerator;
     React.useEffect(() => {
         const isFromOpenToClose = isOpenPrevRef.current === true && !_isOpen;
         if (isFromOpenToClose && onClose) {
@@ -96,9 +96,9 @@ function Drawer(props) {
             console.warn('@itcase/ui Drawer warning: "isOpenModal" is deprecated, use "isOpen" instead.');
         }
     }, [_isOpen, onClose]);
-    return (jsxRuntime.jsxs(ReactDrawer, { dataTour: dataTour, className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `dataTour-${dataTour}`, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, 
+    return (jsxRuntime.jsxs(ReactDrawer, { className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `dataTour-${dataTour}`, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), dataTour: dataTour, direction: direction || 'right', size: size || 600, 
         // Drawer set prefix "EZDrawer" for any id
-        customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, enableOverlay: enableOverlay, lockBackgroundScroll: false, overlayClassName: "drawer__overlay", open: _isOpen, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx("div", { className: "drawer__close", children: jsxRuntime.jsx(Icon.Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (jsxRuntime.jsxs("div", { className: "drawer__header", children: [jsxRuntime.jsx(Icon.Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, children: title }), jsxRuntime.jsx(Text.Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
+        customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, enableOverlay: enableOverlay, lockBackgroundScroll: false, overlayClassName: "drawer__overlay", open: _isOpen, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx("div", { className: "drawer__close", children: jsxRuntime.jsx(Icon.Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (jsxRuntime.jsxs("div", { className: "drawer__header", children: [jsxRuntime.jsx(Icon.Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }), jsxRuntime.jsx(Text.Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 exports.Drawer = Drawer;

package/dist/cjs/components/Modal.js

@@ -137,7 +137,7 @@ const getOrCreateModalElement = (modalQuerySelector, className = '') => {
 };
 // Modal component that is an abstraction around the portal API.
 const Modal = React.forwardRef(function Modal(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, title, modalQuerySelector = '#modal-global', scroll = false, stickyHeader = false, absoluteHeader = false, closeIcon, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
+    const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalQuerySelector = '#modal-global', scroll = false, stickyHeader = false, closeIcon, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
     // Query DOM element
     const [modalElement, setModalElement] = React.useState(null);
     const [isOpen, setIsOpen] = React.useState(initialIsOpen);
@@ -228,7 +228,7 @@ const Modal = React.forwardRef(function Modal(props, ref) {
     return (modalElement &&
         ReactDOM.createPortal(
         // Any valid React child: JSX, strings, arrays, etc.
-        isOpen ? (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("div", { id: id, className: clsx('modal__content', absoluteHeader && 'modal__content-absolute-header', !title && !closeIcon && 'modal__content-no-header', fillClass && `fill_${fillClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `modal_size_${sizeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, scroll && `modal-scroll_${scroll}`, stickyHeader && 'modal-scroll_header_sticky', isSkeleton && 'modal_skeleton'), ref: modalContentRef, "data-test-id": dataTestId, "data-tour": dataTour, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [(title || closeIcon) && (jsxRuntime.jsxs("div", { className: clsx('modal__header', fillClass && `fill_${fillClass}`), children: [title && (jsxRuntime.jsx(Icon.Title, { className: "modal__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), closeIcon && (jsxRuntime.jsx("div", { className: "modal__close", onClick: closeModal, children: jsxRuntime.jsx(Icon.Icon, { appearance: `${closeIconAppearance} ${closeIconAppearanceSize}`, fillSize: closeIconFillSize, iconSize: closeIconSize, shape: closeIconShape, SvgImage: closeIconImage ?? _default.icons24.Action.Close }) }))] })), jsxRuntime.jsx("div", { className: "modal__content-wrapper", children: children })] }), jsxRuntime.jsx(Overlay.Overlay, { className: "modal__overlay", 
+        isOpen ? (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("div", { id: id, className: clsx('modal__content', absoluteHeader && 'modal__content-absolute-header', !title && !closeIcon && 'modal__content-no-header', fillClass && `fill_${fillClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `modal_size_${sizeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, scroll && `modal-scroll_${scroll}`, stickyHeader && 'modal-scroll_header_sticky', isSkeleton && 'modal_skeleton'), ref: modalContentRef, "data-test-id": dataTestId, "data-tour": dataTour, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [(title || closeIcon) && (jsxRuntime.jsxs("div", { className: clsx('modal__header', fillClass && `fill_${fillClass}`), children: [title && (jsxRuntime.jsx(Icon.Title, { width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, flex: "1", children: title })), closeIcon && (jsxRuntime.jsx("div", { className: "modal__close", onClick: closeModal, children: jsxRuntime.jsx(Icon.Icon, { appearance: `${closeIconAppearance} ${closeIconAppearanceSize}`, fillSize: closeIconFillSize, iconSize: closeIconSize, shape: closeIconShape, SvgImage: closeIconImage ?? _default.icons24.Action.Close }) }))] })), jsxRuntime.jsx("div", { className: "modal__content-wrapper", children: children })] }), jsxRuntime.jsx(Overlay.Overlay, { className: "modal__overlay", 
                     // ref={modalOverlayRef}
                     fill: overlayFill, opacity: overlayOpacity, isOverlay: isOverlay, onClick: onClickOverlay })] })) : null, 
         // A DOM element

package/dist/cjs/components/ModalSheetBottom.js

@@ -27,7 +27,7 @@ require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_qKXVfU8e.js');
 require('../../Text_cjs_DaH5tVvz.js');
 
-const modalSheetBottomAppearance = {
+const modalSheetBottomAppearanceSize = {
     sizeL: {
         size: 'l',
         titleTextSize: 'h4',
@@ -36,9 +36,10 @@ const modalSheetBottomAppearance = {
         size: 'm',
         titleTextSize: 'h5',
     },
-    dev: {
-        fill: 'accentPrimary',
-    },
+};
+
+const modalSheetBottomAppearance = {
+    ...modalSheetBottomAppearanceSize,
 };
 
 const modalSheetBottomConfig = {

package/dist/cjs/components/Notification.js

@@ -140,20 +140,24 @@ const notificationConfig = {
     },
 };
 function Notification(props) {
-    const { id, dataTestId, dataTour, className, appearance, title, desc, before, after, close, isSkeleton, onClickClose, } = props;
+    const { id, appearance, className, dataTestId, dataTour, title, text, before, after, close, 
+    // type,
+    isSkeleton, onClickClose, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, notificationConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, titleTextColor, titleTextSize, descTextColor, descTextSize, elevationClass, sizeClass, widthClass, closeIcon, closeIconFill, closeIconFillIcon, closeIconFillSize, closeIconShape, closeIconSize, closeIconSrc, } = propsGenerator;
     // @ts-expect-error
     const { styles: notificationStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs("div", { className: clsx('notification__item', elevationClass && `elevation_${elevationClass}`, sizeClass && `notification__item_set_${sizeClass}`, widthClass && `width_${widthClass}`, fillClass && `fill_${fillClass}`, isSkeleton && `notification__item_skeleton`), "data-test-id": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, jsxRuntime.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsx(Text.Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: desc })), close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('notification__item-close', 'cursor_type_pointer'), fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: () => onClickClose && onClickClose(id) }))] }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('notification__item', elevationClass && `elevation_${elevationClass}`, sizeClass && `notification__item_set_${sizeClass}`, widthClass && `width_${widthClass}`, fillClass && `fill_${fillClass}`, isSkeleton && `notification__item_skeleton`), "data-test-id": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, jsxRuntime.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsx(Text.Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: text })), close && (closeIcon || closeIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('notification__item-close', 'cursor_type_pointer'), fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: () => onClickClose && onClickClose(id) }))] }), after] }));
 }
 
 function NotificationWrapper(props) {
     const notifications = Notifications.useNotifications();
     const { hideNotifications } = Notifications.useNotificationsAPI();
     const { className, close } = props;
-    return (jsxRuntime.jsx("div", { className: clsx('notification', className), children: jsxRuntime.jsx("div", { className: "notification__wrapper", children: notifications.map((notification, i) => (jsxRuntime.jsx(Notification, { id: notification.id, appearance: notification.appearance, title: notification.title, status: notification.status, text: notification.text, close: close, onClickClose: hideNotifications }, i))) }) }));
+    return (jsxRuntime.jsx("div", { className: clsx('notification', className), children: jsxRuntime.jsx("div", { className: "notification__wrapper", children: notifications.map((notification, i) => (jsxRuntime.jsx(Notification, { id: notification.id, appearance: notification.appearance, title: notification.title, status: notification.status, text: notification.text, 
+                // type={notification.type}
+                after: notification.after, close: close, onClickClose: hideNotifications }, i))) }) }));
 }
 
 exports.Notification = Notification;

package/dist/cjs/components/Response.js

@@ -8,7 +8,7 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_BXEwg-En.js');
+var Button = require('../../Button_cjs_09OV2PKm.js');
 var Group = require('../../Group_cjs_DxyobxPf.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
 require('@itcase/common');
@@ -266,6 +266,17 @@ const RESPONSE_MESSAGES = {
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
     },
+    errorAccessDenied: {
+        appearance: 'unableLoadData ghost',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '401/403',
+        imageSrc: index.responseIcon.UnableLoadData,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
     errorNetwork: {
         appearance: 'unableLoadData ghost',
         title: 'Ошибка соединения',
@@ -289,7 +300,7 @@ const RESPONSE_MESSAGES = {
         secondaryButtonLabel: 'Отмена',
     },
     empty: {
-        appearance: 'refresh ghost',
+        appearance: 'empty ghost',
         title: 'Список пуст',
         desc: 'Нет данных по заданным параметрам',
         code: '200',
@@ -297,17 +308,6 @@ const RESPONSE_MESSAGES = {
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         primaryButtonLabel: 'ОК',
     },
-    errorAccessDenied: {
-        appearance: 'unableLoadData ghost',
-        title: 'Доступ ограничен',
-        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
-        code: '401/403',
-        imageSrc: index.responseIcon.UnableLoadData,
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        primaryButtonLabel: 'Повторить',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
-    },
     warning: {
         appearance: 'warning ghost',
         title: 'Внимание',

package/dist/cjs/components/Switch.js

@@ -24,9 +24,9 @@ require('lodash/maxBy');
 const switchAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceTertiary',
-        fillActive: 'successTertiary',
+        fillActive: 'successPrimary',
         fillToggle: 'surfaceItemSecondary',
-        fillToggleActive: 'accentItemSecondary',
+        fillToggleActive: 'successItemPrimary',
         titleTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
     },

package/dist/cjs/components/Tab.js

@@ -228,7 +228,7 @@ function TabGroup(props) {
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_type_horizontal_scroll', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxRuntime.jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (jsxRuntime.jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (jsxRuntime.jsxs(React.Fragment, { children: [tabList?.map((item) => (jsxRuntime.jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive }, item.key))), children] })) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxRuntime.jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (jsxRuntime.jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (jsxRuntime.jsxs(React.Fragment, { children: [tabList?.map((item) => (jsxRuntime.jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive }, item.key))), children] })) }));
 }
 
 exports.Tab = Tab;

package/dist/cjs/context/Notifications.js

@@ -8,9 +8,9 @@ var common = require('@itcase/common');
 
 const STATUSES = {
     error: 'error',
-    warning: 'warning',
     info: 'info',
     success: 'success',
+    warning: 'warning',
 };
 const NotificationsContext = React.createContext([]);
 /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -126,6 +126,7 @@ function createNotification(notification, onClose) {
     // let appearance = STATUSES.appearance
     let closeByTime = 4500;
     let appearance = '';
+    let after = null;
     if (typeof notification === 'string') {
         text = notification;
     }
@@ -135,6 +136,7 @@ function createNotification(notification, onClose) {
         text = notification.text ?? text;
         status = notification.status ?? status;
         closeByTime = notification.closeByTime ?? closeByTime;
+        after = notification.after ?? after;
     }
     switch (status) {
         case 'success':
@@ -156,6 +158,7 @@ function createNotification(notification, onClose) {
         title: title,
         status: status,
         text: text,
+        after: after,
         closeByTime: closeByTime,
         onClose: onClose,
     };

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_DEn6z83v.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_CVZPF_rz.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

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_CzVlqaHv.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_UTiUhYs7.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ 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_DEn6z83v.js';
+import { B as Button } from '../Button_es_CVZPF_rz.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePeriod.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_mX0NSjO5.js';
+import { D as DatePickerInput } from '../DatePicker_es_BmxQxJ2u.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CzVlqaHv.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_UTiUhYs7.js';
 import 'date-fns/locale';
 import 'react-datepicker';
 import '../hooks/useStyles/useStyles.js';
@@ -20,7 +20,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_DEn6z83v.js';
+import '../Button_es_CVZPF_rz.js';
 import '../Icon_es_5JUPM7bP.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_mX0NSjO5.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_BmxQxJ2u.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -20,7 +20,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_DEn6z83v.js';
+import '../Button_es_CVZPF_rz.js';
 import '../Icon_es_5JUPM7bP.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';