@alfalab/core-components 48.29.0-beta.0 → 48.29.0-beta.1

package/button/esm/components/base-button/inverted.css

@@ -181,154 +181,154 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_1e45q {
+} .button__accent_1n55i {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_1e45q:hover {
+        .button__accent_1n55i:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_1e45q:active {
+    } .button__accent_1n55i:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1e45q > .button__loader_1e45q {
+    } .button__accent_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_1e45q {
+    } .button__primary_1n55i {
     border: 1px solid transparent
-} .button__primary_1e45q .button__hint_1e45q {
+} .button__primary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_1e45q {
+    } .button__secondary_1n55i {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1e45q > .button__loader_1e45q {
+} .button__secondary_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_1e45q .button__hint_1e45q {
+    } .button__secondary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_1e45q {
+    } .button__outlined_1n55i {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_1e45q:hover {
+        .button__outlined_1n55i:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_1e45q:active {
+    } .button__outlined_1n55i:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_1e45q > .button__loader_1e45q {
+    } .button__outlined_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1e45q .button__hint_1e45q {
+    } .button__outlined_1n55i .button__hint_1n55i {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_1e45q {
+    } .button__tertiary_1n55i {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_1e45q:hover {
+        .button__tertiary_1n55i:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_1e45q:active {
+    } .button__tertiary_1n55i:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1e45q > .button__loader_1e45q {
+    } .button__tertiary_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_1e45q .button__hint_1e45q {
+    } .button__tertiary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_1e45q {
+    } .button__filled_1n55i {
     color: var(--color-light-text-primary-inverted);
     background-color: var(--color-light-neutral-translucent-300-inverted);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_1e45q:hover {
+        .button__filled_1n55i:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_1e45q:active {
+    } .button__filled_1n55i:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_1e45q > .button__loader_1e45q {
+    } .button__filled_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_1e45q {
+    } .button__transparent_1n55i {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_1e45q:hover {
+        .button__transparent_1n55i:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_1e45q:active {
+    } .button__transparent_1n55i:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_1e45q > .button__loader_1e45q {
+    } .button__transparent_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_1e45q .button__hint_1e45q {
+    } .button__transparent_1n55i .button__hint_1n55i {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_1e45q {
+    } .button__link_1n55i {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_1e45q:hover {
+        .button__link_1n55i:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_1e45q:active {
+    } .button__link_1n55i:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1e45q > .button__loader_1e45q {
+    } .button__link_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__text_1e45q {
+    } .button__text_1n55i {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_1e45q:hover {
+        .button__text_1n55i:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_1e45q > .button__loader_1e45q {
+    } .button__text_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__text_1e45q .button__hint_1e45q {
+    } .button__text_1n55i .button__hint_1n55i {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_1e45q {
+    } .button__ghost_1n55i {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_1e45q:hover {
+        .button__ghost_1n55i:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_1e45q > .button__loader_1e45q {
+    } .button__ghost_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1e45q[disabled].button__accent_1e45q {
+    } .button__component_1n55i[disabled].button__accent_1n55i {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_1e45q[disabled].button__accent_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__accent_1n55i.button__loading_1n55i {
             color: var(--button-inverted-accent-color);
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_1e45q[disabled].button__secondary_1e45q {
+        } .button__component_1n55i[disabled].button__secondary_1n55i {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1e45q[disabled].button__secondary_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__secondary_1n55i.button__loading_1n55i {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_1e45q[disabled].button__outlined_1e45q {
+        } .button__component_1n55i[disabled].button__outlined_1n55i {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_1e45q[disabled].button__outlined_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__outlined_1n55i.button__loading_1n55i {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1e45q[disabled].button__tertiary_1e45q {
+        } .button__component_1n55i[disabled].button__tertiary_1n55i {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_1e45q[disabled].button__tertiary_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__tertiary_1n55i.button__loading_1n55i {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1e45q[disabled].button__filled_1e45q {
+        } .button__component_1n55i[disabled].button__filled_1n55i {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_1e45q[disabled].button__filled_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__filled_1n55i.button__loading_1n55i {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_1e45q[disabled].button__transparent_1e45q {
+        } .button__component_1n55i[disabled].button__transparent_1n55i {
         background-color: transparent
-    } .button__component_1e45q[disabled].button__transparent_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__transparent_1n55i.button__loading_1n55i {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_1e45q[disabled].button__link_1e45q {
+        } .button__component_1n55i[disabled].button__link_1n55i {
         background-color: transparent
-    } .button__component_1e45q[disabled].button__link_1e45q.button__loading_1e45q {
+    } .button__component_1n55i[disabled].button__link_1n55i.button__loading_1n55i {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1e45q[disabled].button__text_1e45q.button__loading_1e45q {
+        } .button__component_1n55i[disabled].button__text_1n55i.button__loading_1n55i {
             color: var(--button-inverted-text-base-color);
-        } .button__component_1e45q[disabled].button__ghost_1e45q.button__loading_1e45q {
+        } .button__component_1n55i[disabled].button__ghost_1n55i.button__loading_1n55i {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/esm/desktop/Component.desktop.js

@@ -7,13 +7,13 @@ import '../../../shared/esm';
 import '../../../spinner/esm';
 import '@alfalab/hooks';
 
-var defaultColors = {"primary":"button__primary_jglzm","loader":"button__loader_jglzm","secondary":"button__secondary_jglzm","text":"button__text_jglzm","ghost":"button__ghost_jglzm","component":"button__component_jglzm","loading":"button__loading_jglzm","outlined":"button__outlined_jglzm","tertiary":"button__tertiary_jglzm","transparent":"button__transparent_jglzm","link":"button__link_jglzm"};
+var defaultColors = {"primary":"button__primary_afm85","loader":"button__loader_afm85","secondary":"button__secondary_afm85","text":"button__text_afm85","ghost":"button__ghost_afm85","component":"button__component_afm85","loading":"button__loading_afm85","outlined":"button__outlined_afm85","tertiary":"button__tertiary_afm85","transparent":"button__transparent_afm85","link":"button__link_afm85"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_1blbj","size-40":"button__size-40_1blbj","size-48":"button__size-48_1blbj","size-56":"button__size-56_1blbj","size-64":"button__size-64_1blbj","size-72":"button__size-72_1blbj"};
+var styles = {"size-32":"button__size-32_1kmba","size-40":"button__size-40_1kmba","size-48":"button__size-48_1kmba","size-56":"button__size-56_1kmba","size-64":"button__size-64_1kmba","size-72":"button__size-72_1kmba"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_sfsor","loader":"button__loader_sfsor","secondary":"button__secondary_sfsor","text":"button__text_sfsor","ghost":"button__ghost_sfsor","component":"button__component_sfsor","loading":"button__loading_sfsor","outlined":"button__outlined_sfsor","tertiary":"button__tertiary_sfsor","transparent":"button__transparent_sfsor","link":"button__link_sfsor"};
+var invertedColors = {"primary":"button__primary_1rn2g","loader":"button__loader_1rn2g","secondary":"button__secondary_1rn2g","text":"button__text_1rn2g","ghost":"button__ghost_1rn2g","component":"button__component_1rn2g","loading":"button__loading_1rn2g","outlined":"button__outlined_1rn2g","tertiary":"button__tertiary_1rn2g","transparent":"button__transparent_1rn2g","link":"button__link_1rn2g"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/button/esm/desktop/default.desktop.css

@@ -135,48 +135,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_jglzm {
+} .button__primary_afm85 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_jglzm:hover {
+        .button__primary_afm85:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_jglzm:active {
+    } .button__primary_afm85:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_jglzm > .button__loader_jglzm {
+    } .button__primary_afm85 > .button__loader_afm85 {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_jglzm {
+    } .button__secondary_afm85 {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_jglzm:hover {
+} .button__secondary_afm85:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_jglzm:active {
+    } .button__secondary_afm85:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_jglzm:active {
+    } .button__text_afm85:active {
         color: var(--button-text-active-color);
-    } .button__ghost_jglzm:active {
+    } .button__ghost_afm85:active {
         color: var(--button-ghost-active-color);
-    } .button__component_jglzm[disabled].button__primary_jglzm {
+    } .button__component_afm85[disabled].button__primary_afm85 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_jglzm[disabled].button__primary_jglzm.button__loading_jglzm {
+    } .button__component_afm85[disabled].button__primary_afm85.button__loading_afm85 {
             color: var(--button-primary-color);
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_jglzm[disabled].button__secondary_jglzm {
+        } .button__component_afm85[disabled].button__secondary_afm85 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_jglzm[disabled].button__outlined_jglzm {
+    } .button__component_afm85[disabled].button__outlined_afm85 {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_jglzm[disabled].button__tertiary_jglzm {
+    } .button__component_afm85[disabled].button__tertiary_afm85 {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_jglzm[disabled].button__transparent_jglzm {
+    } .button__component_afm85[disabled].button__transparent_afm85 {
         color: var(--button-transparent-disabled-color);
-    } .button__component_jglzm[disabled].button__link_jglzm {
+    } .button__component_afm85[disabled].button__link_afm85 {
         color: var(--button-link-disabled-color);
-    } .button__component_jglzm[disabled].button__text_jglzm {
+    } .button__component_afm85[disabled].button__text_afm85 {
         color: var(--button-text-disabled-color);
-    } .button__component_jglzm[disabled].button__ghost_jglzm {
+    } .button__component_afm85[disabled].button__ghost_afm85 {
         color: var(--button-ghost-disabled-color);
     }

package/button/esm/desktop/desktop.css

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

package/button/esm/desktop/inverted.desktop.css

@@ -143,48 +143,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_sfsor {
+} .button__primary_1rn2g {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_sfsor:hover {
+        .button__primary_1rn2g:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_sfsor:active {
+    } .button__primary_1rn2g:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_sfsor > .button__loader_sfsor {
+    } .button__primary_1rn2g > .button__loader_1rn2g {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_sfsor {
+    } .button__secondary_1rn2g {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_sfsor:hover {
+} .button__secondary_1rn2g:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_sfsor:active {
+    } .button__secondary_1rn2g:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_sfsor:active {
+    } .button__text_1rn2g:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_sfsor:active {
+    } .button__ghost_1rn2g:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_sfsor[disabled].button__primary_sfsor {
+    } .button__component_1rn2g[disabled].button__primary_1rn2g {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_sfsor[disabled].button__primary_sfsor.button__loading_sfsor {
+    } .button__component_1rn2g[disabled].button__primary_1rn2g.button__loading_1rn2g {
             color: var(--button-inverted-primary-color);
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_sfsor[disabled].button__secondary_sfsor {
+        } .button__component_1rn2g[disabled].button__secondary_1rn2g {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_sfsor[disabled].button__outlined_sfsor {
+    } .button__component_1rn2g[disabled].button__outlined_1rn2g {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_sfsor[disabled].button__tertiary_sfsor {
+    } .button__component_1rn2g[disabled].button__tertiary_1rn2g {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_sfsor[disabled].button__transparent_sfsor {
+    } .button__component_1rn2g[disabled].button__transparent_1rn2g {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_sfsor[disabled].button__link_sfsor {
+    } .button__component_1rn2g[disabled].button__link_1rn2g {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_sfsor[disabled].button__text_sfsor {
+    } .button__component_1rn2g[disabled].button__text_1rn2g {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_sfsor[disabled].button__ghost_sfsor {
+    } .button__component_1rn2g[disabled].button__ghost_1rn2g {
         color: var(--button-inverted-ghost-disabled-color);
     }

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_1e8el","loader":"button__loader_1e8el","secondary":"button__secondary_1e8el","text":"button__text_1e8el","ghost":"button__ghost_1e8el","component":"button__component_1e8el","loading":"button__loading_1e8el","outlined":"button__outlined_1e8el","tertiary":"button__tertiary_1e8el","transparent":"button__transparent_1e8el","link":"button__link_1e8el"};
+var defaultColors = {"primary":"button__primary_eekaz","loader":"button__loader_eekaz","secondary":"button__secondary_eekaz","text":"button__text_eekaz","ghost":"button__ghost_eekaz","component":"button__component_eekaz","loading":"button__loading_eekaz","outlined":"button__outlined_eekaz","tertiary":"button__tertiary_eekaz","transparent":"button__transparent_eekaz","link":"button__link_eekaz"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1d3le","loader":"button__loader_1d3le","secondary":"button__secondary_1d3le","text":"button__text_1d3le","ghost":"button__ghost_1d3le","component":"button__component_1d3le","loading":"button__loading_1d3le","outlined":"button__outlined_1d3le","tertiary":"button__tertiary_1d3le","transparent":"button__transparent_1d3le","link":"button__link_1d3le"};
+var invertedColors = {"primary":"button__primary_142ln","loader":"button__loader_142ln","secondary":"button__secondary_142ln","text":"button__text_142ln","ghost":"button__ghost_142ln","component":"button__component_142ln","loading":"button__loading_142ln","outlined":"button__outlined_142ln","tertiary":"button__tertiary_142ln","transparent":"button__transparent_142ln","link":"button__link_142ln"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_cd2of","size-40":"button__size-40_cd2of","size-48":"button__size-48_cd2of","size-56":"button__size-56_cd2of","size-64":"button__size-64_cd2of","size-72":"button__size-72_cd2of"};
+var styles = {"size-32":"button__size-32_mv8na","size-40":"button__size-40_mv8na","size-48":"button__size-48_mv8na","size-56":"button__size-56_mv8na","size-64":"button__size-64_mv8na","size-72":"button__size-72_mv8na"};
 require('./mobile.css');
 
 var colorStyles = {

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

@@ -132,46 +132,46 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1e8el {
+} .button__primary_eekaz {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1e8el:hover {
+        .button__primary_eekaz:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1e8el:active {
+    } .button__primary_eekaz:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1e8el > .button__loader_1e8el {
+    } .button__primary_eekaz > .button__loader_eekaz {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1e8el {
+    } .button__secondary_eekaz {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1e8el:active {
+} .button__secondary_eekaz:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1e8el:active {
+    } .button__text_eekaz:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1e8el:active {
+    } .button__ghost_eekaz:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1e8el[disabled].button__primary_1e8el {
+    } .button__component_eekaz[disabled].button__primary_eekaz {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1e8el[disabled].button__primary_1e8el.button__loading_1e8el {
+    } .button__component_eekaz[disabled].button__primary_eekaz.button__loading_eekaz {
             color: var(--button-primary-mobile-color);
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1e8el[disabled].button__secondary_1e8el {
+        } .button__component_eekaz[disabled].button__secondary_eekaz {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1e8el[disabled].button__outlined_1e8el {
+    } .button__component_eekaz[disabled].button__outlined_eekaz {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1e8el[disabled].button__tertiary_1e8el {
+    } .button__component_eekaz[disabled].button__tertiary_eekaz {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1e8el[disabled].button__transparent_1e8el {
+    } .button__component_eekaz[disabled].button__transparent_eekaz {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1e8el[disabled].button__link_1e8el {
+    } .button__component_eekaz[disabled].button__link_eekaz {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1e8el[disabled].button__text_1e8el {
+    } .button__component_eekaz[disabled].button__text_eekaz {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1e8el[disabled].button__ghost_1e8el {
+    } .button__component_eekaz[disabled].button__ghost_eekaz {
         color: var(--button-ghost-mobile-disabled-color);
     }

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

@@ -143,46 +143,46 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1d3le {
+} .button__primary_142ln {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1d3le:hover {
+        .button__primary_142ln:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1d3le:active {
+    } .button__primary_142ln:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1d3le > .button__loader_1d3le {
+    } .button__primary_142ln > .button__loader_142ln {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1d3le {
+    } .button__secondary_142ln {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1d3le:active {
+} .button__secondary_142ln:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1d3le:active {
+    } .button__text_142ln:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1d3le:active {
+    } .button__ghost_142ln:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1d3le[disabled].button__primary_1d3le {
+    } .button__component_142ln[disabled].button__primary_142ln {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1d3le[disabled].button__primary_1d3le.button__loading_1d3le {
+    } .button__component_142ln[disabled].button__primary_142ln.button__loading_142ln {
             color: var(--button-inverted-primary-mobile-color);
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1d3le[disabled].button__secondary_1d3le {
+        } .button__component_142ln[disabled].button__secondary_142ln {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1d3le[disabled].button__outlined_1d3le {
+    } .button__component_142ln[disabled].button__outlined_142ln {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1d3le[disabled].button__tertiary_1d3le {
+    } .button__component_142ln[disabled].button__tertiary_142ln {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1d3le[disabled].button__transparent_1d3le {
+    } .button__component_142ln[disabled].button__transparent_142ln {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1d3le[disabled].button__link_1d3le {
+    } .button__component_142ln[disabled].button__link_142ln {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1d3le[disabled].button__text_1d3le {
+    } .button__component_142ln[disabled].button__text_142ln {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1d3le[disabled].button__ghost_1d3le {
+    } .button__component_142ln[disabled].button__ghost_142ln {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css

@@ -113,16 +113,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_cd2of {
+} .button__size-32_mv8na {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_cd2of {
+} .button__size-40_mv8na {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_cd2of {
+} .button__size-48_mv8na {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_cd2of {
+} .button__size-56_mv8na {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_cd2of {
+} .button__size-64_mv8na {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_cd2of {
+} .button__size-72_mv8na {
     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_1e8el","loader":"button__loader_1e8el","secondary":"button__secondary_1e8el","text":"button__text_1e8el","ghost":"button__ghost_1e8el","component":"button__component_1e8el","loading":"button__loading_1e8el","outlined":"button__outlined_1e8el","tertiary":"button__tertiary_1e8el","transparent":"button__transparent_1e8el","link":"button__link_1e8el"};
+var defaultColors = {"primary":"button__primary_eekaz","loader":"button__loader_eekaz","secondary":"button__secondary_eekaz","text":"button__text_eekaz","ghost":"button__ghost_eekaz","component":"button__component_eekaz","loading":"button__loading_eekaz","outlined":"button__outlined_eekaz","tertiary":"button__tertiary_eekaz","transparent":"button__transparent_eekaz","link":"button__link_eekaz"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1d3le","loader":"button__loader_1d3le","secondary":"button__secondary_1d3le","text":"button__text_1d3le","ghost":"button__ghost_1d3le","component":"button__component_1d3le","loading":"button__loading_1d3le","outlined":"button__outlined_1d3le","tertiary":"button__tertiary_1d3le","transparent":"button__transparent_1d3le","link":"button__link_1d3le"};
+var invertedColors = {"primary":"button__primary_142ln","loader":"button__loader_142ln","secondary":"button__secondary_142ln","text":"button__text_142ln","ghost":"button__ghost_142ln","component":"button__component_142ln","loading":"button__loading_142ln","outlined":"button__outlined_142ln","tertiary":"button__tertiary_142ln","transparent":"button__transparent_142ln","link":"button__link_142ln"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_cd2of","size-40":"button__size-40_cd2of","size-48":"button__size-48_cd2of","size-56":"button__size-56_cd2of","size-64":"button__size-64_cd2of","size-72":"button__size-72_cd2of"};
+var styles = {"size-32":"button__size-32_mv8na","size-40":"button__size-40_mv8na","size-48":"button__size-48_mv8na","size-56":"button__size-56_mv8na","size-64":"button__size-64_mv8na","size-72":"button__size-72_mv8na"};
 require('./mobile.css');
 
 var colorStyles = {