@alfalab/core-components 46.0.0-beta.1 → 46.0.0-beta.3

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

@@ -1,4 +1,4 @@
-/* hash: 1aoqm */
+/* hash: qwdoj */
 :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_c4agy {
+} .button__accent_aikqz {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_c4agy:hover {
+        .button__accent_aikqz:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_c4agy:active {
+    } .button__accent_aikqz:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_c4agy > .button__loader_c4agy {
+    } .button__accent_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_c4agy {
+    } .button__primary_aikqz {
     border: 1px solid transparent;
-} .button__secondary_c4agy {
+} .button__secondary_aikqz {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_c4agy > .button__loader_c4agy {
+} .button__secondary_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_c4agy {
+    } .button__outlined_aikqz {
     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_c4agy:hover {
+        .button__outlined_aikqz:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_c4agy:active {
+    } .button__outlined_aikqz:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_c4agy > .button__loader_c4agy {
+    } .button__outlined_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_c4agy {
+    } .button__tertiary_aikqz {
     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_c4agy:hover {
+        .button__tertiary_aikqz:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_c4agy:active {
+    } .button__tertiary_aikqz:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_c4agy > .button__loader_c4agy {
+    } .button__tertiary_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_c4agy {
+    } .button__filled_aikqz {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_c4agy:hover {
+        .button__filled_aikqz:hover {
             background-color: rgb(84, 84, 88);
         }
-    } .button__filled_c4agy:active {
+    } .button__filled_aikqz:active {
         background-color: rgb(46, 46, 49);
-    } .button__transparent_c4agy {
+    } .button__transparent_aikqz {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_c4agy:hover {
+        .button__transparent_aikqz:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_c4agy:active {
+    } .button__transparent_aikqz:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_c4agy > .button__loader_c4agy {
+    } .button__transparent_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__link_c4agy {
+    } .button__link_aikqz {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_c4agy:hover {
+        .button__link_aikqz:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_c4agy:active {
+    } .button__link_aikqz:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_c4agy > .button__loader_c4agy {
+    } .button__link_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__text_c4agy {
+    } .button__text_aikqz {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_c4agy:hover {
+        .button__text_aikqz:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_c4agy > .button__loader_c4agy {
+    } .button__text_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_c4agy {
+    } .button__ghost_aikqz {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_c4agy:hover {
+        .button__ghost_aikqz:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_c4agy > .button__loader_c4agy {
+    } .button__ghost_aikqz > .button__loader_aikqz {
         color: var(--button-spinner-inverted-color);
-    } .button__component_c4agy[disabled].button__accent_c4agy {
+    } .button__component_aikqz[disabled].button__accent_aikqz {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__accent_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__accent_aikqz.button__loading_aikqz {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_c4agy[disabled].button__secondary_c4agy {
+        } .button__component_aikqz[disabled].button__secondary_aikqz {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_c4agy[disabled].button__secondary_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__secondary_aikqz.button__loading_aikqz {
             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_c4agy[disabled].button__outlined_c4agy {
+        } .button__component_aikqz[disabled].button__outlined_aikqz {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__outlined_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__outlined_aikqz.button__loading_aikqz {
             color: var(--button-inverted-outlined-color);
-        } .button__component_c4agy[disabled].button__tertiary_c4agy {
+        } .button__component_aikqz[disabled].button__tertiary_aikqz {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__tertiary_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__tertiary_aikqz.button__loading_aikqz {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_c4agy[disabled].button__filled_c4agy {
+        } .button__component_aikqz[disabled].button__filled_aikqz {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(54, 54, 58, 0.3);
         border-color: transparent
-    } .button__component_c4agy[disabled].button__filled_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__filled_aikqz.button__loading_aikqz {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_c4agy[disabled].button__transparent_c4agy {
+        } .button__component_aikqz[disabled].button__transparent_aikqz {
         background-color: transparent
-    } .button__component_c4agy[disabled].button__transparent_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__transparent_aikqz.button__loading_aikqz {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_c4agy[disabled].button__link_c4agy {
+        } .button__component_aikqz[disabled].button__link_aikqz {
         background-color: transparent
-    } .button__component_c4agy[disabled].button__link_c4agy.button__loading_c4agy {
+    } .button__component_aikqz[disabled].button__link_aikqz.button__loading_aikqz {
             color: var(--button-inverted-link-base-color);
-        } .button__component_c4agy[disabled].button__text_c4agy.button__loading_c4agy {
+        } .button__component_aikqz[disabled].button__text_aikqz.button__loading_aikqz {
             color: var(--button-inverted-text-base-color);
-        } .button__component_c4agy[disabled].button__ghost_c4agy.button__loading_c4agy {
+        } .button__component_aikqz[disabled].button__ghost_aikqz.button__loading_aikqz {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/desktop/Component.desktop.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_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"};
+var defaultColors = {"primary":"button__primary_4hsz9","loader":"button__loader_4hsz9","secondary":"button__secondary_4hsz9","text":"button__text_4hsz9","ghost":"button__ghost_4hsz9","component":"button__component_4hsz9","loading":"button__loading_4hsz9","outlined":"button__outlined_4hsz9","tertiary":"button__tertiary_4hsz9","transparent":"button__transparent_4hsz9","link":"button__link_4hsz9"};
 require('./default.desktop.css');
 
-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"};
+var styles = {"size-32":"button__size-32_1ko2x","size-40":"button__size-40_1ko2x","size-48":"button__size-48_1ko2x","size-56":"button__size-56_1ko2x","size-64":"button__size-64_1ko2x","size-72":"button__size-72_1ko2x"};
 require('./desktop.css');
 
-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"};
+var invertedColors = {"primary":"button__primary_1mzgz","loader":"button__loader_1mzgz","secondary":"button__secondary_1mzgz","text":"button__text_1mzgz","ghost":"button__ghost_1mzgz","component":"button__component_1mzgz","loading":"button__loading_1mzgz","outlined":"button__outlined_1mzgz","tertiary":"button__tertiary_1mzgz","transparent":"button__transparent_1mzgz","link":"button__link_1mzgz"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/button/desktop/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1kfg7 */
+/* hash: 1kxik */
 :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_eo9fs {
+} .button__primary_4hsz9 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_eo9fs:hover {
+        .button__primary_4hsz9:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_eo9fs:active {
+    } .button__primary_4hsz9:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_eo9fs > .button__loader_eo9fs {
+    } .button__primary_4hsz9 > .button__loader_4hsz9 {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_eo9fs {
+    } .button__secondary_4hsz9 {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_eo9fs:hover {
+} .button__secondary_4hsz9:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_eo9fs:active {
+    } .button__secondary_4hsz9:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_eo9fs:active {
+    } .button__text_4hsz9:active {
         color: var(--button-text-active-color);
-    } .button__ghost_eo9fs:active {
+    } .button__ghost_4hsz9:active {
         color: var(--button-ghost-active-color);
-    } .button__component_eo9fs[disabled].button__primary_eo9fs {
+    } .button__component_4hsz9[disabled].button__primary_4hsz9 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_eo9fs[disabled].button__primary_eo9fs.button__loading_eo9fs {
+    } .button__component_4hsz9[disabled].button__primary_4hsz9.button__loading_4hsz9 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_eo9fs[disabled].button__secondary_eo9fs {
+        } .button__component_4hsz9[disabled].button__secondary_4hsz9 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_eo9fs[disabled].button__outlined_eo9fs {
+    } .button__component_4hsz9[disabled].button__outlined_4hsz9 {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_eo9fs[disabled].button__tertiary_eo9fs {
+    } .button__component_4hsz9[disabled].button__tertiary_4hsz9 {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_eo9fs[disabled].button__transparent_eo9fs {
+    } .button__component_4hsz9[disabled].button__transparent_4hsz9 {
         color: var(--button-transparent-disabled-color);
-    } .button__component_eo9fs[disabled].button__link_eo9fs {
+    } .button__component_4hsz9[disabled].button__link_4hsz9 {
         color: var(--button-link-disabled-color);
-    } .button__component_eo9fs[disabled].button__text_eo9fs {
+    } .button__component_4hsz9[disabled].button__text_4hsz9 {
         color: var(--button-text-disabled-color);
-    } .button__component_eo9fs[disabled].button__ghost_eo9fs {
+    } .button__component_4hsz9[disabled].button__ghost_4hsz9 {
         color: var(--button-ghost-disabled-color);
     }

package/button/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: k11rk */
+/* hash: jizez */
 :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_5wm6d {
+} .button__size-32_1ko2x {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_5wm6d {
+} .button__size-40_1ko2x {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_5wm6d {
+} .button__size-48_1ko2x {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_5wm6d {
+} .button__size-56_1ko2x {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_5wm6d {
+} .button__size-64_1ko2x {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_5wm6d {
+} .button__size-72_1ko2x {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: e59ab */
+/* hash: dl7zq */
 :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_lq598 {
+} .button__primary_1mzgz {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_lq598:hover {
+        .button__primary_1mzgz:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_lq598:active {
+    } .button__primary_1mzgz:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_lq598 > .button__loader_lq598 {
+    } .button__primary_1mzgz > .button__loader_1mzgz {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_lq598 {
+    } .button__secondary_1mzgz {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_lq598:hover {
+} .button__secondary_1mzgz:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_lq598:active {
+    } .button__secondary_1mzgz:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_lq598:active {
+    } .button__text_1mzgz:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_lq598:active {
+    } .button__ghost_1mzgz:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_lq598[disabled].button__primary_lq598 {
+    } .button__component_1mzgz[disabled].button__primary_1mzgz {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_lq598[disabled].button__primary_lq598.button__loading_lq598 {
+    } .button__component_1mzgz[disabled].button__primary_1mzgz.button__loading_1mzgz {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_lq598[disabled].button__secondary_lq598 {
+        } .button__component_1mzgz[disabled].button__secondary_1mzgz {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_lq598[disabled].button__outlined_lq598 {
+    } .button__component_1mzgz[disabled].button__outlined_1mzgz {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_lq598[disabled].button__tertiary_lq598 {
+    } .button__component_1mzgz[disabled].button__tertiary_1mzgz {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_lq598[disabled].button__transparent_lq598 {
+    } .button__component_1mzgz[disabled].button__transparent_1mzgz {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_lq598[disabled].button__link_lq598 {
+    } .button__component_1mzgz[disabled].button__link_1mzgz {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_lq598[disabled].button__text_lq598 {
+    } .button__component_1mzgz[disabled].button__text_1mzgz {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_lq598[disabled].button__ghost_lq598 {
+    } .button__component_1mzgz[disabled].button__ghost_1mzgz {
         color: var(--button-inverted-ghost-disabled-color);
     }

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

@@ -6,13 +6,13 @@ import { getDataTestId } from '../../../../shared/esm';
 import { Spinner } from '../../../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultColors = {"accent":"button__accent_8pg1w","loader":"button__loader_8pg1w","primary":"button__primary_8pg1w","secondary":"button__secondary_8pg1w","outlined":"button__outlined_8pg1w","tertiary":"button__tertiary_8pg1w","filled":"button__filled_8pg1w","transparent":"button__transparent_8pg1w","link":"button__link_8pg1w","text":"button__text_8pg1w","ghost":"button__ghost_8pg1w","component":"button__component_8pg1w","loading":"button__loading_8pg1w"};
+var defaultColors = {"accent":"button__accent_1r569","loader":"button__loader_1r569","primary":"button__primary_1r569","secondary":"button__secondary_1r569","outlined":"button__outlined_1r569","tertiary":"button__tertiary_1r569","filled":"button__filled_1r569","transparent":"button__transparent_1r569","link":"button__link_1r569","text":"button__text_1r569","ghost":"button__ghost_1r569","component":"button__component_1r569","loading":"button__loading_1r569"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_h7blb","hug":"button__hug_h7blb","fill":"button__fill_h7blb","hint":"button__hint_h7blb","allowBackdropBlur":"button__allowBackdropBlur_h7blb","secondary":"button__secondary_h7blb","accent":"button__accent_h7blb","primary":"button__primary_h7blb","focused":"button__focused_h7blb","loading":"button__loading_h7blb","label":"button__label_h7blb","addons":"button__addons_h7blb","stretchText":"button__stretchText_h7blb","loader":"button__loader_h7blb","size-32":"button__size-32_h7blb","iconOnly":"button__iconOnly_h7blb","size-40":"button__size-40_h7blb","size-48":"button__size-48_h7blb","size-56":"button__size-56_h7blb","size-64":"button__size-64_h7blb","size-72":"button__size-72_h7blb","withRightAddons":"button__withRightAddons_h7blb","ghost":"button__ghost_h7blb","text":"button__text_h7blb","withLeftAddons":"button__withLeftAddons_h7blb","link":"button__link_h7blb","transparent":"button__transparent_h7blb","block":"button__block_h7blb","nowrap":"button__nowrap_h7blb","rounded":"button__rounded_h7blb"};
+var commonStyles = {"component":"button__component_vd2gz","hug":"button__hug_vd2gz","fill":"button__fill_vd2gz","hint":"button__hint_vd2gz","allowBackdropBlur":"button__allowBackdropBlur_vd2gz","secondary":"button__secondary_vd2gz","accent":"button__accent_vd2gz","primary":"button__primary_vd2gz","focused":"button__focused_vd2gz","loading":"button__loading_vd2gz","label":"button__label_vd2gz","addons":"button__addons_vd2gz","stretchText":"button__stretchText_vd2gz","loader":"button__loader_vd2gz","size-32":"button__size-32_vd2gz","iconOnly":"button__iconOnly_vd2gz","size-40":"button__size-40_vd2gz","size-48":"button__size-48_vd2gz","size-56":"button__size-56_vd2gz","size-64":"button__size-64_vd2gz","size-72":"button__size-72_vd2gz","withRightAddons":"button__withRightAddons_vd2gz","ghost":"button__ghost_vd2gz","text":"button__text_vd2gz","withLeftAddons":"button__withLeftAddons_vd2gz","link":"button__link_vd2gz","transparent":"button__transparent_vd2gz","block":"button__block_vd2gz","nowrap":"button__nowrap_vd2gz","rounded":"button__rounded_vd2gz"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_c4agy","loader":"button__loader_c4agy","primary":"button__primary_c4agy","secondary":"button__secondary_c4agy","outlined":"button__outlined_c4agy","tertiary":"button__tertiary_c4agy","filled":"button__filled_c4agy","transparent":"button__transparent_c4agy","link":"button__link_c4agy","text":"button__text_c4agy","ghost":"button__ghost_c4agy","component":"button__component_c4agy","loading":"button__loading_c4agy"};
+var invertedColors = {"accent":"button__accent_aikqz","loader":"button__loader_aikqz","primary":"button__primary_aikqz","secondary":"button__secondary_aikqz","outlined":"button__outlined_aikqz","tertiary":"button__tertiary_aikqz","filled":"button__filled_aikqz","transparent":"button__transparent_aikqz","link":"button__link_aikqz","text":"button__text_aikqz","ghost":"button__ghost_aikqz","component":"button__component_aikqz","loading":"button__loading_aikqz"};
 require('./inverted.css');
 
 var colorStyles = {