@itcase/ui 1.8.1 → 1.8.4

package/dist/cjs/components/Image.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Image = require('../../Image-DuIBtUq5.js');
+var Image = require('../../Image_cjs_DuIBtUq5.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Input.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Input = require('../../Input-BRhHPsGM.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Input = require('../../Input_cjs_DkQh0Utd.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputMask.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -26,7 +26,7 @@ var inputMaskConfig = {
         inputMaskConfig.state = newComponent;
     },
 };
-var Input = React.forwardRef(function Input(props, ref) {
+var InputMask = React.forwardRef(function Input(props, ref) {
     var id = props.id, className = props.className, 
     // state,
     _a = props.type, 
@@ -61,5 +61,5 @@ var Input = React.forwardRef(function Input(props, ref) {
         ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
-exports.Input = Input;
+exports.InputMask = InputMask;
 exports.inputMaskConfig = inputMaskConfig;

package/dist/cjs/components/InputPassword.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon-D_BDlSSb.js');
+var Icon = require('../../Icon_cjs_DSzfNqif.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -20,10 +20,10 @@ require('react-inlinesvg');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-CZ8o5lGW.js');
-require('../../Tooltip-hznDyLwa.js');
-require('../../Text-DwIx33-P.js');
-require('../../Title-ByfOyy-n.js');
+require('../../Link_cjs_yht44xJv.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../Text_cjs_D4xG0cKD.js');
+require('../../Title_cjs_iuyln-ab.js');
 
 var InputPasswordAppearance = {
     dev: {

package/dist/cjs/components/Label.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Label = require('../../Label-DsNZ-asS.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Label = require('../../Label_cjs_BCjB-mxC.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -19,9 +19,9 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text-DwIx33-P.js');
-require('../../Tooltip-hznDyLwa.js');
-require('../../Title-ByfOyy-n.js');
+require('../../Text_cjs_D4xG0cKD.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../Title_cjs_iuyln-ab.js');
 
 
 

package/dist/cjs/components/Link.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Link = require('../../Link-CZ8o5lGW.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Link = require('../../Link_cjs_yht44xJv.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/List.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link-CZ8o5lGW.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Link = require('../../Link_cjs_yht44xJv.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Loader.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Loader = require('../../Loader-CjT6-r3I.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Loader = require('../../Loader_cjs_D753D3li.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -19,7 +19,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text-DwIx33-P.js');
+require('../../Text_cjs_D4xG0cKD.js');
 
 
 

package/dist/cjs/components/Logo.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link-CZ8o5lGW.js');
+var Link = require('../../Link_cjs_yht44xJv.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/MenuItem.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link-CZ8o5lGW.js');
-var Text = require('../../Text-DwIx33-P.js');
+var Link = require('../../Link_cjs_yht44xJv.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');

package/dist/cjs/components/Modal.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Overlay = require('../../Overlay-BoIJ-g58.js');
-var Title = require('../../Title-ByfOyy-n.js');
-var Loader = require('../../Loader-CjT6-r3I.js');
+var Overlay = require('../../Overlay_cjs_BTSfcGrM.js');
+var Title = require('../../Title_cjs_iuyln-ab.js');
+var Loader = require('../../Loader_cjs_D753D3li.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -22,7 +22,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text-DwIx33-P.js');
+require('../../Text_cjs_D4xG0cKD.js');
 
 var modalAppearanceSurface = {
     surfacePrimary: {

package/dist/cjs/components/ModalSheetBottom.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactModalSheet = require('react-modal-sheet');
 var useStyles = require('../hooks/useStyles/useStyles.js');

package/dist/cjs/components/Notification.js

@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Text = require('../../Text-DwIx33-P.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
 var Notifications = require('../context/Notifications.js');
 require('../context/UIContext.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Overlay.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Overlay = require('../../Overlay-BoIJ-g58.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Overlay = require('../../Overlay_cjs_BTSfcGrM.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/cjs/components/Pagination.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -8,9 +8,10 @@ var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var DropdownItem = require('../../DropdownItem-_bKQxzEZ.js');
-var Icon = require('../../Icon-D_BDlSSb.js');
-var Text = require('../../Text-DwIx33-P.js');
+var DropdownItem = require('../../DropdownItem_cjs_TdJHpFgg.js');
+var Icon = require('../../Icon_cjs_DSzfNqif.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
+var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -23,11 +24,11 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Divider-BQIfjvPR.js');
+require('../../Divider_cjs_DakITdTv.js');
 require('react-inlinesvg');
-require('../../Link-CZ8o5lGW.js');
-require('../../Tooltip-hznDyLwa.js');
-require('../../Title-ByfOyy-n.js');
+require('../../Link_cjs_yht44xJv.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../Title_cjs_iuyln-ab.js');
 
 var paginationAppearanceSurface = {
     surfacePrimary: {
@@ -35,6 +36,7 @@ var paginationAppearanceSurface = {
         fillHover: 'surfaceSecondary',
         gap: '8',
         marginPagesDisplayed: 10,
+        nextLabel: (jsxRuntime.jsx(Icon.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icon32.ChevronRightSmall })),
         pageCountDesc: 'кол-во строк',
         pageCountDescTextColor: 'surfaceTextPrimary',
         pageCountDescTextSize: 'm',
@@ -55,11 +57,13 @@ var paginationAppearanceSurface = {
         pageCountDropdownItemSize: 'l',
         pageCountDropdownItemWidth: 'hug',
         pageCountDropdownShape: 'rounded',
+        pageCountInputIcon: _default.icon24.ChevronDownSmall,
         pageCountInputIconColor: 'surfaceItemPrimary',
         pageCountInputIconFillSize: '24',
         pageCountInputTextColor: 'surfaceTextPrimary',
         pageCountInputTextSize: 'm',
         pageRangeDisplayed: 8,
+        previousLabel: (jsxRuntime.jsx(Icon.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icon32.ChevronLeftSmall })),
     },
 };
 
@@ -72,7 +76,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
      */
@@ -134,7 +138,7 @@ function Pagination(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = paginationConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.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.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { className: "pagination", "data-testid": dataTestId, "data-tour": dataTour, style: paginationStyles, children: [jsxRuntime.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/cjs/components/Panel.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Group = require('../../Group-utjnjUDZ.js');
-var Text = require('../../Text-DwIx33-P.js');
+var Group = require('../../Group_cjs_DFmNT5Mq.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');

package/dist/cjs/components/Radio.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text-DwIx33-P.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/RangeSlider.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var Slider = require('rc-slider');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Response.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button-CWPTzaG2.js');
-var Group = require('../../Group-utjnjUDZ.js');
-var Text = require('../../Text-DwIx33-P.js');
+var Button = require('../../Button_cjs_B7OmqizJ.js');
+var Group = require('../../Group_cjs_DFmNT5Mq.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -22,11 +22,11 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-D_BDlSSb.js');
-require('../../Link-CZ8o5lGW.js');
-require('../../Tooltip-hznDyLwa.js');
-require('../../Title-ByfOyy-n.js');
-require('../../Loader-CjT6-r3I.js');
+require('../../Icon_cjs_DSzfNqif.js');
+require('../../Link_cjs_yht44xJv.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../Title_cjs_iuyln-ab.js');
+require('../../Loader_cjs_D753D3li.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/cjs/components/SVGContent.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/ScrollOnDrag.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var reactIndianaDragScroll = require('react-indiana-drag-scroll');
+var ScrollContainer = require('react-indiana-drag-scroll');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 require('lodash/camelCase');
@@ -27,7 +27,7 @@ function ScrollOnDrag(props) {
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, _a = propsGenerator.widthClass, widthClass = _a === void 0 ? 'fill' : _a;
     // @ts-expect-error
     var _b = useStyles.useStyles(props), scrollContainerStyles = _b.scrollContainer, styles = _b.styles;
-    return (jsxRuntime.jsx("div", { className: clsx('scroll-on-drag', className, borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), heightClass && "height_".concat(heightClass), widthClass && "width_".concat(widthClass)), ref: ref, style: styles, children: jsxRuntime.jsx(reactIndianaDragScroll.ScrollContainer, tslib_es6.__assign({ className: "scroll-on-drag__wrapper" }, scrollContainerProps, { style: scrollContainerStyles, children: children })) }));
+    return (jsxRuntime.jsx("div", { className: clsx('scroll-on-drag', className, borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), heightClass && "height_".concat(heightClass), widthClass && "width_".concat(widthClass)), ref: ref, style: styles, children: jsxRuntime.jsx(ScrollContainer, tslib_es6.__assign({ className: "scroll-on-drag__wrapper" }, scrollContainerProps, { style: scrollContainerStyles, children: children })) }));
 }
 
 exports.ScrollOnDrag = ScrollOnDrag;

package/dist/cjs/components/ScrollToView.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var reactScroll = require('react-scroll');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Scrollbar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Scrollbar = require('../../Scrollbar-DcKOfcNp.js');
+var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('react/jsx-runtime');
 require('clsx');
 require('react-scrollbars-custom');

package/dist/cjs/components/Search.js

@@ -1,14 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var _default = require('@itcase/icons/default');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon-D_BDlSSb.js');
-var Text = require('../../Text-DwIx33-P.js');
-var Scrollbar = require('../../Scrollbar-DcKOfcNp.js');
+var Icon = require('../../Icon_cjs_DSzfNqif.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
+var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -22,21 +23,64 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CZ8o5lGW.js');
-require('../../Tooltip-hznDyLwa.js');
-require('../../Title-ByfOyy-n.js');
+require('../../Link_cjs_yht44xJv.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../Title_cjs_iuyln-ab.js');
 require('react-scrollbars-custom');
 
-var searchAppearance = {
-    dev: {
+var searchAppearanceSize = {
+    sizeS: {
+        size: 's',
+        iconBefore: _default.icon24.Search,
+        iconBeforeSize: '24',
+        iconClear: _default.icon24.Clear,
+        iconClearSize: '24',
+    },
+    sizeXS: {
+        size: 'xs',
+        iconBefore: _default.icon16.Search,
+        iconBeforeSize: '16',
+        iconClear: _default.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 = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, searchAppearanceSurface), searchAppearanceSize), searchAppearanceStyle);
+
 var searchInputConfig = {
     appearance: searchAppearance,
     setAppearance: function (appearanceConfig) {
@@ -44,7 +88,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 = React.useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -60,14 +104,13 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = searchInputConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.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.useStyles(props).styles;
-    return (jsxRuntime.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) && (jsxRuntime.jsx(Icon.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) })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsxRuntime.jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+    return (jsxRuntime.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) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsxRuntime.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 }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.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 && (jsxRuntime.jsx(Icon.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) && (jsxRuntime.jsx(Icon.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 }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor, textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Icon.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), size: iconClearSize, iconFill: iconClearFill, imageSrc: iconClearSrc, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.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 = {