@alfalab/core-components 37.2.1 → 37.3.0-beta.2

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-35987a30.js';
+import './gutters.module-dcf91c0e.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-35987a30.js';
+import { g as guttersStyles } from '../gutters.module-dcf91c0e.js';
 
-const styles = {"component":"grid__component_ufm16","top":"grid__top_ufm16","middle":"grid__middle_ufm16","bottom":"grid__bottom_ufm16","left":"grid__left_ufm16","center":"grid__center_ufm16","right":"grid__right_ufm16","around":"grid__around_ufm16","between":"grid__between_ufm16"};
+const styles = {"component":"grid__component_g8xez","top":"grid__top_g8xez","middle":"grid__middle_g8xez","bottom":"grid__bottom_g8xez","left":"grid__left_g8xez","center":"grid__center_g8xez","right":"grid__right_g8xez","around":"grid__around_g8xez","between":"grid__between_g8xez"};
 require('./index.css');
 
 const Row = ({ tag: Component = 'div', className, gutter = {

package/grid/modern/row/index.css

@@ -1,5 +1,5 @@
 /* hash: 16bdc */
-.grid__component_ufm16 {
+.grid__component_g8xez {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -7,34 +7,34 @@
     box-sizing: border-box;
 }
 
-.grid__top_ufm16 {
+.grid__top_g8xez {
     align-items: flex-start;
 }
 
-.grid__middle_ufm16 {
+.grid__middle_g8xez {
     align-items: center;
 }
 
-.grid__bottom_ufm16 {
+.grid__bottom_g8xez {
     align-items: flex-end;
 }
 
-.grid__left_ufm16 {
+.grid__left_g8xez {
     justify-content: flex-start;
 }
 
-.grid__center_ufm16 {
+.grid__center_g8xez {
     justify-content: center;
 }
 
-.grid__right_ufm16 {
+.grid__right_g8xez {
     justify-content: flex-end;
 }
 
-.grid__around_ufm16 {
+.grid__around_g8xez {
     justify-content: space-around;
 }
 
-.grid__between_ufm16 {
+.grid__between_g8xez {
     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-35987a30.js';
+import '../gutters.module-dcf91c0e.js';
 import '../utils/index.js';

package/grid/row/Component.js

@@ -1,4 +1,4 @@
-var gutters_module = require('../gutters.module-fd58aab6.js');
+var gutters_module = require('../gutters.module-e62e9997.js');
 var React = require('react');
 var cn = require('classnames');
 var utils_index = require('../utils/index.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 = {"component":"grid__component_ufm16","top":"grid__top_ufm16","middle":"grid__middle_ufm16","bottom":"grid__bottom_ufm16","left":"grid__left_ufm16","center":"grid__center_ufm16","right":"grid__right_ufm16","around":"grid__around_ufm16","between":"grid__between_ufm16"};
+var styles = {"component":"grid__component_g8xez","top":"grid__top_g8xez","middle":"grid__middle_g8xez","bottom":"grid__bottom_g8xez","left":"grid__left_g8xez","center":"grid__center_g8xez","right":"grid__right_g8xez","around":"grid__around_g8xez","between":"grid__between_g8xez"};
 require('./index.css');
 
 var Row = function (_a) {

package/grid/row/index.css

@@ -1,5 +1,5 @@
 /* hash: 16bdc */
-.grid__component_ufm16 {
+.grid__component_g8xez {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -7,34 +7,34 @@
     box-sizing: border-box;
 }
 
-.grid__top_ufm16 {
+.grid__top_g8xez {
     align-items: flex-start;
 }
 
-.grid__middle_ufm16 {
+.grid__middle_g8xez {
     align-items: center;
 }
 
-.grid__bottom_ufm16 {
+.grid__bottom_g8xez {
     align-items: flex-end;
 }
 
-.grid__left_ufm16 {
+.grid__left_g8xez {
     justify-content: flex-start;
 }
 
-.grid__center_ufm16 {
+.grid__center_g8xez {
     justify-content: center;
 }
 
-.grid__right_ufm16 {
+.grid__right_g8xez {
     justify-content: flex-end;
 }
 
-.grid__around_ufm16 {
+.grid__around_g8xez {
     justify-content: space-around;
 }
 
-.grid__between_ufm16 {
+.grid__between_g8xez {
     justify-content: space-between;
 }

package/grid/row/index.js

@@ -1,5 +1,5 @@
 var row_Component = require('./Component.js');
-require('../gutters.module-fd58aab6.js');
+require('../gutters.module-e62e9997.js');
 require('react');
 require('classnames');
 require('../utils/index.js');

package/hatching-progress-bar/Component.js

@@ -6,7 +6,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_jgb8y","hatch":"hatching-progress-bar__hatch_jgb8y","filled":"hatching-progress-bar__filled_jgb8y","positive":"hatching-progress-bar__positive_jgb8y","attention":"hatching-progress-bar__attention_jgb8y","negative":"hatching-progress-bar__negative_jgb8y","link":"hatching-progress-bar__link_jgb8y","tertiary":"hatching-progress-bar__tertiary_jgb8y","secondary":"hatching-progress-bar__secondary_jgb8y","primary":"hatching-progress-bar__primary_jgb8y","accent":"hatching-progress-bar__accent_jgb8y"};
+var styles = {"container":"hatching-progress-bar__container_5y7xn","hatch":"hatching-progress-bar__hatch_5y7xn","filled":"hatching-progress-bar__filled_5y7xn","positive":"hatching-progress-bar__positive_5y7xn","attention":"hatching-progress-bar__attention_5y7xn","negative":"hatching-progress-bar__negative_5y7xn","link":"hatching-progress-bar__link_5y7xn","tertiary":"hatching-progress-bar__tertiary_5y7xn","secondary":"hatching-progress-bar__secondary_5y7xn","primary":"hatching-progress-bar__primary_5y7xn","accent":"hatching-progress-bar__accent_5y7xn"};
 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_jgb8y","hatch":"hatching-progress-bar__hatch_jgb8y","filled":"hatching-progress-bar__filled_jgb8y","positive":"hatching-progress-bar__positive_jgb8y","attention":"hatching-progress-bar__attention_jgb8y","negative":"hatching-progress-bar__negative_jgb8y","link":"hatching-progress-bar__link_jgb8y","tertiary":"hatching-progress-bar__tertiary_jgb8y","secondary":"hatching-progress-bar__secondary_jgb8y","primary":"hatching-progress-bar__primary_jgb8y","accent":"hatching-progress-bar__accent_jgb8y"};
+var styles = {"container":"hatching-progress-bar__container_5y7xn","hatch":"hatching-progress-bar__hatch_5y7xn","filled":"hatching-progress-bar__filled_5y7xn","positive":"hatching-progress-bar__positive_5y7xn","attention":"hatching-progress-bar__attention_5y7xn","negative":"hatching-progress-bar__negative_5y7xn","link":"hatching-progress-bar__link_5y7xn","tertiary":"hatching-progress-bar__tertiary_5y7xn","secondary":"hatching-progress-bar__secondary_5y7xn","primary":"hatching-progress-bar__primary_5y7xn","accent":"hatching-progress-bar__accent_5y7xn"};
 require('./index.css');
 
 var HatchingProgressBar = React.forwardRef(function (_a, ref) {

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

@@ -22,7 +22,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_jgb8y {
+.hatching-progress-bar__container_5y7xn {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -30,7 +30,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_jgb8y {
+.hatching-progress-bar__hatch_5y7xn {
     position: absolute;
     left: 0;
     top: 0;
@@ -44,34 +44,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_jgb8y {
+.hatching-progress-bar__filled_5y7xn {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_jgb8y {
+.hatching-progress-bar__positive_5y7xn {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_jgb8y {
+.hatching-progress-bar__attention_5y7xn {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_jgb8y {
+.hatching-progress-bar__negative_5y7xn {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_jgb8y {
+.hatching-progress-bar__link_5y7xn {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_jgb8y {
+.hatching-progress-bar__tertiary_5y7xn {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_jgb8y {
+.hatching-progress-bar__secondary_5y7xn {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_jgb8y {
+.hatching-progress-bar__primary_5y7xn {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_jgb8y {
+.hatching-progress-bar__accent_5y7xn {
     background: var(--color-light-graphic-accent);
 }

package/hatching-progress-bar/index.css

@@ -22,7 +22,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_jgb8y {
+.hatching-progress-bar__container_5y7xn {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -30,7 +30,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_jgb8y {
+.hatching-progress-bar__hatch_5y7xn {
     position: absolute;
     left: 0;
     top: 0;
@@ -44,34 +44,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_jgb8y {
+.hatching-progress-bar__filled_5y7xn {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_jgb8y {
+.hatching-progress-bar__positive_5y7xn {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_jgb8y {
+.hatching-progress-bar__attention_5y7xn {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_jgb8y {
+.hatching-progress-bar__negative_5y7xn {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_jgb8y {
+.hatching-progress-bar__link_5y7xn {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_jgb8y {
+.hatching-progress-bar__tertiary_5y7xn {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_jgb8y {
+.hatching-progress-bar__secondary_5y7xn {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_jgb8y {
+.hatching-progress-bar__primary_5y7xn {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_jgb8y {
+.hatching-progress-bar__accent_5y7xn {
     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_jgb8y","hatch":"hatching-progress-bar__hatch_jgb8y","filled":"hatching-progress-bar__filled_jgb8y","positive":"hatching-progress-bar__positive_jgb8y","attention":"hatching-progress-bar__attention_jgb8y","negative":"hatching-progress-bar__negative_jgb8y","link":"hatching-progress-bar__link_jgb8y","tertiary":"hatching-progress-bar__tertiary_jgb8y","secondary":"hatching-progress-bar__secondary_jgb8y","primary":"hatching-progress-bar__primary_jgb8y","accent":"hatching-progress-bar__accent_jgb8y"};
+const styles = {"container":"hatching-progress-bar__container_5y7xn","hatch":"hatching-progress-bar__hatch_5y7xn","filled":"hatching-progress-bar__filled_5y7xn","positive":"hatching-progress-bar__positive_5y7xn","attention":"hatching-progress-bar__attention_5y7xn","negative":"hatching-progress-bar__negative_5y7xn","link":"hatching-progress-bar__link_5y7xn","tertiary":"hatching-progress-bar__tertiary_5y7xn","secondary":"hatching-progress-bar__secondary_5y7xn","primary":"hatching-progress-bar__primary_5y7xn","accent":"hatching-progress-bar__accent_5y7xn"};
 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

@@ -22,7 +22,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.hatching-progress-bar__container_jgb8y {
+.hatching-progress-bar__container_5y7xn {
     background: var(--color-light-bg-primary-inverted-alpha-10);
     display: flex;
     overflow: hidden;
@@ -30,7 +30,7 @@
     height: 8px;
     position: relative;
 }
-.hatching-progress-bar__hatch_jgb8y {
+.hatching-progress-bar__hatch_5y7xn {
     position: absolute;
     left: 0;
     top: 0;
@@ -44,34 +44,34 @@
         var(--color-light-specialbg-nulled) 10px 18px
     );
 }
-.hatching-progress-bar__filled_jgb8y {
+.hatching-progress-bar__filled_5y7xn {
     position: relative;
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease;
     z-index: 1;
 }
-.hatching-progress-bar__positive_jgb8y {
+.hatching-progress-bar__positive_5y7xn {
     background: var(--color-light-graphic-positive);
 }
-.hatching-progress-bar__attention_jgb8y {
+.hatching-progress-bar__attention_5y7xn {
     background: var(--color-light-graphic-attention);
 }
-.hatching-progress-bar__negative_jgb8y {
+.hatching-progress-bar__negative_5y7xn {
     background: var(--color-light-graphic-negative);
 }
-.hatching-progress-bar__link_jgb8y {
+.hatching-progress-bar__link_5y7xn {
     background: var(--color-light-graphic-link);
 }
-.hatching-progress-bar__tertiary_jgb8y {
+.hatching-progress-bar__tertiary_5y7xn {
     background: var(--color-light-graphic-tertiary);
 }
-.hatching-progress-bar__secondary_jgb8y {
+.hatching-progress-bar__secondary_5y7xn {
     background: var(--color-light-graphic-secondary);
 }
-.hatching-progress-bar__primary_jgb8y {
+.hatching-progress-bar__primary_5y7xn {
     background: var(--color-light-graphic-primary);
 }
-.hatching-progress-bar__accent_jgb8y {
+.hatching-progress-bar__accent_5y7xn {
     background: var(--color-light-graphic-accent);
 }

package/icon-button/Component.js

@@ -46,13 +46,13 @@ function __rest(s, e) {
     return t;
 }
 
-var defaultColors = {"primary":"icon-button__primary_1ylu3","secondary":"icon-button__secondary_1ylu3","transparent":"icon-button__transparent_1ylu3","negative":"icon-button__negative_1ylu3","tertiary":"icon-button__tertiary_1ylu3","component":"icon-button__component_1ylu3","loader":"icon-button__loader_1ylu3"};
+var defaultColors = {"primary":"icon-button__primary_1p7l4","secondary":"icon-button__secondary_1p7l4","transparent":"icon-button__transparent_1p7l4","negative":"icon-button__negative_1p7l4","tertiary":"icon-button__tertiary_1p7l4","component":"icon-button__component_1p7l4","loader":"icon-button__loader_1p7l4"};
 require('./default.css');
 
-var styles = {"xxs":"icon-button__xxs_kq893","xs":"icon-button__xs_kq893","s":"icon-button__s_kq893","iconWrapper":"icon-button__iconWrapper_kq893","icon":"icon-button__icon_kq893"};
+var styles = {"xxs":"icon-button__xxs_plhes","xs":"icon-button__xs_plhes","s":"icon-button__s_plhes","iconWrapper":"icon-button__iconWrapper_plhes","icon":"icon-button__icon_plhes"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_bbrby","secondary":"icon-button__secondary_bbrby","transparent":"icon-button__transparent_bbrby","negative":"icon-button__negative_bbrby","tertiary":"icon-button__tertiary_bbrby","component":"icon-button__component_bbrby","loader":"icon-button__loader_bbrby"};
+var invertedColors = {"primary":"icon-button__primary_1xice","secondary":"icon-button__secondary_1xice","transparent":"icon-button__transparent_1xice","negative":"icon-button__negative_1xice","tertiary":"icon-button__tertiary_1xice","component":"icon-button__component_1xice","loader":"icon-button__loader_1xice"};
 require('./inverted.css');
 
 var colorStyles = {

package/icon-button/default.css

@@ -57,72 +57,72 @@
     --icon-button-negative-active-color: var(--color-light-graphic-negative-shade-15);
     --icon-button-negative-disabled-color: var(--color-light-graphic-negative-alpha-30);
 }
-.cc-icon-button.icon-button__primary_1ylu3 {
+.cc-icon-button.icon-button__primary_1p7l4 {
         color: var(--icon-button-primary-base-color)
     }
-.cc-icon-button.icon-button__primary_1ylu3:hover {
+.cc-icon-button.icon-button__primary_1p7l4:hover {
             color: var(--icon-button-primary-hover-color);
         }
-.cc-icon-button.icon-button__primary_1ylu3:active {
+.cc-icon-button.icon-button__primary_1p7l4:active {
             color: var(--icon-button-primary-active-color);
         }
-.cc-icon-button.icon-button__secondary_1ylu3 {
+.cc-icon-button.icon-button__secondary_1p7l4 {
         color: var(--icon-button-secondary-base-color)
     }
-.cc-icon-button.icon-button__secondary_1ylu3:hover {
+.cc-icon-button.icon-button__secondary_1p7l4:hover {
             color: var(--icon-button-secondary-hover-color);
         }
-.cc-icon-button.icon-button__secondary_1ylu3:active {
+.cc-icon-button.icon-button__secondary_1p7l4:active {
             color: var(--icon-button-secondary-active-color);
         }
-.cc-icon-button.icon-button__transparent_1ylu3 {
+.cc-icon-button.icon-button__transparent_1p7l4 {
         color: var(--icon-button-transparent-base-color)
     }
-.cc-icon-button.icon-button__transparent_1ylu3:hover {
+.cc-icon-button.icon-button__transparent_1p7l4:hover {
             color: var(--icon-button-transparent-hover-color);
         }
-.cc-icon-button.icon-button__transparent_1ylu3:active {
+.cc-icon-button.icon-button__transparent_1p7l4:active {
             color: var(--icon-button-transparent-active-color);
         }
-.cc-icon-button.icon-button__negative_1ylu3 {
+.cc-icon-button.icon-button__negative_1p7l4 {
         color: var(--icon-button-negative-base-color)
     }
-.cc-icon-button.icon-button__negative_1ylu3:hover {
+.cc-icon-button.icon-button__negative_1p7l4:hover {
             color: var(--icon-button-negative-hover-color);
         }
-.cc-icon-button.icon-button__negative_1ylu3:active {
+.cc-icon-button.icon-button__negative_1p7l4:active {
             color: var(--icon-button-negative-active-color);
         }
-.cc-icon-button.icon-button__tertiary_1ylu3 {
+.cc-icon-button.icon-button__tertiary_1p7l4 {
         color: var(--icon-button-tertiary-base-color)
     }
-.cc-icon-button.icon-button__tertiary_1ylu3:hover {
+.cc-icon-button.icon-button__tertiary_1p7l4:hover {
             color: var(--icon-button-tertiary-hover-color);
         }
-.cc-icon-button.icon-button__tertiary_1ylu3:active {
+.cc-icon-button.icon-button__tertiary_1p7l4:active {
             color: var(--icon-button-tertiary-active-color);
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__primary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__primary_1p7l4 {
             color: var(--icon-button-primary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__primary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__primary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-primary-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__secondary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__secondary_1p7l4 {
             color: var(--icon-button-secondary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__secondary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__secondary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-secondary-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__negative_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__negative_1p7l4 {
             color: var(--icon-button-negative-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__negative_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__negative_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-negative-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__tertiary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__tertiary_1p7l4 {
             color: var(--icon-button-tertiary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__tertiary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__tertiary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-tertiary-base-color);
             }

package/icon-button/esm/Component.js

@@ -41,13 +41,13 @@ function __rest(s, e) {
     return t;
 }
 
-var defaultColors = {"primary":"icon-button__primary_1ylu3","secondary":"icon-button__secondary_1ylu3","transparent":"icon-button__transparent_1ylu3","negative":"icon-button__negative_1ylu3","tertiary":"icon-button__tertiary_1ylu3","component":"icon-button__component_1ylu3","loader":"icon-button__loader_1ylu3"};
+var defaultColors = {"primary":"icon-button__primary_1p7l4","secondary":"icon-button__secondary_1p7l4","transparent":"icon-button__transparent_1p7l4","negative":"icon-button__negative_1p7l4","tertiary":"icon-button__tertiary_1p7l4","component":"icon-button__component_1p7l4","loader":"icon-button__loader_1p7l4"};
 require('./default.css');
 
-var styles = {"xxs":"icon-button__xxs_kq893","xs":"icon-button__xs_kq893","s":"icon-button__s_kq893","iconWrapper":"icon-button__iconWrapper_kq893","icon":"icon-button__icon_kq893"};
+var styles = {"xxs":"icon-button__xxs_plhes","xs":"icon-button__xs_plhes","s":"icon-button__s_plhes","iconWrapper":"icon-button__iconWrapper_plhes","icon":"icon-button__icon_plhes"};
 require('./index.css');
 
-var invertedColors = {"primary":"icon-button__primary_bbrby","secondary":"icon-button__secondary_bbrby","transparent":"icon-button__transparent_bbrby","negative":"icon-button__negative_bbrby","tertiary":"icon-button__tertiary_bbrby","component":"icon-button__component_bbrby","loader":"icon-button__loader_bbrby"};
+var invertedColors = {"primary":"icon-button__primary_1xice","secondary":"icon-button__secondary_1xice","transparent":"icon-button__transparent_1xice","negative":"icon-button__negative_1xice","tertiary":"icon-button__tertiary_1xice","component":"icon-button__component_1xice","loader":"icon-button__loader_1xice"};
 require('./inverted.css');
 
 var colorStyles = {

package/icon-button/esm/default.css

@@ -57,72 +57,72 @@
     --icon-button-negative-active-color: var(--color-light-graphic-negative-shade-15);
     --icon-button-negative-disabled-color: var(--color-light-graphic-negative-alpha-30);
 }
-.cc-icon-button.icon-button__primary_1ylu3 {
+.cc-icon-button.icon-button__primary_1p7l4 {
         color: var(--icon-button-primary-base-color)
     }
-.cc-icon-button.icon-button__primary_1ylu3:hover {
+.cc-icon-button.icon-button__primary_1p7l4:hover {
             color: var(--icon-button-primary-hover-color);
         }
-.cc-icon-button.icon-button__primary_1ylu3:active {
+.cc-icon-button.icon-button__primary_1p7l4:active {
             color: var(--icon-button-primary-active-color);
         }
-.cc-icon-button.icon-button__secondary_1ylu3 {
+.cc-icon-button.icon-button__secondary_1p7l4 {
         color: var(--icon-button-secondary-base-color)
     }
-.cc-icon-button.icon-button__secondary_1ylu3:hover {
+.cc-icon-button.icon-button__secondary_1p7l4:hover {
             color: var(--icon-button-secondary-hover-color);
         }
-.cc-icon-button.icon-button__secondary_1ylu3:active {
+.cc-icon-button.icon-button__secondary_1p7l4:active {
             color: var(--icon-button-secondary-active-color);
         }
-.cc-icon-button.icon-button__transparent_1ylu3 {
+.cc-icon-button.icon-button__transparent_1p7l4 {
         color: var(--icon-button-transparent-base-color)
     }
-.cc-icon-button.icon-button__transparent_1ylu3:hover {
+.cc-icon-button.icon-button__transparent_1p7l4:hover {
             color: var(--icon-button-transparent-hover-color);
         }
-.cc-icon-button.icon-button__transparent_1ylu3:active {
+.cc-icon-button.icon-button__transparent_1p7l4:active {
             color: var(--icon-button-transparent-active-color);
         }
-.cc-icon-button.icon-button__negative_1ylu3 {
+.cc-icon-button.icon-button__negative_1p7l4 {
         color: var(--icon-button-negative-base-color)
     }
-.cc-icon-button.icon-button__negative_1ylu3:hover {
+.cc-icon-button.icon-button__negative_1p7l4:hover {
             color: var(--icon-button-negative-hover-color);
         }
-.cc-icon-button.icon-button__negative_1ylu3:active {
+.cc-icon-button.icon-button__negative_1p7l4:active {
             color: var(--icon-button-negative-active-color);
         }
-.cc-icon-button.icon-button__tertiary_1ylu3 {
+.cc-icon-button.icon-button__tertiary_1p7l4 {
         color: var(--icon-button-tertiary-base-color)
     }
-.cc-icon-button.icon-button__tertiary_1ylu3:hover {
+.cc-icon-button.icon-button__tertiary_1p7l4:hover {
             color: var(--icon-button-tertiary-hover-color);
         }
-.cc-icon-button.icon-button__tertiary_1ylu3:active {
+.cc-icon-button.icon-button__tertiary_1p7l4:active {
             color: var(--icon-button-tertiary-active-color);
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__primary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__primary_1p7l4 {
             color: var(--icon-button-primary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__primary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__primary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-primary-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__secondary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__secondary_1p7l4 {
             color: var(--icon-button-secondary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__secondary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__secondary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-secondary-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__negative_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__negative_1p7l4 {
             color: var(--icon-button-negative-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__negative_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__negative_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-negative-base-color);
             }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__tertiary_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__tertiary_1p7l4 {
             color: var(--icon-button-tertiary-disabled-color)
         }
-.cc-icon-button.icon-button__component_1ylu3:disabled.icon-button__tertiary_1ylu3.icon-button__loader_1ylu3 {
+.cc-icon-button.icon-button__component_1p7l4:disabled.icon-button__tertiary_1p7l4.icon-button__loader_1p7l4 {
                 color: var(--icon-button-tertiary-base-color);
             }