@itcase/ui 1.8.30 → 1.8.32

package/dist/cjs/components/MenuItem.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Link = require('../../Link_cjs_DbRGq2Yk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
@@ -24,102 +24,76 @@ require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
 
 var menuItemAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
+        labelTextColor: 'accentTextPrimary',
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'accentItemPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        iconAfterFillIcon: 'accentItemSecondary',
+        iconBeforeFillIcon: 'accentItemSecondary',
     },
 };
 
 var menuItemAppearanceError = {
-    error: {
+    errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
-    },
-};
-
-var menuItemAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        labelTextColor: 'primaryTextPrimary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
     },
 };
 
 var menuItemAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        labelTextSize: 'xxl',
-        iconAfterFillSize: '48',
-        iconAfterSize: '48',
-        iconBeforeFillSize: '48',
-        iconBeforeSize: '14',
+        labelTextSize: 'l',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
     },
     sizeXL: {
         size: 'xl',
         labelTextSize: 'l',
-        iconAfterFillSize: '40',
-        iconAfterSize: '40',
-        iconBeforeFillSize: '40',
-        iconBeforeSize: '40',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
     },
     sizeL: {
         size: 'l',
-        labelTextSize: 'l',
-        descTextSize: 'm',
-        iconAfterFillSize: '32',
-        iconAfterSize: '32',
-        iconBeforeFillSize: '32',
-        iconBeforeSize: '32',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
     },
     sizeM: {
         size: 'm',
-        labelTextSize: 'm',
-        iconAfterFillSize: '28',
-        iconAfterSize: '28',
-        iconBeforeFillSize: '28',
-        iconBeforeSize: '28',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
     },
     sizeS: {
         size: 's',
-        labelTextSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        labelTextSize: 'xs',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
     },
     sizeXS: {
         size: 'xs',
         labelTextSize: 'xs',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
     },
     sizeXXS: {
         size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
+        labelTextSize: 'xxs',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
     },
 };
 
@@ -130,9 +104,7 @@ var menuItemAppearanceStyle = {
     outlined: {
         fill: 'none',
     },
-    full: {
-        borderColor: 'none',
-    },
+    full: {},
     ghost: {
         fill: 'none',
         borderColor: 'none',
@@ -142,18 +114,11 @@ var menuItemAppearanceStyle = {
 var menuItemAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillActive: 'surfaceSecondary',
-        fillActiveHover: 'surfaceSecondary',
-        fillHover: 'surfaceSecondary',
+        fillHover: 'surfacePrimaryHover',
         labelTextColor: 'surfaceTextPrimary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
@@ -164,9 +129,14 @@ var menuItemAppearanceSurface = {
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
 };
 
-var menuItemAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, menuItemAppearanceSize), menuItemAppearanceStyle), menuItemAppearanceAccent), menuItemAppearanceError), menuItemAppearancePrimary), menuItemAppearanceSurface);
+var menuItemAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, menuItemAppearanceSize), menuItemAppearanceStyle), menuItemAppearanceAccent), menuItemAppearanceError), menuItemAppearanceSurface);
 
 var menuItemConfig = {
     appearance: menuItemAppearance,
@@ -181,7 +151,7 @@ function MenuItem(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = menuItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextActiveHoverColorDisabled = propsGenerator.labelTextActiveHoverColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextHoverColorDisabled = propsGenerator.labelTextHoverColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
+    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextActiveHoverColorDisabled = propsGenerator.labelTextActiveHoverColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextHoverColorDisabled = propsGenerator.labelTextHoverColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     // @ts-expect-error
     var menuItem = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isDisabled && "menu-item_state_disabled", directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), !isActive
@@ -189,7 +159,7 @@ function MenuItem(props) {
             : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
             : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), justifyContentClass &&
-            "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxs(Link.Link, { className: clsx('menu-item__wrapper', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: labelTextSize, textColor: isActive
+            "menu-item_justify-content_".concat(justifyContentClass), isSkeleton && "menu-item_skeleton"), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxs(Link.Link, { className: clsx('menu-item__wrapper', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: labelTextSize, textColor: isActive
                                 ? !isDisabled
                                     ? labelTextActiveColor
                                     : labelTextActiveColorDisabled

package/dist/cjs/components/Modal.js

@@ -8,7 +8,7 @@ var ReactDOM = require('react-dom');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Overlay = require('../../Overlay_cjs_CFOtnzDU.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Loader = require('../../Loader_cjs_CCrbD8Em.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Notification.js

@@ -5,7 +5,7 @@ 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 Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');
 var Notifications = require('../context/Notifications.js');
@@ -36,7 +36,7 @@ var notificationAppearanceDefault = {
         elevation: 8,
         textColor: 'surfaceTextPrimary',
         iconSize: 20,
-        closeIcon: _default.icon20.Close,
+        closeIcon: _default.icons20.Action.Close,
         closeIconFillIcon: 'surfaceItemPrimary',
     },
 };
@@ -53,7 +53,7 @@ var notificationAppearanceError = {
         elevation: 8,
         textColor: 'errorTextPrimary',
         iconSize: 20,
-        closeIcon: _default.icon20.Close,
+        closeIcon: _default.icons20.Action.Close,
         closeIconFillIcon: 'errorItemPrimary',
     },
 };
@@ -86,7 +86,7 @@ var notificationAppearanceSuccess = {
         elevation: 8,
         textColor: 'successTextPrimary',
         iconSize: 20,
-        closeIcon: _default.icon20.Close,
+        closeIcon: _default.icons20.Action.Close,
         closeIconFillIcon: 'accentItemPrimary',
     },
 };
@@ -103,7 +103,7 @@ var notificationAppearanceWarning = {
         elevation: 8,
         textColor: 'warningTextPrimary',
         iconSize: 20,
-        closeIcon: _default.icon20.Close,
+        closeIcon: _default.icons20.Action.Close,
         closeIconFillIcon: 'warningItemPrimary',
     },
 };

package/dist/cjs/components/Pagination.js

@@ -8,8 +8,8 @@ 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_cjs_DPoFy70W.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var DropdownItem = require('../../DropdownItem_cjs_D-zoX7Ik.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
@@ -34,7 +34,7 @@ var paginationAppearanceSurface = {
         fillHover: 'surfaceSecondary',
         gap: '8',
         marginPagesDisplayed: 10,
-        nextLabel: (jsxRuntime.jsx(Tooltip.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icon32.ChevronRightSmall })),
+        nextLabel: (jsxRuntime.jsx(Tooltip.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icons32.Arrow.Chevron_Right_Small })),
         pageCountDesc: 'кол-во строк',
         pageCountDescTextColor: 'surfaceTextPrimary',
         pageCountDescTextSize: 'm',
@@ -57,13 +57,13 @@ var paginationAppearanceSurface = {
         pageCountDropdownItemSize: 'l',
         pageCountDropdownItemWidth: 'hug',
         pageCountDropdownShape: 'rounded',
-        pageCountInputIcon: _default.icon24.ChevronDownSmall,
+        pageCountInputIcon: _default.icons24.Arrow.Chevron_Down_Small,
         pageCountInputIconColor: 'surfaceItemPrimary',
         pageCountInputIconFillSize: '24',
         pageCountInputTextColor: 'surfaceTextPrimary',
         pageCountInputTextSize: 'm',
         pageRangeDisplayed: 8,
-        previousLabel: (jsxRuntime.jsx(Tooltip.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icon32.ChevronLeftSmall })),
+        previousLabel: (jsxRuntime.jsx(Tooltip.Icon, { size: "14", fillSize: "32", iconFill: "surfaceItemPrimary", shape: "circular", SvgImage: _default.icons32.Arrow.Chevron_Left_Small })),
     },
 };
 

package/dist/cjs/components/Response.js

@@ -7,7 +7,7 @@ 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_cjs_C05Joa8j.js');
+var Button = require('../../Button_cjs_CW6ENTbm.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
@@ -22,7 +22,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_DinScDnC.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('../../Loader_cjs_CCrbD8Em.js');
 

package/dist/cjs/components/ScrollOnDrag/stories/__mock__.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var scrollOnDragMock = (jsxRuntime.jsx("div", { style: { display: 'flex' }, children: Array.from({ length: 20 }, function (_, index) { return (jsxRuntime.jsx("div", { style: {
+            height: 65,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: '0 5px',
+            padding: '50px',
+            border: '1px solid black',
+            display: 'flex',
+        }, children: index }, index)); }) }));
+
+exports.scrollOnDragMock = scrollOnDragMock;

package/dist/cjs/components/Scrollbar/stories/__mock__.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var scrollbarMock = Array.from({ length: 30 }, function (_, index) { return (jsxRuntime.jsx("div", { children: index })); });
+
+exports.scrollbarMock = scrollbarMock;

package/dist/cjs/components/Search.js

@@ -7,7 +7,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');
@@ -57,9 +57,9 @@ var searchAppearanceError = {
         fill: 'errorTertiary',
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternaryHover',
-        iconAfterFill: 'errorItemPrimary',
-        iconBeforeFill: 'errorItemPrimary',
-        iconClearFill: 'errorItemPrimary',
+        iconAfterFill: 'errorItemSecondary',
+        iconBeforeFill: 'errorItemSecondary',
+        iconClearFill: 'errorItemSecondary',
         inputTextColor: 'surfaceTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
@@ -81,43 +81,43 @@ var searchAppearanceRequire = {
 var searchAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        iconBefore: _default.icon24.Search,
-        iconClear: _default.icon24.Clear,
+        iconBefore: _default.icons24.Security.Search,
+        iconClear: _default.icons24.Action.Clear,
         inputTextSize: 'l',
         placeholderTextSize: 'l',
     },
     sizeXL: {
         size: 'xl',
-        iconBefore: _default.icon24.Search,
-        iconClear: _default.icon24.Clear,
+        iconBefore: _default.icons24.Security.Search,
+        iconClear: _default.icons24.Action.Clear,
         inputTextSize: 'm',
         placeholderTextSize: 'm',
     },
     sizeL: {
         size: 'l',
-        iconBefore: _default.icon24.Search,
-        iconClear: _default.icon24.Clear,
+        iconBefore: _default.icons24.Security.Search,
+        iconClear: _default.icons24.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },
     sizeM: {
         size: 'm',
-        iconBefore: _default.icon24.Search,
-        iconClear: _default.icon24.Clear,
+        iconBefore: _default.icons24.Security.Search,
+        iconClear: _default.icons24.Action.Clear,
         inputTextSize: 'm',
         placeholderTextSize: 'm',
     },
     sizeS: {
         size: 's',
-        iconBefore: _default.icon24.Search,
-        iconClear: _default.icon24.Clear,
+        iconBefore: _default.icons24.Security.Search,
+        iconClear: _default.icons24.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },
     sizeXS: {
         size: 'xs',
-        iconBefore: _default.icon16.Search,
-        iconClear: _default.icon16.Clear,
+        iconBefore: _default.icons16.Security.Search,
+        iconClear: _default.icons16.Action.Clear,
         inputTextSize: 's',
         placeholderTextSize: 's',
     },

package/dist/cjs/components/Segmented.js

@@ -20,22 +20,26 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 
-var segmentedAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
+var segmentedAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceSecondary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        indicatorFill: 'accentPrimary',
+        shape: 'rounded',
+    },
+    defaultSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceSecondary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        indicatorFill: 'accentPrimary',
+        shape: 'rounded',
     },
 };
 
@@ -66,10 +70,6 @@ var segmentedAppearanceError = {
     },
 };
 
-var segmentedAppearanceFalse = {
-    false: {},
-};
-
 var segmentedAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -118,29 +118,6 @@ var segmentedAppearanceSuccess = {
     },
 };
 
-var segmentedAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillActive: 'accentPrimary',
-        fillActiveHover: 'accentPrimary',
-        fillHover: 'surfaceSecondary',
-        labelTextActiveColor: 'accentTextPrimary',
-        labelTextColor: 'surfaceTextPrimary',
-        indicatorFill: 'accentPrimary',
-        shape: 'rounded',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillActive: 'accentPrimary',
-        fillActiveHover: 'accentPrimary',
-        fillHover: 'surfaceSecondary',
-        labelTextActiveColor: 'accentTextPrimary',
-        labelTextColor: 'surfaceTextPrimary',
-        indicatorFill: 'accentPrimary',
-        shape: 'rounded',
-    },
-};
-
 var segmentedAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
@@ -150,7 +127,7 @@ var segmentedAppearanceWarning = {
     },
 };
 
-var segmentedAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, segmentedAppearanceFalse), segmentedAppearanceDisabled), segmentedAppearanceSize), segmentedAppearanceStyle), segmentedAppearanceAccent), segmentedAppearanceError), segmentedAppearanceSuccess), segmentedAppearanceSurface), segmentedAppearanceWarning);
+var segmentedAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, segmentedAppearanceDisabled), segmentedAppearanceSize), segmentedAppearanceStyle), segmentedAppearanceError), segmentedAppearanceSuccess), segmentedAppearanceDefault), segmentedAppearanceWarning);
 
 var segmentedConfig = {
     appearance: segmentedAppearance,

package/dist/cjs/components/Select.js

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');

package/dist/cjs/components/Swiper/stories/__mock__.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var slidesMock = Array.from({ length: 10 }, function (_, index) { return (jsxRuntime.jsxs("div", { style: {
+        width: '100%',
+        height: 'auto',
+        justifyContent: 'center',
+        alignItems: 'center',
+        fontSize: 24,
+        fontWeight: 'bold',
+        display: 'flex',
+        background: "hsl(".concat(index * 60, ", 70%, 80%)"),
+    }, children: ["Slide ", index + 1] }, index)); });
+
+exports.slidesMock = slidesMock;

package/dist/cjs/components/Swiper.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var react = require('swiper/react');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Tab/stories/__mock__.js

@@ -7,7 +7,7 @@ var tabListMock = {
         { key: 1, label: 'Tab 1', isActive: true },
         { key: 2, label: 'Tab 2', isActive: false },
         { key: 3, label: 'Tab 3', badgeValue: 3, isActive: false },
-        { key: 4, label: 'Tab 4', icon: _default.icon16.Placeholder, isActive: false },
+        { key: 4, label: 'Tab 4', icon: _default.icons16.Placeholder, isActive: false },
     ],
 };
 

package/dist/cjs/components/Tab.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Divider = require('../../Divider_cjs_BmCJj3TN.js');
 var Link = require('../../Link_cjs_DbRGq2Yk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');

package/dist/cjs/components/Tile.js

@@ -5,7 +5,7 @@ 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 Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');