@alfalab/core-components 48.23.0 → 48.23.1

package/grid/modern/gutters.module-2e57349e.js

@@ -0,0 +1,4 @@
+const guttersStyles = {"row":"grid__row_4ft0r","gutter-8":"grid__gutter-8_4ft0r","col":"grid__col_4ft0r","gutter-16":"grid__gutter-16_4ft0r","gutter-24":"grid__gutter-24_4ft0r","gutter-mobile-8":"grid__gutter-mobile-8_4ft0r","gutter-mobile-16":"grid__gutter-mobile-16_4ft0r","gutter-mobile-24":"grid__gutter-mobile-24_4ft0r","gutter-mobile-xs-8":"grid__gutter-mobile-xs-8_4ft0r","gutter-mobile-xs-16":"grid__gutter-mobile-xs-16_4ft0r","gutter-mobile-xs-24":"grid__gutter-mobile-xs-24_4ft0r","gutter-mobile-s-8":"grid__gutter-mobile-s-8_4ft0r","gutter-mobile-s-16":"grid__gutter-mobile-s-16_4ft0r","gutter-mobile-s-24":"grid__gutter-mobile-s-24_4ft0r","gutter-mobile-m-8":"grid__gutter-mobile-m-8_4ft0r","gutter-mobile-m-16":"grid__gutter-mobile-m-16_4ft0r","gutter-mobile-m-24":"grid__gutter-mobile-m-24_4ft0r","gutter-mobile-l-8":"grid__gutter-mobile-l-8_4ft0r","gutter-mobile-l-16":"grid__gutter-mobile-l-16_4ft0r","gutter-mobile-l-24":"grid__gutter-mobile-l-24_4ft0r","gutter-tablet-8":"grid__gutter-tablet-8_4ft0r","gutter-tablet-16":"grid__gutter-tablet-16_4ft0r","gutter-tablet-24":"grid__gutter-tablet-24_4ft0r","gutter-tablet-s-8":"grid__gutter-tablet-s-8_4ft0r","gutter-tablet-s-16":"grid__gutter-tablet-s-16_4ft0r","gutter-tablet-s-24":"grid__gutter-tablet-s-24_4ft0r","gutter-tablet-m-8":"grid__gutter-tablet-m-8_4ft0r","gutter-tablet-m-16":"grid__gutter-tablet-m-16_4ft0r","gutter-tablet-m-24":"grid__gutter-tablet-m-24_4ft0r","gutter-desktop-8":"grid__gutter-desktop-8_4ft0r","gutter-desktop-16":"grid__gutter-desktop-16_4ft0r","gutter-desktop-24":"grid__gutter-desktop-24_4ft0r","gutter-desktop-s-8":"grid__gutter-desktop-s-8_4ft0r","gutter-desktop-s-16":"grid__gutter-desktop-s-16_4ft0r","gutter-desktop-s-24":"grid__gutter-desktop-s-24_4ft0r","gutter-desktop-m-8":"grid__gutter-desktop-m-8_4ft0r","gutter-desktop-m-16":"grid__gutter-desktop-m-16_4ft0r","gutter-desktop-m-24":"grid__gutter-desktop-m-24_4ft0r","gutter-desktop-l-8":"grid__gutter-desktop-l-8_4ft0r","gutter-desktop-l-16":"grid__gutter-desktop-l-16_4ft0r","gutter-desktop-l-24":"grid__gutter-desktop-l-24_4ft0r","gutter-desktop-xl-8":"grid__gutter-desktop-xl-8_4ft0r","gutter-desktop-xl-16":"grid__gutter-desktop-xl-16_4ft0r","gutter-desktop-xl-24":"grid__gutter-desktop-xl-24_4ft0r"};
+require('./gutters.css');
+
+export { guttersStyles as g };

package/grid/modern/index.js

@@ -3,5 +3,5 @@ import './col/Component.js';
 import 'react';
 import 'classnames';
 import './utils/index.js';
-import './gutters.module-e75b7b64.js';
+import './gutters.module-2e57349e.js';
 import './row/Component.js';

package/grid/modern/row/Component.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
 import { createClassNames } from '../utils/index.js';
-import { g as guttersStyles } from '../gutters.module-e75b7b64.js';
+import { g as guttersStyles } from '../gutters.module-2e57349e.js';
 
-const styles = {"component":"grid__component_t7ors","top":"grid__top_t7ors","middle":"grid__middle_t7ors","bottom":"grid__bottom_t7ors","left":"grid__left_t7ors","center":"grid__center_t7ors","right":"grid__right_t7ors","around":"grid__around_t7ors","between":"grid__between_t7ors"};
+const styles = {"component":"grid__component_l7ax7","top":"grid__top_l7ax7","middle":"grid__middle_l7ax7","bottom":"grid__bottom_l7ax7","left":"grid__left_l7ax7","center":"grid__center_l7ax7","right":"grid__right_l7ax7","around":"grid__around_l7ax7","between":"grid__between_l7ax7"};
 require('./index.css');
 
 const Row = ({ tag: Component = 'div', className, gutter = {

package/grid/modern/row/index.css

@@ -1591,26 +1591,26 @@
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-} /* сбрасывает синюю подсветку при нажатии */ .grid__component_t7ors {
+} /* сбрасывает синюю подсветку при нажатии */ .grid__component_l7ax7 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin: var(--gap-0) auto;
     box-sizing: border-box;
-} .grid__top_t7ors {
+} .grid__top_l7ax7 {
     align-items: flex-start;
-} .grid__middle_t7ors {
+} .grid__middle_l7ax7 {
     align-items: center;
-} .grid__bottom_t7ors {
+} .grid__bottom_l7ax7 {
     align-items: flex-end;
-} .grid__left_t7ors {
+} .grid__left_l7ax7 {
     justify-content: flex-start;
-} .grid__center_t7ors {
+} .grid__center_l7ax7 {
     justify-content: center;
-} .grid__right_t7ors {
+} .grid__right_l7ax7 {
     justify-content: flex-end;
-} .grid__around_t7ors {
+} .grid__around_l7ax7 {
     justify-content: space-around;
-} .grid__between_t7ors {
+} .grid__between_l7ax7 {
     justify-content: space-between;
 }

package/grid/modern/row/index.js

@@ -2,4 +2,4 @@ export { Row } from './Component.js';
 import 'react';
 import 'classnames';
 import '../utils/index.js';
-import '../gutters.module-e75b7b64.js';
+import '../gutters.module-2e57349e.js';

package/grid/row/Component.js

@@ -4,14 +4,14 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var utils_index = require('../utils/index.js');
-var gutters_module = require('../gutters.module-231fce1d.js');
+var gutters_module = require('../gutters.module-685012bc.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"grid__component_t7ors","top":"grid__top_t7ors","middle":"grid__middle_t7ors","bottom":"grid__bottom_t7ors","left":"grid__left_t7ors","center":"grid__center_t7ors","right":"grid__right_t7ors","around":"grid__around_t7ors","between":"grid__between_t7ors"};
+var styles = {"component":"grid__component_l7ax7","top":"grid__top_l7ax7","middle":"grid__middle_l7ax7","bottom":"grid__bottom_l7ax7","left":"grid__left_l7ax7","center":"grid__center_l7ax7","right":"grid__right_l7ax7","around":"grid__around_l7ax7","between":"grid__between_l7ax7"};
 require('./index.css');
 
 var Row = function (_a) {

package/grid/row/index.css

@@ -1591,26 +1591,26 @@
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-} /* сбрасывает синюю подсветку при нажатии */ .grid__component_t7ors {
+} /* сбрасывает синюю подсветку при нажатии */ .grid__component_l7ax7 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin: var(--gap-0) auto;
     box-sizing: border-box;
-} .grid__top_t7ors {
+} .grid__top_l7ax7 {
     align-items: flex-start;
-} .grid__middle_t7ors {
+} .grid__middle_l7ax7 {
     align-items: center;
-} .grid__bottom_t7ors {
+} .grid__bottom_l7ax7 {
     align-items: flex-end;
-} .grid__left_t7ors {
+} .grid__left_l7ax7 {
     justify-content: flex-start;
-} .grid__center_t7ors {
+} .grid__center_l7ax7 {
     justify-content: center;
-} .grid__right_t7ors {
+} .grid__right_l7ax7 {
     justify-content: flex-end;
-} .grid__around_t7ors {
+} .grid__around_l7ax7 {
     justify-content: space-around;
-} .grid__between_t7ors {
+} .grid__between_l7ax7 {
     justify-content: space-between;
 }

package/hatching-progress-bar/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"hatching-progress-bar__container_xpwrn","hatch":"hatching-progress-bar__hatch_xpwrn","filled":"hatching-progress-bar__filled_xpwrn","positive":"hatching-progress-bar__positive_xpwrn","attention":"hatching-progress-bar__attention_xpwrn","negative":"hatching-progress-bar__negative_xpwrn","link":"hatching-progress-bar__link_xpwrn","tertiary":"hatching-progress-bar__tertiary_xpwrn","secondary":"hatching-progress-bar__secondary_xpwrn","primary":"hatching-progress-bar__primary_xpwrn","accent":"hatching-progress-bar__accent_xpwrn"};
+var styles = {"container":"hatching-progress-bar__container_x8241","hatch":"hatching-progress-bar__hatch_x8241","filled":"hatching-progress-bar__filled_x8241","positive":"hatching-progress-bar__positive_x8241","attention":"hatching-progress-bar__attention_x8241","negative":"hatching-progress-bar__negative_x8241","link":"hatching-progress-bar__link_x8241","tertiary":"hatching-progress-bar__tertiary_x8241","secondary":"hatching-progress-bar__secondary_x8241","primary":"hatching-progress-bar__primary_x8241","accent":"hatching-progress-bar__accent_x8241"};
 require('./index.css');
 
 var HatchingProgressBar = React__default.default.forwardRef(function (_a, ref) {

package/hatching-progress-bar/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"hatching-progress-bar__container_xpwrn","hatch":"hatching-progress-bar__hatch_xpwrn","filled":"hatching-progress-bar__filled_xpwrn","positive":"hatching-progress-bar__positive_xpwrn","attention":"hatching-progress-bar__attention_xpwrn","negative":"hatching-progress-bar__negative_xpwrn","link":"hatching-progress-bar__link_xpwrn","tertiary":"hatching-progress-bar__tertiary_xpwrn","secondary":"hatching-progress-bar__secondary_xpwrn","primary":"hatching-progress-bar__primary_xpwrn","accent":"hatching-progress-bar__accent_xpwrn"};
+var styles = {"container":"hatching-progress-bar__container_x8241","hatch":"hatching-progress-bar__hatch_x8241","filled":"hatching-progress-bar__filled_x8241","positive":"hatching-progress-bar__positive_x8241","attention":"hatching-progress-bar__attention_x8241","negative":"hatching-progress-bar__negative_x8241","link":"hatching-progress-bar__link_x8241","tertiary":"hatching-progress-bar__tertiary_x8241","secondary":"hatching-progress-bar__secondary_x8241","primary":"hatching-progress-bar__primary_x8241","accent":"hatching-progress-bar__accent_x8241"};
 require('./index.css');
 
 var HatchingProgressBar = React.forwardRef(function (_a, ref) {

package/hatching-progress-bar/esm/index.css

@@ -60,14 +60,14 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .hatching-progress-bar__container_xpwrn {
+} .hatching-progress-bar__container_x8241 {
     background: var(--color-light-neutral-translucent-300);
     display: flex;
     overflow: hidden;
     border-radius: var(--border-radius-8);
     height: 8px;
     position: relative;
-} .hatching-progress-bar__hatch_xpwrn {
+} .hatching-progress-bar__hatch_x8241 {
     position: absolute;
     left: var(--gap-0);
     top: var(--gap-0);
@@ -80,26 +80,26 @@
         var(--color-light-neutral-translucent-300) 6px 10px,
         var(--color-light-transparent-default) 10px 18px
     );
-} .hatching-progress-bar__filled_xpwrn {
+} .hatching-progress-bar__filled_x8241 {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
-} .hatching-progress-bar__positive_xpwrn {
+} .hatching-progress-bar__positive_x8241 {
         background: var(--progressbar-positive-color);
-    } .hatching-progress-bar__attention_xpwrn {
+    } .hatching-progress-bar__attention_x8241 {
         background: var(--progressbar-attention-color);
-    } .hatching-progress-bar__negative_xpwrn {
+    } .hatching-progress-bar__negative_x8241 {
         background: var(--progressbar-negative-color);
-    } .hatching-progress-bar__link_xpwrn {
+    } .hatching-progress-bar__link_x8241 {
         background: var(--progressbar-link-color);
-    } .hatching-progress-bar__tertiary_xpwrn {
+    } .hatching-progress-bar__tertiary_x8241 {
         background: var(--progressbar-tertiary-color);
-    } .hatching-progress-bar__secondary_xpwrn {
+    } .hatching-progress-bar__secondary_x8241 {
         background: var(--progressbar-secondary-color);
-    } .hatching-progress-bar__primary_xpwrn {
+    } .hatching-progress-bar__primary_x8241 {
         background: var(--progressbar-primary-color);
-    } .hatching-progress-bar__accent_xpwrn {
+    } .hatching-progress-bar__accent_x8241 {
         background: var(--progressbar-accent-color);
     }

package/hatching-progress-bar/index.css

@@ -60,14 +60,14 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .hatching-progress-bar__container_xpwrn {
+} .hatching-progress-bar__container_x8241 {
     background: var(--color-light-neutral-translucent-300);
     display: flex;
     overflow: hidden;
     border-radius: var(--border-radius-8);
     height: 8px;
     position: relative;
-} .hatching-progress-bar__hatch_xpwrn {
+} .hatching-progress-bar__hatch_x8241 {
     position: absolute;
     left: var(--gap-0);
     top: var(--gap-0);
@@ -80,26 +80,26 @@
         var(--color-light-neutral-translucent-300) 6px 10px,
         var(--color-light-transparent-default) 10px 18px
     );
-} .hatching-progress-bar__filled_xpwrn {
+} .hatching-progress-bar__filled_x8241 {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
-} .hatching-progress-bar__positive_xpwrn {
+} .hatching-progress-bar__positive_x8241 {
         background: var(--progressbar-positive-color);
-    } .hatching-progress-bar__attention_xpwrn {
+    } .hatching-progress-bar__attention_x8241 {
         background: var(--progressbar-attention-color);
-    } .hatching-progress-bar__negative_xpwrn {
+    } .hatching-progress-bar__negative_x8241 {
         background: var(--progressbar-negative-color);
-    } .hatching-progress-bar__link_xpwrn {
+    } .hatching-progress-bar__link_x8241 {
         background: var(--progressbar-link-color);
-    } .hatching-progress-bar__tertiary_xpwrn {
+    } .hatching-progress-bar__tertiary_x8241 {
         background: var(--progressbar-tertiary-color);
-    } .hatching-progress-bar__secondary_xpwrn {
+    } .hatching-progress-bar__secondary_x8241 {
         background: var(--progressbar-secondary-color);
-    } .hatching-progress-bar__primary_xpwrn {
+    } .hatching-progress-bar__primary_x8241 {
         background: var(--progressbar-primary-color);
-    } .hatching-progress-bar__accent_xpwrn {
+    } .hatching-progress-bar__accent_x8241 {
         background: var(--progressbar-accent-color);
     }

package/hatching-progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"container":"hatching-progress-bar__container_xpwrn","hatch":"hatching-progress-bar__hatch_xpwrn","filled":"hatching-progress-bar__filled_xpwrn","positive":"hatching-progress-bar__positive_xpwrn","attention":"hatching-progress-bar__attention_xpwrn","negative":"hatching-progress-bar__negative_xpwrn","link":"hatching-progress-bar__link_xpwrn","tertiary":"hatching-progress-bar__tertiary_xpwrn","secondary":"hatching-progress-bar__secondary_xpwrn","primary":"hatching-progress-bar__primary_xpwrn","accent":"hatching-progress-bar__accent_xpwrn"};
+const styles = {"container":"hatching-progress-bar__container_x8241","hatch":"hatching-progress-bar__hatch_x8241","filled":"hatching-progress-bar__filled_x8241","positive":"hatching-progress-bar__positive_x8241","attention":"hatching-progress-bar__attention_x8241","negative":"hatching-progress-bar__negative_x8241","link":"hatching-progress-bar__link_x8241","tertiary":"hatching-progress-bar__tertiary_x8241","secondary":"hatching-progress-bar__secondary_x8241","primary":"hatching-progress-bar__primary_x8241","accent":"hatching-progress-bar__accent_x8241"};
 require('./index.css');
 
 const HatchingProgressBar = React.forwardRef(({ className, value, hatchValue, view = 'positive', dataTestId }, ref) => (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, className), "data-test-id": dataTestId, ref: ref },

package/hatching-progress-bar/modern/index.css

@@ -60,14 +60,14 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .hatching-progress-bar__container_xpwrn {
+} .hatching-progress-bar__container_x8241 {
     background: var(--color-light-neutral-translucent-300);
     display: flex;
     overflow: hidden;
     border-radius: var(--border-radius-8);
     height: 8px;
     position: relative;
-} .hatching-progress-bar__hatch_xpwrn {
+} .hatching-progress-bar__hatch_x8241 {
     position: absolute;
     left: var(--gap-0);
     top: var(--gap-0);
@@ -80,26 +80,26 @@
         var(--color-light-neutral-translucent-300) 6px 10px,
         var(--color-light-transparent-default) 10px 18px
     );
-} .hatching-progress-bar__filled_xpwrn {
+} .hatching-progress-bar__filled_x8241 {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
-} .hatching-progress-bar__positive_xpwrn {
+} .hatching-progress-bar__positive_x8241 {
         background: var(--progressbar-positive-color);
-    } .hatching-progress-bar__attention_xpwrn {
+    } .hatching-progress-bar__attention_x8241 {
         background: var(--progressbar-attention-color);
-    } .hatching-progress-bar__negative_xpwrn {
+    } .hatching-progress-bar__negative_x8241 {
         background: var(--progressbar-negative-color);
-    } .hatching-progress-bar__link_xpwrn {
+    } .hatching-progress-bar__link_x8241 {
         background: var(--progressbar-link-color);
-    } .hatching-progress-bar__tertiary_xpwrn {
+    } .hatching-progress-bar__tertiary_x8241 {
         background: var(--progressbar-tertiary-color);
-    } .hatching-progress-bar__secondary_xpwrn {
+    } .hatching-progress-bar__secondary_x8241 {
         background: var(--progressbar-secondary-color);
-    } .hatching-progress-bar__primary_xpwrn {
+    } .hatching-progress-bar__primary_x8241 {
         background: var(--progressbar-primary-color);
-    } .hatching-progress-bar__accent_xpwrn {
+    } .hatching-progress-bar__accent_x8241 {
         background: var(--progressbar-accent-color);
     }

package/icon-button/Component.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"primary":"icon-button__primary_uz27i","secondary":"icon-button__secondary_uz27i","transparent":"icon-button__transparent_uz27i","negative":"icon-button__negative_uz27i","tertiary":"icon-button__tertiary_uz27i","transparentBg":"icon-button__transparentBg_uz27i","component":"icon-button__component_uz27i","loader":"icon-button__loader_uz27i"};
+var defaultColors = {"primary":"icon-button__primary_q56vb","secondary":"icon-button__secondary_q56vb","transparent":"icon-button__transparent_q56vb","negative":"icon-button__negative_q56vb","tertiary":"icon-button__tertiary_q56vb","transparentBg":"icon-button__transparentBg_q56vb","component":"icon-button__component_q56vb","loader":"icon-button__loader_q56vb"};
 require('./default.css');
 
-var styles = {"border-24":"icon-button__border-24_1l97c","border-32":"icon-button__border-32_1l97c","border-40":"icon-button__border-40_1l97c","border-48":"icon-button__border-48_1l97c","border-56":"icon-button__border-56_1l97c","size-24":"icon-button__size-24_1l97c","size-32":"icon-button__size-32_1l97c","size-40":"icon-button__size-40_1l97c","size-48":"icon-button__size-48_1l97c","size-56":"icon-button__size-56_1l97c","iconWrapper":"icon-button__iconWrapper_1l97c","center":"icon-button__center_1l97c","left":"icon-button__left_1l97c","right":"icon-button__right_1l97c","icon":"icon-button__icon_1l97c"};
+var styles = {"border-24":"icon-button__border-24_1mjul","border-32":"icon-button__border-32_1mjul","border-40":"icon-button__border-40_1mjul","border-48":"icon-button__border-48_1mjul","border-56":"icon-button__border-56_1mjul","size-24":"icon-button__size-24_1mjul","size-32":"icon-button__size-32_1mjul","size-40":"icon-button__size-40_1mjul","size-48":"icon-button__size-48_1mjul","size-56":"icon-button__size-56_1mjul","iconWrapper":"icon-button__iconWrapper_1mjul","center":"icon-button__center_1mjul","left":"icon-button__left_1mjul","right":"icon-button__right_1mjul","icon":"icon-button__icon_1mjul"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_r65jw","secondary":"icon-button__secondary_r65jw","transparent":"icon-button__transparent_r65jw","negative":"icon-button__negative_r65jw","tertiary":"icon-button__tertiary_r65jw","transparentBg":"icon-button__transparentBg_r65jw","component":"icon-button__component_r65jw","loader":"icon-button__loader_r65jw"};
+var invertedColors = {"primary":"icon-button__primary_mca7p","secondary":"icon-button__secondary_mca7p","transparent":"icon-button__transparent_mca7p","negative":"icon-button__negative_mca7p","tertiary":"icon-button__tertiary_mca7p","transparentBg":"icon-button__transparentBg_mca7p","component":"icon-button__component_mca7p","loader":"icon-button__loader_mca7p"};
 require('./inverted.css');
 
 var colorStyles = {

package/icon-button/default.css

@@ -1,4 +1,4 @@
-/* hash: ag4v6 */
+/* hash: nftcs */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -69,76 +69,76 @@
     --icon-button-negative-hover-color: var(--color-light-status-negative-hover);
     --icon-button-negative-active-color: var(--color-light-status-negative-press);
     --icon-button-negative-disabled-color: var(--color-light-neutral-translucent-300);
-} .cc-icon-button.icon-button__primary_uz27i {
+} .cc-icon-button.icon-button__primary_q56vb {
         color: var(--icon-button-primary-base-color)
-    } .cc-icon-button.icon-button__primary_uz27i:hover {
+    } .cc-icon-button.icon-button__primary_q56vb:hover {
             color: var(--icon-button-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_uz27i:active {
+        } .cc-icon-button.icon-button__primary_q56vb:active {
             color: var(--icon-button-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_uz27i {
+        } .cc-icon-button.icon-button__secondary_q56vb {
         color: var(--icon-button-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_uz27i:hover {
+    } .cc-icon-button.icon-button__secondary_q56vb:hover {
             color: var(--icon-button-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_uz27i:active {
+        } .cc-icon-button.icon-button__secondary_q56vb:active {
             color: var(--icon-button-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_uz27i {
+        } .cc-icon-button.icon-button__transparent_q56vb {
         color: var(--icon-button-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_uz27i:hover {
+    } .cc-icon-button.icon-button__transparent_q56vb:hover {
             color: var(--icon-button-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_uz27i:active {
+        } .cc-icon-button.icon-button__transparent_q56vb:active {
             color: var(--icon-button-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_uz27i {
+        } .cc-icon-button.icon-button__negative_q56vb {
         color: var(--icon-button-negative-base-color)
-    } .cc-icon-button.icon-button__negative_uz27i:hover {
+    } .cc-icon-button.icon-button__negative_q56vb:hover {
             color: var(--icon-button-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_uz27i:active {
+        } .cc-icon-button.icon-button__negative_q56vb:active {
             color: var(--icon-button-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_uz27i {
+        } .cc-icon-button.icon-button__tertiary_q56vb {
         color: var(--icon-button-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_uz27i:hover {
+    } .cc-icon-button.icon-button__tertiary_q56vb:hover {
             color: var(--icon-button-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_uz27i:active {
+        } .cc-icon-button.icon-button__tertiary_q56vb:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__primary_uz27i {
+        } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__primary_q56vb {
             color: var(--color-light-text-primary)
-        } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__primary_uz27i:hover {
+        } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__primary_q56vb:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__primary_uz27i:active {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__primary_q56vb:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__secondary_uz27i {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__secondary_q56vb {
             color: var(--color-light-text-secondary)
-        } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__secondary_uz27i:hover {
+        } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__secondary_q56vb:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__secondary_uz27i:active {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__secondary_q56vb:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__negative_uz27i {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__negative_q56vb {
             color: var(--color-light-text-negative)
-        } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__negative_uz27i:hover {
+        } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__negative_q56vb:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__negative_uz27i:active {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__negative_q56vb:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__tertiary_uz27i {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__tertiary_q56vb {
             color: var(--color-light-text-tertiary)
-        } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__tertiary_uz27i:hover {
+        } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__tertiary_q56vb:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_uz27i.icon-button__tertiary_uz27i:active {
+            } .cc-icon-button.icon-button__transparentBg_q56vb.icon-button__tertiary_q56vb:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__primary_uz27i {
+            } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__primary_q56vb {
             color: var(--icon-button-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__primary_uz27i.icon-button__loader_uz27i {
+        } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__primary_q56vb.icon-button__loader_q56vb {
                 color: var(--icon-button-primary-base-color);
-            } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__secondary_uz27i {
+            } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__secondary_q56vb {
             color: var(--icon-button-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__secondary_uz27i.icon-button__loader_uz27i {
+        } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__secondary_q56vb.icon-button__loader_q56vb {
                 color: var(--icon-button-secondary-base-color);
-            } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__negative_uz27i {
+            } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__negative_q56vb {
             color: var(--icon-button-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__negative_uz27i.icon-button__loader_uz27i {
+        } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__negative_q56vb.icon-button__loader_q56vb {
                 color: var(--icon-button-negative-base-color);
-            } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__tertiary_uz27i {
+            } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__tertiary_q56vb {
             color: var(--icon-button-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__tertiary_uz27i.icon-button__loader_uz27i {
+        } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__tertiary_q56vb.icon-button__loader_q56vb {
                 color: var(--icon-button-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_uz27i:disabled.icon-button__transparentBg_uz27i {
+            } .cc-icon-button.icon-button__component_q56vb:disabled.icon-button__transparentBg_q56vb {
             background: transparent;
         }

package/icon-button/esm/Component.js

@@ -4,13 +4,13 @@ import cn from 'classnames';
 import { Button } from '../../button/esm';
 import { transformSize } from './helpers/transformSize.js';
 
-var defaultColors = {"primary":"icon-button__primary_uz27i","secondary":"icon-button__secondary_uz27i","transparent":"icon-button__transparent_uz27i","negative":"icon-button__negative_uz27i","tertiary":"icon-button__tertiary_uz27i","transparentBg":"icon-button__transparentBg_uz27i","component":"icon-button__component_uz27i","loader":"icon-button__loader_uz27i"};
+var defaultColors = {"primary":"icon-button__primary_q56vb","secondary":"icon-button__secondary_q56vb","transparent":"icon-button__transparent_q56vb","negative":"icon-button__negative_q56vb","tertiary":"icon-button__tertiary_q56vb","transparentBg":"icon-button__transparentBg_q56vb","component":"icon-button__component_q56vb","loader":"icon-button__loader_q56vb"};
 require('./default.css');
 
-var styles = {"border-24":"icon-button__border-24_1l97c","border-32":"icon-button__border-32_1l97c","border-40":"icon-button__border-40_1l97c","border-48":"icon-button__border-48_1l97c","border-56":"icon-button__border-56_1l97c","size-24":"icon-button__size-24_1l97c","size-32":"icon-button__size-32_1l97c","size-40":"icon-button__size-40_1l97c","size-48":"icon-button__size-48_1l97c","size-56":"icon-button__size-56_1l97c","iconWrapper":"icon-button__iconWrapper_1l97c","center":"icon-button__center_1l97c","left":"icon-button__left_1l97c","right":"icon-button__right_1l97c","icon":"icon-button__icon_1l97c"};
+var styles = {"border-24":"icon-button__border-24_1mjul","border-32":"icon-button__border-32_1mjul","border-40":"icon-button__border-40_1mjul","border-48":"icon-button__border-48_1mjul","border-56":"icon-button__border-56_1mjul","size-24":"icon-button__size-24_1mjul","size-32":"icon-button__size-32_1mjul","size-40":"icon-button__size-40_1mjul","size-48":"icon-button__size-48_1mjul","size-56":"icon-button__size-56_1mjul","iconWrapper":"icon-button__iconWrapper_1mjul","center":"icon-button__center_1mjul","left":"icon-button__left_1mjul","right":"icon-button__right_1mjul","icon":"icon-button__icon_1mjul"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_r65jw","secondary":"icon-button__secondary_r65jw","transparent":"icon-button__transparent_r65jw","negative":"icon-button__negative_r65jw","tertiary":"icon-button__tertiary_r65jw","transparentBg":"icon-button__transparentBg_r65jw","component":"icon-button__component_r65jw","loader":"icon-button__loader_r65jw"};
+var invertedColors = {"primary":"icon-button__primary_mca7p","secondary":"icon-button__secondary_mca7p","transparent":"icon-button__transparent_mca7p","negative":"icon-button__negative_mca7p","tertiary":"icon-button__tertiary_mca7p","transparentBg":"icon-button__transparentBg_mca7p","component":"icon-button__component_mca7p","loader":"icon-button__loader_mca7p"};
 require('./inverted.css');
 
 var colorStyles = {