@alfalab/core-components 45.10.0 → 46.0.0

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

@@ -128,47 +128,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_36nfe {
+} .button__primary_1arqq {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_36nfe:hover {
+        .button__primary_1arqq:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_36nfe:active {
+    } .button__primary_1arqq:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_36nfe > .button__loader_36nfe {
+    } .button__primary_1arqq > .button__loader_1arqq {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_36nfe {
+    } .button__secondary_1arqq {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_36nfe:hover {
+} .button__secondary_1arqq:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_36nfe:active {
+    } .button__secondary_1arqq:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_36nfe:active {
+    } .button__text_1arqq:active {
         color: var(--button-text-active-color);
-    } .button__ghost_36nfe:active {
+    } .button__ghost_1arqq:active {
         color: var(--button-ghost-active-color);
-    } .button__component_36nfe[disabled].button__primary_36nfe {
+    } .button__component_1arqq[disabled].button__primary_1arqq {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_36nfe[disabled].button__primary_36nfe.button__loading_36nfe {
+    } .button__component_1arqq[disabled].button__primary_1arqq.button__loading_1arqq {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_36nfe[disabled].button__secondary_36nfe {
+        } .button__component_1arqq[disabled].button__secondary_1arqq {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_36nfe[disabled].button__outlined_36nfe {
+    } .button__component_1arqq[disabled].button__outlined_1arqq {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_36nfe[disabled].button__tertiary_36nfe {
+    } .button__component_1arqq[disabled].button__tertiary_1arqq {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_36nfe[disabled].button__transparent_36nfe {
+    } .button__component_1arqq[disabled].button__transparent_1arqq {
         color: var(--button-transparent-disabled-color);
-    } .button__component_36nfe[disabled].button__link_36nfe {
+    } .button__component_1arqq[disabled].button__link_1arqq {
         color: var(--button-link-disabled-color);
-    } .button__component_36nfe[disabled].button__text_36nfe {
+    } .button__component_1arqq[disabled].button__text_1arqq {
         color: var(--button-text-disabled-color);
-    } .button__component_36nfe[disabled].button__ghost_36nfe {
+    } .button__component_1arqq[disabled].button__ghost_1arqq {
         color: var(--button-ghost-disabled-color);
     }

package/button/esm/desktop/desktop.css

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

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

@@ -136,47 +136,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_t1ljt {
+} .button__primary_wzi4n {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_t1ljt:hover {
+        .button__primary_wzi4n:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_t1ljt:active {
+    } .button__primary_wzi4n:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_t1ljt > .button__loader_t1ljt {
+    } .button__primary_wzi4n > .button__loader_wzi4n {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_t1ljt {
+    } .button__secondary_wzi4n {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_t1ljt:hover {
+} .button__secondary_wzi4n:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_t1ljt:active {
+    } .button__secondary_wzi4n:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_t1ljt:active {
+    } .button__text_wzi4n:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_t1ljt:active {
+    } .button__ghost_wzi4n:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_t1ljt[disabled].button__primary_t1ljt {
+    } .button__component_wzi4n[disabled].button__primary_wzi4n {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_t1ljt[disabled].button__primary_t1ljt.button__loading_t1ljt {
+    } .button__component_wzi4n[disabled].button__primary_wzi4n.button__loading_wzi4n {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_t1ljt[disabled].button__secondary_t1ljt {
+        } .button__component_wzi4n[disabled].button__secondary_wzi4n {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_t1ljt[disabled].button__outlined_t1ljt {
+    } .button__component_wzi4n[disabled].button__outlined_wzi4n {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_t1ljt[disabled].button__tertiary_t1ljt {
+    } .button__component_wzi4n[disabled].button__tertiary_wzi4n {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_t1ljt[disabled].button__transparent_t1ljt {
+    } .button__component_wzi4n[disabled].button__transparent_wzi4n {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_t1ljt[disabled].button__link_t1ljt {
+    } .button__component_wzi4n[disabled].button__link_wzi4n {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_t1ljt[disabled].button__text_t1ljt {
+    } .button__component_wzi4n[disabled].button__text_wzi4n {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_t1ljt[disabled].button__ghost_t1ljt {
+    } .button__component_wzi4n[disabled].button__ghost_wzi4n {
         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_15vm2","loader":"button__loader_15vm2","secondary":"button__secondary_15vm2","text":"button__text_15vm2","ghost":"button__ghost_15vm2","component":"button__component_15vm2","loading":"button__loading_15vm2","outlined":"button__outlined_15vm2","tertiary":"button__tertiary_15vm2","transparent":"button__transparent_15vm2","link":"button__link_15vm2"};
+var defaultColors = {"primary":"button__primary_4njpq","loader":"button__loader_4njpq","secondary":"button__secondary_4njpq","text":"button__text_4njpq","ghost":"button__ghost_4njpq","component":"button__component_4njpq","loading":"button__loading_4njpq","outlined":"button__outlined_4njpq","tertiary":"button__tertiary_4njpq","transparent":"button__transparent_4njpq","link":"button__link_4njpq"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1i5d2","loader":"button__loader_1i5d2","secondary":"button__secondary_1i5d2","text":"button__text_1i5d2","ghost":"button__ghost_1i5d2","component":"button__component_1i5d2","loading":"button__loading_1i5d2","outlined":"button__outlined_1i5d2","tertiary":"button__tertiary_1i5d2","transparent":"button__transparent_1i5d2","link":"button__link_1i5d2"};
+var invertedColors = {"primary":"button__primary_1ji6e","loader":"button__loader_1ji6e","secondary":"button__secondary_1ji6e","text":"button__text_1ji6e","ghost":"button__ghost_1ji6e","component":"button__component_1ji6e","loading":"button__loading_1ji6e","outlined":"button__outlined_1ji6e","tertiary":"button__tertiary_1ji6e","transparent":"button__transparent_1ji6e","link":"button__link_1ji6e"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_18qdj","size-40":"button__size-40_18qdj","size-48":"button__size-48_18qdj","size-56":"button__size-56_18qdj","size-64":"button__size-64_18qdj","size-72":"button__size-72_18qdj"};
+var styles = {"size-32":"button__size-32_ab3j0","size-40":"button__size-40_ab3j0","size-48":"button__size-48_ab3j0","size-56":"button__size-56_ab3j0","size-64":"button__size-64_ab3j0","size-72":"button__size-72_ab3j0"};
 require('./mobile.css');
 
 var colorStyles = {

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

@@ -125,45 +125,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_15vm2 {
+} .button__primary_4njpq {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_15vm2:hover {
+        .button__primary_4njpq:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_15vm2:active {
+    } .button__primary_4njpq:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_15vm2 > .button__loader_15vm2 {
+    } .button__primary_4njpq > .button__loader_4njpq {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_15vm2 {
+    } .button__secondary_4njpq {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_15vm2:active {
+} .button__secondary_4njpq:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_15vm2:active {
+    } .button__text_4njpq:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_15vm2:active {
+    } .button__ghost_4njpq:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_15vm2[disabled].button__primary_15vm2 {
+    } .button__component_4njpq[disabled].button__primary_4njpq {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_15vm2[disabled].button__primary_15vm2.button__loading_15vm2 {
+    } .button__component_4njpq[disabled].button__primary_4njpq.button__loading_4njpq {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_15vm2[disabled].button__secondary_15vm2 {
+        } .button__component_4njpq[disabled].button__secondary_4njpq {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_15vm2[disabled].button__outlined_15vm2 {
+    } .button__component_4njpq[disabled].button__outlined_4njpq {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_15vm2[disabled].button__tertiary_15vm2 {
+    } .button__component_4njpq[disabled].button__tertiary_4njpq {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_15vm2[disabled].button__transparent_15vm2 {
+    } .button__component_4njpq[disabled].button__transparent_4njpq {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__link_15vm2 {
+    } .button__component_4njpq[disabled].button__link_4njpq {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__text_15vm2 {
+    } .button__component_4njpq[disabled].button__text_4njpq {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__ghost_15vm2 {
+    } .button__component_4njpq[disabled].button__ghost_4njpq {
         color: var(--button-ghost-mobile-disabled-color);
     }

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

@@ -136,45 +136,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_1i5d2 {
+} .button__primary_1ji6e {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1i5d2:hover {
+        .button__primary_1ji6e:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1i5d2:active {
+    } .button__primary_1ji6e:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1i5d2 > .button__loader_1i5d2 {
+    } .button__primary_1ji6e > .button__loader_1ji6e {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1i5d2 {
+    } .button__secondary_1ji6e {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1i5d2:active {
+} .button__secondary_1ji6e:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1i5d2:active {
+    } .button__text_1ji6e:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1i5d2:active {
+    } .button__ghost_1ji6e:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1i5d2[disabled].button__primary_1i5d2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1i5d2[disabled].button__primary_1i5d2.button__loading_1i5d2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e.button__loading_1ji6e {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1i5d2[disabled].button__secondary_1i5d2 {
+        } .button__component_1ji6e[disabled].button__secondary_1ji6e {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1i5d2[disabled].button__outlined_1i5d2 {
+    } .button__component_1ji6e[disabled].button__outlined_1ji6e {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1i5d2[disabled].button__tertiary_1i5d2 {
+    } .button__component_1ji6e[disabled].button__tertiary_1ji6e {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1i5d2[disabled].button__transparent_1i5d2 {
+    } .button__component_1ji6e[disabled].button__transparent_1ji6e {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__link_1i5d2 {
+    } .button__component_1ji6e[disabled].button__link_1ji6e {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__text_1i5d2 {
+    } .button__component_1ji6e[disabled].button__text_1ji6e {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__ghost_1i5d2 {
+    } .button__component_1ji6e[disabled].button__ghost_1ji6e {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css

@@ -103,16 +103,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_18qdj {
+} .button__size-32_ab3j0 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_18qdj {
+} .button__size-40_ab3j0 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_18qdj {
+} .button__size-48_ab3j0 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_18qdj {
+} .button__size-56_ab3j0 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_18qdj {
+} .button__size-64_ab3j0 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_18qdj {
+} .button__size-72_ab3j0 {
     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_15vm2","loader":"button__loader_15vm2","secondary":"button__secondary_15vm2","text":"button__text_15vm2","ghost":"button__ghost_15vm2","component":"button__component_15vm2","loading":"button__loading_15vm2","outlined":"button__outlined_15vm2","tertiary":"button__tertiary_15vm2","transparent":"button__transparent_15vm2","link":"button__link_15vm2"};
+var defaultColors = {"primary":"button__primary_4njpq","loader":"button__loader_4njpq","secondary":"button__secondary_4njpq","text":"button__text_4njpq","ghost":"button__ghost_4njpq","component":"button__component_4njpq","loading":"button__loading_4njpq","outlined":"button__outlined_4njpq","tertiary":"button__tertiary_4njpq","transparent":"button__transparent_4njpq","link":"button__link_4njpq"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1i5d2","loader":"button__loader_1i5d2","secondary":"button__secondary_1i5d2","text":"button__text_1i5d2","ghost":"button__ghost_1i5d2","component":"button__component_1i5d2","loading":"button__loading_1i5d2","outlined":"button__outlined_1i5d2","tertiary":"button__tertiary_1i5d2","transparent":"button__transparent_1i5d2","link":"button__link_1i5d2"};
+var invertedColors = {"primary":"button__primary_1ji6e","loader":"button__loader_1ji6e","secondary":"button__secondary_1ji6e","text":"button__text_1ji6e","ghost":"button__ghost_1ji6e","component":"button__component_1ji6e","loading":"button__loading_1ji6e","outlined":"button__outlined_1ji6e","tertiary":"button__tertiary_1ji6e","transparent":"button__transparent_1ji6e","link":"button__link_1ji6e"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_18qdj","size-40":"button__size-40_18qdj","size-48":"button__size-48_18qdj","size-56":"button__size-56_18qdj","size-64":"button__size-64_18qdj","size-72":"button__size-72_18qdj"};
+var styles = {"size-32":"button__size-32_ab3j0","size-40":"button__size-40_ab3j0","size-48":"button__size-48_ab3j0","size-56":"button__size-56_ab3j0","size-64":"button__size-64_ab3j0","size-72":"button__size-72_ab3j0"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/mobile/default.mobile.css

@@ -125,45 +125,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_15vm2 {
+} .button__primary_4njpq {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_15vm2:hover {
+        .button__primary_4njpq:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_15vm2:active {
+    } .button__primary_4njpq:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_15vm2 > .button__loader_15vm2 {
+    } .button__primary_4njpq > .button__loader_4njpq {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_15vm2 {
+    } .button__secondary_4njpq {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_15vm2:active {
+} .button__secondary_4njpq:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_15vm2:active {
+    } .button__text_4njpq:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_15vm2:active {
+    } .button__ghost_4njpq:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_15vm2[disabled].button__primary_15vm2 {
+    } .button__component_4njpq[disabled].button__primary_4njpq {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_15vm2[disabled].button__primary_15vm2.button__loading_15vm2 {
+    } .button__component_4njpq[disabled].button__primary_4njpq.button__loading_4njpq {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_15vm2[disabled].button__secondary_15vm2 {
+        } .button__component_4njpq[disabled].button__secondary_4njpq {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_15vm2[disabled].button__outlined_15vm2 {
+    } .button__component_4njpq[disabled].button__outlined_4njpq {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_15vm2[disabled].button__tertiary_15vm2 {
+    } .button__component_4njpq[disabled].button__tertiary_4njpq {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_15vm2[disabled].button__transparent_15vm2 {
+    } .button__component_4njpq[disabled].button__transparent_4njpq {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__link_15vm2 {
+    } .button__component_4njpq[disabled].button__link_4njpq {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__text_15vm2 {
+    } .button__component_4njpq[disabled].button__text_4njpq {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_15vm2[disabled].button__ghost_15vm2 {
+    } .button__component_4njpq[disabled].button__ghost_4njpq {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css

@@ -136,45 +136,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_1i5d2 {
+} .button__primary_1ji6e {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1i5d2:hover {
+        .button__primary_1ji6e:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1i5d2:active {
+    } .button__primary_1ji6e:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1i5d2 > .button__loader_1i5d2 {
+    } .button__primary_1ji6e > .button__loader_1ji6e {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1i5d2 {
+    } .button__secondary_1ji6e {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1i5d2:active {
+} .button__secondary_1ji6e:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1i5d2:active {
+    } .button__text_1ji6e:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1i5d2:active {
+    } .button__ghost_1ji6e:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1i5d2[disabled].button__primary_1i5d2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1i5d2[disabled].button__primary_1i5d2.button__loading_1i5d2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e.button__loading_1ji6e {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1i5d2[disabled].button__secondary_1i5d2 {
+        } .button__component_1ji6e[disabled].button__secondary_1ji6e {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1i5d2[disabled].button__outlined_1i5d2 {
+    } .button__component_1ji6e[disabled].button__outlined_1ji6e {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1i5d2[disabled].button__tertiary_1i5d2 {
+    } .button__component_1ji6e[disabled].button__tertiary_1ji6e {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1i5d2[disabled].button__transparent_1i5d2 {
+    } .button__component_1ji6e[disabled].button__transparent_1ji6e {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__link_1i5d2 {
+    } .button__component_1ji6e[disabled].button__link_1ji6e {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__text_1i5d2 {
+    } .button__component_1ji6e[disabled].button__text_1ji6e {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1i5d2[disabled].button__ghost_1i5d2 {
+    } .button__component_1ji6e[disabled].button__ghost_1ji6e {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css

@@ -103,16 +103,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_18qdj {
+} .button__size-32_ab3j0 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_18qdj {
+} .button__size-40_ab3j0 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_18qdj {
+} .button__size-48_ab3j0 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_18qdj {
+} .button__size-56_ab3j0 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_18qdj {
+} .button__size-64_ab3j0 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_18qdj {
+} .button__size-72_ab3j0 {
     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_m1xmu","loader":"button__loader_m1xmu","primary":"button__primary_m1xmu","secondary":"button__secondary_m1xmu","outlined":"button__outlined_m1xmu","tertiary":"button__tertiary_m1xmu","filled":"button__filled_m1xmu","transparent":"button__transparent_m1xmu","link":"button__link_m1xmu","text":"button__text_m1xmu","ghost":"button__ghost_m1xmu","component":"button__component_m1xmu","loading":"button__loading_m1xmu"};
+const defaultColors = {"accent":"button__accent_1phfi","loader":"button__loader_1phfi","primary":"button__primary_1phfi","secondary":"button__secondary_1phfi","outlined":"button__outlined_1phfi","tertiary":"button__tertiary_1phfi","filled":"button__filled_1phfi","transparent":"button__transparent_1phfi","link":"button__link_1phfi","text":"button__text_1phfi","ghost":"button__ghost_1phfi","component":"button__component_1phfi","loading":"button__loading_1phfi"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_qdngi","hug":"button__hug_qdngi","fill":"button__fill_qdngi","hint":"button__hint_qdngi","allowBackdropBlur":"button__allowBackdropBlur_qdngi","secondary":"button__secondary_qdngi","accent":"button__accent_qdngi","primary":"button__primary_qdngi","focused":"button__focused_qdngi","loading":"button__loading_qdngi","label":"button__label_qdngi","addons":"button__addons_qdngi","stretchText":"button__stretchText_qdngi","loader":"button__loader_qdngi","size-32":"button__size-32_qdngi","iconOnly":"button__iconOnly_qdngi","size-40":"button__size-40_qdngi","size-48":"button__size-48_qdngi","size-56":"button__size-56_qdngi","size-64":"button__size-64_qdngi","size-72":"button__size-72_qdngi","withRightAddons":"button__withRightAddons_qdngi","ghost":"button__ghost_qdngi","text":"button__text_qdngi","withLeftAddons":"button__withLeftAddons_qdngi","link":"button__link_qdngi","transparent":"button__transparent_qdngi","block":"button__block_qdngi","nowrap":"button__nowrap_qdngi","rounded":"button__rounded_qdngi"};
+const commonStyles = {"component":"button__component_6iv4t","hug":"button__hug_6iv4t","fill":"button__fill_6iv4t","hint":"button__hint_6iv4t","allowBackdropBlur":"button__allowBackdropBlur_6iv4t","secondary":"button__secondary_6iv4t","accent":"button__accent_6iv4t","primary":"button__primary_6iv4t","focused":"button__focused_6iv4t","loading":"button__loading_6iv4t","label":"button__label_6iv4t","addons":"button__addons_6iv4t","stretchText":"button__stretchText_6iv4t","loader":"button__loader_6iv4t","size-32":"button__size-32_6iv4t","iconOnly":"button__iconOnly_6iv4t","size-40":"button__size-40_6iv4t","size-48":"button__size-48_6iv4t","size-56":"button__size-56_6iv4t","size-64":"button__size-64_6iv4t","size-72":"button__size-72_6iv4t","withRightAddons":"button__withRightAddons_6iv4t","ghost":"button__ghost_6iv4t","text":"button__text_6iv4t","withLeftAddons":"button__withLeftAddons_6iv4t","link":"button__link_6iv4t","transparent":"button__transparent_6iv4t","block":"button__block_6iv4t","nowrap":"button__nowrap_6iv4t","rounded":"button__rounded_6iv4t"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_dolvf","loader":"button__loader_dolvf","primary":"button__primary_dolvf","secondary":"button__secondary_dolvf","outlined":"button__outlined_dolvf","tertiary":"button__tertiary_dolvf","filled":"button__filled_dolvf","transparent":"button__transparent_dolvf","link":"button__link_dolvf","text":"button__text_dolvf","ghost":"button__ghost_dolvf","component":"button__component_dolvf","loading":"button__loading_dolvf"};
+const invertedColors = {"accent":"button__accent_1y11o","loader":"button__loader_1y11o","primary":"button__primary_1y11o","secondary":"button__secondary_1y11o","outlined":"button__outlined_1y11o","tertiary":"button__tertiary_1y11o","filled":"button__filled_1y11o","transparent":"button__transparent_1y11o","link":"button__link_1y11o","text":"button__text_1y11o","ghost":"button__ghost_1y11o","component":"button__component_1y11o","loading":"button__loading_1y11o"};
 require('./inverted.css');
 
 /* eslint-disable complexity */