@alfalab/core-components 48.20.0 → 48.20.1

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

@@ -1,4 +1,4 @@
-/* hash: 1jqvf */
+/* hash: 1s2qx */
 :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_eq3ub {
+} .button__accent_sn12d {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_eq3ub:hover {
+        .button__accent_sn12d:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_eq3ub:active {
+    } .button__accent_sn12d:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_eq3ub > .button__loader_eq3ub {
+    } .button__accent_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_eq3ub {
+    } .button__primary_sn12d {
     border: 1px solid transparent
-} .button__primary_eq3ub .button__hint_eq3ub {
+} .button__primary_sn12d .button__hint_sn12d {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_eq3ub {
+    } .button__secondary_sn12d {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_eq3ub > .button__loader_eq3ub {
+} .button__secondary_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_eq3ub .button__hint_eq3ub {
+    } .button__secondary_sn12d .button__hint_sn12d {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_eq3ub {
+    } .button__outlined_sn12d {
     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_eq3ub:hover {
+        .button__outlined_sn12d:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_eq3ub:active {
+    } .button__outlined_sn12d:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_eq3ub > .button__loader_eq3ub {
+    } .button__outlined_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_eq3ub .button__hint_eq3ub {
+    } .button__outlined_sn12d .button__hint_sn12d {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_eq3ub {
+    } .button__tertiary_sn12d {
     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_eq3ub:hover {
+        .button__tertiary_sn12d:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_eq3ub:active {
+    } .button__tertiary_sn12d:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_eq3ub > .button__loader_eq3ub {
+    } .button__tertiary_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_eq3ub .button__hint_eq3ub {
+    } .button__tertiary_sn12d .button__hint_sn12d {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_eq3ub {
+    } .button__filled_sn12d {
     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_eq3ub:hover {
+        .button__filled_sn12d:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_eq3ub:active {
+    } .button__filled_sn12d:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_eq3ub > .button__loader_eq3ub {
+    } .button__filled_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_eq3ub {
+    } .button__transparent_sn12d {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_eq3ub:hover {
+        .button__transparent_sn12d:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_eq3ub:active {
+    } .button__transparent_sn12d:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_eq3ub > .button__loader_eq3ub {
+    } .button__transparent_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_eq3ub .button__hint_eq3ub {
+    } .button__transparent_sn12d .button__hint_sn12d {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_eq3ub {
+    } .button__link_sn12d {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_eq3ub:hover {
+        .button__link_sn12d:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_eq3ub:active {
+    } .button__link_sn12d:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_eq3ub > .button__loader_eq3ub {
+    } .button__link_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__text_eq3ub {
+    } .button__text_sn12d {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_eq3ub:hover {
+        .button__text_sn12d:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_eq3ub > .button__loader_eq3ub {
+    } .button__text_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__text_eq3ub .button__hint_eq3ub {
+    } .button__text_sn12d .button__hint_sn12d {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_eq3ub {
+    } .button__ghost_sn12d {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_eq3ub:hover {
+        .button__ghost_sn12d:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_eq3ub > .button__loader_eq3ub {
+    } .button__ghost_sn12d > .button__loader_sn12d {
         color: var(--button-spinner-inverted-color);
-    } .button__component_eq3ub[disabled].button__accent_eq3ub {
+    } .button__component_sn12d[disabled].button__accent_sn12d {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_eq3ub[disabled].button__accent_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__accent_sn12d.button__loading_sn12d {
             color: var(--button-inverted-accent-color);
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_eq3ub[disabled].button__secondary_eq3ub {
+        } .button__component_sn12d[disabled].button__secondary_sn12d {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_eq3ub[disabled].button__secondary_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__secondary_sn12d.button__loading_sn12d {
             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_eq3ub[disabled].button__outlined_eq3ub {
+        } .button__component_sn12d[disabled].button__outlined_sn12d {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_eq3ub[disabled].button__outlined_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__outlined_sn12d.button__loading_sn12d {
             color: var(--button-inverted-outlined-color);
-        } .button__component_eq3ub[disabled].button__tertiary_eq3ub {
+        } .button__component_sn12d[disabled].button__tertiary_sn12d {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_eq3ub[disabled].button__tertiary_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__tertiary_sn12d.button__loading_sn12d {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_eq3ub[disabled].button__filled_eq3ub {
+        } .button__component_sn12d[disabled].button__filled_sn12d {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_eq3ub[disabled].button__filled_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__filled_sn12d.button__loading_sn12d {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_eq3ub[disabled].button__transparent_eq3ub {
+        } .button__component_sn12d[disabled].button__transparent_sn12d {
         background-color: transparent
-    } .button__component_eq3ub[disabled].button__transparent_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__transparent_sn12d.button__loading_sn12d {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_eq3ub[disabled].button__link_eq3ub {
+        } .button__component_sn12d[disabled].button__link_sn12d {
         background-color: transparent
-    } .button__component_eq3ub[disabled].button__link_eq3ub.button__loading_eq3ub {
+    } .button__component_sn12d[disabled].button__link_sn12d.button__loading_sn12d {
             color: var(--button-inverted-link-base-color);
-        } .button__component_eq3ub[disabled].button__text_eq3ub.button__loading_eq3ub {
+        } .button__component_sn12d[disabled].button__text_sn12d.button__loading_sn12d {
             color: var(--button-inverted-text-base-color);
-        } .button__component_eq3ub[disabled].button__ghost_eq3ub.button__loading_eq3ub {
+        } .button__component_sn12d[disabled].button__ghost_sn12d.button__loading_sn12d {
             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_19fws","loader":"button__loader_19fws","secondary":"button__secondary_19fws","text":"button__text_19fws","ghost":"button__ghost_19fws","component":"button__component_19fws","loading":"button__loading_19fws","outlined":"button__outlined_19fws","tertiary":"button__tertiary_19fws","transparent":"button__transparent_19fws","link":"button__link_19fws"};
+const defaultColors = {"primary":"button__primary_14xqo","loader":"button__loader_14xqo","secondary":"button__secondary_14xqo","text":"button__text_14xqo","ghost":"button__ghost_14xqo","component":"button__component_14xqo","loading":"button__loading_14xqo","outlined":"button__outlined_14xqo","tertiary":"button__tertiary_14xqo","transparent":"button__transparent_14xqo","link":"button__link_14xqo"};
 require('./default.desktop.css');
 
-const styles = {"size-32":"button__size-32_zcxsx","size-40":"button__size-40_zcxsx","size-48":"button__size-48_zcxsx","size-56":"button__size-56_zcxsx","size-64":"button__size-64_zcxsx","size-72":"button__size-72_zcxsx"};
+const styles = {"size-32":"button__size-32_1x2g7","size-40":"button__size-40_1x2g7","size-48":"button__size-48_1x2g7","size-56":"button__size-56_1x2g7","size-64":"button__size-64_1x2g7","size-72":"button__size-72_1x2g7"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_1mp4j","loader":"button__loader_1mp4j","secondary":"button__secondary_1mp4j","text":"button__text_1mp4j","ghost":"button__ghost_1mp4j","component":"button__component_1mp4j","loading":"button__loading_1mp4j","outlined":"button__outlined_1mp4j","tertiary":"button__tertiary_1mp4j","transparent":"button__transparent_1mp4j","link":"button__link_1mp4j"};
+const invertedColors = {"primary":"button__primary_6yo09","loader":"button__loader_6yo09","secondary":"button__secondary_6yo09","text":"button__text_6yo09","ghost":"button__ghost_6yo09","component":"button__component_6yo09","loading":"button__loading_6yo09","outlined":"button__outlined_6yo09","tertiary":"button__tertiary_6yo09","transparent":"button__transparent_6yo09","link":"button__link_6yo09"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: lghzb */
+/* hash: d4mh9 */
 :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_19fws {
+} .button__primary_14xqo {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_19fws:hover {
+        .button__primary_14xqo:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_19fws:active {
+    } .button__primary_14xqo:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_19fws > .button__loader_19fws {
+    } .button__primary_14xqo > .button__loader_14xqo {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_19fws {
+    } .button__secondary_14xqo {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_19fws:hover {
+} .button__secondary_14xqo:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_19fws:active {
+    } .button__secondary_14xqo:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_19fws:active {
+    } .button__text_14xqo:active {
         color: var(--button-text-active-color);
-    } .button__ghost_19fws:active {
+    } .button__ghost_14xqo:active {
         color: var(--button-ghost-active-color);
-    } .button__component_19fws[disabled].button__primary_19fws {
+    } .button__component_14xqo[disabled].button__primary_14xqo {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_19fws[disabled].button__primary_19fws.button__loading_19fws {
+    } .button__component_14xqo[disabled].button__primary_14xqo.button__loading_14xqo {
             color: var(--button-primary-color);
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_19fws[disabled].button__secondary_19fws {
+        } .button__component_14xqo[disabled].button__secondary_14xqo {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_19fws[disabled].button__outlined_19fws {
+    } .button__component_14xqo[disabled].button__outlined_14xqo {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_19fws[disabled].button__tertiary_19fws {
+    } .button__component_14xqo[disabled].button__tertiary_14xqo {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_19fws[disabled].button__transparent_19fws {
+    } .button__component_14xqo[disabled].button__transparent_14xqo {
         color: var(--button-transparent-disabled-color);
-    } .button__component_19fws[disabled].button__link_19fws {
+    } .button__component_14xqo[disabled].button__link_14xqo {
         color: var(--button-link-disabled-color);
-    } .button__component_19fws[disabled].button__text_19fws {
+    } .button__component_14xqo[disabled].button__text_14xqo {
         color: var(--button-text-disabled-color);
-    } .button__component_19fws[disabled].button__ghost_19fws {
+    } .button__component_14xqo[disabled].button__ghost_14xqo {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

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

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

@@ -1,4 +1,4 @@
-/* hash: yh3vt */
+/* hash: 1y1y9 */
 :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_1mp4j {
+} .button__primary_6yo09 {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1mp4j:hover {
+        .button__primary_6yo09:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1mp4j:active {
+    } .button__primary_6yo09:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1mp4j > .button__loader_1mp4j {
+    } .button__primary_6yo09 > .button__loader_6yo09 {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1mp4j {
+    } .button__secondary_6yo09 {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1mp4j:hover {
+} .button__secondary_6yo09:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1mp4j:active {
+    } .button__secondary_6yo09:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1mp4j:active {
+    } .button__text_6yo09:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_1mp4j:active {
+    } .button__ghost_6yo09:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1mp4j[disabled].button__primary_1mp4j {
+    } .button__component_6yo09[disabled].button__primary_6yo09 {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1mp4j[disabled].button__primary_1mp4j.button__loading_1mp4j {
+    } .button__component_6yo09[disabled].button__primary_6yo09.button__loading_6yo09 {
             color: var(--button-inverted-primary-color);
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1mp4j[disabled].button__secondary_1mp4j {
+        } .button__component_6yo09[disabled].button__secondary_6yo09 {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1mp4j[disabled].button__outlined_1mp4j {
+    } .button__component_6yo09[disabled].button__outlined_6yo09 {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1mp4j[disabled].button__tertiary_1mp4j {
+    } .button__component_6yo09[disabled].button__tertiary_6yo09 {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1mp4j[disabled].button__transparent_1mp4j {
+    } .button__component_6yo09[disabled].button__transparent_6yo09 {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1mp4j[disabled].button__link_1mp4j {
+    } .button__component_6yo09[disabled].button__link_6yo09 {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1mp4j[disabled].button__text_1mp4j {
+    } .button__component_6yo09[disabled].button__text_6yo09 {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_1mp4j[disabled].button__ghost_1mp4j {
+    } .button__component_6yo09[disabled].button__ghost_6yo09 {
         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_9gmeb","loader":"button__loader_9gmeb","secondary":"button__secondary_9gmeb","text":"button__text_9gmeb","ghost":"button__ghost_9gmeb","component":"button__component_9gmeb","loading":"button__loading_9gmeb","outlined":"button__outlined_9gmeb","tertiary":"button__tertiary_9gmeb","transparent":"button__transparent_9gmeb","link":"button__link_9gmeb"};
+const defaultColors = {"primary":"button__primary_of7mm","loader":"button__loader_of7mm","secondary":"button__secondary_of7mm","text":"button__text_of7mm","ghost":"button__ghost_of7mm","component":"button__component_of7mm","loading":"button__loading_of7mm","outlined":"button__outlined_of7mm","tertiary":"button__tertiary_of7mm","transparent":"button__transparent_of7mm","link":"button__link_of7mm"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_41s56","loader":"button__loader_41s56","secondary":"button__secondary_41s56","text":"button__text_41s56","ghost":"button__ghost_41s56","component":"button__component_41s56","loading":"button__loading_41s56","outlined":"button__outlined_41s56","tertiary":"button__tertiary_41s56","transparent":"button__transparent_41s56","link":"button__link_41s56"};
+const invertedColors = {"primary":"button__primary_rmgpz","loader":"button__loader_rmgpz","secondary":"button__secondary_rmgpz","text":"button__text_rmgpz","ghost":"button__ghost_rmgpz","component":"button__component_rmgpz","loading":"button__loading_rmgpz","outlined":"button__outlined_rmgpz","tertiary":"button__tertiary_rmgpz","transparent":"button__transparent_rmgpz","link":"button__link_rmgpz"};
 require('./inverted.mobile.css');
 
-const styles = {"size-32":"button__size-32_9myyv","size-40":"button__size-40_9myyv","size-48":"button__size-48_9myyv","size-56":"button__size-56_9myyv","size-64":"button__size-64_9myyv","size-72":"button__size-72_9myyv"};
+const styles = {"size-32":"button__size-32_xu7cx","size-40":"button__size-40_xu7cx","size-48":"button__size-48_xu7cx","size-56":"button__size-56_xu7cx","size-64":"button__size-64_xu7cx","size-72":"button__size-72_xu7cx"};
 require('./mobile.css');
 
 const colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: 655gw */
+/* hash: 15pzu */
 :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_9gmeb {
+} .button__primary_of7mm {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_9gmeb:hover {
+        .button__primary_of7mm:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_9gmeb:active {
+    } .button__primary_of7mm:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_9gmeb > .button__loader_9gmeb {
+    } .button__primary_of7mm > .button__loader_of7mm {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_9gmeb {
+    } .button__secondary_of7mm {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_9gmeb:active {
+} .button__secondary_of7mm:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_9gmeb:active {
+    } .button__text_of7mm:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_9gmeb:active {
+    } .button__ghost_of7mm:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_9gmeb[disabled].button__primary_9gmeb {
+    } .button__component_of7mm[disabled].button__primary_of7mm {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_9gmeb[disabled].button__primary_9gmeb.button__loading_9gmeb {
+    } .button__component_of7mm[disabled].button__primary_of7mm.button__loading_of7mm {
             color: var(--button-primary-mobile-color);
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_9gmeb[disabled].button__secondary_9gmeb {
+        } .button__component_of7mm[disabled].button__secondary_of7mm {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_9gmeb[disabled].button__outlined_9gmeb {
+    } .button__component_of7mm[disabled].button__outlined_of7mm {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_9gmeb[disabled].button__tertiary_9gmeb {
+    } .button__component_of7mm[disabled].button__tertiary_of7mm {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_9gmeb[disabled].button__transparent_9gmeb {
+    } .button__component_of7mm[disabled].button__transparent_of7mm {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_9gmeb[disabled].button__link_9gmeb {
+    } .button__component_of7mm[disabled].button__link_of7mm {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_9gmeb[disabled].button__text_9gmeb {
+    } .button__component_of7mm[disabled].button__text_of7mm {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_9gmeb[disabled].button__ghost_9gmeb {
+    } .button__component_of7mm[disabled].button__ghost_of7mm {
         color: var(--button-ghost-mobile-disabled-color);
     }