@alfalab/core-components 47.24.0 → 47.25.0

package/button/mobile/default.mobile.css

@@ -129,45 +129,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1wth8 {
+} .button__primary_vb9dk {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1wth8:hover {
+        .button__primary_vb9dk:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1wth8:active {
+    } .button__primary_vb9dk:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1wth8 > .button__loader_1wth8 {
+    } .button__primary_vb9dk > .button__loader_vb9dk {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1wth8 {
+    } .button__secondary_vb9dk {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1wth8:active {
+} .button__secondary_vb9dk:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1wth8:active {
+    } .button__text_vb9dk:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1wth8:active {
+    } .button__ghost_vb9dk:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1wth8[disabled].button__primary_1wth8 {
+    } .button__component_vb9dk[disabled].button__primary_vb9dk {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1wth8[disabled].button__primary_1wth8.button__loading_1wth8 {
+    } .button__component_vb9dk[disabled].button__primary_vb9dk.button__loading_vb9dk {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1wth8[disabled].button__secondary_1wth8 {
+        } .button__component_vb9dk[disabled].button__secondary_vb9dk {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1wth8[disabled].button__outlined_1wth8 {
+    } .button__component_vb9dk[disabled].button__outlined_vb9dk {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1wth8[disabled].button__tertiary_1wth8 {
+    } .button__component_vb9dk[disabled].button__tertiary_vb9dk {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1wth8[disabled].button__transparent_1wth8 {
+    } .button__component_vb9dk[disabled].button__transparent_vb9dk {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1wth8[disabled].button__link_1wth8 {
+    } .button__component_vb9dk[disabled].button__link_vb9dk {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1wth8[disabled].button__text_1wth8 {
+    } .button__component_vb9dk[disabled].button__text_vb9dk {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1wth8[disabled].button__ghost_1wth8 {
+    } .button__component_vb9dk[disabled].button__ghost_vb9dk {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css

@@ -140,45 +140,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1hr4q {
+} .button__primary_4zvdp {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1hr4q:hover {
+        .button__primary_4zvdp:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1hr4q:active {
+    } .button__primary_4zvdp:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1hr4q > .button__loader_1hr4q {
+    } .button__primary_4zvdp > .button__loader_4zvdp {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1hr4q {
+    } .button__secondary_4zvdp {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1hr4q:active {
+} .button__secondary_4zvdp:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1hr4q:active {
+    } .button__text_4zvdp:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1hr4q:active {
+    } .button__ghost_4zvdp:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1hr4q[disabled].button__primary_1hr4q {
+    } .button__component_4zvdp[disabled].button__primary_4zvdp {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1hr4q[disabled].button__primary_1hr4q.button__loading_1hr4q {
+    } .button__component_4zvdp[disabled].button__primary_4zvdp.button__loading_4zvdp {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1hr4q[disabled].button__secondary_1hr4q {
+        } .button__component_4zvdp[disabled].button__secondary_4zvdp {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1hr4q[disabled].button__outlined_1hr4q {
+    } .button__component_4zvdp[disabled].button__outlined_4zvdp {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1hr4q[disabled].button__tertiary_1hr4q {
+    } .button__component_4zvdp[disabled].button__tertiary_4zvdp {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1hr4q[disabled].button__transparent_1hr4q {
+    } .button__component_4zvdp[disabled].button__transparent_4zvdp {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1hr4q[disabled].button__link_1hr4q {
+    } .button__component_4zvdp[disabled].button__link_4zvdp {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1hr4q[disabled].button__text_1hr4q {
+    } .button__component_4zvdp[disabled].button__text_4zvdp {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1hr4q[disabled].button__ghost_1hr4q {
+    } .button__component_4zvdp[disabled].button__ghost_4zvdp {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css

@@ -110,16 +110,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_z1i7x {
+} .button__size-32_1af1s {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_z1i7x {
+} .button__size-40_1af1s {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_z1i7x {
+} .button__size-48_1af1s {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_z1i7x {
+} .button__size-56_1af1s {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_z1i7x {
+} .button__size-64_1af1s {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_z1i7x {
+} .button__size-72_1af1s {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

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

@@ -5,13 +5,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { Spinner } from '../../../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const defaultColors = {"accent":"button__accent_188s1","loader":"button__loader_188s1","primary":"button__primary_188s1","secondary":"button__secondary_188s1","outlined":"button__outlined_188s1","tertiary":"button__tertiary_188s1","filled":"button__filled_188s1","transparent":"button__transparent_188s1","link":"button__link_188s1","text":"button__text_188s1","ghost":"button__ghost_188s1","component":"button__component_188s1","loading":"button__loading_188s1"};
+const defaultColors = {"accent":"button__accent_mf3bx","loader":"button__loader_mf3bx","primary":"button__primary_mf3bx","secondary":"button__secondary_mf3bx","outlined":"button__outlined_mf3bx","tertiary":"button__tertiary_mf3bx","filled":"button__filled_mf3bx","transparent":"button__transparent_mf3bx","link":"button__link_mf3bx","text":"button__text_mf3bx","ghost":"button__ghost_mf3bx","component":"button__component_mf3bx","loading":"button__loading_mf3bx"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_75hy7","hug":"button__hug_75hy7","fill":"button__fill_75hy7","hint":"button__hint_75hy7","allowBackdropBlur":"button__allowBackdropBlur_75hy7","secondary":"button__secondary_75hy7","accent":"button__accent_75hy7","primary":"button__primary_75hy7","focused":"button__focused_75hy7","loading":"button__loading_75hy7","label":"button__label_75hy7","addons":"button__addons_75hy7","stretchText":"button__stretchText_75hy7","loader":"button__loader_75hy7","size-32":"button__size-32_75hy7","iconOnly":"button__iconOnly_75hy7","size-40":"button__size-40_75hy7","size-48":"button__size-48_75hy7","size-56":"button__size-56_75hy7","size-64":"button__size-64_75hy7","size-72":"button__size-72_75hy7","withRightAddons":"button__withRightAddons_75hy7","ghost":"button__ghost_75hy7","text":"button__text_75hy7","withLeftAddons":"button__withLeftAddons_75hy7","link":"button__link_75hy7","transparent":"button__transparent_75hy7","block":"button__block_75hy7","nowrap":"button__nowrap_75hy7","rounded":"button__rounded_75hy7"};
+const commonStyles = {"component":"button__component_1yzjy","hug":"button__hug_1yzjy","fill":"button__fill_1yzjy","hint":"button__hint_1yzjy","allowBackdropBlur":"button__allowBackdropBlur_1yzjy","secondary":"button__secondary_1yzjy","accent":"button__accent_1yzjy","primary":"button__primary_1yzjy","focused":"button__focused_1yzjy","loading":"button__loading_1yzjy","label":"button__label_1yzjy","addons":"button__addons_1yzjy","stretchText":"button__stretchText_1yzjy","loader":"button__loader_1yzjy","size-32":"button__size-32_1yzjy","iconOnly":"button__iconOnly_1yzjy","size-40":"button__size-40_1yzjy","size-48":"button__size-48_1yzjy","size-56":"button__size-56_1yzjy","size-64":"button__size-64_1yzjy","size-72":"button__size-72_1yzjy","withRightAddons":"button__withRightAddons_1yzjy","ghost":"button__ghost_1yzjy","text":"button__text_1yzjy","withLeftAddons":"button__withLeftAddons_1yzjy","link":"button__link_1yzjy","transparent":"button__transparent_1yzjy","block":"button__block_1yzjy","nowrap":"button__nowrap_1yzjy","rounded":"button__rounded_1yzjy"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_1gse6","loader":"button__loader_1gse6","primary":"button__primary_1gse6","secondary":"button__secondary_1gse6","outlined":"button__outlined_1gse6","tertiary":"button__tertiary_1gse6","filled":"button__filled_1gse6","transparent":"button__transparent_1gse6","link":"button__link_1gse6","text":"button__text_1gse6","ghost":"button__ghost_1gse6","component":"button__component_1gse6","loading":"button__loading_1gse6"};
+const invertedColors = {"accent":"button__accent_uyphh","loader":"button__loader_uyphh","primary":"button__primary_uyphh","secondary":"button__secondary_uyphh","outlined":"button__outlined_uyphh","tertiary":"button__tertiary_uyphh","filled":"button__filled_uyphh","transparent":"button__transparent_uyphh","link":"button__link_uyphh","text":"button__text_uyphh","ghost":"button__ghost_uyphh","component":"button__component_uyphh","loading":"button__loading_uyphh"};
 require('./inverted.css');
 
 /* eslint-disable complexity */

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

@@ -150,142 +150,142 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_188s1 {
+} .button__accent_mf3bx {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_188s1:hover {
+        .button__accent_mf3bx:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_188s1:active {
+    } .button__accent_mf3bx:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_188s1 > .button__loader_188s1 {
+    } .button__accent_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-static-color);
-    } .button__primary_188s1 {
+    } .button__primary_mf3bx {
     border: 1px solid transparent;
-} .button__secondary_188s1 {
+} .button__secondary_mf3bx {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_188s1 > .button__loader_188s1 {
+} .button__secondary_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__outlined_188s1 {
+    } .button__outlined_mf3bx {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_188s1:hover {
+        .button__outlined_mf3bx:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_188s1:active {
+    } .button__outlined_mf3bx:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_188s1 > .button__loader_188s1 {
+    } .button__outlined_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_188s1 {
+    } .button__tertiary_mf3bx {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_188s1:hover {
+        .button__tertiary_mf3bx:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_188s1:active {
+    } .button__tertiary_mf3bx:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_188s1 > .button__loader_188s1 {
+    } .button__tertiary_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__filled_188s1 {
+    } .button__filled_mf3bx {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_188s1:hover {
+        .button__filled_mf3bx:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_188s1:active {
+    } .button__filled_mf3bx:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_188s1 > .button__loader_188s1 {
+    } .button__filled_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__transparent_188s1 {
+    } .button__transparent_mf3bx {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_188s1:hover {
+        .button__transparent_mf3bx:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_188s1:active {
+    } .button__transparent_mf3bx:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_188s1 > .button__loader_188s1 {
+    } .button__transparent_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__link_188s1 {
+    } .button__link_mf3bx {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_188s1:hover {
+        .button__link_mf3bx:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_188s1:active {
+    } .button__link_mf3bx:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_188s1 > .button__loader_188s1 {
+    } .button__link_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__text_188s1 {
+    } .button__text_mf3bx {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_188s1:hover {
+        .button__text_mf3bx:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_188s1 > .button__loader_188s1 {
+    } .button__text_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } .button__ghost_188s1 {
+    } .button__ghost_mf3bx {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_188s1:hover {
+        .button__ghost_mf3bx:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_188s1 > .button__loader_188s1 {
+    } .button__ghost_mf3bx > .button__loader_mf3bx {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_188s1[disabled].button__accent_188s1 {
+    } /* Disabled */ .button__component_mf3bx[disabled].button__accent_mf3bx {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_188s1[disabled].button__accent_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__accent_mf3bx.button__loading_mf3bx {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_188s1[disabled].button__secondary_188s1 {
+        } .button__component_mf3bx[disabled].button__secondary_mf3bx {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_188s1[disabled].button__secondary_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__secondary_mf3bx.button__loading_mf3bx {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_188s1[disabled].button__outlined_188s1 {
+        } .button__component_mf3bx[disabled].button__outlined_mf3bx {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_188s1[disabled].button__outlined_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__outlined_mf3bx.button__loading_mf3bx {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_188s1[disabled].button__tertiary_188s1 {
+        } .button__component_mf3bx[disabled].button__tertiary_mf3bx {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_188s1[disabled].button__tertiary_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__tertiary_mf3bx.button__loading_mf3bx {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_188s1[disabled].button__filled_188s1 {
+        } .button__component_mf3bx[disabled].button__filled_mf3bx {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_188s1[disabled].button__filled_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__filled_mf3bx.button__loading_mf3bx {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_188s1[disabled].button__transparent_188s1 {
+        } .button__component_mf3bx[disabled].button__transparent_mf3bx {
         background-color: transparent
-    } .button__component_188s1[disabled].button__transparent_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__transparent_mf3bx.button__loading_mf3bx {
             color: var(--button-transparent-base-color);
-        } .button__component_188s1[disabled].button__link_188s1 {
+        } .button__component_mf3bx[disabled].button__link_mf3bx {
         background-color: transparent
-    } .button__component_188s1[disabled].button__link_188s1.button__loading_188s1 {
+    } .button__component_mf3bx[disabled].button__link_mf3bx.button__loading_mf3bx {
             color: var(--button-link-base-color);
-        } .button__component_188s1[disabled].button__text_188s1.button__loading_188s1 {
+        } .button__component_mf3bx[disabled].button__text_mf3bx.button__loading_mf3bx {
             color: var(--button-text-base-color);
-        } .button__component_188s1[disabled].button__ghost_188s1.button__loading_188s1 {
+        } .button__component_mf3bx[disabled].button__ghost_mf3bx.button__loading_mf3bx {
             color: var(--button-ghost-base-color);
         }

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

@@ -116,7 +116,7 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__component_75hy7 {
+} .button__component_1yzjy {
     -webkit-tap-highlight-color: transparent;
 
     position: relative;
@@ -139,159 +139,159 @@
     cursor: pointer;
     transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
     box-sizing: border-box;
-} .button__hug_75hy7 {
+} .button__hug_1yzjy {
     justify-content: center;
     text-align: center;
-} .button__fill_75hy7 {
+} .button__fill_1yzjy {
     text-align: left;
-} .button__hint_75hy7 {
+} .button__hint_1yzjy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     display: block;
-} .button__allowBackdropBlur_75hy7.button__secondary_75hy7,
-    .button__allowBackdropBlur_75hy7.button__accent_75hy7[disabled],
-    .button__allowBackdropBlur_75hy7.button__primary_75hy7[disabled] {
+} .button__allowBackdropBlur_1yzjy.button__secondary_1yzjy,
+    .button__allowBackdropBlur_1yzjy.button__accent_1yzjy[disabled],
+    .button__allowBackdropBlur_1yzjy.button__primary_1yzjy[disabled] {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
-    } .button__focused_75hy7 {
+    } .button__focused_1yzjy {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .button__loading_75hy7 .button__label_75hy7,
-.button__loading_75hy7 .button__addons_75hy7 {
+} .button__loading_1yzjy .button__label_1yzjy,
+.button__loading_1yzjy .button__addons_1yzjy {
     opacity: 0;
-} .button__stretchText_75hy7 {
+} .button__stretchText_1yzjy {
     flex-grow: 1;
-} .button__loader_75hy7 {
+} .button__loader_1yzjy {
     position: absolute;
     left: var(--gap-0);
     right: var(--gap-0);
     margin: var(--gap-0) auto;
 } /* Size */ /* За счет того, что у кнопок есть border 1px,
-для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__size-32_75hy7 {
+для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__size-32_1yzjy {
     min-width: 80px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) 15px;
     font-size: 14px
-} .button__size-32_75hy7.button__iconOnly_75hy7 {
+} .button__size-32_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-xxs-height);
-    } .button__size-40_75hy7 {
+    } .button__size-40_1yzjy {
     min-width: 88px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) 19px;
     font-size: 14px
-} .button__size-40_75hy7.button__iconOnly_75hy7 {
+} .button__size-40_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-xs-height);
-    } .button__size-48_75hy7 {
+    } .button__size-48_1yzjy {
     min-width: 104px;
     min-height: var(--size-s-height);
     font-size: 16px;
     line-height: 24px
-} .button__size-48_75hy7.button__iconOnly_75hy7 {
+} .button__size-48_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-s-height);
-    } .button__size-56_75hy7 {
+    } .button__size-56_1yzjy {
     min-width: 128px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) 27px;
     font-size: 16px;
     line-height: 24px
-} .button__size-56_75hy7.button__iconOnly_75hy7 {
+} .button__size-56_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-m-height);
-    } .button__size-64_75hy7 {
+    } .button__size-64_1yzjy {
     min-width: 160px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 31px;
     font-size: 18px;
     line-height: 24px
-} .button__size-64_75hy7.button__iconOnly_75hy7 {
+} .button__size-64_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-l-height);
-    } .button__size-72_75hy7 {
+    } .button__size-72_1yzjy {
     min-width: 168px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) 35px;
     font-size: 18px;
     line-height: 24px
-} .button__size-72_75hy7.button__iconOnly_75hy7 {
+} .button__size-72_1yzjy.button__iconOnly_1yzjy {
         min-width: var(--size-xl-height);
-    } .button__withRightAddons_75hy7.button__size-32_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-32_1yzjy {
         padding-right: 11px;
-    } .button__withRightAddons_75hy7.button__size-40_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-40_1yzjy {
         padding-right: 15px;
-    } .button__withRightAddons_75hy7.button__size-48_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-48_1yzjy {
         padding-right: 19px;
-    } .button__withRightAddons_75hy7.button__size-56_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-56_1yzjy {
         padding-right: 23px;
-    } .button__withRightAddons_75hy7.button__size-64_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-64_1yzjy {
         padding-right: 27px;
-    } .button__withRightAddons_75hy7.button__size-72_75hy7 {
+    } .button__withRightAddons_1yzjy.button__size-72_1yzjy {
         padding-right: 31px;
-    } .button__withRightAddons_75hy7.button__ghost_75hy7,
-    .button__withRightAddons_75hy7.button__text_75hy7 {
+    } .button__withRightAddons_1yzjy.button__ghost_1yzjy,
+    .button__withRightAddons_1yzjy.button__text_1yzjy {
         padding-right: var(--gap-0);
-    } .button__withLeftAddons_75hy7.button__size-32_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-32_1yzjy {
         padding-left: 11px;
-    } .button__withLeftAddons_75hy7.button__size-40_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-40_1yzjy {
         padding-left: 15px;
-    } .button__withLeftAddons_75hy7.button__size-48_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-48_1yzjy {
         padding-left: 19px;
-    } .button__withLeftAddons_75hy7.button__size-56_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-56_1yzjy {
         padding-left: 23px;
-    } .button__withLeftAddons_75hy7.button__size-64_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-64_1yzjy {
         padding-left: 27px;
-    } .button__withLeftAddons_75hy7.button__size-72_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__size-72_1yzjy {
         padding-left: 31px;
-    } .button__withLeftAddons_75hy7.button__ghost_75hy7,
-    .button__withLeftAddons_75hy7.button__text_75hy7 {
+    } .button__withLeftAddons_1yzjy.button__ghost_1yzjy,
+    .button__withLeftAddons_1yzjy.button__text_1yzjy {
         padding-left: var(--gap-0);
-    } .button__link_75hy7,
-.button__transparent_75hy7 {
+    } .button__link_1yzjy,
+.button__transparent_1yzjy {
     min-width: 0;
-} .button__ghost_75hy7.button__ghost_75hy7,
-.button__text_75hy7.button__text_75hy7 {
+} .button__ghost_1yzjy.button__ghost_1yzjy,
+.button__text_1yzjy.button__text_1yzjy {
     min-width: 0;
     min-height: 0;
     padding: var(--gap-0);
     border: none;
     appearance: none
-} .button__ghost_75hy7.button__ghost_75hy7.button__iconOnly_75hy7, .button__text_75hy7.button__text_75hy7.button__iconOnly_75hy7 {
+} .button__ghost_1yzjy.button__ghost_1yzjy.button__iconOnly_1yzjy, .button__text_1yzjy.button__text_1yzjy.button__iconOnly_1yzjy {
         min-width: 0;
-    } /* Disabled */ .button__component_75hy7[disabled] {
+    } /* Disabled */ .button__component_1yzjy[disabled] {
     cursor: var(--disabled-cursor)
-} .button__component_75hy7[disabled] * {
+} .button__component_1yzjy[disabled] * {
         pointer-events: none;
-    } /* Addons */ .button__addons_75hy7 {
+    } /* Addons */ .button__addons_1yzjy {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     margin: var(--gap-0)
-} .button__addons_75hy7:first-child {
+} .button__addons_1yzjy:first-child {
         margin-right: 6px;
-    } .button__addons_75hy7:last-child {
+    } .button__addons_1yzjy:last-child {
         margin-left: 6px;
-    } .button__addons_75hy7:only-child {
+    } .button__addons_1yzjy:only-child {
         margin: var(--gap-0);
-    } .button__size-48_75hy7 .button__addons_75hy7:first-child, .button__size-56_75hy7 .button__addons_75hy7:first-child {
+    } .button__size-48_1yzjy .button__addons_1yzjy:first-child, .button__size-56_1yzjy .button__addons_1yzjy:first-child {
         margin-right: var(--gap-8);
-    } .button__size-48_75hy7 .button__addons_75hy7:last-child, .button__size-56_75hy7 .button__addons_75hy7:last-child {
+    } .button__size-48_1yzjy .button__addons_1yzjy:last-child, .button__size-56_1yzjy .button__addons_1yzjy:last-child {
         margin-left: var(--gap-8);
-    } .button__size-48_75hy7 .button__addons_75hy7:only-child, .button__size-56_75hy7 .button__addons_75hy7:only-child {
+    } .button__size-48_1yzjy .button__addons_1yzjy:only-child, .button__size-56_1yzjy .button__addons_1yzjy:only-child {
         margin: var(--gap-0);
-    } .button__size-64_75hy7 .button__addons_75hy7:first-child, .button__size-72_75hy7 .button__addons_75hy7:first-child {
+    } .button__size-64_1yzjy .button__addons_1yzjy:first-child, .button__size-72_1yzjy .button__addons_1yzjy:first-child {
         margin-right: var(--gap-12);
-    } .button__size-64_75hy7 .button__addons_75hy7:last-child, .button__size-72_75hy7 .button__addons_75hy7:last-child {
+    } .button__size-64_1yzjy .button__addons_1yzjy:last-child, .button__size-72_1yzjy .button__addons_1yzjy:last-child {
         margin-left: var(--gap-12);
-    } .button__size-64_75hy7 .button__addons_75hy7:only-child, .button__size-72_75hy7 .button__addons_75hy7:only-child {
+    } .button__size-64_1yzjy .button__addons_1yzjy:only-child, .button__size-72_1yzjy .button__addons_1yzjy:only-child {
         margin: var(--gap-0);
-    } .button__iconOnly_75hy7 {
+    } .button__iconOnly_1yzjy {
     padding: var(--gap-0);
-} /* Block */ .button__block_75hy7 {
+} /* Block */ .button__block_1yzjy {
     display: flex;
     width: 100%;
-} /* Nowrap */ .button__nowrap_75hy7 {
+} /* Nowrap */ .button__nowrap_1yzjy {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-} .button__rounded_75hy7 {
+} .button__rounded_1yzjy {
     border-radius: var(--border-radius-pill);
 }