@alfalab/core-components 47.26.1 → 47.26.2

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_1tshi {
+} .button__primary_xgup2 {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1tshi:hover {
+        .button__primary_xgup2:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1tshi:active {
+    } .button__primary_xgup2:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1tshi > .button__loader_1tshi {
+    } .button__primary_xgup2 > .button__loader_xgup2 {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1tshi {
+    } .button__secondary_xgup2 {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1tshi:active {
+} .button__secondary_xgup2:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1tshi:active {
+    } .button__text_xgup2:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1tshi:active {
+    } .button__ghost_xgup2:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1tshi[disabled].button__primary_1tshi {
+    } .button__component_xgup2[disabled].button__primary_xgup2 {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1tshi[disabled].button__primary_1tshi.button__loading_1tshi {
+    } .button__component_xgup2[disabled].button__primary_xgup2.button__loading_xgup2 {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1tshi[disabled].button__secondary_1tshi {
+        } .button__component_xgup2[disabled].button__secondary_xgup2 {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1tshi[disabled].button__outlined_1tshi {
+    } .button__component_xgup2[disabled].button__outlined_xgup2 {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1tshi[disabled].button__tertiary_1tshi {
+    } .button__component_xgup2[disabled].button__tertiary_xgup2 {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1tshi[disabled].button__transparent_1tshi {
+    } .button__component_xgup2[disabled].button__transparent_xgup2 {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1tshi[disabled].button__link_1tshi {
+    } .button__component_xgup2[disabled].button__link_xgup2 {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1tshi[disabled].button__text_1tshi {
+    } .button__component_xgup2[disabled].button__text_xgup2 {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1tshi[disabled].button__ghost_1tshi {
+    } .button__component_xgup2[disabled].button__ghost_xgup2 {
         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_neqcr {
+} .button__primary_w3fna {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_neqcr:hover {
+        .button__primary_w3fna:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_neqcr:active {
+    } .button__primary_w3fna:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_neqcr > .button__loader_neqcr {
+    } .button__primary_w3fna > .button__loader_w3fna {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_neqcr {
+    } .button__secondary_w3fna {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_neqcr:active {
+} .button__secondary_w3fna:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_neqcr:active {
+    } .button__text_w3fna:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_neqcr:active {
+    } .button__ghost_w3fna:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_neqcr[disabled].button__primary_neqcr {
+    } .button__component_w3fna[disabled].button__primary_w3fna {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_neqcr[disabled].button__primary_neqcr.button__loading_neqcr {
+    } .button__component_w3fna[disabled].button__primary_w3fna.button__loading_w3fna {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_neqcr[disabled].button__secondary_neqcr {
+        } .button__component_w3fna[disabled].button__secondary_w3fna {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_neqcr[disabled].button__outlined_neqcr {
+    } .button__component_w3fna[disabled].button__outlined_w3fna {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_neqcr[disabled].button__tertiary_neqcr {
+    } .button__component_w3fna[disabled].button__tertiary_w3fna {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_neqcr[disabled].button__transparent_neqcr {
+    } .button__component_w3fna[disabled].button__transparent_w3fna {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_neqcr[disabled].button__link_neqcr {
+    } .button__component_w3fna[disabled].button__link_w3fna {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_neqcr[disabled].button__text_neqcr {
+    } .button__component_w3fna[disabled].button__text_w3fna {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_neqcr[disabled].button__ghost_neqcr {
+    } .button__component_w3fna[disabled].button__ghost_w3fna {
         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_cpgfm {
+} .button__size-32_11rhq {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_cpgfm {
+} .button__size-40_11rhq {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_cpgfm {
+} .button__size-48_11rhq {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_cpgfm {
+} .button__size-56_11rhq {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_cpgfm {
+} .button__size-64_11rhq {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_cpgfm {
+} .button__size-72_11rhq {
     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_408cv","loader":"button__loader_408cv","primary":"button__primary_408cv","secondary":"button__secondary_408cv","outlined":"button__outlined_408cv","tertiary":"button__tertiary_408cv","filled":"button__filled_408cv","transparent":"button__transparent_408cv","link":"button__link_408cv","text":"button__text_408cv","ghost":"button__ghost_408cv","component":"button__component_408cv","loading":"button__loading_408cv"};
+const defaultColors = {"accent":"button__accent_1ucn4","loader":"button__loader_1ucn4","primary":"button__primary_1ucn4","secondary":"button__secondary_1ucn4","outlined":"button__outlined_1ucn4","tertiary":"button__tertiary_1ucn4","filled":"button__filled_1ucn4","transparent":"button__transparent_1ucn4","link":"button__link_1ucn4","text":"button__text_1ucn4","ghost":"button__ghost_1ucn4","component":"button__component_1ucn4","loading":"button__loading_1ucn4"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_mg2od","hug":"button__hug_mg2od","fill":"button__fill_mg2od","hint":"button__hint_mg2od","allowBackdropBlur":"button__allowBackdropBlur_mg2od","secondary":"button__secondary_mg2od","accent":"button__accent_mg2od","primary":"button__primary_mg2od","focused":"button__focused_mg2od","loading":"button__loading_mg2od","label":"button__label_mg2od","addons":"button__addons_mg2od","stretchText":"button__stretchText_mg2od","loader":"button__loader_mg2od","size-32":"button__size-32_mg2od","iconOnly":"button__iconOnly_mg2od","size-40":"button__size-40_mg2od","size-48":"button__size-48_mg2od","size-56":"button__size-56_mg2od","size-64":"button__size-64_mg2od","size-72":"button__size-72_mg2od","withRightAddons":"button__withRightAddons_mg2od","ghost":"button__ghost_mg2od","text":"button__text_mg2od","withLeftAddons":"button__withLeftAddons_mg2od","link":"button__link_mg2od","transparent":"button__transparent_mg2od","block":"button__block_mg2od","nowrap":"button__nowrap_mg2od","rounded":"button__rounded_mg2od"};
+const commonStyles = {"component":"button__component_1irph","hug":"button__hug_1irph","fill":"button__fill_1irph","hint":"button__hint_1irph","allowBackdropBlur":"button__allowBackdropBlur_1irph","secondary":"button__secondary_1irph","accent":"button__accent_1irph","primary":"button__primary_1irph","focused":"button__focused_1irph","loading":"button__loading_1irph","label":"button__label_1irph","addons":"button__addons_1irph","stretchText":"button__stretchText_1irph","loader":"button__loader_1irph","size-32":"button__size-32_1irph","iconOnly":"button__iconOnly_1irph","size-40":"button__size-40_1irph","size-48":"button__size-48_1irph","size-56":"button__size-56_1irph","size-64":"button__size-64_1irph","size-72":"button__size-72_1irph","withRightAddons":"button__withRightAddons_1irph","ghost":"button__ghost_1irph","text":"button__text_1irph","withLeftAddons":"button__withLeftAddons_1irph","link":"button__link_1irph","transparent":"button__transparent_1irph","block":"button__block_1irph","nowrap":"button__nowrap_1irph","rounded":"button__rounded_1irph"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_cjuif","loader":"button__loader_cjuif","primary":"button__primary_cjuif","secondary":"button__secondary_cjuif","outlined":"button__outlined_cjuif","tertiary":"button__tertiary_cjuif","filled":"button__filled_cjuif","transparent":"button__transparent_cjuif","link":"button__link_cjuif","text":"button__text_cjuif","ghost":"button__ghost_cjuif","component":"button__component_cjuif","loading":"button__loading_cjuif"};
+const invertedColors = {"accent":"button__accent_3v57w","loader":"button__loader_3v57w","primary":"button__primary_3v57w","secondary":"button__secondary_3v57w","outlined":"button__outlined_3v57w","tertiary":"button__tertiary_3v57w","filled":"button__filled_3v57w","transparent":"button__transparent_3v57w","link":"button__link_3v57w","text":"button__text_3v57w","ghost":"button__ghost_3v57w","component":"button__component_3v57w","loading":"button__loading_3v57w"};
 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_408cv {
+} .button__accent_1ucn4 {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_408cv:hover {
+        .button__accent_1ucn4:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_408cv:active {
+    } .button__accent_1ucn4:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_408cv > .button__loader_408cv {
+    } .button__accent_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-static-color);
-    } .button__primary_408cv {
+    } .button__primary_1ucn4 {
     border: 1px solid transparent;
-} .button__secondary_408cv {
+} .button__secondary_1ucn4 {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_408cv > .button__loader_408cv {
+} .button__secondary_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__outlined_408cv {
+    } .button__outlined_1ucn4 {
     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_408cv:hover {
+        .button__outlined_1ucn4:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_408cv:active {
+    } .button__outlined_1ucn4:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_408cv > .button__loader_408cv {
+    } .button__outlined_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_408cv {
+    } .button__tertiary_1ucn4 {
     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_408cv:hover {
+        .button__tertiary_1ucn4:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_408cv:active {
+    } .button__tertiary_1ucn4:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_408cv > .button__loader_408cv {
+    } .button__tertiary_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__filled_408cv {
+    } .button__filled_1ucn4 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_408cv:hover {
+        .button__filled_1ucn4:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_408cv:active {
+    } .button__filled_1ucn4:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_408cv > .button__loader_408cv {
+    } .button__filled_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__transparent_408cv {
+    } .button__transparent_1ucn4 {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_408cv:hover {
+        .button__transparent_1ucn4:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_408cv:active {
+    } .button__transparent_1ucn4:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_408cv > .button__loader_408cv {
+    } .button__transparent_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__link_408cv {
+    } .button__link_1ucn4 {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_408cv:hover {
+        .button__link_1ucn4:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_408cv:active {
+    } .button__link_1ucn4:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_408cv > .button__loader_408cv {
+    } .button__link_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__text_408cv {
+    } .button__text_1ucn4 {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_408cv:hover {
+        .button__text_1ucn4:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_408cv > .button__loader_408cv {
+    } .button__text_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } .button__ghost_408cv {
+    } .button__ghost_1ucn4 {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_408cv:hover {
+        .button__ghost_1ucn4:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_408cv > .button__loader_408cv {
+    } .button__ghost_1ucn4 > .button__loader_1ucn4 {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_408cv[disabled].button__accent_408cv {
+    } /* Disabled */ .button__component_1ucn4[disabled].button__accent_1ucn4 {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_408cv[disabled].button__accent_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__accent_1ucn4.button__loading_1ucn4 {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_408cv[disabled].button__secondary_408cv {
+        } .button__component_1ucn4[disabled].button__secondary_1ucn4 {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_408cv[disabled].button__secondary_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__secondary_1ucn4.button__loading_1ucn4 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_408cv[disabled].button__outlined_408cv {
+        } .button__component_1ucn4[disabled].button__outlined_1ucn4 {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_408cv[disabled].button__outlined_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__outlined_1ucn4.button__loading_1ucn4 {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_408cv[disabled].button__tertiary_408cv {
+        } .button__component_1ucn4[disabled].button__tertiary_1ucn4 {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_408cv[disabled].button__tertiary_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__tertiary_1ucn4.button__loading_1ucn4 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_408cv[disabled].button__filled_408cv {
+        } .button__component_1ucn4[disabled].button__filled_1ucn4 {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_408cv[disabled].button__filled_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__filled_1ucn4.button__loading_1ucn4 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_408cv[disabled].button__transparent_408cv {
+        } .button__component_1ucn4[disabled].button__transparent_1ucn4 {
         background-color: transparent
-    } .button__component_408cv[disabled].button__transparent_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__transparent_1ucn4.button__loading_1ucn4 {
             color: var(--button-transparent-base-color);
-        } .button__component_408cv[disabled].button__link_408cv {
+        } .button__component_1ucn4[disabled].button__link_1ucn4 {
         background-color: transparent
-    } .button__component_408cv[disabled].button__link_408cv.button__loading_408cv {
+    } .button__component_1ucn4[disabled].button__link_1ucn4.button__loading_1ucn4 {
             color: var(--button-link-base-color);
-        } .button__component_408cv[disabled].button__text_408cv.button__loading_408cv {
+        } .button__component_1ucn4[disabled].button__text_1ucn4.button__loading_1ucn4 {
             color: var(--button-text-base-color);
-        } .button__component_408cv[disabled].button__ghost_408cv.button__loading_408cv {
+        } .button__component_1ucn4[disabled].button__ghost_1ucn4.button__loading_1ucn4 {
             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_mg2od {
+} .button__component_1irph {
     -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_mg2od {
+} .button__hug_1irph {
     justify-content: center;
     text-align: center;
-} .button__fill_mg2od {
+} .button__fill_1irph {
     text-align: left;
-} .button__hint_mg2od {
+} .button__hint_1irph {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     display: block;
-} .button__allowBackdropBlur_mg2od.button__secondary_mg2od,
-    .button__allowBackdropBlur_mg2od.button__accent_mg2od[disabled],
-    .button__allowBackdropBlur_mg2od.button__primary_mg2od[disabled] {
+} .button__allowBackdropBlur_1irph.button__secondary_1irph,
+    .button__allowBackdropBlur_1irph.button__accent_1irph[disabled],
+    .button__allowBackdropBlur_1irph.button__primary_1irph[disabled] {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
-    } .button__focused_mg2od {
+    } .button__focused_1irph {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .button__loading_mg2od .button__label_mg2od,
-.button__loading_mg2od .button__addons_mg2od {
+} .button__loading_1irph .button__label_1irph,
+.button__loading_1irph .button__addons_1irph {
     opacity: 0;
-} .button__stretchText_mg2od {
+} .button__stretchText_1irph {
     flex-grow: 1;
-} .button__loader_mg2od {
+} .button__loader_1irph {
     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_mg2od {
+для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__size-32_1irph {
     min-width: 80px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) 15px;
     font-size: 14px
-} .button__size-32_mg2od.button__iconOnly_mg2od {
+} .button__size-32_1irph.button__iconOnly_1irph {
         min-width: var(--size-xxs-height);
-    } .button__size-40_mg2od {
+    } .button__size-40_1irph {
     min-width: 88px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) 19px;
     font-size: 14px
-} .button__size-40_mg2od.button__iconOnly_mg2od {
+} .button__size-40_1irph.button__iconOnly_1irph {
         min-width: var(--size-xs-height);
-    } .button__size-48_mg2od {
+    } .button__size-48_1irph {
     min-width: 104px;
     min-height: var(--size-s-height);
     font-size: 16px;
     line-height: 24px
-} .button__size-48_mg2od.button__iconOnly_mg2od {
+} .button__size-48_1irph.button__iconOnly_1irph {
         min-width: var(--size-s-height);
-    } .button__size-56_mg2od {
+    } .button__size-56_1irph {
     min-width: 128px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) 27px;
     font-size: 16px;
     line-height: 24px
-} .button__size-56_mg2od.button__iconOnly_mg2od {
+} .button__size-56_1irph.button__iconOnly_1irph {
         min-width: var(--size-m-height);
-    } .button__size-64_mg2od {
+    } .button__size-64_1irph {
     min-width: 160px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 31px;
     font-size: 18px;
     line-height: 24px
-} .button__size-64_mg2od.button__iconOnly_mg2od {
+} .button__size-64_1irph.button__iconOnly_1irph {
         min-width: var(--size-l-height);
-    } .button__size-72_mg2od {
+    } .button__size-72_1irph {
     min-width: 168px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) 35px;
     font-size: 18px;
     line-height: 24px
-} .button__size-72_mg2od.button__iconOnly_mg2od {
+} .button__size-72_1irph.button__iconOnly_1irph {
         min-width: var(--size-xl-height);
-    } .button__withRightAddons_mg2od.button__size-32_mg2od {
+    } .button__withRightAddons_1irph.button__size-32_1irph {
         padding-right: 11px;
-    } .button__withRightAddons_mg2od.button__size-40_mg2od {
+    } .button__withRightAddons_1irph.button__size-40_1irph {
         padding-right: 15px;
-    } .button__withRightAddons_mg2od.button__size-48_mg2od {
+    } .button__withRightAddons_1irph.button__size-48_1irph {
         padding-right: 19px;
-    } .button__withRightAddons_mg2od.button__size-56_mg2od {
+    } .button__withRightAddons_1irph.button__size-56_1irph {
         padding-right: 23px;
-    } .button__withRightAddons_mg2od.button__size-64_mg2od {
+    } .button__withRightAddons_1irph.button__size-64_1irph {
         padding-right: 27px;
-    } .button__withRightAddons_mg2od.button__size-72_mg2od {
+    } .button__withRightAddons_1irph.button__size-72_1irph {
         padding-right: 31px;
-    } .button__withRightAddons_mg2od.button__ghost_mg2od,
-    .button__withRightAddons_mg2od.button__text_mg2od {
+    } .button__withRightAddons_1irph.button__ghost_1irph,
+    .button__withRightAddons_1irph.button__text_1irph {
         padding-right: var(--gap-0);
-    } .button__withLeftAddons_mg2od.button__size-32_mg2od {
+    } .button__withLeftAddons_1irph.button__size-32_1irph {
         padding-left: 11px;
-    } .button__withLeftAddons_mg2od.button__size-40_mg2od {
+    } .button__withLeftAddons_1irph.button__size-40_1irph {
         padding-left: 15px;
-    } .button__withLeftAddons_mg2od.button__size-48_mg2od {
+    } .button__withLeftAddons_1irph.button__size-48_1irph {
         padding-left: 19px;
-    } .button__withLeftAddons_mg2od.button__size-56_mg2od {
+    } .button__withLeftAddons_1irph.button__size-56_1irph {
         padding-left: 23px;
-    } .button__withLeftAddons_mg2od.button__size-64_mg2od {
+    } .button__withLeftAddons_1irph.button__size-64_1irph {
         padding-left: 27px;
-    } .button__withLeftAddons_mg2od.button__size-72_mg2od {
+    } .button__withLeftAddons_1irph.button__size-72_1irph {
         padding-left: 31px;
-    } .button__withLeftAddons_mg2od.button__ghost_mg2od,
-    .button__withLeftAddons_mg2od.button__text_mg2od {
+    } .button__withLeftAddons_1irph.button__ghost_1irph,
+    .button__withLeftAddons_1irph.button__text_1irph {
         padding-left: var(--gap-0);
-    } .button__link_mg2od,
-.button__transparent_mg2od {
+    } .button__link_1irph,
+.button__transparent_1irph {
     min-width: 0;
-} .button__ghost_mg2od.button__ghost_mg2od,
-.button__text_mg2od.button__text_mg2od {
+} .button__ghost_1irph.button__ghost_1irph,
+.button__text_1irph.button__text_1irph {
     min-width: 0;
     min-height: 0;
     padding: var(--gap-0);
     border: none;
     appearance: none
-} .button__ghost_mg2od.button__ghost_mg2od.button__iconOnly_mg2od, .button__text_mg2od.button__text_mg2od.button__iconOnly_mg2od {
+} .button__ghost_1irph.button__ghost_1irph.button__iconOnly_1irph, .button__text_1irph.button__text_1irph.button__iconOnly_1irph {
         min-width: 0;
-    } /* Disabled */ .button__component_mg2od[disabled] {
+    } /* Disabled */ .button__component_1irph[disabled] {
     cursor: var(--disabled-cursor)
-} .button__component_mg2od[disabled] * {
+} .button__component_1irph[disabled] * {
         pointer-events: none;
-    } /* Addons */ .button__addons_mg2od {
+    } /* Addons */ .button__addons_1irph {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     margin: var(--gap-0)
-} .button__addons_mg2od:first-child {
+} .button__addons_1irph:first-child {
         margin-right: 6px;
-    } .button__addons_mg2od:last-child {
+    } .button__addons_1irph:last-child {
         margin-left: 6px;
-    } .button__addons_mg2od:only-child {
+    } .button__addons_1irph:only-child {
         margin: var(--gap-0);
-    } .button__size-48_mg2od .button__addons_mg2od:first-child, .button__size-56_mg2od .button__addons_mg2od:first-child {
+    } .button__size-48_1irph .button__addons_1irph:first-child, .button__size-56_1irph .button__addons_1irph:first-child {
         margin-right: var(--gap-8);
-    } .button__size-48_mg2od .button__addons_mg2od:last-child, .button__size-56_mg2od .button__addons_mg2od:last-child {
+    } .button__size-48_1irph .button__addons_1irph:last-child, .button__size-56_1irph .button__addons_1irph:last-child {
         margin-left: var(--gap-8);
-    } .button__size-48_mg2od .button__addons_mg2od:only-child, .button__size-56_mg2od .button__addons_mg2od:only-child {
+    } .button__size-48_1irph .button__addons_1irph:only-child, .button__size-56_1irph .button__addons_1irph:only-child {
         margin: var(--gap-0);
-    } .button__size-64_mg2od .button__addons_mg2od:first-child, .button__size-72_mg2od .button__addons_mg2od:first-child {
+    } .button__size-64_1irph .button__addons_1irph:first-child, .button__size-72_1irph .button__addons_1irph:first-child {
         margin-right: var(--gap-12);
-    } .button__size-64_mg2od .button__addons_mg2od:last-child, .button__size-72_mg2od .button__addons_mg2od:last-child {
+    } .button__size-64_1irph .button__addons_1irph:last-child, .button__size-72_1irph .button__addons_1irph:last-child {
         margin-left: var(--gap-12);
-    } .button__size-64_mg2od .button__addons_mg2od:only-child, .button__size-72_mg2od .button__addons_mg2od:only-child {
+    } .button__size-64_1irph .button__addons_1irph:only-child, .button__size-72_1irph .button__addons_1irph:only-child {
         margin: var(--gap-0);
-    } .button__iconOnly_mg2od {
+    } .button__iconOnly_1irph {
     padding: var(--gap-0);
-} /* Block */ .button__block_mg2od {
+} /* Block */ .button__block_1irph {
     display: flex;
     width: 100%;
-} /* Nowrap */ .button__nowrap_mg2od {
+} /* Nowrap */ .button__nowrap_1irph {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-} .button__rounded_mg2od {
+} .button__rounded_1irph {
     border-radius: var(--border-radius-pill);
 }