@alfalab/core-components 48.23.0 → 48.23.1

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

@@ -1,4 +1,4 @@
-/* hash: 1s2qx */
+/* hash: o7nw0 */
 :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_z6fuo {
+} .button__accent_1cccx {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_z6fuo:hover {
+        .button__accent_1cccx:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_z6fuo:active {
+    } .button__accent_1cccx:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_z6fuo > .button__loader_z6fuo {
+    } .button__accent_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_z6fuo {
+    } .button__primary_1cccx {
     border: 1px solid transparent
-} .button__primary_z6fuo .button__hint_z6fuo {
+} .button__primary_1cccx .button__hint_1cccx {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_z6fuo {
+    } .button__secondary_1cccx {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_z6fuo > .button__loader_z6fuo {
+} .button__secondary_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_z6fuo .button__hint_z6fuo {
+    } .button__secondary_1cccx .button__hint_1cccx {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_z6fuo {
+    } .button__outlined_1cccx {
     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_z6fuo:hover {
+        .button__outlined_1cccx:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_z6fuo:active {
+    } .button__outlined_1cccx:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_z6fuo > .button__loader_z6fuo {
+    } .button__outlined_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_z6fuo .button__hint_z6fuo {
+    } .button__outlined_1cccx .button__hint_1cccx {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_z6fuo {
+    } .button__tertiary_1cccx {
     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_z6fuo:hover {
+        .button__tertiary_1cccx:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_z6fuo:active {
+    } .button__tertiary_1cccx:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_z6fuo > .button__loader_z6fuo {
+    } .button__tertiary_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_z6fuo .button__hint_z6fuo {
+    } .button__tertiary_1cccx .button__hint_1cccx {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_z6fuo {
+    } .button__filled_1cccx {
     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_z6fuo:hover {
+        .button__filled_1cccx:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_z6fuo:active {
+    } .button__filled_1cccx:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_z6fuo > .button__loader_z6fuo {
+    } .button__filled_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_z6fuo {
+    } .button__transparent_1cccx {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_z6fuo:hover {
+        .button__transparent_1cccx:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_z6fuo:active {
+    } .button__transparent_1cccx:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_z6fuo > .button__loader_z6fuo {
+    } .button__transparent_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_z6fuo .button__hint_z6fuo {
+    } .button__transparent_1cccx .button__hint_1cccx {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_z6fuo {
+    } .button__link_1cccx {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_z6fuo:hover {
+        .button__link_1cccx:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_z6fuo:active {
+    } .button__link_1cccx:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_z6fuo > .button__loader_z6fuo {
+    } .button__link_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__text_z6fuo {
+    } .button__text_1cccx {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_z6fuo:hover {
+        .button__text_1cccx:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_z6fuo > .button__loader_z6fuo {
+    } .button__text_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__text_z6fuo .button__hint_z6fuo {
+    } .button__text_1cccx .button__hint_1cccx {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_z6fuo {
+    } .button__ghost_1cccx {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_z6fuo:hover {
+        .button__ghost_1cccx:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_z6fuo > .button__loader_z6fuo {
+    } .button__ghost_1cccx > .button__loader_1cccx {
         color: var(--button-spinner-inverted-color);
-    } .button__component_z6fuo[disabled].button__accent_z6fuo {
+    } .button__component_1cccx[disabled].button__accent_1cccx {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_z6fuo[disabled].button__accent_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__accent_1cccx.button__loading_1cccx {
             color: var(--button-inverted-accent-color);
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_z6fuo[disabled].button__secondary_z6fuo {
+        } .button__component_1cccx[disabled].button__secondary_1cccx {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_z6fuo[disabled].button__secondary_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__secondary_1cccx.button__loading_1cccx {
             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_z6fuo[disabled].button__outlined_z6fuo {
+        } .button__component_1cccx[disabled].button__outlined_1cccx {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_z6fuo[disabled].button__outlined_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__outlined_1cccx.button__loading_1cccx {
             color: var(--button-inverted-outlined-color);
-        } .button__component_z6fuo[disabled].button__tertiary_z6fuo {
+        } .button__component_1cccx[disabled].button__tertiary_1cccx {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_z6fuo[disabled].button__tertiary_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__tertiary_1cccx.button__loading_1cccx {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_z6fuo[disabled].button__filled_z6fuo {
+        } .button__component_1cccx[disabled].button__filled_1cccx {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_z6fuo[disabled].button__filled_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__filled_1cccx.button__loading_1cccx {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_z6fuo[disabled].button__transparent_z6fuo {
+        } .button__component_1cccx[disabled].button__transparent_1cccx {
         background-color: transparent
-    } .button__component_z6fuo[disabled].button__transparent_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__transparent_1cccx.button__loading_1cccx {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_z6fuo[disabled].button__link_z6fuo {
+        } .button__component_1cccx[disabled].button__link_1cccx {
         background-color: transparent
-    } .button__component_z6fuo[disabled].button__link_z6fuo.button__loading_z6fuo {
+    } .button__component_1cccx[disabled].button__link_1cccx.button__loading_1cccx {
             color: var(--button-inverted-link-base-color);
-        } .button__component_z6fuo[disabled].button__text_z6fuo.button__loading_z6fuo {
+        } .button__component_1cccx[disabled].button__text_1cccx.button__loading_1cccx {
             color: var(--button-inverted-text-base-color);
-        } .button__component_z6fuo[disabled].button__ghost_z6fuo.button__loading_z6fuo {
+        } .button__component_1cccx[disabled].button__ghost_1cccx.button__loading_1cccx {
             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_yebvt","loader":"button__loader_yebvt","secondary":"button__secondary_yebvt","text":"button__text_yebvt","ghost":"button__ghost_yebvt","component":"button__component_yebvt","loading":"button__loading_yebvt","outlined":"button__outlined_yebvt","tertiary":"button__tertiary_yebvt","transparent":"button__transparent_yebvt","link":"button__link_yebvt"};
+const defaultColors = {"primary":"button__primary_l8etb","loader":"button__loader_l8etb","secondary":"button__secondary_l8etb","text":"button__text_l8etb","ghost":"button__ghost_l8etb","component":"button__component_l8etb","loading":"button__loading_l8etb","outlined":"button__outlined_l8etb","tertiary":"button__tertiary_l8etb","transparent":"button__transparent_l8etb","link":"button__link_l8etb"};
 require('./default.desktop.css');
 
-const styles = {"size-32":"button__size-32_1i96t","size-40":"button__size-40_1i96t","size-48":"button__size-48_1i96t","size-56":"button__size-56_1i96t","size-64":"button__size-64_1i96t","size-72":"button__size-72_1i96t"};
+const styles = {"size-32":"button__size-32_1vf3w","size-40":"button__size-40_1vf3w","size-48":"button__size-48_1vf3w","size-56":"button__size-56_1vf3w","size-64":"button__size-64_1vf3w","size-72":"button__size-72_1vf3w"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_18bz4","loader":"button__loader_18bz4","secondary":"button__secondary_18bz4","text":"button__text_18bz4","ghost":"button__ghost_18bz4","component":"button__component_18bz4","loading":"button__loading_18bz4","outlined":"button__outlined_18bz4","tertiary":"button__tertiary_18bz4","transparent":"button__transparent_18bz4","link":"button__link_18bz4"};
+const invertedColors = {"primary":"button__primary_v621l","loader":"button__loader_v621l","secondary":"button__secondary_v621l","text":"button__text_v621l","ghost":"button__ghost_v621l","component":"button__component_v621l","loading":"button__loading_v621l","outlined":"button__outlined_v621l","tertiary":"button__tertiary_v621l","transparent":"button__transparent_v621l","link":"button__link_v621l"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: d4mh9 */
+/* hash: 1gzpi */
 :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_yebvt {
+} .button__primary_l8etb {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_yebvt:hover {
+        .button__primary_l8etb:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_yebvt:active {
+    } .button__primary_l8etb:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_yebvt > .button__loader_yebvt {
+    } .button__primary_l8etb > .button__loader_l8etb {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_yebvt {
+    } .button__secondary_l8etb {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_yebvt:hover {
+} .button__secondary_l8etb:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_yebvt:active {
+    } .button__secondary_l8etb:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_yebvt:active {
+    } .button__text_l8etb:active {
         color: var(--button-text-active-color);
-    } .button__ghost_yebvt:active {
+    } .button__ghost_l8etb:active {
         color: var(--button-ghost-active-color);
-    } .button__component_yebvt[disabled].button__primary_yebvt {
+    } .button__component_l8etb[disabled].button__primary_l8etb {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_yebvt[disabled].button__primary_yebvt.button__loading_yebvt {
+    } .button__component_l8etb[disabled].button__primary_l8etb.button__loading_l8etb {
             color: var(--button-primary-color);
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_yebvt[disabled].button__secondary_yebvt {
+        } .button__component_l8etb[disabled].button__secondary_l8etb {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_yebvt[disabled].button__outlined_yebvt {
+    } .button__component_l8etb[disabled].button__outlined_l8etb {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_yebvt[disabled].button__tertiary_yebvt {
+    } .button__component_l8etb[disabled].button__tertiary_l8etb {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_yebvt[disabled].button__transparent_yebvt {
+    } .button__component_l8etb[disabled].button__transparent_l8etb {
         color: var(--button-transparent-disabled-color);
-    } .button__component_yebvt[disabled].button__link_yebvt {
+    } .button__component_l8etb[disabled].button__link_l8etb {
         color: var(--button-link-disabled-color);
-    } .button__component_yebvt[disabled].button__text_yebvt {
+    } .button__component_l8etb[disabled].button__text_l8etb {
         color: var(--button-text-disabled-color);
-    } .button__component_yebvt[disabled].button__ghost_yebvt {
+    } .button__component_l8etb[disabled].button__ghost_l8etb {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

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

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

@@ -1,4 +1,4 @@
-/* hash: 1y1y9 */
+/* hash: 1torr */
 :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_18bz4 {
+} .button__primary_v621l {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_18bz4:hover {
+        .button__primary_v621l:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_18bz4:active {
+    } .button__primary_v621l:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_18bz4 > .button__loader_18bz4 {
+    } .button__primary_v621l > .button__loader_v621l {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_18bz4 {
+    } .button__secondary_v621l {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_18bz4:hover {
+} .button__secondary_v621l:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_18bz4:active {
+    } .button__secondary_v621l:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_18bz4:active {
+    } .button__text_v621l:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_18bz4:active {
+    } .button__ghost_v621l:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_18bz4[disabled].button__primary_18bz4 {
+    } .button__component_v621l[disabled].button__primary_v621l {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_18bz4[disabled].button__primary_18bz4.button__loading_18bz4 {
+    } .button__component_v621l[disabled].button__primary_v621l.button__loading_v621l {
             color: var(--button-inverted-primary-color);
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_18bz4[disabled].button__secondary_18bz4 {
+        } .button__component_v621l[disabled].button__secondary_v621l {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_18bz4[disabled].button__outlined_18bz4 {
+    } .button__component_v621l[disabled].button__outlined_v621l {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_18bz4[disabled].button__tertiary_18bz4 {
+    } .button__component_v621l[disabled].button__tertiary_v621l {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_18bz4[disabled].button__transparent_18bz4 {
+    } .button__component_v621l[disabled].button__transparent_v621l {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_18bz4[disabled].button__link_18bz4 {
+    } .button__component_v621l[disabled].button__link_v621l {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_18bz4[disabled].button__text_18bz4 {
+    } .button__component_v621l[disabled].button__text_v621l {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_18bz4[disabled].button__ghost_18bz4 {
+    } .button__component_v621l[disabled].button__ghost_v621l {
         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_121qb","loader":"button__loader_121qb","secondary":"button__secondary_121qb","text":"button__text_121qb","ghost":"button__ghost_121qb","component":"button__component_121qb","loading":"button__loading_121qb","outlined":"button__outlined_121qb","tertiary":"button__tertiary_121qb","transparent":"button__transparent_121qb","link":"button__link_121qb"};
+const defaultColors = {"primary":"button__primary_ovt8y","loader":"button__loader_ovt8y","secondary":"button__secondary_ovt8y","text":"button__text_ovt8y","ghost":"button__ghost_ovt8y","component":"button__component_ovt8y","loading":"button__loading_ovt8y","outlined":"button__outlined_ovt8y","tertiary":"button__tertiary_ovt8y","transparent":"button__transparent_ovt8y","link":"button__link_ovt8y"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_l31xo","loader":"button__loader_l31xo","secondary":"button__secondary_l31xo","text":"button__text_l31xo","ghost":"button__ghost_l31xo","component":"button__component_l31xo","loading":"button__loading_l31xo","outlined":"button__outlined_l31xo","tertiary":"button__tertiary_l31xo","transparent":"button__transparent_l31xo","link":"button__link_l31xo"};
+const invertedColors = {"primary":"button__primary_7x4v5","loader":"button__loader_7x4v5","secondary":"button__secondary_7x4v5","text":"button__text_7x4v5","ghost":"button__ghost_7x4v5","component":"button__component_7x4v5","loading":"button__loading_7x4v5","outlined":"button__outlined_7x4v5","tertiary":"button__tertiary_7x4v5","transparent":"button__transparent_7x4v5","link":"button__link_7x4v5"};
 require('./inverted.mobile.css');
 
-const styles = {"size-32":"button__size-32_10dt6","size-40":"button__size-40_10dt6","size-48":"button__size-48_10dt6","size-56":"button__size-56_10dt6","size-64":"button__size-64_10dt6","size-72":"button__size-72_10dt6"};
+const styles = {"size-32":"button__size-32_d03cv","size-40":"button__size-40_d03cv","size-48":"button__size-48_d03cv","size-56":"button__size-56_d03cv","size-64":"button__size-64_d03cv","size-72":"button__size-72_d03cv"};
 require('./mobile.css');
 
 const colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: 15pzu */
+/* hash: 11ctc */
 :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_121qb {
+} .button__primary_ovt8y {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_121qb:hover {
+        .button__primary_ovt8y:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_121qb:active {
+    } .button__primary_ovt8y:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_121qb > .button__loader_121qb {
+    } .button__primary_ovt8y > .button__loader_ovt8y {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_121qb {
+    } .button__secondary_ovt8y {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_121qb:active {
+} .button__secondary_ovt8y:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_121qb:active {
+    } .button__text_ovt8y:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_121qb:active {
+    } .button__ghost_ovt8y:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_121qb[disabled].button__primary_121qb {
+    } .button__component_ovt8y[disabled].button__primary_ovt8y {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_121qb[disabled].button__primary_121qb.button__loading_121qb {
+    } .button__component_ovt8y[disabled].button__primary_ovt8y.button__loading_ovt8y {
             color: var(--button-primary-mobile-color);
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_121qb[disabled].button__secondary_121qb {
+        } .button__component_ovt8y[disabled].button__secondary_ovt8y {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_121qb[disabled].button__outlined_121qb {
+    } .button__component_ovt8y[disabled].button__outlined_ovt8y {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_121qb[disabled].button__tertiary_121qb {
+    } .button__component_ovt8y[disabled].button__tertiary_ovt8y {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_121qb[disabled].button__transparent_121qb {
+    } .button__component_ovt8y[disabled].button__transparent_ovt8y {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_121qb[disabled].button__link_121qb {
+    } .button__component_ovt8y[disabled].button__link_ovt8y {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_121qb[disabled].button__text_121qb {
+    } .button__component_ovt8y[disabled].button__text_ovt8y {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_121qb[disabled].button__ghost_121qb {
+    } .button__component_ovt8y[disabled].button__ghost_ovt8y {
         color: var(--button-ghost-mobile-disabled-color);
     }