@itcase/ui 1.8.58 → 1.8.61

package/dist/cjs/components/Chips.js

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

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_DnkftkHE.js');
+var Button = require('../../Button_cjs_mbF1YhaZ.js');
 var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/components/DatePeriod.js

@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_DuPePxS9.js');
+var DatePicker = require('../../DatePicker_cjs_CMgWyAQ0.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_CymyJ6SH.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_BroKrFnn.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('date-fns/locale');
 require('react-datepicker');
@@ -22,7 +22,7 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_DnkftkHE.js');
+require('../../Button_cjs_mbF1YhaZ.js');
 require('../../Icon_cjs_O7ILYzgW.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_DuPePxS9.js');
+var DatePicker = require('../../DatePicker_cjs_CMgWyAQ0.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -22,7 +22,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_DnkftkHE.js');
+require('../../Button_cjs_mbF1YhaZ.js');
 require('../../Icon_cjs_O7ILYzgW.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem_cjs_BtL83PeZ.js');
+var DropdownItem = require('../../DropdownItem_cjs_DdjN_gRH.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Image.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Image = require('../../Image_cjs_2zEjohYE.js');
+var Image = require('../../Image_cjs_B6YlGx8G.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Logo.js

@@ -30,12 +30,12 @@ var logoConfig = {
     },
 };
 var Logo = urlWithAssetPrefix.urlWithAssetPrefix(function Logo(props) {
-    var className = props.className, appearance = props.appearance, size = props.size, href = props.href, link = props.link;
+    var className = props.className, appearance = props.appearance, href = props.href, link = props.link;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, logoConfig);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, src = propsGenerator.src, title = propsGenerator.title, alt = propsGenerator.alt, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, src = propsGenerator.src, title = propsGenerator.title, alt = propsGenerator.alt, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     var logo = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), size && "logo_size_".concat(size), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (jsxRuntime.jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), sizeClass && "logo_size_".concat(sizeClass), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (jsxRuntime.jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
 });
 
 exports.Logo = Logo;

package/dist/cjs/components/MenuItem.js

@@ -145,6 +145,7 @@ var menuItemAppearanceSurface = {
         fillActive: 'surfaceHover',
         fillActiveHover: 'surfaceHover',
         fillHover: 'surfaceHover',
+        labelTextHoverColor: 'accentTextSecondary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemPrimary',

package/dist/cjs/components/Pagination.js

@@ -8,7 +8,7 @@ var ReactPaginate = require('react-paginate');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var DropdownItem = require('../../DropdownItem_cjs_BtL83PeZ.js');
+var DropdownItem = require('../../DropdownItem_cjs_DdjN_gRH.js');
 var Icon = require('../../Icon_cjs_O7ILYzgW.js');
 var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');

package/dist/cjs/components/Response.js

@@ -4,12 +4,11 @@ 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 urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_DnkftkHE.js');
+var Button = require('../../Button_cjs_mbF1YhaZ.js');
 var Group = require('../../Group_cjs_DHNBxjH3.js');
 var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 require('@itcase/common');
@@ -26,6 +25,7 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Icon_cjs_O7ILYzgW.js');
+require('react-inlinesvg');
 require('../../Link_cjs_BqT6eVl6.js');
 require('../../Loader_cjs_DXJ1zsFJ.js');
 
@@ -167,14 +167,13 @@ var Response = urlWithAssetPrefix.urlWithAssetPrefix(function Response(props) {
             return jsxRuntime.jsx(Image, tslib_es6.__assign({}, sizes));
         }
         if (src) {
-            if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
-                if (svgFillClass) {
-                    return jsxRuntime.jsx(SVG, { src: src, preProcessor: removeFillStroke });
-                }
-                else {
-                    return jsxRuntime.jsx(SVG, { src: src });
-                }
-            }
+            // if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
+            //   if (svgFillClass) {
+            //     return <SVG src={src} preProcessor={removeFillStroke} />
+            //   } else {
+            //     return <SVG src={src} />
+            //   }
+            // }
             return jsxRuntime.jsx("img", { src: src });
         }
         return null;
@@ -187,13 +186,6 @@ var Response = urlWithAssetPrefix.urlWithAssetPrefix(function Response(props) {
                 secondaryButton ||
                 appearanceConfig) && (jsxRuntime.jsxs(Group.Group, { className: "response__button", width: "fill", children: [primaryButtonLabel ? (jsxRuntime.jsx(Button.Button, { className: "response__button-item", appearance: primaryButtonAppearance, width: primaryButtonWidth || 'fill', size: primaryButtonSize, fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel, labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize, shape: primaryButtonShape, before: primaryButtonBefore, after: primaryButtonAfter, onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel ? (jsxRuntime.jsx(Button.Button, { className: "response__button-item", appearance: secondaryButtonAppearance, width: secondaryButtonWidth || 'fill', size: secondaryButtonSize, fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel, labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize, shape: secondaryButtonShape, before: secondaryButtonBefore, after: secondaryButtonAfter, onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
 });
-var removeFillStroke = function (code) {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/fill='.*?'/g, "fill=''")
-        .replace(/stroke=".*?"/g, 'stroke=""')
-        .replace(/stroke='.*?'/g, "stroke=''");
-};
 
 exports.Response = Response;
 exports.responseAppearance = responseAppearance;

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_DQTyqtKx.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_Dq-ngVWR.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -24,4 +24,4 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
 import '../Text_es_BdFAdf7M.js';
-import '../Image_es_ChF-63wh.js';
+import '../Image_es_BvYo_cHH.js';

package/dist/components/AvatarStack.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { A as Avatar } from '../Avatar_es_DQTyqtKx.js';
+import { A as Avatar } from '../Avatar_es_Dq-ngVWR.js';
 import { G as Group } from '../Group_es_B2yGEJfj.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
@@ -25,7 +25,7 @@ import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Image_es_ChF-63wh.js';
+import '../Image_es_BvYo_cHH.js';
 
 var avatarStackAppearanceSize = {
     size16: {

package/dist/components/Button.js

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

package/dist/components/Cell.js

@@ -102,7 +102,10 @@ var cellAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
+        titleTextSize: 'surfaceTextPrimary',
         titleIconItemFill: 'surfaceItemPrimary',
+        valueTextColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
         titleLabelAppearance: 'accentPrimary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderPrimary',
@@ -112,7 +115,10 @@ var cellAppearanceSurface = {
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
+        titleTextSize: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
         titleIconItemFill: 'surfaceItemPrimary',
+        valueTextColor: 'surfaceTextPrimary',
         titleLabelAppearance: 'accentPrimary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderPrimary',
@@ -122,7 +128,10 @@ var cellAppearanceSurface = {
     surfaceTertiary: {
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiaryHover',
+        titleTextSize: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
         titleIconItemFill: 'surfaceItemPrimary',
+        valueTextColor: 'surfaceTextPrimary',
         titleLabelAppearance: 'accentPrimary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderPrimary',
@@ -130,7 +139,10 @@ var cellAppearanceSurface = {
         valueLabelAppearance: 'accentPrimary',
     },
     surfaceQuaternary: {
+        titleTextSize: 'surfaceTextPrimary',
         fill: 'surfaceQuaternary',
+        valueTextColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
         fillHover: 'surfaceQuaternaryHover',
         titleIconItemFill: 'surfaceItemPrimary',
         titleLabelAppearance: 'accentPrimary',

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BVXA2F8b.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_CCN4Bfnp.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_kqE4jwUz.js';
+import { B as Button } from '../Button_es_B2N3GsgJ.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_B84xipuO.js';
+import { D as DatePickerInput } from '../DatePicker_es_CLJs86S9.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BVXA2F8b.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CCN4Bfnp.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'date-fns/locale';
 import 'react-datepicker';
@@ -20,7 +20,7 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_kqE4jwUz.js';
+import '../Button_es_B2N3GsgJ.js';
 import '../Icon_es_BGR9vYtq.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_B84xipuO.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CLJs86S9.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -20,7 +20,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_kqE4jwUz.js';
+import '../Button_es_B2N3GsgJ.js';
 import '../Icon_es_BGR9vYtq.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BK2bacxA.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_DfEoMbef.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Image.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../Image_es_ChF-63wh.js';
+export { I as Image } from '../Image_es_BvYo_cHH.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Logo.js

@@ -28,12 +28,12 @@ var logoConfig = {
     },
 };
 var Logo = urlWithAssetPrefix(function Logo(props) {
-    var className = props.className, appearance = props.appearance, size = props.size, href = props.href, link = props.link;
+    var className = props.className, appearance = props.appearance, href = props.href, link = props.link;
     var appearanceConfig = useAppearanceConfig(appearance, logoConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, src = propsGenerator.src, title = propsGenerator.title, alt = propsGenerator.alt, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, src = propsGenerator.src, title = propsGenerator.title, alt = propsGenerator.alt, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     var logo = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), size && "logo_size_".concat(size), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsx(LinkWrapper, { className: "logo__link", href: link || href, children: jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
+    return (jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), sizeClass && "logo_size_".concat(sizeClass), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsx(LinkWrapper, { className: "logo__link", href: link || href, children: jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
 });
 
 export { Logo, logoConfig };

package/dist/components/MenuItem.js

@@ -143,6 +143,7 @@ var menuItemAppearanceSurface = {
         fillActive: 'surfaceHover',
         fillActiveHover: 'surfaceHover',
         fillHover: 'surfaceHover',
+        labelTextHoverColor: 'accentTextSecondary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemPrimary',

package/dist/components/Pagination.js

@@ -6,7 +6,7 @@ import ReactPaginate from 'react-paginate';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BK2bacxA.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_DfEoMbef.js';
 import { I as Icon } from '../Icon_es_BGR9vYtq.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/Response.js

@@ -2,12 +2,11 @@ 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 { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_kqE4jwUz.js';
+import { B as Button } from '../Button_es_B2N3GsgJ.js';
 import { G as Group } from '../Group_es_B2yGEJfj.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';
 import '@itcase/common';
@@ -24,6 +23,7 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Icon_es_BGR9vYtq.js';
+import 'react-inlinesvg';
 import '../Link_es_BnUIX0QT.js';
 import '../Loader_es_D_NFpg8C.js';
 
@@ -165,14 +165,13 @@ var Response = urlWithAssetPrefix(function Response(props) {
             return jsx(Image, __assign({}, sizes));
         }
         if (src) {
-            if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
-                if (svgFillClass) {
-                    return jsx(SVG, { src: src, preProcessor: removeFillStroke });
-                }
-                else {
-                    return jsx(SVG, { src: src });
-                }
-            }
+            // if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
+            //   if (svgFillClass) {
+            //     return <SVG src={src} preProcessor={removeFillStroke} />
+            //   } else {
+            //     return <SVG src={src} />
+            //   }
+            // }
             return jsx("img", { src: src });
         }
         return null;
@@ -185,12 +184,5 @@ var Response = urlWithAssetPrefix(function Response(props) {
                 secondaryButton ||
                 appearanceConfig) && (jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel ? (jsx(Button, { className: "response__button-item", appearance: primaryButtonAppearance, width: primaryButtonWidth || 'fill', size: primaryButtonSize, fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel, labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize, shape: primaryButtonShape, before: primaryButtonBefore, after: primaryButtonAfter, onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel ? (jsx(Button, { className: "response__button-item", appearance: secondaryButtonAppearance, width: secondaryButtonWidth || 'fill', size: secondaryButtonSize, fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel, labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize, shape: secondaryButtonShape, before: secondaryButtonBefore, after: secondaryButtonAfter, onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
 });
-var removeFillStroke = function (code) {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/fill='.*?'/g, "fill=''")
-        .replace(/stroke=".*?"/g, 'stroke=""')
-        .replace(/stroke='.*?'/g, "stroke=''");
-};
 
 export { Response, responseAppearance, responseConfig };

package/dist/css/components/Avatar/Avatar.css

@@ -50,28 +50,6 @@
     background-position: -200%;
   }
 }
-.avatar {
-  &_shape {
-    &_circular {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: 50%;
-      }
-    }
-    &_geometric {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: 0;
-      }
-    }
-    &_rounded {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: var(--avatar-shape-rounded);
-      }
-    }
-  }
-}
 /* stylelint-disable prettier/prettier */
 .avatar {
   &_size {

package/dist/css/components/Chips/Chips.css

@@ -5,7 +5,6 @@
     align-items: center;
   }
 }
-
 .chips {
   @each $size in xxl, xl, l, m, s, xs, xxs {
     &_size_$(size) {
@@ -18,23 +17,6 @@
     }
   }
 }
-
-.chips {
-  &_shape {
-    &_rounded {
-      border-radius: var(--chips-shape-rounded-default);
-      @each $size in xxl, xl, l, m, s, xs, xxs {
-        &^^&_size_$(size) {
-          border-radius: var(--chips-$(size)-shape-rounded);
-        }
-      }
-    }
-    &_circular {
-      border-radius: 20px;
-    }
-  }
-}
-
 .chips {
   &&_skeleton {
     background-size: 200% !important;
@@ -51,7 +33,6 @@
     }
   }
 }
-
 @keyframes chipsSkeleton {
   0% {
     background-position: 200%;
@@ -60,7 +41,6 @@
     background-position: -200%;
   }
 }
-
 :root {
   /* Default */
   --chips-shape-rounded-default: 8px;

package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css

@@ -12,17 +12,16 @@
         scroll-behavior: auto;
       }
       &--hide-scrollbars {
-        /* overflow: hidden;
         overflow: -moz-scrollbars-none;
         -ms-overflow-style: none;
-        scrollbar-width: none; */
-        /* &::-webkit-scrollbar {
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
           width: 0 !important;
           height: 0 !important;
           background: transparent !important;
           display: none !important;
           appearance: none !important;
-        } */
+        }
       }
       &--native-scroll {
         overflow: auto;

package/dist/css/components/Select/Select.css

@@ -1,6 +1,6 @@
 .select {
   width: 100%;
-  min-width: 240px;
+  min-width: 100%;
   position: relative;
 }
 

package/dist/css/components/Swiper/Swiper.css

@@ -902,11 +902,13 @@ div.swiper-block__item {
 
 .swiper-block {
   &&_type_step {
-    min-height: 100vh;
     display: flex;
     align-items: center;
+    flex-grow: 1;
     ^&__swiper {
+      width: 100%;
       height: 100%;
+      align-items: center;
       display: flex;
     }
     & .swiper-wrapper {

package/dist/css/styles/align/align_horizontal-reverse.css

@@ -1,49 +1,64 @@
+%align-horizontal-reverse {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
 .align {
   &_horizontal-reverse {
     display: flex;
     flex-direction: row-reverse;
-    &^&_top {
+    @extend %align-horizontal-reverse;
+    &-top {
       &-left {
         align-items: flex-start;
+        @extend %align-horizontal-reverse;
       }
       &-center {
         text-align: center;
         justify-content: center;
         align-items: flex-start;
+        @extend %align-horizontal-reverse;
       }
       &-right {
         text-align: right;
         justify-content: flex-end;
         align-items: flex-start;
+        @extend %align-horizontal-reverse;
       }
     }
-    &^&_left {
+    &-left {
       align-items: center;
+      @extend %align-horizontal-reverse;
     }
-    &^&_center {
+    &-center {
       text-align: center;
       justify-content: center;
       align-items: center;
+      @extend %align-horizontal-reverse;
     }
-    &^&_right {
+    &-right {
       text-align: right;
       justify-content: flex-end;
       align-items: center;
+      @extend %align-horizontal-reverse;
     }
-    &^&_bottom {
+    &-bottom {
       &-left {
         flex-direction: row;
         align-items: flex-end;
+        @extend %align-horizontal-reverse;
       }
       &-center {
         text-align: center;
         justify-content: center;
         align-items: flex-end;
+        @extend %align-horizontal-reverse;
       }
       &-right {
         text-align: right;
         justify-content: flex-end;
         align-items: flex-end;
+        @extend %align-horizontal-reverse;
       }
     }
   }