@itcase/ui 1.8.1 → 1.8.3

package/dist/components/Pagination.js

@@ -1,14 +1,15 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo, useState, useCallback } from 'react';
 import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 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-Cl1pYnVf.js';
-import { I as Icon } from '../Icon-BF7i3XdQ.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CdYP5BQN.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
+import { icon32, icon24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -21,11 +22,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Divider-CUFKsm-9.js';
+import '../Divider_es_CWsDM2Rm.js';
 import 'react-inlinesvg';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 
 var paginationAppearanceSurface = {
     surfacePrimary: {
@@ -33,6 +34,7 @@ var paginationAppearanceSurface = {
         fillHover: 'surfaceSecondary',
         gap: '8',
         marginPagesDisplayed: 10,
+        nextLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icon32.ChevronRightSmall })),
         pageCountDesc: 'кол-во строк',
         pageCountDescTextColor: 'surfaceTextPrimary',
         pageCountDescTextSize: 'm',
@@ -53,11 +55,13 @@ var paginationAppearanceSurface = {
         pageCountDropdownItemSize: 'l',
         pageCountDropdownItemWidth: 'hug',
         pageCountDropdownShape: 'rounded',
+        pageCountInputIcon: icon24.ChevronDownSmall,
         pageCountInputIconColor: 'surfaceItemPrimary',
         pageCountInputIconFillSize: '24',
         pageCountInputTextColor: 'surfaceTextPrimary',
         pageCountInputTextSize: 'm',
         pageRangeDisplayed: 8,
+        previousLabel: (jsx(Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: icon32.ChevronLeftSmall })),
     },
 };
 
@@ -70,7 +74,7 @@ var paginationConfig = {
     },
 };
 function Pagination(props) {
-    var className = props.className, appearance = props.appearance, _a = props.allItemsCount, allItemsCount = _a === void 0 ? 0 : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, nextLabel = props.nextLabel, _b = props.pageCountArray, pageCountArray = _b === void 0 ? [10, 20, 50, 100] : _b, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, _c = props.pageCountDesc, pageCountDesc = _c === void 0 ? 'кол-во строк' : _c, pageCountInputIconSrc = props.pageCountInputIconSrc, _d = props.pageNumber, pageNumber = _d === void 0 ? 0 : _d, _e = props.perPageCount, perPageCount = _e === void 0 ? 0 : _e, previousLabel = props.previousLabel, isPageCount = props.isPageCount, _f = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _f === void 0 ? false : _f, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
+    var className = props.className, appearance = props.appearance, _a = props.allItemsCount, allItemsCount = _a === void 0 ? 0 : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, _b = props.pageCountArray, pageCountArray = _b === void 0 ? [10, 20, 50, 100] : _b, _c = props.pageCountDesc, pageCountDesc = _c === void 0 ? 'кол-во строк' : _c, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, _d = props.pageNumber, pageNumber = _d === void 0 ? 0 : _d, _e = props.perPageCount, perPageCount = _e === void 0 ? 0 : _e, isPageCount = props.isPageCount, _f = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _f === void 0 ? false : _f, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
     /**
      * @deprecated The method should not be used
      */
@@ -132,7 +136,7 @@ function Pagination(props) {
         return (__assign(__assign({}, resultConfig), (_a = paginationConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var justifyContentClass = propsGenerator.justifyContentClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, marginPagesDisplayed = propsGenerator.marginPagesDisplayed, pageCountDescTextColor = propsGenerator.pageCountDescTextColor, pageCountDescTextSize = propsGenerator.pageCountDescTextSize, pageCountDropdownAlignment = propsGenerator.pageCountDropdownAlignment, pageCountDropdownElevation = propsGenerator.pageCountDropdownElevation, pageCountDropdownFill = propsGenerator.pageCountDropdownFill, pageCountDropdownItemDividerFill = propsGenerator.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = propsGenerator.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = propsGenerator.pageCountDropdownItemFill, pageCountDropdownItemFillActive = propsGenerator.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = propsGenerator.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = propsGenerator.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = propsGenerator.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = propsGenerator.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = propsGenerator.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = propsGenerator.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = propsGenerator.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = propsGenerator.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = propsGenerator.pageCountDropdownItemSize, pageCountDropdownItemWidth = propsGenerator.pageCountDropdownItemWidth, pageCountDropdownShape = propsGenerator.pageCountDropdownShape, pageCountInputIcon = propsGenerator.pageCountInputIcon, pageCountInputIconColor = propsGenerator.pageCountInputIconColor, pageCountInputIconFillSize = propsGenerator.pageCountInputIconFillSize, pageCountInputTextColor = propsGenerator.pageCountInputTextColor, pageCountInputTextSize = propsGenerator.pageCountInputTextSize, pageRangeDisplayed = propsGenerator.pageRangeDisplayed;
+    var justifyContentClass = propsGenerator.justifyContentClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, marginPagesDisplayed = propsGenerator.marginPagesDisplayed, nextLabel = propsGenerator.nextLabel, pageCountDescTextColor = propsGenerator.pageCountDescTextColor, pageCountDescTextSize = propsGenerator.pageCountDescTextSize, pageCountDropdownAlignment = propsGenerator.pageCountDropdownAlignment, pageCountDropdownElevation = propsGenerator.pageCountDropdownElevation, pageCountDropdownFill = propsGenerator.pageCountDropdownFill, pageCountDropdownItemDividerFill = propsGenerator.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = propsGenerator.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = propsGenerator.pageCountDropdownItemFill, pageCountDropdownItemFillActive = propsGenerator.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = propsGenerator.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = propsGenerator.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = propsGenerator.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = propsGenerator.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = propsGenerator.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = propsGenerator.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = propsGenerator.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = propsGenerator.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = propsGenerator.pageCountDropdownItemSize, pageCountDropdownItemWidth = propsGenerator.pageCountDropdownItemWidth, pageCountDropdownShape = propsGenerator.pageCountDropdownShape, pageCountInputIcon = propsGenerator.pageCountInputIcon, pageCountInputIconColor = propsGenerator.pageCountInputIconColor, pageCountInputIconFillSize = propsGenerator.pageCountInputIconFillSize, pageCountInputIconSrc = propsGenerator.pageCountInputIconSrc, pageCountInputTextColor = propsGenerator.pageCountInputTextColor, pageCountInputTextSize = propsGenerator.pageCountInputTextSize, pageRangeDisplayed = propsGenerator.pageRangeDisplayed, previousLabel = propsGenerator.previousLabel;
     var paginationStyles = useStyles(props).styles;
     return (jsxs("div", { className: "pagination", "data-testid": dataTestId, "data-tour": dataTour, style: paginationStyles, children: [jsx(ReactPaginate, { disabledClassName: "pagination__item_state_disabled cursor_type_default", disabledLinkClassName: "pagination__item_state_disabled", activeClassName: "pagination__item_state_active cursor_type_default", activeLinkClassName: "pagination__item-link_state_active", breakClassName: "pagination__item pagination__item_break", breakLabel: "...", breakLinkClassName: "pagination__item-link", containerClassName: clsx(className, 'pagination__container', justifyContentClass &&
                     "pagination_justify-content_".concat(justifyContentClass)), 

package/dist/components/Panel.js

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { G as Group } from '../Group-C8NUU6k5.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { G as Group } from '../Group_es_CRGwi5XI.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Radio.js

@@ -1,8 +1,8 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/RangeSlider.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import Slider from 'rc-slider';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import '../tslib.es6-Bwu1Cn-t.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Response.js

@@ -1,13 +1,13 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 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-DHOZJDHv.js';
-import { G as Group } from '../Group-C8NUU6k5.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { B as Button } from '../Button_es_CBbHMy1v.js';
+import { G as Group } from '../Group_es_CRGwi5XI.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -20,11 +20,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-BF7i3XdQ.js';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
-import '../Loader-Dquhwxz4.js';
+import '../Icon_es_BBmoZ7_3.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.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/SVGContent.js

@@ -3,7 +3,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 '../tslib.es6-Bwu1Cn-t.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/ScrollOnDrag.js

@@ -1,8 +1,8 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import clsx from 'clsx';
-import { ScrollContainer } from 'react-indiana-drag-scroll';
+import ScrollContainer from 'react-indiana-drag-scroll';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';

package/dist/components/ScrollToView.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { ScrollLink } from 'react-scroll';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import '../tslib.es6-Bwu1Cn-t.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Scrollbar.js

@@ -1,4 +1,4 @@
-export { S as Scrollbar } from '../Scrollbar-CThJeCLF.js';
+export { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'react-scrollbars-custom';

package/dist/components/Search.js

@@ -1,12 +1,13 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { icon16, icon24 } from '@itcase/icons/default';
 import { jsxs, jsx } from 'react/jsx-runtime';
 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-BF7i3XdQ.js';
-import { T as Text } from '../Text-aaWArShm.js';
-import { S as Scrollbar } from '../Scrollbar-CThJeCLF.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
+import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -20,21 +21,64 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 import 'react-scrollbars-custom';
 
-var searchAppearance = {
-    dev: {
+var searchAppearanceSize = {
+    sizeS: {
+        size: 's',
+        iconBefore: icon24.Search,
+        iconBeforeSize: '24',
+        iconClear: icon24.Clear,
+        iconClearSize: '24',
+    },
+    sizeXS: {
+        size: 'xs',
+        iconBefore: icon16.Search,
+        iconBeforeSize: '16',
+        iconClear: icon16.Clear,
+        iconClearSize: '16',
+    },
+};
+
+var searchAppearanceStyle = {
+    full: {
+    /* border / fill */
+    },
+    ghost: {
+        fill: 'none',
+        borderWidth: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderWidth: '0',
+    },
+};
+
+var searchAppearanceSurface = {
+    surfacePrimary: {
         fill: 'surfacePrimary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-        shape: 'rounded',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
+var searchAppearance = __assign(__assign(__assign({}, searchAppearanceSurface), searchAppearanceSize), searchAppearanceStyle);
+
 var searchInputConfig = {
     appearance: searchAppearance,
     setAppearance: function (appearanceConfig) {
@@ -42,7 +86,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, _a = props.size, size = _a === void 0 ? 'normal' : _a, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, _b = props.placeholderTextSize, placeholderTextSize = _b === void 0 ? 'm' : _b, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, value = props.value, before = props.before, after = props.after, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var className = props.className, type = props.type, appearance = props.appearance, dataTour = props.dataTour, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -58,14 +102,13 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
         return (__assign(__assign({}, resultConfig), (_a = searchInputConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, _c = propsGenerator.inputTextSizeClass, inputTextSizeClass = _c === void 0 ? 'm' : _c, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, _a = propsGenerator.inputTextSizeClass, inputTextSizeClass = _a === void 0 ? 'm' : _a, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, _b = propsGenerator.placeholderTextSize, placeholderTextSize = _b === void 0 ? 'm' : _b, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
     var searchInputStyles = useStyles(props).styles;
-    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSize), iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSrc), SvgImage: iconBefore || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBefore) })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&
-                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), type: "text", ref: ref, required: true, value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextSize), textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), size: iconClearSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSize), iconFill: iconClearFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearFill), imageSrc: iconClearSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSrc), SvgImage: iconClear || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClear), onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", size: iconAfterSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSize), iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSrc), SvgImage: iconAfter || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfter) })), after] }));
+                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), type: "text", ref: ref, required: true, value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", size: iconAfterSize, iconFill: iconAfterFill, imageSrc: iconAfterSrc, SvgImage: iconAfter })), after] }));
 });
 // @ts-expect-error
 SearchInput.DEFAULT_REF_STATE = {

package/dist/components/Segmented.js

@@ -1,9 +1,9 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -18,29 +18,36 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 
-var segmentedAppearance = {
-    default: {
+var segmentedAppearanceSize = {
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+    },
+    sizeM: {
         size: 's',
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceSecondary',
-        labelTextActiveColor: 'accentTextPrimary',
-        labelTextColor: 'surfaceTextPrimary',
         labelTextSize: 's',
-        indicatorFill: 'accentPrimary',
-        shape: 'rounded',
     },
-    dev: {
-        width: 'fill',
-        fill: 'surfaceSecondary',
-        fillHover: 'surfacePrimaryHover',
+    sizeL: {
+        size: 's',
+        labelTextSize: 's',
+    },
+};
+
+var segmentedAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceSecondary',
         labelTextActiveColor: 'accentTextPrimary',
         labelTextColor: 'surfaceTextPrimary',
-        labelTextSize: 'm',
         indicatorFill: 'accentPrimary',
         shape: 'rounded',
     },
 };
 
+var segmentedAppearance = __assign(__assign({}, segmentedAppearanceSurface), segmentedAppearanceSize);
+
 var segmentedConfig = {
     appearance: segmentedAppearance,
     setAppearance: function (appearanceConfig) {
@@ -48,7 +55,7 @@ var segmentedConfig = {
     },
 };
 var Segmented = React.forwardRef(function (props) {
-    var className = props.className, type = props.type, name = props.name, appearance = props.appearance, size = props.size, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, setActiveSegment = props.setActiveSegment, onChange = props.onChange;
+    var className = props.className, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, setActiveSegment = props.setActiveSegment, onChange = props.onChange;
     var controlRef = useRef(null);
     var segmentsRefs = useMemo(function () {
         return new Map(segments.map(function (item) { return [item.value, createRef()]; }));
@@ -75,8 +82,13 @@ var Segmented = React.forwardRef(function (props) {
         return (__assign(__assign({}, resultConfig), (_a = segmentedConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, indicatorFillClass = propsGenerator.indicatorFillClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
-    return (jsx("div", { className: clsx(className, 'segmented', shapeClass && "segmented_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), size && "segmented_size_".concat(size), type && "segmented_type_".concat(type), inputBorderColorClass && "border-color_".concat(inputBorderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)), ref: controlRef, children: jsx("div", { className: "segmented__wrapper", children: jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) { return (jsxs("div", { className: clsx('segmented__item', fillHoverClass && "fill_hover_".concat(fillHoverClass), item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) && 'segmented__item_active', onChange && 'cursor_type_pointer', isDisabled && 'cursor_type_default'), ref: segmentsRefs.get(item.value), children: [jsx("input", { id: item.label, className: "segmented__item-radio", type: "radio", name: name, checked: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value), value: item.value, onChange: function () { return onChangeValue(item); } }), jsx("label", { className: clsx('segmented__item-label'), htmlFor: item.label, children: jsx(Text, { className: clsx('segmented__item-label-text', labelTextWrap && "word-wrap_".concat(labelTextWrap)), size: labelTextSize, textColor: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
+    var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, size = propsGenerator.size, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, indicatorFillClass = propsGenerator.indicatorFillClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
+    return (jsx("div", { className: clsx(className, 'segmented', shapeClass && "segmented_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), size && "segmented_size_".concat(size), inputBorderColorClass && "border-color_".concat(inputBorderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)), ref: controlRef, children: jsx("div", { className: "segmented__wrapper", children: jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) { return (jsxs("div", { className: clsx('segmented__item', item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
+                            ? fillActiveHoverClass &&
+                                "fill_active_hover_".concat(fillActiveHoverClass)
+                            : fillHoverClass && "fill_hover_".concat(fillHoverClass), item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
+                            ? fillActiveClass && "fill_active_".concat(fillActiveClass)
+                            : fillClass && "fill_".concat(fillClass), item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) && 'segmented__item_active', onChange && 'cursor_type_pointer', isDisabled && 'cursor_type_default'), ref: segmentsRefs.get(item.value), children: [jsx("input", { id: item.label, className: "segmented__item-radio", type: "radio", name: name, checked: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value), value: item.value, onChange: function () { return onChangeValue(item); } }), jsx("label", { className: clsx('segmented__item-label'), htmlFor: item.label, children: jsx(Text, { className: clsx('segmented__item-label-text', labelTextWrap && "word-wrap_".concat(labelTextWrap)), size: labelTextSize, textColor: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
                                         ? labelTextActiveColor
                                         : labelTextColor, textColorHover: item.value === (activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value)
                                         ? labelTextActiveHoverColor

package/dist/components/Select.js

@@ -1,15 +1,15 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+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-BF7i3XdQ.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.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-aaWArShm.js';
-import { B as Badge } from '../Badge-BY030Mwm.js';
-import { G as Group } from '../Group-C8NUU6k5.js';
-import { D as Divider } from '../Divider-CUFKsm-9.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
+import { B as Badge } from '../Badge_es_Bx0NsdST.js';
+import { G as Group } from '../Group_es_CRGwi5XI.js';
+import { D as Divider } from '../Divider_es_CWsDM2Rm.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';
@@ -23,9 +23,9 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 import 'lodash/castArray';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -110,7 +110,7 @@ var SelectMenu = function (props) {
 
 var SelectMultiValueContainer = function (props) {
     var _a = props.selectProps, multipleItemFill = _a.multipleItemFill, multipleItemFillHover = _a.multipleItemFillHover;
-    return (jsx(components.MultiValueContainer, __assign({}, props, { children: jsx(Group, { className: "select__multi-value-wrapper", fill: multipleItemFill, fillHover: multipleItemFillHover, alignItems: "center", direction: "horizontal", gap: "4", children: props.children }) })));
+    return (jsx(components.MultiValueContainer, __assign({}, props, { children: jsx(Group, { className: "select__multi-value-wrapper", direction: "horizontal", alignItems: "center", fill: multipleItemFill, fillHover: multipleItemFillHover, gap: "4", children: props.children }) })));
 };
 
 var SelectMultiValueLabel = function (props) {

package/dist/components/Swiper.js

@@ -4,8 +4,8 @@ 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--_epIXkC.js';
-import '../tslib.es6-Bwu1Cn-t.js';
+import { T as Title } from '../Title_es_ke3YylFm.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Switch.js

@@ -1,9 +1,9 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';