@itcase/ui 1.8.9 → 1.8.11

package/dist/components/DatePicker.js

@@ -6,11 +6,12 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_CBbHMy1v.js';
-import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
-import { I as Input } from '../Input_es_FXxp51gq.js';
-import { L as Label } from '../Label_es_CZpanSdR.js';
+import { B as Button } from '../Button_es_H15aBFcg.js';
+import { I as Icon } from '../Icon_es_B0sySEUu.js';
+import { I as Input } from '../Input_es_CNduH28G.js';
+import { L as Label } from '../Label_es_BCpDqP3q.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
+import { icon14 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -26,58 +27,35 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_DkW06IM-.js';
 import '../Loader_es_BE4nyzXi.js';
 import 'react-inlinesvg';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 
-// import { icon14, icon16 } from '@itcase/icons/default'
 var datePickerSize = {
     sizeS: {
-        datePickerProps: {
-            daySize: 'xs',
-            dayTextSize: 'm',
-            iconFillSize: 24,
-            // iconLeft: icon14.ChevronLeft,
-            // iconRight: icon14.ChevronRight,
-        },
-        inputProps: {
-            size: 's',
-            textSize: 's',
-            // clearIcon: icon14.Clear,
-            clearIconSize: 16,
-            clearLabelTextSize: 'm',
-        },
+        daySize: 'xs',
+        dayTextSize: 'm',
+        iconFillSize: 24,
+        iconLeft: icon14.ChevronLeft,
+        iconRight: icon14.ChevronRight,
     },
     sizeM: {
-        datePickerProps: {
-            daySize: 'xs',
-            dayTextSize: 'm',
-            iconFillSize: 24,
-            // iconLeft: icon14.ChevronLeft,
-            // iconRight: icon14.ChevronRight,
-        },
-        inputProps: {
-            size: 'm',
-            textSize: 'm',
-            // clearIcon: icon14.Clear,
-            clearIconSize: 16,
-            clearLabelTextSize: 'm',
-        },
+        daySize: 'xxl',
+        dayTextSize: 'm',
+        iconFillSize: 24,
+        daySize: 'xs',
+        dayTextSize: 'm',
+        iconSize: 14,
+        monthTextSize: 'm',
+        yearTextSize: 'm',
+        iconLeft: icon14.ChevronLeft,
+        iconRight: icon14.ChevronRight,
     },
     sizeL: {
-        datePickerProps: {
-            daySize: 'xs',
-            dayTextSize: 'm',
-            iconFillSize: 24,
-            // iconLeft: icon14.ChevronLeft,
-            // iconRight: icon14.ChevronRight,
-        },
-        inputProps: {
-            size: 'l',
-            textSize: 'l',
-            // clearIcon: icon14.Clear,
-            clearIconSize: 16,
-            clearLabelTextSize: 'm',
-        },
+        daySize: 'xs',
+        dayTextSize: 'm',
+        iconFillSize: 24,
+        iconLeft: icon14.ChevronLeft,
+        iconRight: icon14.ChevronRight,
     },
 };
 
@@ -109,28 +87,19 @@ var datePickerStyle = {
 
 var datePickerAppearanceSurface = {
     surfacePrimary: {
-        datePickerProps: {
-            daySize: 'xs',
-            dayTextColor: 'surfaceTextPrimary',
-            dayTextShape: 'rounded',
-            dayTextSize: 'm',
-            iconFillHover: 'surfaceSecondary',
-            iconItemFill: 'surfaceItemPrimary',
-            iconShape: 'circular',
-        },
-        inputProps: {
-            width: 'fill',
-            fill: 'surfacePrimary',
-            fillHover: 'surfacePrimary',
-            borderColor: 'surfaceBorderPrimary',
-            textColor: 'surfaceTextPrimary',
-            caret: 'surfaceItemPrimary',
-            clearIconItemFill: 'surfaceItemQuaternary',
-            clearIconItemFillHover: 'surfaceItemPrimary',
-            clearLabelTextColor: 'surfaceTextPrimary',
-            clearLabelTextColorHover: 'surfaceTextAccent',
-            placeholderTextColor: 'surfaceTextSecondary',
-        },
+        dayTextColor: 'surfaceTextPrimary',
+        dayTextShape: 'rounded',
+        iconFillHover: 'surfaceSecondary',
+        iconItemFill: 'surfaceItemPrimary',
+        iconShape: 'circular',
+        iconItemFill: 'surfaceItemPrimary',
+        iconLeft: icon14.ChevronLeft,
+        iconRight: icon14.ChevronRight,
+        monthTextColor: 'surfaceTextPrimary',
+        monthTextWeight: 400,
+        placeholderTextColor: 'surfaceTextPrimary',
+        yearTextColor: 'surfaceTextPrimary',
+        yearTextWeight: 400,
     },
 };
 
@@ -143,14 +112,16 @@ var datePickerConfig = {
     },
 };
 function DatePickerInput(props) {
-    var className = props.className, appearance = props.appearance, endValue = props.endValue, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, value = props.value, onChange = props.onChange;
+    var _a;
+    var className = props.className, endValue = props.endValue, _b = props.inputProps, inputProps = _b === void 0 ? {} : _b, _c = props.datePickerProps, datePickerProps = _c === void 0 ? {} : _c, value = props.value, onChange = props.onChange;
     var datepickerRef = useRef(null);
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+    var monthsShown = datePickerProps.monthsShown, customTimeInput = datePickerProps.customTimeInput, disablePastDays = datePickerProps.disablePastDays, selectsRange = datePickerProps.selectsRange;
+    var appearanceConfig = (_a = datePickerProps.appearance) === null || _a === void 0 ? void 0 : _a.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = datePickerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var _b = propsGenerator.datePickerProps, datePickerProps = _b === void 0 ? {} : _b, widthClass = propsGenerator.widthClass;
+    var propsGenerator = useDevicePropsGenerator(datePickerProps, appearanceConfig);
+    var daySize = propsGenerator.daySize, dayTextColor = propsGenerator.dayTextColor, dayTextShape = propsGenerator.dayTextShape, dayTextSize = propsGenerator.dayTextSize, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconLeft = propsGenerator.iconLeft, iconRight = propsGenerator.iconRight, iconShape = propsGenerator.iconShape, monthTextColor = propsGenerator.monthTextColor, monthTextSize = propsGenerator.monthTextSize, monthTextWeight = propsGenerator.monthTextWeight, popper = propsGenerator.popper, widthClass = propsGenerator.widthClass, yearTextColor = propsGenerator.yearTextColor, yearTextSize = propsGenerator.yearTextSize, yearTextWeight = propsGenerator.yearTextWeight, isClearable = propsGenerator.isClearable;
     var start = useMemo(function () {
         if (value) {
             if (typeof value === 'string') {
@@ -172,8 +143,8 @@ function DatePickerInput(props) {
         }
         return endValue;
     }, [endValue]);
-    var _c = useState(start), startDate = _c[0], setStartDate = _c[1];
-    var _d = useState(end), endDate = _d[0], setEndDate = _d[1];
+    var _d = useState(start), startDate = _d[0], setStartDate = _d[1];
+    var _e = useState(end), endDate = _e[0], setEndDate = _e[1];
     var handleChange = useCallback(function (_a) {
         var newStartDate = _a[0], newEndDate = _a[1];
         onChange && onChange(newStartDate, newEndDate);
@@ -181,30 +152,25 @@ function DatePickerInput(props) {
         setEndDate(newEndDate);
     }, [onChange]);
     var renderDayContents = useCallback(function (day, date) {
-        return (jsx(Button, { className: "react-datepicker__day-button", size: datePickerProps.daySize, label: date.getDate().toString(), labelTextColor: datePickerProps.dayTextColor, labelTextSize: datePickerProps.dayTextSize, shape: datePickerProps.dayTextShape }));
-    }, [
-        datePickerProps.daySize,
-        datePickerProps.dayTextColor,
-        datePickerProps.dayTextShape,
-        datePickerProps.dayTextSize,
-    ]);
+        return (jsx(Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
+    }, [daySize, dayTextColor, dayTextShape, dayTextSize]);
     var renderCustomHeader = useCallback(function (_a) {
         var decreaseMonth = _a.decreaseMonth, increaseMonth = _a.increaseMonth, monthDate = _a.monthDate;
-        return (jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsx(Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill, fillHover: datePickerProps.iconFillHover, fillSize: datePickerProps.iconFillSize, iconFill: datePickerProps.iconItemFill, shape: datePickerProps.iconShape, SvgImage: datePickerProps.iconLeft, onClick: decreaseMonth })), jsxs("div", { className: "react-datepicker__data", children: [jsx(Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize, textColor: datePickerProps.monthTextColor, textWeight: datePickerProps.monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsx(Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize, textColor: datePickerProps.yearTextColor, textWeight: datePickerProps.yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsx(Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill, fillHover: datePickerProps.iconFillHover, fillSize: datePickerProps.iconFillSize, iconFill: datePickerProps.iconItemFill, shape: datePickerProps.iconShape, SvgImage: datePickerProps.iconRight, onClick: increaseMonth }))] }));
+        return (jsxs("div", { className: "react-datepicker__header--div", children: [iconLeft && (jsx(Icon, { className: "react-datepicker__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, shape: iconShape, SvgImage: iconLeft, onClick: decreaseMonth })), jsxs("div", { className: "react-datepicker__data", children: [jsx(Text, { className: "react-datepicker__month", size: monthTextSize, textColor: monthTextColor, textWeight: monthTextWeight, children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsx(Text, { className: "react-datepicker__year", size: yearTextSize, textColor: yearTextColor, textWeight: yearTextWeight, children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), iconRight && (jsx(Icon, { className: "react-datepicker__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, shape: iconShape, SvgImage: iconRight, onClick: increaseMonth }))] }));
     }, [
-        datePickerProps.iconFill,
-        datePickerProps.iconFillHover,
-        datePickerProps.iconFillSize,
-        datePickerProps.iconItemFill,
-        datePickerProps.iconLeft,
-        datePickerProps.iconRight,
-        datePickerProps.iconShape,
-        datePickerProps.monthTextColor,
-        datePickerProps.monthTextSize,
-        datePickerProps.monthTextWeight,
-        datePickerProps.yearTextColor,
-        datePickerProps.yearTextSize,
-        datePickerProps.yearTextWeight,
+        iconFill,
+        iconFillHover,
+        iconFillSize,
+        iconItemFill,
+        iconLeft,
+        iconRight,
+        iconShape,
+        monthTextColor,
+        monthTextSize,
+        monthTextWeight,
+        yearTextColor,
+        yearTextSize,
+        yearTextWeight,
     ]);
     useEffect(function () {
         setStartDate(start);
@@ -214,8 +180,7 @@ function DatePickerInput(props) {
     }, [end]);
     var datePickerStyles = useStyles(props).styles;
     console.log(inputProps);
-    return (jsx("div", { className: clsx(className, 'datepicker', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.monthsShown) && 'datepicker_multiple-months', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.customTimeInput) && 'datepicker_button', widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsx(DatePicker, __assign({ minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: datePickerProps.isClearable }), endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: ru, popperClassName: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.popper) &&
-                "react-datepicker-popper-".concat(datePickerProps.popper), ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
+    return (jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsx(DatePicker, __assign({ minDate: disablePastDays ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? endDate : undefined, locale: ru, popperClassName: popper && "react-datepicker-popper-".concat(popper), ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, onChange: selectsRange ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }

package/dist/components/HeroTitle.js

@@ -2,18 +2,18 @@ import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
-import '../context/Notifications.js';
-import { useUserDeviceContext } from '../context/UIContext.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import 'lodash/camelCase';
+import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 
@@ -30,32 +30,22 @@ var heroTitleConfig = {
     },
 };
 function HeroTitle(props) {
-    var className = props.className, appearance = props.appearance, _a = props.size, size = _a === void 0 ? 'h3' : _a, text = props.text, textWrap = props.textWrap, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, mode = props.mode, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, before = props.before, after = props.after, onClick = props.onClick, children = props.children;
-    var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
+    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, mode = props.mode, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, onClick = props.onClick, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = heroTitleConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
+    var directionClass = propsGenerator.directionClass, _b = propsGenerator.size, size = _b === void 0 ? 'h3' : _b, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
     // @ts-expect-error
-    var _d = useStyles(props), heroTitleStyles = _d.styles, heroTitleWrapperStyles = _d.wrapper;
+    var _c = useStyles(props), heroTitleStyles = _c.styles, heroTitleWrapperStyles = _c.wrapper;
     // Element type (h1, h2, ..., h6)
     var Tag = useMemo(function () {
         if (tag) {
             return tag;
         }
-        if (isMobile && sizeMobile) {
-            return sizeMobile;
-        }
-        if (isTablet && sizeTablet) {
-            return sizeTablet;
-        }
-        if (isDesktop && sizeDesktop) {
-            return sizeDesktop;
-        }
         return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
+    }, [size, tag]);
     return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), mode && "hero-title_mode_".concat(mode), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
                     "hero-title-direction_".concat(wrapperDirectionClass), 'hero-title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: heroTitleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon_es_BBmoZ7_3.js';
+export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon_es_B0sySEUu.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -19,6 +19,6 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
+import '../Tooltip_es_B9hN4Zlm.js';
 import '../Text_es_FJGduy7Z.js';
-import '../Title_es_ke3YylFm.js';
+import '../Title_es_eejUqSJf.js';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_FXxp51gq.js';
+export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_CNduH28G.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/InputPassword.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { I as Icon } from '../Icon_es_B0sySEUu.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -19,9 +19,9 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
+import '../Tooltip_es_B9hN4Zlm.js';
 import '../Text_es_FJGduy7Z.js';
-import '../Title_es_ke3YylFm.js';
+import '../Title_es_eejUqSJf.js';
 
 var InputPasswordAppearance = {
     dev: {

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_CZpanSdR.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_BCpDqP3q.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -18,5 +18,5 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_FJGduy7Z.js';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';

package/dist/components/Modal.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { O as Overlay } from '../Overlay_es_CR7d-ISF.js';
-import { T as Title } from '../Title_es_ke3YylFm.js';
+import { T as Title } from '../Title_es_eejUqSJf.js';
 import { L as Loader } from '../Loader_es_BE4nyzXi.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Pagination.js

@@ -7,7 +7,7 @@ import ReactPaginate from 'react-paginate';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CdYP5BQN.js';
-import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { I as Icon } from '../Icon_es_B0sySEUu.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
 import { icon32, icon24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
@@ -25,8 +25,8 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../Divider_es_CWsDM2Rm.js';
 import 'react-inlinesvg';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 
 var paginationAppearanceSurface = {
     surfacePrimary: {

package/dist/components/Response.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_CBbHMy1v.js';
+import { B as Button } from '../Button_es_H15aBFcg.js';
 import { G as Group } from '../Group_es_CRGwi5XI.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
@@ -20,10 +20,10 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BBmoZ7_3.js';
+import '../Icon_es_B0sySEUu.js';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 import '../Loader_es_BE4nyzXi.js';
 
 var img$6 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='90' cy='90' r='90' fill='%23D9D9D9'/%3e%3cpath d='M93.2275 101.842H84.0659C83.8263 99.1898 83.976 96.839 84.515 94.7895C85.1138 92.74 86.2216 90.8111 87.8383 89.0027C89.515 87.1341 91.7904 85.2051 94.6647 83.2159C96.5808 81.8898 97.9581 80.5637 98.7964 79.2375C99.6946 77.9114 100.144 76.4345 100.144 74.807C100.144 72.2753 99.2156 70.1957 97.3593 68.5682C95.503 66.9406 93.0778 66.1269 90.0838 66.1269C87.3892 66.1269 84.7246 66.9105 82.0898 68.4777C79.4551 69.9847 77.0299 72.3959 74.8144 75.7112L67 67.9352C70.0539 64.0774 73.5868 61.1237 77.5988 59.0742C81.6707 57.0247 85.9521 56 90.4431 56C94.5749 56 98.2575 56.8439 101.491 58.5317C104.725 60.1592 107.269 62.3896 109.126 65.2227C111.042 67.9955 112 71.1601 112 74.7166C112 78.0922 111.042 81.1062 109.126 83.7584C107.269 86.4107 104.455 88.8821 100.683 91.1727C97.7485 92.8605 95.7725 94.4881 94.7545 96.0553C93.7365 97.6226 93.2275 99.5515 93.2275 101.842ZM96.1916 115.767C96.1916 117.756 95.4731 119.474 94.0359 120.92C92.5988 122.307 90.8323 123 88.7365 123C86.6407 123 84.8743 122.307 83.4371 120.92C82 119.474 81.2814 117.756 81.2814 115.767C81.2814 113.717 82 111.999 83.4371 110.613C84.8743 109.166 86.6407 108.443 88.7365 108.443C90.8323 108.443 92.5988 109.166 94.0359 110.613C95.4731 111.999 96.1916 113.717 96.1916 115.767Z' fill='%23747474'/%3e%3c/svg%3e";

package/dist/components/Search.js

@@ -5,7 +5,7 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { I as Icon } from '../Icon_es_B0sySEUu.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
@@ -22,8 +22,8 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 import 'react-scrollbars-custom';
 
 var searchAppearanceSize = {

package/dist/components/Select.js

@@ -1,13 +1,13 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { I as Icon } from '../Icon_es_B0sySEUu.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
-import { B as Badge } from '../Badge_es_Bx0NsdST.js';
+import { B as Badge } from '../Badge_es_uDX0eyDM.js';
 import { G as Group } from '../Group_es_CRGwi5XI.js';
 import { D as Divider } from '../Divider_es_CWsDM2Rm.js';
 import 'react-inlinesvg';
@@ -24,8 +24,8 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 import 'lodash/castArray';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -52,7 +52,7 @@ var selectAppearanceDefault = {
         noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionFill: 'surfacePrimary',
-        optionFillHover: 'surfacePrimaryHover',
+        optionFillHover: 'surfaceHover',
         optionTextColor: 'surfaceTextPrimary',
         placeholder: 'Выбрать...',
         placeholderTextColor: 'surfaceTextQuaternary',
@@ -228,8 +228,8 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         return {};
     }, [appearance]);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, badgeTextSize = propsGenerator.badgeTextSize, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, headingFillClass = propsGenerator.headingFillClass, headingFillHoverClass = propsGenerator.headingFillHoverClass, headingTextColorClass = propsGenerator.headingTextColorClass, headingTextSizeClass = propsGenerator.headingTextSizeClass, headingTextWeightClass = propsGenerator.headingTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionShapeClass = propsGenerator.optionShapeClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
-    return (jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "select_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set)), elevation: elevation, isDisabled: isDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, badgeTextSize = propsGenerator.badgeTextSize, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, headingFillClass = propsGenerator.headingFillClass, headingFillHoverClass = propsGenerator.headingFillHoverClass, headingTextColorClass = propsGenerator.headingTextColorClass, headingTextSizeClass = propsGenerator.headingTextSizeClass, headingTextWeightClass = propsGenerator.headingTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionShapeClass = propsGenerator.optionShapeClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, sizeClass = propsGenerator.sizeClass;
+    return (jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "select_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set), widthClass && "select_width_".concat(widthClass)), elevation: elevation, isDisabled: isDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { T as Title } from '../Title_es_ke3YylFm.js';
+import { T as Title } from '../Title_es_eejUqSJf.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge } from '../Badge_es_Bx0NsdST.js';
+import { B as Badge } from '../Badge_es_uDX0eyDM.js';
 import { D as Divider } from '../Divider_es_CWsDM2Rm.js';
 import { L as Link } from '../Link_es_DkW06IM-.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
@@ -20,10 +20,10 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BBmoZ7_3.js';
+import '../Icon_es_B0sySEUu.js';
 import 'react-inlinesvg';
-import '../Tooltip_es_H976MIb7.js';
-import '../Title_es_ke3YylFm.js';
+import '../Tooltip_es_B9hN4Zlm.js';
+import '../Title_es_eejUqSJf.js';
 
 var tabAppearanceSize = {
     sizeL: {

package/dist/components/Tile.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge } from '../Badge_es_Bx0NsdST.js';
+import { B as Badge } from '../Badge_es_uDX0eyDM.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
-import { T as Title } from '../Title_es_ke3YylFm.js';
+import { T as Title } from '../Title_es_eejUqSJf.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -19,10 +19,10 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BBmoZ7_3.js';
+import '../Icon_es_B0sySEUu.js';
 import 'react-inlinesvg';
 import '../Link_es_DkW06IM-.js';
-import '../Tooltip_es_H976MIb7.js';
+import '../Tooltip_es_B9hN4Zlm.js';
 
 var tileAppearance = {
     dev: {},

package/dist/components/Title.js

@@ -1,19 +1,19 @@
-export { T as Title, a as titleAppearance, t as titleConfig } from '../Title_es_ke3YylFm.js';
+export { T as Title, a as titleAppearance, t as titleConfig } from '../Title_es_eejUqSJf.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
 import '../context/UIContext.js';
-import 'lodash/camelCase';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_H976MIb7.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_B9hN4Zlm.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -18,4 +18,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_FJGduy7Z.js';
-import '../Title_es_ke3YylFm.js';
+import '../Title_es_eejUqSJf.js';

package/dist/css/components/Checkbox/Checkbox.css

@@ -121,4 +121,7 @@
 :root {
   --checkbox-column-gap: 12px;
   --checkbox-row-gap: 4px;
+  --checkbox-success-border: var(--color-success-border-secondary);
+  --checkbox-error-border: var(--color-error-border-secondary);
+  --checkbox-focus-border: var(--color-surface-border-quaternary);
 }