@alfalab/core-components 48.9.0 → 48.9.1

package/button/esm/mobile/Component.mobile.js

@@ -7,13 +7,13 @@ import '../../../shared/esm';
 import '../../../spinner/esm';
 import '@alfalab/hooks';
 
-var defaultColors = {"primary":"button__primary_1ahkw","loader":"button__loader_1ahkw","secondary":"button__secondary_1ahkw","text":"button__text_1ahkw","ghost":"button__ghost_1ahkw","component":"button__component_1ahkw","loading":"button__loading_1ahkw","outlined":"button__outlined_1ahkw","tertiary":"button__tertiary_1ahkw","transparent":"button__transparent_1ahkw","link":"button__link_1ahkw"};
+var defaultColors = {"primary":"button__primary_48u63","loader":"button__loader_48u63","secondary":"button__secondary_48u63","text":"button__text_48u63","ghost":"button__ghost_48u63","component":"button__component_48u63","loading":"button__loading_48u63","outlined":"button__outlined_48u63","tertiary":"button__tertiary_48u63","transparent":"button__transparent_48u63","link":"button__link_48u63"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1ehnw","loader":"button__loader_1ehnw","secondary":"button__secondary_1ehnw","text":"button__text_1ehnw","ghost":"button__ghost_1ehnw","component":"button__component_1ehnw","loading":"button__loading_1ehnw","outlined":"button__outlined_1ehnw","tertiary":"button__tertiary_1ehnw","transparent":"button__transparent_1ehnw","link":"button__link_1ehnw"};
+var invertedColors = {"primary":"button__primary_r1zhd","loader":"button__loader_r1zhd","secondary":"button__secondary_r1zhd","text":"button__text_r1zhd","ghost":"button__ghost_r1zhd","component":"button__component_r1zhd","loading":"button__loading_r1zhd","outlined":"button__outlined_r1zhd","tertiary":"button__tertiary_r1zhd","transparent":"button__transparent_r1zhd","link":"button__link_r1zhd"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_14ihe","size-40":"button__size-40_14ihe","size-48":"button__size-48_14ihe","size-56":"button__size-56_14ihe","size-64":"button__size-64_14ihe","size-72":"button__size-72_14ihe"};
+var styles = {"size-32":"button__size-32_8g9m5","size-40":"button__size-40_8g9m5","size-48":"button__size-48_8g9m5","size-56":"button__size-56_8g9m5","size-64":"button__size-64_8g9m5","size-72":"button__size-72_8g9m5"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/esm/mobile/default.mobile.css

@@ -129,45 +129,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1ahkw {
+} .button__primary_48u63 {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ahkw:hover {
+        .button__primary_48u63:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1ahkw:active {
+    } .button__primary_48u63:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1ahkw > .button__loader_1ahkw {
+    } .button__primary_48u63 > .button__loader_48u63 {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1ahkw {
+    } .button__secondary_48u63 {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1ahkw:active {
+} .button__secondary_48u63:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1ahkw:active {
+    } .button__text_48u63:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1ahkw:active {
+    } .button__ghost_48u63:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1ahkw[disabled].button__primary_1ahkw {
+    } .button__component_48u63[disabled].button__primary_48u63 {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1ahkw[disabled].button__primary_1ahkw.button__loading_1ahkw {
+    } .button__component_48u63[disabled].button__primary_48u63.button__loading_48u63 {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1ahkw[disabled].button__secondary_1ahkw {
+        } .button__component_48u63[disabled].button__secondary_48u63 {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1ahkw[disabled].button__outlined_1ahkw {
+    } .button__component_48u63[disabled].button__outlined_48u63 {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1ahkw[disabled].button__tertiary_1ahkw {
+    } .button__component_48u63[disabled].button__tertiary_48u63 {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1ahkw[disabled].button__transparent_1ahkw {
+    } .button__component_48u63[disabled].button__transparent_48u63 {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__link_1ahkw {
+    } .button__component_48u63[disabled].button__link_48u63 {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__text_1ahkw {
+    } .button__component_48u63[disabled].button__text_48u63 {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__ghost_1ahkw {
+    } .button__component_48u63[disabled].button__ghost_48u63 {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/inverted.mobile.css

@@ -140,45 +140,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1ehnw {
+} .button__primary_r1zhd {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ehnw:hover {
+        .button__primary_r1zhd:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1ehnw:active {
+    } .button__primary_r1zhd:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1ehnw > .button__loader_1ehnw {
+    } .button__primary_r1zhd > .button__loader_r1zhd {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1ehnw {
+    } .button__secondary_r1zhd {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1ehnw:active {
+} .button__secondary_r1zhd:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1ehnw:active {
+    } .button__text_r1zhd:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1ehnw:active {
+    } .button__ghost_r1zhd:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1ehnw[disabled].button__primary_1ehnw {
+    } .button__component_r1zhd[disabled].button__primary_r1zhd {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1ehnw[disabled].button__primary_1ehnw.button__loading_1ehnw {
+    } .button__component_r1zhd[disabled].button__primary_r1zhd.button__loading_r1zhd {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1ehnw[disabled].button__secondary_1ehnw {
+        } .button__component_r1zhd[disabled].button__secondary_r1zhd {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1ehnw[disabled].button__outlined_1ehnw {
+    } .button__component_r1zhd[disabled].button__outlined_r1zhd {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1ehnw[disabled].button__tertiary_1ehnw {
+    } .button__component_r1zhd[disabled].button__tertiary_r1zhd {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1ehnw[disabled].button__transparent_1ehnw {
+    } .button__component_r1zhd[disabled].button__transparent_r1zhd {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__link_1ehnw {
+    } .button__component_r1zhd[disabled].button__link_r1zhd {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__text_1ehnw {
+    } .button__component_r1zhd[disabled].button__text_r1zhd {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__ghost_1ehnw {
+    } .button__component_r1zhd[disabled].button__ghost_r1zhd {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css

@@ -110,16 +110,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_14ihe {
+} .button__size-32_8g9m5 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_14ihe {
+} .button__size-40_8g9m5 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_14ihe {
+} .button__size-48_8g9m5 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_14ihe {
+} .button__size-56_8g9m5 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_14ihe {
+} .button__size-64_8g9m5 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_14ihe {
+} .button__size-72_8g9m5 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/mobile/Component.mobile.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"primary":"button__primary_1ahkw","loader":"button__loader_1ahkw","secondary":"button__secondary_1ahkw","text":"button__text_1ahkw","ghost":"button__ghost_1ahkw","component":"button__component_1ahkw","loading":"button__loading_1ahkw","outlined":"button__outlined_1ahkw","tertiary":"button__tertiary_1ahkw","transparent":"button__transparent_1ahkw","link":"button__link_1ahkw"};
+var defaultColors = {"primary":"button__primary_48u63","loader":"button__loader_48u63","secondary":"button__secondary_48u63","text":"button__text_48u63","ghost":"button__ghost_48u63","component":"button__component_48u63","loading":"button__loading_48u63","outlined":"button__outlined_48u63","tertiary":"button__tertiary_48u63","transparent":"button__transparent_48u63","link":"button__link_48u63"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1ehnw","loader":"button__loader_1ehnw","secondary":"button__secondary_1ehnw","text":"button__text_1ehnw","ghost":"button__ghost_1ehnw","component":"button__component_1ehnw","loading":"button__loading_1ehnw","outlined":"button__outlined_1ehnw","tertiary":"button__tertiary_1ehnw","transparent":"button__transparent_1ehnw","link":"button__link_1ehnw"};
+var invertedColors = {"primary":"button__primary_r1zhd","loader":"button__loader_r1zhd","secondary":"button__secondary_r1zhd","text":"button__text_r1zhd","ghost":"button__ghost_r1zhd","component":"button__component_r1zhd","loading":"button__loading_r1zhd","outlined":"button__outlined_r1zhd","tertiary":"button__tertiary_r1zhd","transparent":"button__transparent_r1zhd","link":"button__link_r1zhd"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_14ihe","size-40":"button__size-40_14ihe","size-48":"button__size-48_14ihe","size-56":"button__size-56_14ihe","size-64":"button__size-64_14ihe","size-72":"button__size-72_14ihe"};
+var styles = {"size-32":"button__size-32_8g9m5","size-40":"button__size-40_8g9m5","size-48":"button__size-48_8g9m5","size-56":"button__size-56_8g9m5","size-64":"button__size-64_8g9m5","size-72":"button__size-72_8g9m5"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/mobile/default.mobile.css

@@ -129,45 +129,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1ahkw {
+} .button__primary_48u63 {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ahkw:hover {
+        .button__primary_48u63:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1ahkw:active {
+    } .button__primary_48u63:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1ahkw > .button__loader_1ahkw {
+    } .button__primary_48u63 > .button__loader_48u63 {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1ahkw {
+    } .button__secondary_48u63 {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1ahkw:active {
+} .button__secondary_48u63:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1ahkw:active {
+    } .button__text_48u63:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1ahkw:active {
+    } .button__ghost_48u63:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1ahkw[disabled].button__primary_1ahkw {
+    } .button__component_48u63[disabled].button__primary_48u63 {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1ahkw[disabled].button__primary_1ahkw.button__loading_1ahkw {
+    } .button__component_48u63[disabled].button__primary_48u63.button__loading_48u63 {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1ahkw[disabled].button__secondary_1ahkw {
+        } .button__component_48u63[disabled].button__secondary_48u63 {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1ahkw[disabled].button__outlined_1ahkw {
+    } .button__component_48u63[disabled].button__outlined_48u63 {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1ahkw[disabled].button__tertiary_1ahkw {
+    } .button__component_48u63[disabled].button__tertiary_48u63 {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1ahkw[disabled].button__transparent_1ahkw {
+    } .button__component_48u63[disabled].button__transparent_48u63 {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__link_1ahkw {
+    } .button__component_48u63[disabled].button__link_48u63 {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__text_1ahkw {
+    } .button__component_48u63[disabled].button__text_48u63 {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1ahkw[disabled].button__ghost_1ahkw {
+    } .button__component_48u63[disabled].button__ghost_48u63 {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css

@@ -140,45 +140,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1ehnw {
+} .button__primary_r1zhd {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ehnw:hover {
+        .button__primary_r1zhd:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1ehnw:active {
+    } .button__primary_r1zhd:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1ehnw > .button__loader_1ehnw {
+    } .button__primary_r1zhd > .button__loader_r1zhd {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1ehnw {
+    } .button__secondary_r1zhd {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1ehnw:active {
+} .button__secondary_r1zhd:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1ehnw:active {
+    } .button__text_r1zhd:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1ehnw:active {
+    } .button__ghost_r1zhd:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1ehnw[disabled].button__primary_1ehnw {
+    } .button__component_r1zhd[disabled].button__primary_r1zhd {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1ehnw[disabled].button__primary_1ehnw.button__loading_1ehnw {
+    } .button__component_r1zhd[disabled].button__primary_r1zhd.button__loading_r1zhd {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1ehnw[disabled].button__secondary_1ehnw {
+        } .button__component_r1zhd[disabled].button__secondary_r1zhd {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1ehnw[disabled].button__outlined_1ehnw {
+    } .button__component_r1zhd[disabled].button__outlined_r1zhd {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1ehnw[disabled].button__tertiary_1ehnw {
+    } .button__component_r1zhd[disabled].button__tertiary_r1zhd {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1ehnw[disabled].button__transparent_1ehnw {
+    } .button__component_r1zhd[disabled].button__transparent_r1zhd {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__link_1ehnw {
+    } .button__component_r1zhd[disabled].button__link_r1zhd {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__text_1ehnw {
+    } .button__component_r1zhd[disabled].button__text_r1zhd {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1ehnw[disabled].button__ghost_1ehnw {
+    } .button__component_r1zhd[disabled].button__ghost_r1zhd {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css

@@ -110,16 +110,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_14ihe {
+} .button__size-32_8g9m5 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_14ihe {
+} .button__size-40_8g9m5 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_14ihe {
+} .button__size-48_8g9m5 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_14ihe {
+} .button__size-56_8g9m5 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_14ihe {
+} .button__size-64_8g9m5 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_14ihe {
+} .button__size-72_8g9m5 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/modern/components/base-button/Component.js

@@ -5,13 +5,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { Spinner } from '../../../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const defaultColors = {"accent":"button__accent_wgchh","loader":"button__loader_wgchh","primary":"button__primary_wgchh","hint":"button__hint_wgchh","secondary":"button__secondary_wgchh","outlined":"button__outlined_wgchh","tertiary":"button__tertiary_wgchh","filled":"button__filled_wgchh","transparent":"button__transparent_wgchh","link":"button__link_wgchh","text":"button__text_wgchh","ghost":"button__ghost_wgchh","component":"button__component_wgchh","loading":"button__loading_wgchh"};
+const defaultColors = {"accent":"button__accent_1i15c","loader":"button__loader_1i15c","primary":"button__primary_1i15c","hint":"button__hint_1i15c","secondary":"button__secondary_1i15c","outlined":"button__outlined_1i15c","tertiary":"button__tertiary_1i15c","filled":"button__filled_1i15c","transparent":"button__transparent_1i15c","link":"button__link_1i15c","text":"button__text_1i15c","ghost":"button__ghost_1i15c","component":"button__component_1i15c","loading":"button__loading_1i15c"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_1syn1","hug":"button__hug_1syn1","fill":"button__fill_1syn1","hint":"button__hint_1syn1","allowBackdropBlur":"button__allowBackdropBlur_1syn1","secondary":"button__secondary_1syn1","accent":"button__accent_1syn1","primary":"button__primary_1syn1","focused":"button__focused_1syn1","loading":"button__loading_1syn1","label":"button__label_1syn1","addons":"button__addons_1syn1","stretchText":"button__stretchText_1syn1","loader":"button__loader_1syn1","size-32":"button__size-32_1syn1","iconOnly":"button__iconOnly_1syn1","size-40":"button__size-40_1syn1","size-48":"button__size-48_1syn1","size-56":"button__size-56_1syn1","size-64":"button__size-64_1syn1","size-72":"button__size-72_1syn1","withRightAddons":"button__withRightAddons_1syn1","ghost":"button__ghost_1syn1","text":"button__text_1syn1","withLeftAddons":"button__withLeftAddons_1syn1","link":"button__link_1syn1","transparent":"button__transparent_1syn1","block":"button__block_1syn1","nowrap":"button__nowrap_1syn1","rounded":"button__rounded_1syn1"};
+const commonStyles = {"component":"button__component_kv0qh","hug":"button__hug_kv0qh","fill":"button__fill_kv0qh","hint":"button__hint_kv0qh","allowBackdropBlur":"button__allowBackdropBlur_kv0qh","secondary":"button__secondary_kv0qh","accent":"button__accent_kv0qh","primary":"button__primary_kv0qh","focused":"button__focused_kv0qh","loading":"button__loading_kv0qh","label":"button__label_kv0qh","addons":"button__addons_kv0qh","stretchText":"button__stretchText_kv0qh","loader":"button__loader_kv0qh","size-32":"button__size-32_kv0qh","iconOnly":"button__iconOnly_kv0qh","size-40":"button__size-40_kv0qh","size-48":"button__size-48_kv0qh","size-56":"button__size-56_kv0qh","size-64":"button__size-64_kv0qh","size-72":"button__size-72_kv0qh","withRightAddons":"button__withRightAddons_kv0qh","ghost":"button__ghost_kv0qh","text":"button__text_kv0qh","withLeftAddons":"button__withLeftAddons_kv0qh","link":"button__link_kv0qh","transparent":"button__transparent_kv0qh","block":"button__block_kv0qh","nowrap":"button__nowrap_kv0qh","rounded":"button__rounded_kv0qh"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_1a4qc","loader":"button__loader_1a4qc","primary":"button__primary_1a4qc","hint":"button__hint_1a4qc","secondary":"button__secondary_1a4qc","outlined":"button__outlined_1a4qc","tertiary":"button__tertiary_1a4qc","filled":"button__filled_1a4qc","transparent":"button__transparent_1a4qc","link":"button__link_1a4qc","text":"button__text_1a4qc","ghost":"button__ghost_1a4qc","component":"button__component_1a4qc","loading":"button__loading_1a4qc"};
+const invertedColors = {"accent":"button__accent_1vpj7","loader":"button__loader_1vpj7","primary":"button__primary_1vpj7","hint":"button__hint_1vpj7","secondary":"button__secondary_1vpj7","outlined":"button__outlined_1vpj7","tertiary":"button__tertiary_1vpj7","filled":"button__filled_1vpj7","transparent":"button__transparent_1vpj7","link":"button__link_1vpj7","text":"button__text_1vpj7","ghost":"button__ghost_1vpj7","component":"button__component_1vpj7","loading":"button__loading_1vpj7"};
 require('./inverted.css');
 
 /* eslint-disable complexity */

package/button/modern/components/base-button/default.css

@@ -158,154 +158,154 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_wgchh {
+} .button__accent_1i15c {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_wgchh:hover {
+        .button__accent_1i15c:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_wgchh:active {
+    } .button__accent_1i15c:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_wgchh > .button__loader_wgchh {
+    } .button__accent_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-static-color);
-    } .button__primary_wgchh {
+    } .button__primary_1i15c {
     border: 1px solid transparent
-} .button__primary_wgchh .button__hint_wgchh {
+} .button__primary_1i15c .button__hint_1i15c {
         color: var(--button-primary-hint-color);
-    } .button__secondary_wgchh {
+    } .button__secondary_1i15c {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_wgchh > .button__loader_wgchh {
+} .button__secondary_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__secondary_wgchh .button__hint_wgchh {
+    } .button__secondary_1i15c .button__hint_1i15c {
         color: var(--button-secondary-hint-color);
-    } .button__outlined_wgchh {
+    } .button__outlined_1i15c {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_wgchh:hover {
+        .button__outlined_1i15c:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_wgchh:active {
+    } .button__outlined_1i15c:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_wgchh > .button__loader_wgchh {
+    } .button__outlined_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__outlined_wgchh .button__hint_wgchh {
+    } .button__outlined_1i15c .button__hint_1i15c {
         color: var(--button-outlined-hint-color);
-    } .button__tertiary_wgchh {
+    } .button__tertiary_1i15c {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_wgchh:hover {
+        .button__tertiary_1i15c:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_wgchh:active {
+    } .button__tertiary_1i15c:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_wgchh > .button__loader_wgchh {
+    } .button__tertiary_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_wgchh .button__hint_wgchh {
+    } .button__tertiary_1i15c .button__hint_1i15c {
         color: var(--button-tertiary-hint-color);
-    } .button__filled_wgchh {
+    } .button__filled_1i15c {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_wgchh:hover {
+        .button__filled_1i15c:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_wgchh:active {
+    } .button__filled_1i15c:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_wgchh > .button__loader_wgchh {
+    } .button__filled_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__transparent_wgchh {
+    } .button__transparent_1i15c {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_wgchh:hover {
+        .button__transparent_1i15c:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_wgchh:active {
+    } .button__transparent_1i15c:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_wgchh > .button__loader_wgchh {
+    } .button__transparent_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__transparent_wgchh .button__hint_wgchh {
+    } .button__transparent_1i15c .button__hint_1i15c {
         color: var(--button-transparent-base-hint-color);
-    } .button__link_wgchh {
+    } .button__link_1i15c {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_wgchh:hover {
+        .button__link_1i15c:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_wgchh:active {
+    } .button__link_1i15c:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_wgchh > .button__loader_wgchh {
+    } .button__link_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__text_wgchh {
+    } .button__text_1i15c {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_wgchh:hover {
+        .button__text_1i15c:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_wgchh > .button__loader_wgchh {
+    } .button__text_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } .button__text_wgchh .button__hint_wgchh {
+    } .button__text_1i15c .button__hint_1i15c {
         color: var(--button-text-base-hint-color);
-    } .button__ghost_wgchh {
+    } .button__ghost_1i15c {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_wgchh:hover {
+        .button__ghost_1i15c:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_wgchh > .button__loader_wgchh {
+    } .button__ghost_1i15c > .button__loader_1i15c {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_wgchh[disabled].button__accent_wgchh {
+    } /* Disabled */ .button__component_1i15c[disabled].button__accent_1i15c {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_wgchh[disabled].button__accent_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__accent_1i15c.button__loading_1i15c {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_wgchh[disabled].button__secondary_wgchh {
+        } .button__component_1i15c[disabled].button__secondary_1i15c {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_wgchh[disabled].button__secondary_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__secondary_1i15c.button__loading_1i15c {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_wgchh[disabled].button__outlined_wgchh {
+        } .button__component_1i15c[disabled].button__outlined_1i15c {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_wgchh[disabled].button__outlined_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__outlined_1i15c.button__loading_1i15c {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_wgchh[disabled].button__tertiary_wgchh {
+        } .button__component_1i15c[disabled].button__tertiary_1i15c {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_wgchh[disabled].button__tertiary_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__tertiary_1i15c.button__loading_1i15c {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_wgchh[disabled].button__filled_wgchh {
+        } .button__component_1i15c[disabled].button__filled_1i15c {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_wgchh[disabled].button__filled_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__filled_1i15c.button__loading_1i15c {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_wgchh[disabled].button__transparent_wgchh {
+        } .button__component_1i15c[disabled].button__transparent_1i15c {
         background-color: transparent
-    } .button__component_wgchh[disabled].button__transparent_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__transparent_1i15c.button__loading_1i15c {
             color: var(--button-transparent-base-color);
-        } .button__component_wgchh[disabled].button__link_wgchh {
+        } .button__component_1i15c[disabled].button__link_1i15c {
         background-color: transparent
-    } .button__component_wgchh[disabled].button__link_wgchh.button__loading_wgchh {
+    } .button__component_1i15c[disabled].button__link_1i15c.button__loading_1i15c {
             color: var(--button-link-base-color);
-        } .button__component_wgchh[disabled].button__text_wgchh.button__loading_wgchh {
+        } .button__component_1i15c[disabled].button__text_1i15c.button__loading_1i15c {
             color: var(--button-text-base-color);
-        } .button__component_wgchh[disabled].button__ghost_wgchh.button__loading_wgchh {
+        } .button__component_1i15c[disabled].button__ghost_1i15c.button__loading_1i15c {
             color: var(--button-ghost-base-color);
         }