@alfalab/core-components 48.28.0 → 48.29.0-snapshot-b4d1ee6

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

@@ -1,4 +1,4 @@
-/* hash: 1u05y */
+/* hash: l6om7 */
 :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-primary-inverted: #f83a2a;
@@ -181,154 +181,154 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_7s0bb {
+} .button__accent_1n55i {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_7s0bb:hover {
+        .button__accent_1n55i:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_7s0bb:active {
+    } .button__accent_1n55i:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_7s0bb > .button__loader_7s0bb {
+    } .button__accent_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_7s0bb {
+    } .button__primary_1n55i {
     border: 1px solid transparent
-} .button__primary_7s0bb .button__hint_7s0bb {
+} .button__primary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_7s0bb {
+    } .button__secondary_1n55i {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_7s0bb > .button__loader_7s0bb {
+} .button__secondary_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_7s0bb .button__hint_7s0bb {
+    } .button__secondary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_7s0bb {
+    } .button__outlined_1n55i {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_7s0bb:hover {
+        .button__outlined_1n55i:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_7s0bb:active {
+    } .button__outlined_1n55i:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_7s0bb > .button__loader_7s0bb {
+    } .button__outlined_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_7s0bb .button__hint_7s0bb {
+    } .button__outlined_1n55i .button__hint_1n55i {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_7s0bb {
+    } .button__tertiary_1n55i {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_7s0bb:hover {
+        .button__tertiary_1n55i:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_7s0bb:active {
+    } .button__tertiary_1n55i:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_7s0bb > .button__loader_7s0bb {
+    } .button__tertiary_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_7s0bb .button__hint_7s0bb {
+    } .button__tertiary_1n55i .button__hint_1n55i {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_7s0bb {
+    } .button__filled_1n55i {
     color: var(--color-light-text-primary-inverted);
     background-color: var(--color-light-neutral-translucent-300-inverted);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_7s0bb:hover {
+        .button__filled_1n55i:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_7s0bb:active {
+    } .button__filled_1n55i:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_7s0bb > .button__loader_7s0bb {
+    } .button__filled_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_7s0bb {
+    } .button__transparent_1n55i {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_7s0bb:hover {
+        .button__transparent_1n55i:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_7s0bb:active {
+    } .button__transparent_1n55i:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_7s0bb > .button__loader_7s0bb {
+    } .button__transparent_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_7s0bb .button__hint_7s0bb {
+    } .button__transparent_1n55i .button__hint_1n55i {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_7s0bb {
+    } .button__link_1n55i {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_7s0bb:hover {
+        .button__link_1n55i:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_7s0bb:active {
+    } .button__link_1n55i:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_7s0bb > .button__loader_7s0bb {
+    } .button__link_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__text_7s0bb {
+    } .button__text_1n55i {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_7s0bb:hover {
+        .button__text_1n55i:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_7s0bb > .button__loader_7s0bb {
+    } .button__text_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__text_7s0bb .button__hint_7s0bb {
+    } .button__text_1n55i .button__hint_1n55i {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_7s0bb {
+    } .button__ghost_1n55i {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_7s0bb:hover {
+        .button__ghost_1n55i:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_7s0bb > .button__loader_7s0bb {
+    } .button__ghost_1n55i > .button__loader_1n55i {
         color: var(--button-spinner-inverted-color);
-    } .button__component_7s0bb[disabled].button__accent_7s0bb {
+    } .button__component_1n55i[disabled].button__accent_1n55i {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_7s0bb[disabled].button__accent_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__accent_1n55i.button__loading_1n55i {
             color: var(--button-inverted-accent-color);
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_7s0bb[disabled].button__secondary_7s0bb {
+        } .button__component_1n55i[disabled].button__secondary_1n55i {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_7s0bb[disabled].button__secondary_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__secondary_1n55i.button__loading_1n55i {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_7s0bb[disabled].button__outlined_7s0bb {
+        } .button__component_1n55i[disabled].button__outlined_1n55i {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_7s0bb[disabled].button__outlined_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__outlined_1n55i.button__loading_1n55i {
             color: var(--button-inverted-outlined-color);
-        } .button__component_7s0bb[disabled].button__tertiary_7s0bb {
+        } .button__component_1n55i[disabled].button__tertiary_1n55i {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_7s0bb[disabled].button__tertiary_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__tertiary_1n55i.button__loading_1n55i {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_7s0bb[disabled].button__filled_7s0bb {
+        } .button__component_1n55i[disabled].button__filled_1n55i {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_7s0bb[disabled].button__filled_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__filled_1n55i.button__loading_1n55i {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_7s0bb[disabled].button__transparent_7s0bb {
+        } .button__component_1n55i[disabled].button__transparent_1n55i {
         background-color: transparent
-    } .button__component_7s0bb[disabled].button__transparent_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__transparent_1n55i.button__loading_1n55i {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_7s0bb[disabled].button__link_7s0bb {
+        } .button__component_1n55i[disabled].button__link_1n55i {
         background-color: transparent
-    } .button__component_7s0bb[disabled].button__link_7s0bb.button__loading_7s0bb {
+    } .button__component_1n55i[disabled].button__link_1n55i.button__loading_1n55i {
             color: var(--button-inverted-link-base-color);
-        } .button__component_7s0bb[disabled].button__text_7s0bb.button__loading_7s0bb {
+        } .button__component_1n55i[disabled].button__text_1n55i.button__loading_1n55i {
             color: var(--button-inverted-text-base-color);
-        } .button__component_7s0bb[disabled].button__ghost_7s0bb.button__loading_7s0bb {
+        } .button__component_1n55i[disabled].button__ghost_1n55i.button__loading_1n55i {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/modern/desktop/Component.desktop.js

@@ -6,13 +6,13 @@ import '../../../shared/modern';
 import '../../../spinner/modern';
 import '@alfalab/hooks';
 
-const defaultColors = {"primary":"button__primary_p1vvd","loader":"button__loader_p1vvd","secondary":"button__secondary_p1vvd","text":"button__text_p1vvd","ghost":"button__ghost_p1vvd","component":"button__component_p1vvd","loading":"button__loading_p1vvd","outlined":"button__outlined_p1vvd","tertiary":"button__tertiary_p1vvd","transparent":"button__transparent_p1vvd","link":"button__link_p1vvd"};
+const defaultColors = {"primary":"button__primary_afm85","loader":"button__loader_afm85","secondary":"button__secondary_afm85","text":"button__text_afm85","ghost":"button__ghost_afm85","component":"button__component_afm85","loading":"button__loading_afm85","outlined":"button__outlined_afm85","tertiary":"button__tertiary_afm85","transparent":"button__transparent_afm85","link":"button__link_afm85"};
 require('./default.desktop.css');
 
-const styles = {"size-32":"button__size-32_1rlmt","size-40":"button__size-40_1rlmt","size-48":"button__size-48_1rlmt","size-56":"button__size-56_1rlmt","size-64":"button__size-64_1rlmt","size-72":"button__size-72_1rlmt"};
+const styles = {"size-32":"button__size-32_1kmba","size-40":"button__size-40_1kmba","size-48":"button__size-48_1kmba","size-56":"button__size-56_1kmba","size-64":"button__size-64_1kmba","size-72":"button__size-72_1kmba"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_1psdm","loader":"button__loader_1psdm","secondary":"button__secondary_1psdm","text":"button__text_1psdm","ghost":"button__ghost_1psdm","component":"button__component_1psdm","loading":"button__loading_1psdm","outlined":"button__outlined_1psdm","tertiary":"button__tertiary_1psdm","transparent":"button__transparent_1psdm","link":"button__link_1psdm"};
+const invertedColors = {"primary":"button__primary_1rn2g","loader":"button__loader_1rn2g","secondary":"button__secondary_1rn2g","text":"button__text_1rn2g","ghost":"button__ghost_1rn2g","component":"button__component_1rn2g","loading":"button__loading_1rn2g","outlined":"button__outlined_1rn2g","tertiary":"button__tertiary_1rn2g","transparent":"button__transparent_1rn2g","link":"button__link_1rn2g"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

package/button/modern/desktop/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: zblgd */
+/* hash: p89wo */
 :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;
@@ -135,48 +135,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_p1vvd {
+} .button__primary_afm85 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_p1vvd:hover {
+        .button__primary_afm85:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_p1vvd:active {
+    } .button__primary_afm85:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_p1vvd > .button__loader_p1vvd {
+    } .button__primary_afm85 > .button__loader_afm85 {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_p1vvd {
+    } .button__secondary_afm85 {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_p1vvd:hover {
+} .button__secondary_afm85:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_p1vvd:active {
+    } .button__secondary_afm85:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_p1vvd:active {
+    } .button__text_afm85:active {
         color: var(--button-text-active-color);
-    } .button__ghost_p1vvd:active {
+    } .button__ghost_afm85:active {
         color: var(--button-ghost-active-color);
-    } .button__component_p1vvd[disabled].button__primary_p1vvd {
+    } .button__component_afm85[disabled].button__primary_afm85 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_p1vvd[disabled].button__primary_p1vvd.button__loading_p1vvd {
+    } .button__component_afm85[disabled].button__primary_afm85.button__loading_afm85 {
             color: var(--button-primary-color);
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_p1vvd[disabled].button__secondary_p1vvd {
+        } .button__component_afm85[disabled].button__secondary_afm85 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_p1vvd[disabled].button__outlined_p1vvd {
+    } .button__component_afm85[disabled].button__outlined_afm85 {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_p1vvd[disabled].button__tertiary_p1vvd {
+    } .button__component_afm85[disabled].button__tertiary_afm85 {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_p1vvd[disabled].button__transparent_p1vvd {
+    } .button__component_afm85[disabled].button__transparent_afm85 {
         color: var(--button-transparent-disabled-color);
-    } .button__component_p1vvd[disabled].button__link_p1vvd {
+    } .button__component_afm85[disabled].button__link_afm85 {
         color: var(--button-link-disabled-color);
-    } .button__component_p1vvd[disabled].button__text_p1vvd {
+    } .button__component_afm85[disabled].button__text_afm85 {
         color: var(--button-text-disabled-color);
-    } .button__component_p1vvd[disabled].button__ghost_p1vvd {
+    } .button__component_afm85[disabled].button__ghost_afm85 {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 15o1c */
+/* hash: nj2ih */
 :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -112,16 +112,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_1rlmt {
+} .button__size-32_1kmba {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_1rlmt {
+} .button__size-40_1kmba {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_1rlmt {
+} .button__size-48_1kmba {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_1rlmt {
+} .button__size-56_1kmba {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_1rlmt {
+} .button__size-64_1kmba {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_1rlmt {
+} .button__size-72_1kmba {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/modern/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 18qef */
+/* hash: o0ifm */
 :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;
@@ -143,48 +143,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_1psdm {
+} .button__primary_1rn2g {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1psdm:hover {
+        .button__primary_1rn2g:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1psdm:active {
+    } .button__primary_1rn2g:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1psdm > .button__loader_1psdm {
+    } .button__primary_1rn2g > .button__loader_1rn2g {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1psdm {
+    } .button__secondary_1rn2g {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1psdm:hover {
+} .button__secondary_1rn2g:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1psdm:active {
+    } .button__secondary_1rn2g:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1psdm:active {
+    } .button__text_1rn2g:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_1psdm:active {
+    } .button__ghost_1rn2g:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1psdm[disabled].button__primary_1psdm {
+    } .button__component_1rn2g[disabled].button__primary_1rn2g {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1psdm[disabled].button__primary_1psdm.button__loading_1psdm {
+    } .button__component_1rn2g[disabled].button__primary_1rn2g.button__loading_1rn2g {
             color: var(--button-inverted-primary-color);
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1psdm[disabled].button__secondary_1psdm {
+        } .button__component_1rn2g[disabled].button__secondary_1rn2g {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1psdm[disabled].button__outlined_1psdm {
+    } .button__component_1rn2g[disabled].button__outlined_1rn2g {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1psdm[disabled].button__tertiary_1psdm {
+    } .button__component_1rn2g[disabled].button__tertiary_1rn2g {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1psdm[disabled].button__transparent_1psdm {
+    } .button__component_1rn2g[disabled].button__transparent_1rn2g {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1psdm[disabled].button__link_1psdm {
+    } .button__component_1rn2g[disabled].button__link_1rn2g {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1psdm[disabled].button__text_1psdm {
+    } .button__component_1rn2g[disabled].button__text_1rn2g {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_1psdm[disabled].button__ghost_1psdm {
+    } .button__component_1rn2g[disabled].button__ghost_1rn2g {
         color: var(--button-inverted-ghost-disabled-color);
     }

package/button/modern/mobile/Component.mobile.js

@@ -6,13 +6,13 @@ import '../../../shared/modern';
 import '../../../spinner/modern';
 import '@alfalab/hooks';
 
-const defaultColors = {"primary":"button__primary_1ji4t","loader":"button__loader_1ji4t","secondary":"button__secondary_1ji4t","text":"button__text_1ji4t","ghost":"button__ghost_1ji4t","component":"button__component_1ji4t","loading":"button__loading_1ji4t","outlined":"button__outlined_1ji4t","tertiary":"button__tertiary_1ji4t","transparent":"button__transparent_1ji4t","link":"button__link_1ji4t"};
+const defaultColors = {"primary":"button__primary_eekaz","loader":"button__loader_eekaz","secondary":"button__secondary_eekaz","text":"button__text_eekaz","ghost":"button__ghost_eekaz","component":"button__component_eekaz","loading":"button__loading_eekaz","outlined":"button__outlined_eekaz","tertiary":"button__tertiary_eekaz","transparent":"button__transparent_eekaz","link":"button__link_eekaz"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_bqlx8","loader":"button__loader_bqlx8","secondary":"button__secondary_bqlx8","text":"button__text_bqlx8","ghost":"button__ghost_bqlx8","component":"button__component_bqlx8","loading":"button__loading_bqlx8","outlined":"button__outlined_bqlx8","tertiary":"button__tertiary_bqlx8","transparent":"button__transparent_bqlx8","link":"button__link_bqlx8"};
+const invertedColors = {"primary":"button__primary_142ln","loader":"button__loader_142ln","secondary":"button__secondary_142ln","text":"button__text_142ln","ghost":"button__ghost_142ln","component":"button__component_142ln","loading":"button__loading_142ln","outlined":"button__outlined_142ln","tertiary":"button__tertiary_142ln","transparent":"button__transparent_142ln","link":"button__link_142ln"};
 require('./inverted.mobile.css');
 
-const styles = {"size-32":"button__size-32_e8b1r","size-40":"button__size-40_e8b1r","size-48":"button__size-48_e8b1r","size-56":"button__size-56_e8b1r","size-64":"button__size-64_e8b1r","size-72":"button__size-72_e8b1r"};
+const styles = {"size-32":"button__size-32_mv8na","size-40":"button__size-40_mv8na","size-48":"button__size-48_mv8na","size-56":"button__size-56_mv8na","size-64":"button__size-64_mv8na","size-72":"button__size-72_mv8na"};
 require('./mobile.css');
 
 const colorStyles = {

package/button/modern/mobile/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: k08xy */
+/* hash: 1jbva */
 :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;
@@ -132,46 +132,46 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1ji4t {
+} .button__primary_eekaz {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ji4t:hover {
+        .button__primary_eekaz:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1ji4t:active {
+    } .button__primary_eekaz:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1ji4t > .button__loader_1ji4t {
+    } .button__primary_eekaz > .button__loader_eekaz {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1ji4t {
+    } .button__secondary_eekaz {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1ji4t:active {
+} .button__secondary_eekaz:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1ji4t:active {
+    } .button__text_eekaz:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1ji4t:active {
+    } .button__ghost_eekaz:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1ji4t[disabled].button__primary_1ji4t {
+    } .button__component_eekaz[disabled].button__primary_eekaz {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1ji4t[disabled].button__primary_1ji4t.button__loading_1ji4t {
+    } .button__component_eekaz[disabled].button__primary_eekaz.button__loading_eekaz {
             color: var(--button-primary-mobile-color);
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1ji4t[disabled].button__secondary_1ji4t {
+        } .button__component_eekaz[disabled].button__secondary_eekaz {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1ji4t[disabled].button__outlined_1ji4t {
+    } .button__component_eekaz[disabled].button__outlined_eekaz {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1ji4t[disabled].button__tertiary_1ji4t {
+    } .button__component_eekaz[disabled].button__tertiary_eekaz {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1ji4t[disabled].button__transparent_1ji4t {
+    } .button__component_eekaz[disabled].button__transparent_eekaz {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1ji4t[disabled].button__link_1ji4t {
+    } .button__component_eekaz[disabled].button__link_eekaz {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1ji4t[disabled].button__text_1ji4t {
+    } .button__component_eekaz[disabled].button__text_eekaz {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1ji4t[disabled].button__ghost_1ji4t {
+    } .button__component_eekaz[disabled].button__ghost_eekaz {
         color: var(--button-ghost-mobile-disabled-color);
     }