@alfalab/core-components 48.1.0 → 48.1.1

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

@@ -170,141 +170,141 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_1yduj {
+} .button__accent_nj6ph {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_1yduj:hover {
+        .button__accent_nj6ph:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_1yduj:active {
+    } .button__accent_nj6ph:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1yduj > .button__loader_1yduj {
+    } .button__accent_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_1yduj {
+    } .button__primary_nj6ph {
     border: 1px solid transparent;
-} .button__secondary_1yduj {
+} .button__secondary_nj6ph {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1yduj > .button__loader_1yduj {
+} .button__secondary_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1yduj {
+    } .button__outlined_nj6ph {
     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_1yduj:hover {
+        .button__outlined_nj6ph:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_1yduj:active {
+    } .button__outlined_nj6ph:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_1yduj > .button__loader_1yduj {
+    } .button__outlined_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_1yduj {
+    } .button__tertiary_nj6ph {
     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_1yduj:hover {
+        .button__tertiary_nj6ph:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_1yduj:active {
+    } .button__tertiary_nj6ph:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1yduj > .button__loader_1yduj {
+    } .button__tertiary_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1yduj {
+    } .button__filled_nj6ph {
     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_1yduj:hover {
+        .button__filled_nj6ph:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_1yduj:active {
+    } .button__filled_nj6ph:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_1yduj > .button__loader_1yduj {
+    } .button__filled_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_1yduj {
+    } .button__transparent_nj6ph {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_1yduj:hover {
+        .button__transparent_nj6ph:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_1yduj:active {
+    } .button__transparent_nj6ph:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_1yduj > .button__loader_1yduj {
+    } .button__transparent_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__link_1yduj {
+    } .button__link_nj6ph {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_1yduj:hover {
+        .button__link_nj6ph:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_1yduj:active {
+    } .button__link_nj6ph:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1yduj > .button__loader_1yduj {
+    } .button__link_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__text_1yduj {
+    } .button__text_nj6ph {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_1yduj:hover {
+        .button__text_nj6ph:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_1yduj > .button__loader_1yduj {
+    } .button__text_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_1yduj {
+    } .button__ghost_nj6ph {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_1yduj:hover {
+        .button__ghost_nj6ph:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_1yduj > .button__loader_1yduj {
+    } .button__ghost_nj6ph > .button__loader_nj6ph {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1yduj[disabled].button__accent_1yduj {
+    } .button__component_nj6ph[disabled].button__accent_nj6ph {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_1yduj[disabled].button__accent_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__accent_nj6ph.button__loading_nj6ph {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_1yduj[disabled].button__secondary_1yduj {
+        } .button__component_nj6ph[disabled].button__secondary_nj6ph {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1yduj[disabled].button__secondary_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__secondary_nj6ph.button__loading_nj6ph {
             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_1yduj[disabled].button__outlined_1yduj {
+        } .button__component_nj6ph[disabled].button__outlined_nj6ph {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_1yduj[disabled].button__outlined_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__outlined_nj6ph.button__loading_nj6ph {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1yduj[disabled].button__tertiary_1yduj {
+        } .button__component_nj6ph[disabled].button__tertiary_nj6ph {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_1yduj[disabled].button__tertiary_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__tertiary_nj6ph.button__loading_nj6ph {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1yduj[disabled].button__filled_1yduj {
+        } .button__component_nj6ph[disabled].button__filled_nj6ph {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_1yduj[disabled].button__filled_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__filled_nj6ph.button__loading_nj6ph {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_1yduj[disabled].button__transparent_1yduj {
+        } .button__component_nj6ph[disabled].button__transparent_nj6ph {
         background-color: transparent
-    } .button__component_1yduj[disabled].button__transparent_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__transparent_nj6ph.button__loading_nj6ph {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_1yduj[disabled].button__link_1yduj {
+        } .button__component_nj6ph[disabled].button__link_nj6ph {
         background-color: transparent
-    } .button__component_1yduj[disabled].button__link_1yduj.button__loading_1yduj {
+    } .button__component_nj6ph[disabled].button__link_nj6ph.button__loading_nj6ph {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1yduj[disabled].button__text_1yduj.button__loading_1yduj {
+        } .button__component_nj6ph[disabled].button__text_nj6ph.button__loading_nj6ph {
             color: var(--button-inverted-text-base-color);
-        } .button__component_1yduj[disabled].button__ghost_1yduj.button__loading_1yduj {
+        } .button__component_nj6ph[disabled].button__ghost_nj6ph.button__loading_nj6ph {
             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_lnl5q","loader":"button__loader_lnl5q","secondary":"button__secondary_lnl5q","text":"button__text_lnl5q","ghost":"button__ghost_lnl5q","component":"button__component_lnl5q","loading":"button__loading_lnl5q","outlined":"button__outlined_lnl5q","tertiary":"button__tertiary_lnl5q","transparent":"button__transparent_lnl5q","link":"button__link_lnl5q"};
+var defaultColors = {"primary":"button__primary_1x90s","loader":"button__loader_1x90s","secondary":"button__secondary_1x90s","text":"button__text_1x90s","ghost":"button__ghost_1x90s","component":"button__component_1x90s","loading":"button__loading_1x90s","outlined":"button__outlined_1x90s","tertiary":"button__tertiary_1x90s","transparent":"button__transparent_1x90s","link":"button__link_1x90s"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_1t89t","size-40":"button__size-40_1t89t","size-48":"button__size-48_1t89t","size-56":"button__size-56_1t89t","size-64":"button__size-64_1t89t","size-72":"button__size-72_1t89t"};
+var styles = {"size-32":"button__size-32_hmu79","size-40":"button__size-40_hmu79","size-48":"button__size-48_hmu79","size-56":"button__size-56_hmu79","size-64":"button__size-64_hmu79","size-72":"button__size-72_hmu79"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_1g8ny","loader":"button__loader_1g8ny","secondary":"button__secondary_1g8ny","text":"button__text_1g8ny","ghost":"button__ghost_1g8ny","component":"button__component_1g8ny","loading":"button__loading_1g8ny","outlined":"button__outlined_1g8ny","tertiary":"button__tertiary_1g8ny","transparent":"button__transparent_1g8ny","link":"button__link_1g8ny"};
+var invertedColors = {"primary":"button__primary_9zx8c","loader":"button__loader_9zx8c","secondary":"button__secondary_9zx8c","text":"button__text_9zx8c","ghost":"button__ghost_9zx8c","component":"button__component_9zx8c","loading":"button__loading_9zx8c","outlined":"button__outlined_9zx8c","tertiary":"button__tertiary_9zx8c","transparent":"button__transparent_9zx8c","link":"button__link_9zx8c"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -132,47 +132,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_lnl5q {
+} .button__primary_1x90s {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_lnl5q:hover {
+        .button__primary_1x90s:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_lnl5q:active {
+    } .button__primary_1x90s:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_lnl5q > .button__loader_lnl5q {
+    } .button__primary_1x90s > .button__loader_1x90s {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_lnl5q {
+    } .button__secondary_1x90s {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_lnl5q:hover {
+} .button__secondary_1x90s:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_lnl5q:active {
+    } .button__secondary_1x90s:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_lnl5q:active {
+    } .button__text_1x90s:active {
         color: var(--button-text-active-color);
-    } .button__ghost_lnl5q:active {
+    } .button__ghost_1x90s:active {
         color: var(--button-ghost-active-color);
-    } .button__component_lnl5q[disabled].button__primary_lnl5q {
+    } .button__component_1x90s[disabled].button__primary_1x90s {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_lnl5q[disabled].button__primary_lnl5q.button__loading_lnl5q {
+    } .button__component_1x90s[disabled].button__primary_1x90s.button__loading_1x90s {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_lnl5q[disabled].button__secondary_lnl5q {
+        } .button__component_1x90s[disabled].button__secondary_1x90s {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_lnl5q[disabled].button__outlined_lnl5q {
+    } .button__component_1x90s[disabled].button__outlined_1x90s {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_lnl5q[disabled].button__tertiary_lnl5q {
+    } .button__component_1x90s[disabled].button__tertiary_1x90s {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_lnl5q[disabled].button__transparent_lnl5q {
+    } .button__component_1x90s[disabled].button__transparent_1x90s {
         color: var(--button-transparent-disabled-color);
-    } .button__component_lnl5q[disabled].button__link_lnl5q {
+    } .button__component_1x90s[disabled].button__link_1x90s {
         color: var(--button-link-disabled-color);
-    } .button__component_lnl5q[disabled].button__text_lnl5q {
+    } .button__component_1x90s[disabled].button__text_1x90s {
         color: var(--button-text-disabled-color);
-    } .button__component_lnl5q[disabled].button__ghost_lnl5q {
+    } .button__component_1x90s[disabled].button__ghost_1x90s {
         color: var(--button-ghost-disabled-color);
     }

package/button/esm/desktop/desktop.css

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

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

@@ -140,47 +140,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_1g8ny {
+} .button__primary_9zx8c {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1g8ny:hover {
+        .button__primary_9zx8c:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1g8ny:active {
+    } .button__primary_9zx8c:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1g8ny > .button__loader_1g8ny {
+    } .button__primary_9zx8c > .button__loader_9zx8c {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1g8ny {
+    } .button__secondary_9zx8c {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1g8ny:hover {
+} .button__secondary_9zx8c:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1g8ny:active {
+    } .button__secondary_9zx8c:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1g8ny:active {
+    } .button__text_9zx8c:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_1g8ny:active {
+    } .button__ghost_9zx8c:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1g8ny[disabled].button__primary_1g8ny {
+    } .button__component_9zx8c[disabled].button__primary_9zx8c {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1g8ny[disabled].button__primary_1g8ny.button__loading_1g8ny {
+    } .button__component_9zx8c[disabled].button__primary_9zx8c.button__loading_9zx8c {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1g8ny[disabled].button__secondary_1g8ny {
+        } .button__component_9zx8c[disabled].button__secondary_9zx8c {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1g8ny[disabled].button__outlined_1g8ny {
+    } .button__component_9zx8c[disabled].button__outlined_9zx8c {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1g8ny[disabled].button__tertiary_1g8ny {
+    } .button__component_9zx8c[disabled].button__tertiary_9zx8c {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1g8ny[disabled].button__transparent_1g8ny {
+    } .button__component_9zx8c[disabled].button__transparent_9zx8c {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1g8ny[disabled].button__link_1g8ny {
+    } .button__component_9zx8c[disabled].button__link_9zx8c {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1g8ny[disabled].button__text_1g8ny {
+    } .button__component_9zx8c[disabled].button__text_9zx8c {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_1g8ny[disabled].button__ghost_1g8ny {
+    } .button__component_9zx8c[disabled].button__ghost_9zx8c {
         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_jmtce","loader":"button__loader_jmtce","secondary":"button__secondary_jmtce","text":"button__text_jmtce","ghost":"button__ghost_jmtce","component":"button__component_jmtce","loading":"button__loading_jmtce","outlined":"button__outlined_jmtce","tertiary":"button__tertiary_jmtce","transparent":"button__transparent_jmtce","link":"button__link_jmtce"};
+var defaultColors = {"primary":"button__primary_1cf6n","loader":"button__loader_1cf6n","secondary":"button__secondary_1cf6n","text":"button__text_1cf6n","ghost":"button__ghost_1cf6n","component":"button__component_1cf6n","loading":"button__loading_1cf6n","outlined":"button__outlined_1cf6n","tertiary":"button__tertiary_1cf6n","transparent":"button__transparent_1cf6n","link":"button__link_1cf6n"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_6bbf4","loader":"button__loader_6bbf4","secondary":"button__secondary_6bbf4","text":"button__text_6bbf4","ghost":"button__ghost_6bbf4","component":"button__component_6bbf4","loading":"button__loading_6bbf4","outlined":"button__outlined_6bbf4","tertiary":"button__tertiary_6bbf4","transparent":"button__transparent_6bbf4","link":"button__link_6bbf4"};
+var invertedColors = {"primary":"button__primary_1hwr1","loader":"button__loader_1hwr1","secondary":"button__secondary_1hwr1","text":"button__text_1hwr1","ghost":"button__ghost_1hwr1","component":"button__component_1hwr1","loading":"button__loading_1hwr1","outlined":"button__outlined_1hwr1","tertiary":"button__tertiary_1hwr1","transparent":"button__transparent_1hwr1","link":"button__link_1hwr1"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_dnpu8","size-40":"button__size-40_dnpu8","size-48":"button__size-48_dnpu8","size-56":"button__size-56_dnpu8","size-64":"button__size-64_dnpu8","size-72":"button__size-72_dnpu8"};
+var styles = {"size-32":"button__size-32_1gmm3","size-40":"button__size-40_1gmm3","size-48":"button__size-48_1gmm3","size-56":"button__size-56_1gmm3","size-64":"button__size-64_1gmm3","size-72":"button__size-72_1gmm3"};
 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_jmtce {
+} .button__primary_1cf6n {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_jmtce:hover {
+        .button__primary_1cf6n:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_jmtce:active {
+    } .button__primary_1cf6n:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_jmtce > .button__loader_jmtce {
+    } .button__primary_1cf6n > .button__loader_1cf6n {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_jmtce {
+    } .button__secondary_1cf6n {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_jmtce:active {
+} .button__secondary_1cf6n:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_jmtce:active {
+    } .button__text_1cf6n:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_jmtce:active {
+    } .button__ghost_1cf6n:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_jmtce[disabled].button__primary_jmtce {
+    } .button__component_1cf6n[disabled].button__primary_1cf6n {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_jmtce[disabled].button__primary_jmtce.button__loading_jmtce {
+    } .button__component_1cf6n[disabled].button__primary_1cf6n.button__loading_1cf6n {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_jmtce[disabled].button__secondary_jmtce {
+        } .button__component_1cf6n[disabled].button__secondary_1cf6n {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_jmtce[disabled].button__outlined_jmtce {
+    } .button__component_1cf6n[disabled].button__outlined_1cf6n {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_jmtce[disabled].button__tertiary_jmtce {
+    } .button__component_1cf6n[disabled].button__tertiary_1cf6n {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_jmtce[disabled].button__transparent_jmtce {
+    } .button__component_1cf6n[disabled].button__transparent_1cf6n {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_jmtce[disabled].button__link_jmtce {
+    } .button__component_1cf6n[disabled].button__link_1cf6n {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_jmtce[disabled].button__text_jmtce {
+    } .button__component_1cf6n[disabled].button__text_1cf6n {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_jmtce[disabled].button__ghost_jmtce {
+    } .button__component_1cf6n[disabled].button__ghost_1cf6n {
         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_6bbf4 {
+} .button__primary_1hwr1 {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_6bbf4:hover {
+        .button__primary_1hwr1:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_6bbf4:active {
+    } .button__primary_1hwr1:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_6bbf4 > .button__loader_6bbf4 {
+    } .button__primary_1hwr1 > .button__loader_1hwr1 {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_6bbf4 {
+    } .button__secondary_1hwr1 {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_6bbf4:active {
+} .button__secondary_1hwr1:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_6bbf4:active {
+    } .button__text_1hwr1:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_6bbf4:active {
+    } .button__ghost_1hwr1:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_6bbf4[disabled].button__primary_6bbf4 {
+    } .button__component_1hwr1[disabled].button__primary_1hwr1 {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_6bbf4[disabled].button__primary_6bbf4.button__loading_6bbf4 {
+    } .button__component_1hwr1[disabled].button__primary_1hwr1.button__loading_1hwr1 {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_6bbf4[disabled].button__secondary_6bbf4 {
+        } .button__component_1hwr1[disabled].button__secondary_1hwr1 {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_6bbf4[disabled].button__outlined_6bbf4 {
+    } .button__component_1hwr1[disabled].button__outlined_1hwr1 {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_6bbf4[disabled].button__tertiary_6bbf4 {
+    } .button__component_1hwr1[disabled].button__tertiary_1hwr1 {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_6bbf4[disabled].button__transparent_6bbf4 {
+    } .button__component_1hwr1[disabled].button__transparent_1hwr1 {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_6bbf4[disabled].button__link_6bbf4 {
+    } .button__component_1hwr1[disabled].button__link_1hwr1 {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_6bbf4[disabled].button__text_6bbf4 {
+    } .button__component_1hwr1[disabled].button__text_1hwr1 {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_6bbf4[disabled].button__ghost_6bbf4 {
+    } .button__component_1hwr1[disabled].button__ghost_1hwr1 {
         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_dnpu8 {
+} .button__size-32_1gmm3 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_dnpu8 {
+} .button__size-40_1gmm3 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_dnpu8 {
+} .button__size-48_1gmm3 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_dnpu8 {
+} .button__size-56_1gmm3 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_dnpu8 {
+} .button__size-64_1gmm3 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_dnpu8 {
+} .button__size-72_1gmm3 {
     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_jmtce","loader":"button__loader_jmtce","secondary":"button__secondary_jmtce","text":"button__text_jmtce","ghost":"button__ghost_jmtce","component":"button__component_jmtce","loading":"button__loading_jmtce","outlined":"button__outlined_jmtce","tertiary":"button__tertiary_jmtce","transparent":"button__transparent_jmtce","link":"button__link_jmtce"};
+var defaultColors = {"primary":"button__primary_1cf6n","loader":"button__loader_1cf6n","secondary":"button__secondary_1cf6n","text":"button__text_1cf6n","ghost":"button__ghost_1cf6n","component":"button__component_1cf6n","loading":"button__loading_1cf6n","outlined":"button__outlined_1cf6n","tertiary":"button__tertiary_1cf6n","transparent":"button__transparent_1cf6n","link":"button__link_1cf6n"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_6bbf4","loader":"button__loader_6bbf4","secondary":"button__secondary_6bbf4","text":"button__text_6bbf4","ghost":"button__ghost_6bbf4","component":"button__component_6bbf4","loading":"button__loading_6bbf4","outlined":"button__outlined_6bbf4","tertiary":"button__tertiary_6bbf4","transparent":"button__transparent_6bbf4","link":"button__link_6bbf4"};
+var invertedColors = {"primary":"button__primary_1hwr1","loader":"button__loader_1hwr1","secondary":"button__secondary_1hwr1","text":"button__text_1hwr1","ghost":"button__ghost_1hwr1","component":"button__component_1hwr1","loading":"button__loading_1hwr1","outlined":"button__outlined_1hwr1","tertiary":"button__tertiary_1hwr1","transparent":"button__transparent_1hwr1","link":"button__link_1hwr1"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_dnpu8","size-40":"button__size-40_dnpu8","size-48":"button__size-48_dnpu8","size-56":"button__size-56_dnpu8","size-64":"button__size-64_dnpu8","size-72":"button__size-72_dnpu8"};
+var styles = {"size-32":"button__size-32_1gmm3","size-40":"button__size-40_1gmm3","size-48":"button__size-48_1gmm3","size-56":"button__size-56_1gmm3","size-64":"button__size-64_1gmm3","size-72":"button__size-72_1gmm3"};
 require('./mobile.css');
 
 var colorStyles = {