@alfalab/core-components 48.13.0 → 48.15.0

package/button/esm/mobile/mobile.css

@@ -22,6 +22,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -110,16 +113,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_1srmz {
+} .button__size-32_1mn6x {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_1srmz {
+} .button__size-40_1mn6x {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_1srmz {
+} .button__size-48_1mn6x {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_1srmz {
+} .button__size-56_1mn6x {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_1srmz {
+} .button__size-64_1mn6x {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_1srmz {
+} .button__size-72_1mn6x {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/mobile/Component.mobile.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"primary":"button__primary_10yjq","loader":"button__loader_10yjq","secondary":"button__secondary_10yjq","text":"button__text_10yjq","ghost":"button__ghost_10yjq","component":"button__component_10yjq","loading":"button__loading_10yjq","outlined":"button__outlined_10yjq","tertiary":"button__tertiary_10yjq","transparent":"button__transparent_10yjq","link":"button__link_10yjq"};
+var defaultColors = {"primary":"button__primary_1de9z","loader":"button__loader_1de9z","secondary":"button__secondary_1de9z","text":"button__text_1de9z","ghost":"button__ghost_1de9z","component":"button__component_1de9z","loading":"button__loading_1de9z","outlined":"button__outlined_1de9z","tertiary":"button__tertiary_1de9z","transparent":"button__transparent_1de9z","link":"button__link_1de9z"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_17k70","loader":"button__loader_17k70","secondary":"button__secondary_17k70","text":"button__text_17k70","ghost":"button__ghost_17k70","component":"button__component_17k70","loading":"button__loading_17k70","outlined":"button__outlined_17k70","tertiary":"button__tertiary_17k70","transparent":"button__transparent_17k70","link":"button__link_17k70"};
+var invertedColors = {"primary":"button__primary_pz5bf","loader":"button__loader_pz5bf","secondary":"button__secondary_pz5bf","text":"button__text_pz5bf","ghost":"button__ghost_pz5bf","component":"button__component_pz5bf","loading":"button__loading_pz5bf","outlined":"button__outlined_pz5bf","tertiary":"button__tertiary_pz5bf","transparent":"button__transparent_pz5bf","link":"button__link_pz5bf"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_1srmz","size-40":"button__size-40_1srmz","size-48":"button__size-48_1srmz","size-56":"button__size-56_1srmz","size-64":"button__size-64_1srmz","size-72":"button__size-72_1srmz"};
+var styles = {"size-32":"button__size-32_1mn6x","size-40":"button__size-40_1mn6x","size-48":"button__size-48_1mn6x","size-56":"button__size-56_1mn6x","size-64":"button__size-64_1mn6x","size-72":"button__size-72_1mn6x"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/mobile/default.mobile.css

@@ -26,6 +26,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -129,45 +132,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_10yjq {
+} .button__primary_1de9z {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_10yjq:hover {
+        .button__primary_1de9z:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_10yjq:active {
+    } .button__primary_1de9z:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_10yjq > .button__loader_10yjq {
+    } .button__primary_1de9z > .button__loader_1de9z {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_10yjq {
+    } .button__secondary_1de9z {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_10yjq:active {
+} .button__secondary_1de9z:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_10yjq:active {
+    } .button__text_1de9z:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_10yjq:active {
+    } .button__ghost_1de9z:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_10yjq[disabled].button__primary_10yjq {
+    } .button__component_1de9z[disabled].button__primary_1de9z {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_10yjq[disabled].button__primary_10yjq.button__loading_10yjq {
+    } .button__component_1de9z[disabled].button__primary_1de9z.button__loading_1de9z {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_10yjq[disabled].button__secondary_10yjq {
+        } .button__component_1de9z[disabled].button__secondary_1de9z {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_10yjq[disabled].button__outlined_10yjq {
+    } .button__component_1de9z[disabled].button__outlined_1de9z {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_10yjq[disabled].button__tertiary_10yjq {
+    } .button__component_1de9z[disabled].button__tertiary_1de9z {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_10yjq[disabled].button__transparent_10yjq {
+    } .button__component_1de9z[disabled].button__transparent_1de9z {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_10yjq[disabled].button__link_10yjq {
+    } .button__component_1de9z[disabled].button__link_1de9z {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_10yjq[disabled].button__text_10yjq {
+    } .button__component_1de9z[disabled].button__text_1de9z {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_10yjq[disabled].button__ghost_10yjq {
+    } .button__component_1de9z[disabled].button__ghost_1de9z {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -140,45 +143,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_17k70 {
+} .button__primary_pz5bf {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_17k70:hover {
+        .button__primary_pz5bf:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_17k70:active {
+    } .button__primary_pz5bf:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_17k70 > .button__loader_17k70 {
+    } .button__primary_pz5bf > .button__loader_pz5bf {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_17k70 {
+    } .button__secondary_pz5bf {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_17k70:active {
+} .button__secondary_pz5bf:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_17k70:active {
+    } .button__text_pz5bf:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_17k70:active {
+    } .button__ghost_pz5bf:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_17k70[disabled].button__primary_17k70 {
+    } .button__component_pz5bf[disabled].button__primary_pz5bf {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_17k70[disabled].button__primary_17k70.button__loading_17k70 {
+    } .button__component_pz5bf[disabled].button__primary_pz5bf.button__loading_pz5bf {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_17k70[disabled].button__secondary_17k70 {
+        } .button__component_pz5bf[disabled].button__secondary_pz5bf {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_17k70[disabled].button__outlined_17k70 {
+    } .button__component_pz5bf[disabled].button__outlined_pz5bf {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_17k70[disabled].button__tertiary_17k70 {
+    } .button__component_pz5bf[disabled].button__tertiary_pz5bf {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_17k70[disabled].button__transparent_17k70 {
+    } .button__component_pz5bf[disabled].button__transparent_pz5bf {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_17k70[disabled].button__link_17k70 {
+    } .button__component_pz5bf[disabled].button__link_pz5bf {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_17k70[disabled].button__text_17k70 {
+    } .button__component_pz5bf[disabled].button__text_pz5bf {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_17k70[disabled].button__ghost_17k70 {
+    } .button__component_pz5bf[disabled].button__ghost_pz5bf {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css

@@ -22,6 +22,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -110,16 +113,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_1srmz {
+} .button__size-32_1mn6x {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_1srmz {
+} .button__size-40_1mn6x {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_1srmz {
+} .button__size-48_1mn6x {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_1srmz {
+} .button__size-56_1mn6x {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_1srmz {
+} .button__size-64_1mn6x {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_1srmz {
+} .button__size-72_1mn6x {
     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_gsn4m","loader":"button__loader_gsn4m","primary":"button__primary_gsn4m","hint":"button__hint_gsn4m","secondary":"button__secondary_gsn4m","outlined":"button__outlined_gsn4m","tertiary":"button__tertiary_gsn4m","filled":"button__filled_gsn4m","transparent":"button__transparent_gsn4m","link":"button__link_gsn4m","text":"button__text_gsn4m","ghost":"button__ghost_gsn4m","component":"button__component_gsn4m","loading":"button__loading_gsn4m"};
+const defaultColors = {"accent":"button__accent_2koyp","loader":"button__loader_2koyp","primary":"button__primary_2koyp","hint":"button__hint_2koyp","secondary":"button__secondary_2koyp","outlined":"button__outlined_2koyp","tertiary":"button__tertiary_2koyp","filled":"button__filled_2koyp","transparent":"button__transparent_2koyp","link":"button__link_2koyp","text":"button__text_2koyp","ghost":"button__ghost_2koyp","component":"button__component_2koyp","loading":"button__loading_2koyp"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_12efm","hug":"button__hug_12efm","fill":"button__fill_12efm","hint":"button__hint_12efm","allowBackdropBlur":"button__allowBackdropBlur_12efm","secondary":"button__secondary_12efm","accent":"button__accent_12efm","primary":"button__primary_12efm","focused":"button__focused_12efm","loading":"button__loading_12efm","label":"button__label_12efm","addons":"button__addons_12efm","stretchText":"button__stretchText_12efm","loader":"button__loader_12efm","size-32":"button__size-32_12efm","iconOnly":"button__iconOnly_12efm","size-40":"button__size-40_12efm","size-48":"button__size-48_12efm","size-56":"button__size-56_12efm","size-64":"button__size-64_12efm","size-72":"button__size-72_12efm","withRightAddons":"button__withRightAddons_12efm","ghost":"button__ghost_12efm","text":"button__text_12efm","withLeftAddons":"button__withLeftAddons_12efm","link":"button__link_12efm","transparent":"button__transparent_12efm","block":"button__block_12efm","nowrap":"button__nowrap_12efm","rounded":"button__rounded_12efm"};
+const commonStyles = {"component":"button__component_pypdr","hug":"button__hug_pypdr","fill":"button__fill_pypdr","hint":"button__hint_pypdr","allowBackdropBlur":"button__allowBackdropBlur_pypdr","secondary":"button__secondary_pypdr","accent":"button__accent_pypdr","primary":"button__primary_pypdr","focused":"button__focused_pypdr","loading":"button__loading_pypdr","label":"button__label_pypdr","addons":"button__addons_pypdr","stretchText":"button__stretchText_pypdr","loader":"button__loader_pypdr","size-32":"button__size-32_pypdr","iconOnly":"button__iconOnly_pypdr","size-40":"button__size-40_pypdr","size-48":"button__size-48_pypdr","size-56":"button__size-56_pypdr","size-64":"button__size-64_pypdr","size-72":"button__size-72_pypdr","withRightAddons":"button__withRightAddons_pypdr","ghost":"button__ghost_pypdr","text":"button__text_pypdr","withLeftAddons":"button__withLeftAddons_pypdr","link":"button__link_pypdr","transparent":"button__transparent_pypdr","block":"button__block_pypdr","nowrap":"button__nowrap_pypdr","rounded":"button__rounded_pypdr"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_3ajnw","loader":"button__loader_3ajnw","primary":"button__primary_3ajnw","hint":"button__hint_3ajnw","secondary":"button__secondary_3ajnw","outlined":"button__outlined_3ajnw","tertiary":"button__tertiary_3ajnw","filled":"button__filled_3ajnw","transparent":"button__transparent_3ajnw","link":"button__link_3ajnw","text":"button__text_3ajnw","ghost":"button__ghost_3ajnw","component":"button__component_3ajnw","loading":"button__loading_3ajnw"};
+const invertedColors = {"accent":"button__accent_1o3pj","loader":"button__loader_1o3pj","primary":"button__primary_1o3pj","hint":"button__hint_1o3pj","secondary":"button__secondary_1o3pj","outlined":"button__outlined_1o3pj","tertiary":"button__tertiary_1o3pj","filled":"button__filled_1o3pj","transparent":"button__transparent_1o3pj","link":"button__link_1o3pj","text":"button__text_1o3pj","ghost":"button__ghost_1o3pj","component":"button__component_1o3pj","loading":"button__loading_1o3pj"};
 require('./inverted.css');
 
 /* eslint-disable complexity */

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

@@ -34,6 +34,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -158,154 +161,154 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_gsn4m {
+} .button__accent_2koyp {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_gsn4m:hover {
+        .button__accent_2koyp:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_gsn4m:active {
+    } .button__accent_2koyp:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_gsn4m > .button__loader_gsn4m {
+    } .button__accent_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-static-color);
-    } .button__primary_gsn4m {
+    } .button__primary_2koyp {
     border: 1px solid transparent
-} .button__primary_gsn4m .button__hint_gsn4m {
+} .button__primary_2koyp .button__hint_2koyp {
         color: var(--button-primary-hint-color);
-    } .button__secondary_gsn4m {
+    } .button__secondary_2koyp {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_gsn4m > .button__loader_gsn4m {
+} .button__secondary_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__secondary_gsn4m .button__hint_gsn4m {
+    } .button__secondary_2koyp .button__hint_2koyp {
         color: var(--button-secondary-hint-color);
-    } .button__outlined_gsn4m {
+    } .button__outlined_2koyp {
     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_gsn4m:hover {
+        .button__outlined_2koyp:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_gsn4m:active {
+    } .button__outlined_2koyp:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_gsn4m > .button__loader_gsn4m {
+    } .button__outlined_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__outlined_gsn4m .button__hint_gsn4m {
+    } .button__outlined_2koyp .button__hint_2koyp {
         color: var(--button-outlined-hint-color);
-    } .button__tertiary_gsn4m {
+    } .button__tertiary_2koyp {
     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_gsn4m:hover {
+        .button__tertiary_2koyp:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_gsn4m:active {
+    } .button__tertiary_2koyp:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_gsn4m > .button__loader_gsn4m {
+    } .button__tertiary_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_gsn4m .button__hint_gsn4m {
+    } .button__tertiary_2koyp .button__hint_2koyp {
         color: var(--button-tertiary-hint-color);
-    } .button__filled_gsn4m {
+    } .button__filled_2koyp {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_gsn4m:hover {
+        .button__filled_2koyp:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_gsn4m:active {
+    } .button__filled_2koyp:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_gsn4m > .button__loader_gsn4m {
+    } .button__filled_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__transparent_gsn4m {
+    } .button__transparent_2koyp {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_gsn4m:hover {
+        .button__transparent_2koyp:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_gsn4m:active {
+    } .button__transparent_2koyp:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_gsn4m > .button__loader_gsn4m {
+    } .button__transparent_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__transparent_gsn4m .button__hint_gsn4m {
+    } .button__transparent_2koyp .button__hint_2koyp {
         color: var(--button-transparent-base-hint-color);
-    } .button__link_gsn4m {
+    } .button__link_2koyp {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_gsn4m:hover {
+        .button__link_2koyp:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_gsn4m:active {
+    } .button__link_2koyp:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_gsn4m > .button__loader_gsn4m {
+    } .button__link_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__text_gsn4m {
+    } .button__text_2koyp {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_gsn4m:hover {
+        .button__text_2koyp:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_gsn4m > .button__loader_gsn4m {
+    } .button__text_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } .button__text_gsn4m .button__hint_gsn4m {
+    } .button__text_2koyp .button__hint_2koyp {
         color: var(--button-text-base-hint-color);
-    } .button__ghost_gsn4m {
+    } .button__ghost_2koyp {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_gsn4m:hover {
+        .button__ghost_2koyp:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_gsn4m > .button__loader_gsn4m {
+    } .button__ghost_2koyp > .button__loader_2koyp {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_gsn4m[disabled].button__accent_gsn4m {
+    } /* Disabled */ .button__component_2koyp[disabled].button__accent_2koyp {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_gsn4m[disabled].button__accent_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__accent_2koyp.button__loading_2koyp {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_gsn4m[disabled].button__secondary_gsn4m {
+        } .button__component_2koyp[disabled].button__secondary_2koyp {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_gsn4m[disabled].button__secondary_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__secondary_2koyp.button__loading_2koyp {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_gsn4m[disabled].button__outlined_gsn4m {
+        } .button__component_2koyp[disabled].button__outlined_2koyp {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_gsn4m[disabled].button__outlined_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__outlined_2koyp.button__loading_2koyp {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_gsn4m[disabled].button__tertiary_gsn4m {
+        } .button__component_2koyp[disabled].button__tertiary_2koyp {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_gsn4m[disabled].button__tertiary_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__tertiary_2koyp.button__loading_2koyp {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_gsn4m[disabled].button__filled_gsn4m {
+        } .button__component_2koyp[disabled].button__filled_2koyp {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_gsn4m[disabled].button__filled_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__filled_2koyp.button__loading_2koyp {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_gsn4m[disabled].button__transparent_gsn4m {
+        } .button__component_2koyp[disabled].button__transparent_2koyp {
         background-color: transparent
-    } .button__component_gsn4m[disabled].button__transparent_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__transparent_2koyp.button__loading_2koyp {
             color: var(--button-transparent-base-color);
-        } .button__component_gsn4m[disabled].button__link_gsn4m {
+        } .button__component_2koyp[disabled].button__link_2koyp {
         background-color: transparent
-    } .button__component_gsn4m[disabled].button__link_gsn4m.button__loading_gsn4m {
+    } .button__component_2koyp[disabled].button__link_2koyp.button__loading_2koyp {
             color: var(--button-link-base-color);
-        } .button__component_gsn4m[disabled].button__text_gsn4m.button__loading_gsn4m {
+        } .button__component_2koyp[disabled].button__text_2koyp.button__loading_2koyp {
             color: var(--button-text-base-color);
-        } .button__component_gsn4m[disabled].button__ghost_gsn4m.button__loading_gsn4m {
+        } .button__component_2koyp[disabled].button__ghost_2koyp.button__loading_2koyp {
             color: var(--button-ghost-base-color);
         }