@alfalab/core-components 45.8.0 → 45.9.0

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

@@ -1,4 +1,4 @@
-/* hash: v9pgk */
+/* hash: 1aoqm */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #36363a;
@@ -158,140 +158,140 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_1t3c3 {
+} .button__accent_c4agy {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_1t3c3:hover {
+        .button__accent_c4agy:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_1t3c3:active {
+    } .button__accent_c4agy:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1t3c3 > .button__loader_1t3c3 {
+    } .button__accent_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_1t3c3 {
+    } .button__primary_c4agy {
     border: 1px solid transparent;
-} .button__secondary_1t3c3 {
+} .button__secondary_c4agy {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1t3c3 > .button__loader_1t3c3 {
+} .button__secondary_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1t3c3 {
+    } .button__outlined_c4agy {
     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_1t3c3:hover {
+        .button__outlined_c4agy:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_1t3c3:active {
+    } .button__outlined_c4agy:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_1t3c3 > .button__loader_1t3c3 {
+    } .button__outlined_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_1t3c3 {
+    } .button__tertiary_c4agy {
     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_1t3c3:hover {
+        .button__tertiary_c4agy:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_1t3c3:active {
+    } .button__tertiary_c4agy:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1t3c3 > .button__loader_1t3c3 {
+    } .button__tertiary_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1t3c3 {
+    } .button__filled_c4agy {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_1t3c3:hover {
+        .button__filled_c4agy:hover {
             background-color: rgb(84, 84, 88);
         }
-    } .button__filled_1t3c3:active {
+    } .button__filled_c4agy:active {
         background-color: rgb(46, 46, 49);
-    } .button__transparent_1t3c3 {
+    } .button__transparent_c4agy {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_1t3c3:hover {
+        .button__transparent_c4agy:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_1t3c3:active {
+    } .button__transparent_c4agy:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_1t3c3 > .button__loader_1t3c3 {
+    } .button__transparent_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__link_1t3c3 {
+    } .button__link_c4agy {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_1t3c3:hover {
+        .button__link_c4agy:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_1t3c3:active {
+    } .button__link_c4agy:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1t3c3 > .button__loader_1t3c3 {
+    } .button__link_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__text_1t3c3 {
+    } .button__text_c4agy {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_1t3c3:hover {
+        .button__text_c4agy:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_1t3c3 > .button__loader_1t3c3 {
+    } .button__text_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_1t3c3 {
+    } .button__ghost_c4agy {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_1t3c3:hover {
+        .button__ghost_c4agy:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_1t3c3 > .button__loader_1t3c3 {
+    } .button__ghost_c4agy > .button__loader_c4agy {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1t3c3[disabled].button__accent_1t3c3 {
+    } .button__component_c4agy[disabled].button__accent_c4agy {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_1t3c3[disabled].button__accent_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__accent_c4agy.button__loading_c4agy {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_1t3c3[disabled].button__secondary_1t3c3 {
+        } .button__component_c4agy[disabled].button__secondary_c4agy {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1t3c3[disabled].button__secondary_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__secondary_c4agy.button__loading_c4agy {
             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_1t3c3[disabled].button__outlined_1t3c3 {
+        } .button__component_c4agy[disabled].button__outlined_c4agy {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_1t3c3[disabled].button__outlined_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__outlined_c4agy.button__loading_c4agy {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1t3c3[disabled].button__tertiary_1t3c3 {
+        } .button__component_c4agy[disabled].button__tertiary_c4agy {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_1t3c3[disabled].button__tertiary_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__tertiary_c4agy.button__loading_c4agy {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1t3c3[disabled].button__filled_1t3c3 {
+        } .button__component_c4agy[disabled].button__filled_c4agy {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(54, 54, 58, 0.3);
         border-color: transparent
-    } .button__component_1t3c3[disabled].button__filled_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__filled_c4agy.button__loading_c4agy {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_1t3c3[disabled].button__transparent_1t3c3 {
+        } .button__component_c4agy[disabled].button__transparent_c4agy {
         background-color: transparent
-    } .button__component_1t3c3[disabled].button__transparent_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__transparent_c4agy.button__loading_c4agy {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_1t3c3[disabled].button__link_1t3c3 {
+        } .button__component_c4agy[disabled].button__link_c4agy {
         background-color: transparent
-    } .button__component_1t3c3[disabled].button__link_1t3c3.button__loading_1t3c3 {
+    } .button__component_c4agy[disabled].button__link_c4agy.button__loading_c4agy {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1t3c3[disabled].button__text_1t3c3.button__loading_1t3c3 {
+        } .button__component_c4agy[disabled].button__text_c4agy.button__loading_c4agy {
             color: var(--button-inverted-text-base-color);
-        } .button__component_1t3c3[disabled].button__ghost_1t3c3.button__loading_1t3c3 {
+        } .button__component_c4agy[disabled].button__ghost_c4agy.button__loading_c4agy {
             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_pbt1x","loader":"button__loader_pbt1x","secondary":"button__secondary_pbt1x","text":"button__text_pbt1x","ghost":"button__ghost_pbt1x","component":"button__component_pbt1x","loading":"button__loading_pbt1x","outlined":"button__outlined_pbt1x","tertiary":"button__tertiary_pbt1x","transparent":"button__transparent_pbt1x","link":"button__link_pbt1x"};
+var defaultColors = {"primary":"button__primary_eo9fs","loader":"button__loader_eo9fs","secondary":"button__secondary_eo9fs","text":"button__text_eo9fs","ghost":"button__ghost_eo9fs","component":"button__component_eo9fs","loading":"button__loading_eo9fs","outlined":"button__outlined_eo9fs","tertiary":"button__tertiary_eo9fs","transparent":"button__transparent_eo9fs","link":"button__link_eo9fs"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_110m0","size-40":"button__size-40_110m0","size-48":"button__size-48_110m0","size-56":"button__size-56_110m0","size-64":"button__size-64_110m0","size-72":"button__size-72_110m0"};
+var styles = {"size-32":"button__size-32_5wm6d","size-40":"button__size-40_5wm6d","size-48":"button__size-48_5wm6d","size-56":"button__size-56_5wm6d","size-64":"button__size-64_5wm6d","size-72":"button__size-72_5wm6d"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_8sczx","loader":"button__loader_8sczx","secondary":"button__secondary_8sczx","text":"button__text_8sczx","ghost":"button__ghost_8sczx","component":"button__component_8sczx","loading":"button__loading_8sczx","outlined":"button__outlined_8sczx","tertiary":"button__tertiary_8sczx","transparent":"button__transparent_8sczx","link":"button__link_8sczx"};
+var invertedColors = {"primary":"button__primary_lq598","loader":"button__loader_lq598","secondary":"button__secondary_lq598","text":"button__text_lq598","ghost":"button__ghost_lq598","component":"button__component_lq598","loading":"button__loading_lq598","outlined":"button__outlined_lq598","tertiary":"button__tertiary_lq598","transparent":"button__transparent_lq598","link":"button__link_lq598"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: tdblx */
+/* hash: 1kfg7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -128,47 +128,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_pbt1x {
+} .button__primary_eo9fs {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_pbt1x:hover {
+        .button__primary_eo9fs:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_pbt1x:active {
+    } .button__primary_eo9fs:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_pbt1x > .button__loader_pbt1x {
+    } .button__primary_eo9fs > .button__loader_eo9fs {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_pbt1x {
+    } .button__secondary_eo9fs {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_pbt1x:hover {
+} .button__secondary_eo9fs:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_pbt1x:active {
+    } .button__secondary_eo9fs:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_pbt1x:active {
+    } .button__text_eo9fs:active {
         color: var(--button-text-active-color);
-    } .button__ghost_pbt1x:active {
+    } .button__ghost_eo9fs:active {
         color: var(--button-ghost-active-color);
-    } .button__component_pbt1x[disabled].button__primary_pbt1x {
+    } .button__component_eo9fs[disabled].button__primary_eo9fs {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_pbt1x[disabled].button__primary_pbt1x.button__loading_pbt1x {
+    } .button__component_eo9fs[disabled].button__primary_eo9fs.button__loading_eo9fs {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_pbt1x[disabled].button__secondary_pbt1x {
+        } .button__component_eo9fs[disabled].button__secondary_eo9fs {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_pbt1x[disabled].button__outlined_pbt1x {
+    } .button__component_eo9fs[disabled].button__outlined_eo9fs {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_pbt1x[disabled].button__tertiary_pbt1x {
+    } .button__component_eo9fs[disabled].button__tertiary_eo9fs {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_pbt1x[disabled].button__transparent_pbt1x {
+    } .button__component_eo9fs[disabled].button__transparent_eo9fs {
         color: var(--button-transparent-disabled-color);
-    } .button__component_pbt1x[disabled].button__link_pbt1x {
+    } .button__component_eo9fs[disabled].button__link_eo9fs {
         color: var(--button-link-disabled-color);
-    } .button__component_pbt1x[disabled].button__text_pbt1x {
+    } .button__component_eo9fs[disabled].button__text_eo9fs {
         color: var(--button-text-disabled-color);
-    } .button__component_pbt1x[disabled].button__ghost_pbt1x {
+    } .button__component_eo9fs[disabled].button__ghost_eo9fs {
         color: var(--button-ghost-disabled-color);
     }

package/button/esm/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: f5nmx */
+/* hash: k11rk */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -102,16 +102,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_110m0 {
+} .button__size-32_5wm6d {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_110m0 {
+} .button__size-40_5wm6d {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_110m0 {
+} .button__size-48_5wm6d {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_110m0 {
+} .button__size-56_5wm6d {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_110m0 {
+} .button__size-64_5wm6d {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_110m0 {
+} .button__size-72_5wm6d {
     border-radius: var(--button-xl-size-border-radius);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 97w7o */
+/* hash: e59ab */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #f2f3f5;
@@ -136,47 +136,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_8sczx {
+} .button__primary_lq598 {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_8sczx:hover {
+        .button__primary_lq598:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_8sczx:active {
+    } .button__primary_lq598:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_8sczx > .button__loader_8sczx {
+    } .button__primary_lq598 > .button__loader_lq598 {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_8sczx {
+    } .button__secondary_lq598 {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_8sczx:hover {
+} .button__secondary_lq598:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_8sczx:active {
+    } .button__secondary_lq598:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_8sczx:active {
+    } .button__text_lq598:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_8sczx:active {
+    } .button__ghost_lq598:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_8sczx[disabled].button__primary_8sczx {
+    } .button__component_lq598[disabled].button__primary_lq598 {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_8sczx[disabled].button__primary_8sczx.button__loading_8sczx {
+    } .button__component_lq598[disabled].button__primary_lq598.button__loading_lq598 {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_8sczx[disabled].button__secondary_8sczx {
+        } .button__component_lq598[disabled].button__secondary_lq598 {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_8sczx[disabled].button__outlined_8sczx {
+    } .button__component_lq598[disabled].button__outlined_lq598 {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_8sczx[disabled].button__tertiary_8sczx {
+    } .button__component_lq598[disabled].button__tertiary_lq598 {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_8sczx[disabled].button__transparent_8sczx {
+    } .button__component_lq598[disabled].button__transparent_lq598 {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_8sczx[disabled].button__link_8sczx {
+    } .button__component_lq598[disabled].button__link_lq598 {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_8sczx[disabled].button__text_8sczx {
+    } .button__component_lq598[disabled].button__text_lq598 {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_8sczx[disabled].button__ghost_8sczx {
+    } .button__component_lq598[disabled].button__ghost_lq598 {
         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_p5wt6","loader":"button__loader_p5wt6","secondary":"button__secondary_p5wt6","text":"button__text_p5wt6","ghost":"button__ghost_p5wt6","component":"button__component_p5wt6","loading":"button__loading_p5wt6","outlined":"button__outlined_p5wt6","tertiary":"button__tertiary_p5wt6","transparent":"button__transparent_p5wt6","link":"button__link_p5wt6"};
+var defaultColors = {"primary":"button__primary_1svjd","loader":"button__loader_1svjd","secondary":"button__secondary_1svjd","text":"button__text_1svjd","ghost":"button__ghost_1svjd","component":"button__component_1svjd","loading":"button__loading_1svjd","outlined":"button__outlined_1svjd","tertiary":"button__tertiary_1svjd","transparent":"button__transparent_1svjd","link":"button__link_1svjd"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_w18xl","loader":"button__loader_w18xl","secondary":"button__secondary_w18xl","text":"button__text_w18xl","ghost":"button__ghost_w18xl","component":"button__component_w18xl","loading":"button__loading_w18xl","outlined":"button__outlined_w18xl","tertiary":"button__tertiary_w18xl","transparent":"button__transparent_w18xl","link":"button__link_w18xl"};
+var invertedColors = {"primary":"button__primary_1tmz2","loader":"button__loader_1tmz2","secondary":"button__secondary_1tmz2","text":"button__text_1tmz2","ghost":"button__ghost_1tmz2","component":"button__component_1tmz2","loading":"button__loading_1tmz2","outlined":"button__outlined_1tmz2","tertiary":"button__tertiary_1tmz2","transparent":"button__transparent_1tmz2","link":"button__link_1tmz2"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_11jwu","size-40":"button__size-40_11jwu","size-48":"button__size-48_11jwu","size-56":"button__size-56_11jwu","size-64":"button__size-64_11jwu","size-72":"button__size-72_11jwu"};
+var styles = {"size-32":"button__size-32_x0st4","size-40":"button__size-40_x0st4","size-48":"button__size-48_x0st4","size-56":"button__size-56_x0st4","size-64":"button__size-64_x0st4","size-72":"button__size-72_x0st4"};
 require('./mobile.css');
 
 var colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: plg0x */
+/* hash: uit3l */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -125,45 +125,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_p5wt6 {
+} .button__primary_1svjd {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_p5wt6:hover {
+        .button__primary_1svjd:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_p5wt6:active {
+    } .button__primary_1svjd:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_p5wt6 > .button__loader_p5wt6 {
+    } .button__primary_1svjd > .button__loader_1svjd {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_p5wt6 {
+    } .button__secondary_1svjd {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_p5wt6:active {
+} .button__secondary_1svjd:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_p5wt6:active {
+    } .button__text_1svjd:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_p5wt6:active {
+    } .button__ghost_1svjd:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_p5wt6[disabled].button__primary_p5wt6 {
+    } .button__component_1svjd[disabled].button__primary_1svjd {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_p5wt6[disabled].button__primary_p5wt6.button__loading_p5wt6 {
+    } .button__component_1svjd[disabled].button__primary_1svjd.button__loading_1svjd {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_p5wt6[disabled].button__secondary_p5wt6 {
+        } .button__component_1svjd[disabled].button__secondary_1svjd {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_p5wt6[disabled].button__outlined_p5wt6 {
+    } .button__component_1svjd[disabled].button__outlined_1svjd {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_p5wt6[disabled].button__tertiary_p5wt6 {
+    } .button__component_1svjd[disabled].button__tertiary_1svjd {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_p5wt6[disabled].button__transparent_p5wt6 {
+    } .button__component_1svjd[disabled].button__transparent_1svjd {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_p5wt6[disabled].button__link_p5wt6 {
+    } .button__component_1svjd[disabled].button__link_1svjd {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_p5wt6[disabled].button__text_p5wt6 {
+    } .button__component_1svjd[disabled].button__text_1svjd {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_p5wt6[disabled].button__ghost_p5wt6 {
+    } .button__component_1svjd[disabled].button__ghost_1svjd {
         color: var(--button-ghost-mobile-disabled-color);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 7it7a */
+/* hash: 1r4w3 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #f2f3f5;
@@ -136,45 +136,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_w18xl {
+} .button__primary_1tmz2 {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_w18xl:hover {
+        .button__primary_1tmz2:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_w18xl:active {
+    } .button__primary_1tmz2:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_w18xl > .button__loader_w18xl {
+    } .button__primary_1tmz2 > .button__loader_1tmz2 {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_w18xl {
+    } .button__secondary_1tmz2 {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_w18xl:active {
+} .button__secondary_1tmz2:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_w18xl:active {
+    } .button__text_1tmz2:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_w18xl:active {
+    } .button__ghost_1tmz2:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_w18xl[disabled].button__primary_w18xl {
+    } .button__component_1tmz2[disabled].button__primary_1tmz2 {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_w18xl[disabled].button__primary_w18xl.button__loading_w18xl {
+    } .button__component_1tmz2[disabled].button__primary_1tmz2.button__loading_1tmz2 {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_w18xl[disabled].button__secondary_w18xl {
+        } .button__component_1tmz2[disabled].button__secondary_1tmz2 {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_w18xl[disabled].button__outlined_w18xl {
+    } .button__component_1tmz2[disabled].button__outlined_1tmz2 {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_w18xl[disabled].button__tertiary_w18xl {
+    } .button__component_1tmz2[disabled].button__tertiary_1tmz2 {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_w18xl[disabled].button__transparent_w18xl {
+    } .button__component_1tmz2[disabled].button__transparent_1tmz2 {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_w18xl[disabled].button__link_w18xl {
+    } .button__component_1tmz2[disabled].button__link_1tmz2 {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_w18xl[disabled].button__text_w18xl {
+    } .button__component_1tmz2[disabled].button__text_1tmz2 {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_w18xl[disabled].button__ghost_w18xl {
+    } .button__component_1tmz2[disabled].button__ghost_1tmz2 {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1cg1h */
+/* hash: 19sv7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -103,16 +103,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_11jwu {
+} .button__size-32_x0st4 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_11jwu {
+} .button__size-40_x0st4 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_11jwu {
+} .button__size-48_x0st4 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_11jwu {
+} .button__size-56_x0st4 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_11jwu {
+} .button__size-64_x0st4 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_11jwu {
+} .button__size-72_x0st4 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }