@alfalab/core-components 43.1.2 → 43.1.3

package/grid/modern/gutters.module-a3132679.js

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

package/grid/modern/index.js

@@ -2,6 +2,6 @@ export { Grid } from './Component.js';
 import './col/Component.js';
 import 'react';
 import 'classnames';
-import './gutters.module-07d40392.js';
+import './gutters.module-a3132679.js';
 import './row/Component.js';
 import './utils/index.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-07d40392.js';
+import { g as guttersStyles } from '../gutters.module-a3132679.js';
 
-const styles = {"component":"grid__component_t62ht","top":"grid__top_t62ht","middle":"grid__middle_t62ht","bottom":"grid__bottom_t62ht","left":"grid__left_t62ht","center":"grid__center_t62ht","right":"grid__right_t62ht","around":"grid__around_t62ht","between":"grid__between_t62ht"};
+const styles = {"component":"grid__component_1ldon","top":"grid__top_1ldon","middle":"grid__middle_1ldon","bottom":"grid__bottom_1ldon","left":"grid__left_1ldon","center":"grid__center_1ldon","right":"grid__right_1ldon","around":"grid__around_1ldon","between":"grid__between_1ldon"};
 require('./index.css');
 
 const Row = ({ tag: Component = 'div', className, gutter = {

package/grid/modern/row/index.css

@@ -1,5 +1,5 @@
 /* hash: o1d4t */
-.grid__component_t62ht {
+.grid__component_1ldon {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -7,34 +7,34 @@
     box-sizing: border-box;
 }
 
-.grid__top_t62ht {
+.grid__top_1ldon {
     align-items: flex-start;
 }
 
-.grid__middle_t62ht {
+.grid__middle_1ldon {
     align-items: center;
 }
 
-.grid__bottom_t62ht {
+.grid__bottom_1ldon {
     align-items: flex-end;
 }
 
-.grid__left_t62ht {
+.grid__left_1ldon {
     justify-content: flex-start;
 }
 
-.grid__center_t62ht {
+.grid__center_1ldon {
     justify-content: center;
 }
 
-.grid__right_t62ht {
+.grid__right_1ldon {
     justify-content: flex-end;
 }
 
-.grid__around_t62ht {
+.grid__around_1ldon {
     justify-content: space-around;
 }
 
-.grid__between_t62ht {
+.grid__between_1ldon {
     justify-content: space-between;
 }

package/grid/modern/row/index.js

@@ -1,5 +1,5 @@
 export { Row } from './Component.js';
 import 'react';
 import 'classnames';
-import '../gutters.module-07d40392.js';
+import '../gutters.module-a3132679.js';
 import '../utils/index.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-79289a35.js');
+var gutters_module = require('../gutters.module-7941ee6e.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_t62ht","top":"grid__top_t62ht","middle":"grid__middle_t62ht","bottom":"grid__bottom_t62ht","left":"grid__left_t62ht","center":"grid__center_t62ht","right":"grid__right_t62ht","around":"grid__around_t62ht","between":"grid__between_t62ht"};
+var styles = {"component":"grid__component_1ldon","top":"grid__top_1ldon","middle":"grid__middle_1ldon","bottom":"grid__bottom_1ldon","left":"grid__left_1ldon","center":"grid__center_1ldon","right":"grid__right_1ldon","around":"grid__around_1ldon","between":"grid__between_1ldon"};
 require('./index.css');
 
 var Row = function (_a) {

package/grid/row/index.css

@@ -1,5 +1,5 @@
 /* hash: o1d4t */
-.grid__component_t62ht {
+.grid__component_1ldon {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -7,34 +7,34 @@
     box-sizing: border-box;
 }
 
-.grid__top_t62ht {
+.grid__top_1ldon {
     align-items: flex-start;
 }
 
-.grid__middle_t62ht {
+.grid__middle_1ldon {
     align-items: center;
 }
 
-.grid__bottom_t62ht {
+.grid__bottom_1ldon {
     align-items: flex-end;
 }
 
-.grid__left_t62ht {
+.grid__left_1ldon {
     justify-content: flex-start;
 }
 
-.grid__center_t62ht {
+.grid__center_1ldon {
     justify-content: center;
 }
 
-.grid__right_t62ht {
+.grid__right_1ldon {
     justify-content: flex-end;
 }
 
-.grid__around_t62ht {
+.grid__around_1ldon {
     justify-content: space-around;
 }
 
-.grid__between_t62ht {
+.grid__between_1ldon {
     justify-content: space-between;
 }

package/grid/row/index.js

@@ -5,7 +5,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../utils/index.js');
-require('../gutters.module-79289a35.js');
+require('../gutters.module-7941ee6e.js');
 
 
 

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_h1i53","hatch":"hatching-progress-bar__hatch_h1i53","filled":"hatching-progress-bar__filled_h1i53","positive":"hatching-progress-bar__positive_h1i53","attention":"hatching-progress-bar__attention_h1i53","negative":"hatching-progress-bar__negative_h1i53","link":"hatching-progress-bar__link_h1i53","tertiary":"hatching-progress-bar__tertiary_h1i53","secondary":"hatching-progress-bar__secondary_h1i53","primary":"hatching-progress-bar__primary_h1i53","accent":"hatching-progress-bar__accent_h1i53"};
+var styles = {"container":"hatching-progress-bar__container_i8bxq","hatch":"hatching-progress-bar__hatch_i8bxq","filled":"hatching-progress-bar__filled_i8bxq","positive":"hatching-progress-bar__positive_i8bxq","attention":"hatching-progress-bar__attention_i8bxq","negative":"hatching-progress-bar__negative_i8bxq","link":"hatching-progress-bar__link_i8bxq","tertiary":"hatching-progress-bar__tertiary_i8bxq","secondary":"hatching-progress-bar__secondary_i8bxq","primary":"hatching-progress-bar__primary_i8bxq","accent":"hatching-progress-bar__accent_i8bxq"};
 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_h1i53","hatch":"hatching-progress-bar__hatch_h1i53","filled":"hatching-progress-bar__filled_h1i53","positive":"hatching-progress-bar__positive_h1i53","attention":"hatching-progress-bar__attention_h1i53","negative":"hatching-progress-bar__negative_h1i53","link":"hatching-progress-bar__link_h1i53","tertiary":"hatching-progress-bar__tertiary_h1i53","secondary":"hatching-progress-bar__secondary_h1i53","primary":"hatching-progress-bar__primary_h1i53","accent":"hatching-progress-bar__accent_h1i53"};
+var styles = {"container":"hatching-progress-bar__container_i8bxq","hatch":"hatching-progress-bar__hatch_i8bxq","filled":"hatching-progress-bar__filled_i8bxq","positive":"hatching-progress-bar__positive_i8bxq","attention":"hatching-progress-bar__attention_i8bxq","negative":"hatching-progress-bar__negative_i8bxq","link":"hatching-progress-bar__link_i8bxq","tertiary":"hatching-progress-bar__tertiary_i8bxq","secondary":"hatching-progress-bar__secondary_i8bxq","primary":"hatching-progress-bar__primary_i8bxq","accent":"hatching-progress-bar__accent_i8bxq"};
 require('./index.css');
 
 var HatchingProgressBar = React.forwardRef(function (_a, ref) {

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

@@ -1192,7 +1192,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_h1i53 {
+.hatching-progress-bar__container_i8bxq {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -1200,7 +1200,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_h1i53 {
+.hatching-progress-bar__hatch_i8bxq {
     position: absolute;
     left: 0;
     top: 0;
@@ -1214,34 +1214,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_h1i53 {
+.hatching-progress-bar__filled_i8bxq {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_h1i53 {
+.hatching-progress-bar__positive_i8bxq {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_h1i53 {
+.hatching-progress-bar__attention_i8bxq {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_h1i53 {
+.hatching-progress-bar__negative_i8bxq {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_h1i53 {
+.hatching-progress-bar__link_i8bxq {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_h1i53 {
+.hatching-progress-bar__tertiary_i8bxq {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_h1i53 {
+.hatching-progress-bar__secondary_i8bxq {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_h1i53 {
+.hatching-progress-bar__primary_i8bxq {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_h1i53 {
+.hatching-progress-bar__accent_i8bxq {
     background: var(--color-light-graphic-accent);
 }

package/hatching-progress-bar/index.css

@@ -1192,7 +1192,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_h1i53 {
+.hatching-progress-bar__container_i8bxq {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -1200,7 +1200,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_h1i53 {
+.hatching-progress-bar__hatch_i8bxq {
     position: absolute;
     left: 0;
     top: 0;
@@ -1214,34 +1214,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_h1i53 {
+.hatching-progress-bar__filled_i8bxq {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_h1i53 {
+.hatching-progress-bar__positive_i8bxq {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_h1i53 {
+.hatching-progress-bar__attention_i8bxq {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_h1i53 {
+.hatching-progress-bar__negative_i8bxq {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_h1i53 {
+.hatching-progress-bar__link_i8bxq {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_h1i53 {
+.hatching-progress-bar__tertiary_i8bxq {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_h1i53 {
+.hatching-progress-bar__secondary_i8bxq {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_h1i53 {
+.hatching-progress-bar__primary_i8bxq {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_h1i53 {
+.hatching-progress-bar__accent_i8bxq {
     background: var(--color-light-graphic-accent);
 }

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_h1i53","hatch":"hatching-progress-bar__hatch_h1i53","filled":"hatching-progress-bar__filled_h1i53","positive":"hatching-progress-bar__positive_h1i53","attention":"hatching-progress-bar__attention_h1i53","negative":"hatching-progress-bar__negative_h1i53","link":"hatching-progress-bar__link_h1i53","tertiary":"hatching-progress-bar__tertiary_h1i53","secondary":"hatching-progress-bar__secondary_h1i53","primary":"hatching-progress-bar__primary_h1i53","accent":"hatching-progress-bar__accent_h1i53"};
+const styles = {"container":"hatching-progress-bar__container_i8bxq","hatch":"hatching-progress-bar__hatch_i8bxq","filled":"hatching-progress-bar__filled_i8bxq","positive":"hatching-progress-bar__positive_i8bxq","attention":"hatching-progress-bar__attention_i8bxq","negative":"hatching-progress-bar__negative_i8bxq","link":"hatching-progress-bar__link_i8bxq","tertiary":"hatching-progress-bar__tertiary_i8bxq","secondary":"hatching-progress-bar__secondary_i8bxq","primary":"hatching-progress-bar__primary_i8bxq","accent":"hatching-progress-bar__accent_i8bxq"};
 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

@@ -1192,7 +1192,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_h1i53 {
+.hatching-progress-bar__container_i8bxq {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -1200,7 +1200,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_h1i53 {
+.hatching-progress-bar__hatch_i8bxq {
     position: absolute;
     left: 0;
     top: 0;
@@ -1214,34 +1214,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_h1i53 {
+.hatching-progress-bar__filled_i8bxq {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_h1i53 {
+.hatching-progress-bar__positive_i8bxq {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_h1i53 {
+.hatching-progress-bar__attention_i8bxq {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_h1i53 {
+.hatching-progress-bar__negative_i8bxq {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_h1i53 {
+.hatching-progress-bar__link_i8bxq {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_h1i53 {
+.hatching-progress-bar__tertiary_i8bxq {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_h1i53 {
+.hatching-progress-bar__secondary_i8bxq {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_h1i53 {
+.hatching-progress-bar__primary_i8bxq {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_h1i53 {
+.hatching-progress-bar__accent_i8bxq {
     background: var(--color-light-graphic-accent);
 }

package/icon-button/Component.js

@@ -10,13 +10,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_xfm9v","secondary":"icon-button__secondary_xfm9v","transparent":"icon-button__transparent_xfm9v","negative":"icon-button__negative_xfm9v","tertiary":"icon-button__tertiary_xfm9v","component":"icon-button__component_xfm9v","loader":"icon-button__loader_xfm9v"};
+var defaultColors = {"primary":"icon-button__primary_1g4c9","secondary":"icon-button__secondary_1g4c9","transparent":"icon-button__transparent_1g4c9","negative":"icon-button__negative_1g4c9","tertiary":"icon-button__tertiary_1g4c9","component":"icon-button__component_1g4c9","loader":"icon-button__loader_1g4c9"};
 require('./default.css');
 
-var styles = {"xxs":"icon-button__xxs_7v1tf","xs":"icon-button__xs_7v1tf","s":"icon-button__s_7v1tf","iconWrapper":"icon-button__iconWrapper_7v1tf","center":"icon-button__center_7v1tf","left":"icon-button__left_7v1tf","right":"icon-button__right_7v1tf","icon":"icon-button__icon_7v1tf"};
+var styles = {"xxs":"icon-button__xxs_1joq2","xs":"icon-button__xs_1joq2","s":"icon-button__s_1joq2","iconWrapper":"icon-button__iconWrapper_1joq2","center":"icon-button__center_1joq2","left":"icon-button__left_1joq2","right":"icon-button__right_1joq2","icon":"icon-button__icon_1joq2"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_196nk","secondary":"icon-button__secondary_196nk","transparent":"icon-button__transparent_196nk","negative":"icon-button__negative_196nk","tertiary":"icon-button__tertiary_196nk","component":"icon-button__component_196nk","loader":"icon-button__loader_196nk"};
+var invertedColors = {"primary":"icon-button__primary_1rvdk","secondary":"icon-button__secondary_1rvdk","transparent":"icon-button__transparent_1rvdk","negative":"icon-button__negative_1rvdk","tertiary":"icon-button__tertiary_1rvdk","component":"icon-button__component_1rvdk","loader":"icon-button__loader_1rvdk"};
 require('./inverted.css');
 
 var colorStyles = {

package/icon-button/default.css

@@ -59,50 +59,50 @@
     --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_xfm9v {
+} .cc-icon-button.icon-button__primary_1g4c9 {
         color: var(--icon-button-primary-base-color)
-    } .cc-icon-button.icon-button__primary_xfm9v:hover {
+    } .cc-icon-button.icon-button__primary_1g4c9:hover {
             color: var(--icon-button-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_xfm9v:active {
+        } .cc-icon-button.icon-button__primary_1g4c9:active {
             color: var(--icon-button-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_xfm9v {
+        } .cc-icon-button.icon-button__secondary_1g4c9 {
         color: var(--icon-button-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_xfm9v:hover {
+    } .cc-icon-button.icon-button__secondary_1g4c9:hover {
             color: var(--icon-button-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_xfm9v:active {
+        } .cc-icon-button.icon-button__secondary_1g4c9:active {
             color: var(--icon-button-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_xfm9v {
+        } .cc-icon-button.icon-button__transparent_1g4c9 {
         color: var(--icon-button-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_xfm9v:hover {
+    } .cc-icon-button.icon-button__transparent_1g4c9:hover {
             color: var(--icon-button-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_xfm9v:active {
+        } .cc-icon-button.icon-button__transparent_1g4c9:active {
             color: var(--icon-button-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_xfm9v {
+        } .cc-icon-button.icon-button__negative_1g4c9 {
         color: var(--icon-button-negative-base-color)
-    } .cc-icon-button.icon-button__negative_xfm9v:hover {
+    } .cc-icon-button.icon-button__negative_1g4c9:hover {
             color: var(--icon-button-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_xfm9v:active {
+        } .cc-icon-button.icon-button__negative_1g4c9:active {
             color: var(--icon-button-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_xfm9v {
+        } .cc-icon-button.icon-button__tertiary_1g4c9 {
         color: var(--icon-button-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_xfm9v:hover {
+    } .cc-icon-button.icon-button__tertiary_1g4c9:hover {
             color: var(--icon-button-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_xfm9v:active {
+        } .cc-icon-button.icon-button__tertiary_1g4c9:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__primary_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__primary_1g4c9 {
             color: var(--icon-button-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__primary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__primary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-primary-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__secondary_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__secondary_1g4c9 {
             color: var(--icon-button-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__secondary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__secondary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-secondary-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__negative_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__negative_1g4c9 {
             color: var(--icon-button-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__negative_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__negative_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-negative-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__tertiary_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__tertiary_1g4c9 {
             color: var(--icon-button-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__tertiary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__tertiary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-tertiary-base-color);
             }

package/icon-button/esm/Component.js

@@ -3,13 +3,13 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 
-var defaultColors = {"primary":"icon-button__primary_xfm9v","secondary":"icon-button__secondary_xfm9v","transparent":"icon-button__transparent_xfm9v","negative":"icon-button__negative_xfm9v","tertiary":"icon-button__tertiary_xfm9v","component":"icon-button__component_xfm9v","loader":"icon-button__loader_xfm9v"};
+var defaultColors = {"primary":"icon-button__primary_1g4c9","secondary":"icon-button__secondary_1g4c9","transparent":"icon-button__transparent_1g4c9","negative":"icon-button__negative_1g4c9","tertiary":"icon-button__tertiary_1g4c9","component":"icon-button__component_1g4c9","loader":"icon-button__loader_1g4c9"};
 require('./default.css');
 
-var styles = {"xxs":"icon-button__xxs_7v1tf","xs":"icon-button__xs_7v1tf","s":"icon-button__s_7v1tf","iconWrapper":"icon-button__iconWrapper_7v1tf","center":"icon-button__center_7v1tf","left":"icon-button__left_7v1tf","right":"icon-button__right_7v1tf","icon":"icon-button__icon_7v1tf"};
+var styles = {"xxs":"icon-button__xxs_1joq2","xs":"icon-button__xs_1joq2","s":"icon-button__s_1joq2","iconWrapper":"icon-button__iconWrapper_1joq2","center":"icon-button__center_1joq2","left":"icon-button__left_1joq2","right":"icon-button__right_1joq2","icon":"icon-button__icon_1joq2"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_196nk","secondary":"icon-button__secondary_196nk","transparent":"icon-button__transparent_196nk","negative":"icon-button__negative_196nk","tertiary":"icon-button__tertiary_196nk","component":"icon-button__component_196nk","loader":"icon-button__loader_196nk"};
+var invertedColors = {"primary":"icon-button__primary_1rvdk","secondary":"icon-button__secondary_1rvdk","transparent":"icon-button__transparent_1rvdk","negative":"icon-button__negative_1rvdk","tertiary":"icon-button__tertiary_1rvdk","component":"icon-button__component_1rvdk","loader":"icon-button__loader_1rvdk"};
 require('./inverted.css');
 
 var colorStyles = {

package/icon-button/esm/default.css

@@ -59,50 +59,50 @@
     --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_xfm9v {
+} .cc-icon-button.icon-button__primary_1g4c9 {
         color: var(--icon-button-primary-base-color)
-    } .cc-icon-button.icon-button__primary_xfm9v:hover {
+    } .cc-icon-button.icon-button__primary_1g4c9:hover {
             color: var(--icon-button-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_xfm9v:active {
+        } .cc-icon-button.icon-button__primary_1g4c9:active {
             color: var(--icon-button-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_xfm9v {
+        } .cc-icon-button.icon-button__secondary_1g4c9 {
         color: var(--icon-button-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_xfm9v:hover {
+    } .cc-icon-button.icon-button__secondary_1g4c9:hover {
             color: var(--icon-button-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_xfm9v:active {
+        } .cc-icon-button.icon-button__secondary_1g4c9:active {
             color: var(--icon-button-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_xfm9v {
+        } .cc-icon-button.icon-button__transparent_1g4c9 {
         color: var(--icon-button-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_xfm9v:hover {
+    } .cc-icon-button.icon-button__transparent_1g4c9:hover {
             color: var(--icon-button-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_xfm9v:active {
+        } .cc-icon-button.icon-button__transparent_1g4c9:active {
             color: var(--icon-button-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_xfm9v {
+        } .cc-icon-button.icon-button__negative_1g4c9 {
         color: var(--icon-button-negative-base-color)
-    } .cc-icon-button.icon-button__negative_xfm9v:hover {
+    } .cc-icon-button.icon-button__negative_1g4c9:hover {
             color: var(--icon-button-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_xfm9v:active {
+        } .cc-icon-button.icon-button__negative_1g4c9:active {
             color: var(--icon-button-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_xfm9v {
+        } .cc-icon-button.icon-button__tertiary_1g4c9 {
         color: var(--icon-button-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_xfm9v:hover {
+    } .cc-icon-button.icon-button__tertiary_1g4c9:hover {
             color: var(--icon-button-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_xfm9v:active {
+        } .cc-icon-button.icon-button__tertiary_1g4c9:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__primary_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__primary_1g4c9 {
             color: var(--icon-button-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__primary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__primary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-primary-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__secondary_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__secondary_1g4c9 {
             color: var(--icon-button-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__secondary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__secondary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-secondary-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__negative_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__negative_1g4c9 {
             color: var(--icon-button-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__negative_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__negative_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-negative-base-color);
-            } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__tertiary_xfm9v {
+            } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__tertiary_1g4c9 {
             color: var(--icon-button-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_xfm9v:disabled.icon-button__tertiary_xfm9v.icon-button__loader_xfm9v {
+        } .cc-icon-button.icon-button__component_1g4c9:disabled.icon-button__tertiary_1g4c9.icon-button__loader_1g4c9 {
                 color: var(--icon-button-tertiary-base-color);
             }

package/icon-button/esm/index.css

@@ -18,27 +18,27 @@
     --icon-button-xxs-size: 24px;
     --icon-button-xs-size: 32px;
     --icon-button-s-size: 48px;
-} .icon-button__xxs_7v1tf {
+} .icon-button__xxs_1joq2 {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__xs_7v1tf {
+} .icon-button__xs_1joq2 {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__s_7v1tf {
+} .icon-button__s_1joq2 {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__iconWrapper_7v1tf {
+} .icon-button__iconWrapper_1joq2 {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_7v1tf.icon-button__center_7v1tf {
+} .icon-button__iconWrapper_1joq2.icon-button__center_1joq2 {
         justify-content: center;
-    } .icon-button__iconWrapper_7v1tf.icon-button__left_7v1tf {
+    } .icon-button__iconWrapper_1joq2.icon-button__left_1joq2 {
         justify-content: left;
-    } .icon-button__iconWrapper_7v1tf.icon-button__right_7v1tf {
+    } .icon-button__iconWrapper_1joq2.icon-button__right_1joq2 {
         justify-content: right;
-    } .icon-button__icon_7v1tf {
+    } .icon-button__icon_1joq2 {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_7v1tf *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1joq2 *[fill-rule] {
     fill: currentColor;
 }