npm - @alfalab/core-components - Versions diffs - 44.5.1-beta.0 → 44.5.1-beta.2 - Mend

@alfalab/core-components 44.5.1-beta.0 → 44.5.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2325) hide show

package/button/esm/mobile/default.mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1bjof */
+/* hash: 1n6y7 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -100,36 +100,36 @@
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_1qpql {
+} .button__primary_16xze {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1qpql:hover {
+        .button__primary_16xze:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1qpql:active {
+    } .button__primary_16xze:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1qpql > .button__loader_1qpql {
+    } .button__primary_16xze > .button__loader_16xze {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1qpql {
+    } .button__secondary_16xze {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1qpql:active {
+} .button__secondary_16xze:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__ghost_1qpql:active {
+    } .button__ghost_16xze:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1qpql[disabled].button__primary_1qpql {
+    } .button__component_16xze[disabled].button__primary_16xze {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1qpql[disabled].button__primary_1qpql.button__loading_1qpql {
+    } .button__component_16xze[disabled].button__primary_16xze.button__loading_16xze {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1qpql[disabled].button__secondary_1qpql {
+        } .button__component_16xze[disabled].button__secondary_16xze {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1qpql[disabled].button__tertiary_1qpql {
+    } .button__component_16xze[disabled].button__tertiary_16xze {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1qpql[disabled].button__link_1qpql {
+    } .button__component_16xze[disabled].button__link_16xze {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1qpql[disabled].button__ghost_1qpql {
+    } .button__component_16xze[disabled].button__ghost_16xze {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/inverted.mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1ovgu */
+/* hash: 154bd */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -109,36 +109,36 @@
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_eu89o {
+} .button__primary_1fo73 {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_eu89o:hover {
+        .button__primary_1fo73:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_eu89o:active {
+    } .button__primary_1fo73:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_eu89o > .button__loader_eu89o {
+    } .button__primary_1fo73 > .button__loader_1fo73 {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_eu89o {
+    } .button__secondary_1fo73 {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_eu89o:active {
+} .button__secondary_1fo73:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__ghost_eu89o:active {
+    } .button__ghost_1fo73:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_eu89o[disabled].button__primary_eu89o {
+    } .button__component_1fo73[disabled].button__primary_1fo73 {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_eu89o[disabled].button__primary_eu89o.button__loading_eu89o {
+    } .button__component_1fo73[disabled].button__primary_1fo73.button__loading_1fo73 {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_eu89o[disabled].button__secondary_eu89o {
+        } .button__component_1fo73[disabled].button__secondary_1fo73 {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_eu89o[disabled].button__tertiary_eu89o {
+    } .button__component_1fo73[disabled].button__tertiary_1fo73 {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_eu89o[disabled].button__link_eu89o {
+    } .button__component_1fo73[disabled].button__link_1fo73 {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_eu89o[disabled].button__ghost_eu89o {
+    } .button__component_1fo73[disabled].button__ghost_1fo73 {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: lo9nd */
+/* hash: uykol */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -83,16 +83,16 @@
     /* ghost mobile inverted */
     /* loader mobile */
-} .button__xxs_3g5ne {
+} .button__xxs_13by8 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__xs_3g5ne {
+} .button__xs_13by8 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__s_3g5ne {
+} .button__s_13by8 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__m_3g5ne {
+} .button__m_13by8 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__l_3g5ne {
+} .button__l_13by8 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__xl_3g5ne {
+} .button__xl_13by8 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/mobile/Component.mobile.js CHANGED Viewed

@@ -13,13 +13,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var defaultColors = {"primary":"button__primary_1qpql","loader":"button__loader_1qpql","secondary":"button__secondary_1qpql","ghost":"button__ghost_1qpql","component":"button__component_1qpql","loading":"button__loading_1qpql","tertiary":"button__tertiary_1qpql","link":"button__link_1qpql"};
+var defaultColors = {"primary":"button__primary_16xze","loader":"button__loader_16xze","secondary":"button__secondary_16xze","ghost":"button__ghost_16xze","component":"button__component_16xze","loading":"button__loading_16xze","tertiary":"button__tertiary_16xze","link":"button__link_16xze"};
 require('./default.mobile.css');
-var invertedColors = {"primary":"button__primary_eu89o","loader":"button__loader_eu89o","secondary":"button__secondary_eu89o","ghost":"button__ghost_eu89o","component":"button__component_eu89o","loading":"button__loading_eu89o","tertiary":"button__tertiary_eu89o","link":"button__link_eu89o"};
+var invertedColors = {"primary":"button__primary_1fo73","loader":"button__loader_1fo73","secondary":"button__secondary_1fo73","ghost":"button__ghost_1fo73","component":"button__component_1fo73","loading":"button__loading_1fo73","tertiary":"button__tertiary_1fo73","link":"button__link_1fo73"};
 require('./inverted.mobile.css');
-var styles = {"xxs":"button__xxs_3g5ne","xs":"button__xs_3g5ne","s":"button__s_3g5ne","m":"button__m_3g5ne","l":"button__l_3g5ne","xl":"button__xl_3g5ne"};
+var styles = {"xxs":"button__xxs_13by8","xs":"button__xs_13by8","s":"button__s_13by8","m":"button__m_13by8","l":"button__l_13by8","xl":"button__xl_13by8"};
 require('./mobile.css');
 var colorStyles = {

package/button/mobile/default.mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1bjof */
+/* hash: 1n6y7 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -100,36 +100,36 @@
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_1qpql {
+} .button__primary_16xze {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1qpql:hover {
+        .button__primary_16xze:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1qpql:active {
+    } .button__primary_16xze:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1qpql > .button__loader_1qpql {
+    } .button__primary_16xze > .button__loader_16xze {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1qpql {
+    } .button__secondary_16xze {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1qpql:active {
+} .button__secondary_16xze:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__ghost_1qpql:active {
+    } .button__ghost_16xze:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1qpql[disabled].button__primary_1qpql {
+    } .button__component_16xze[disabled].button__primary_16xze {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1qpql[disabled].button__primary_1qpql.button__loading_1qpql {
+    } .button__component_16xze[disabled].button__primary_16xze.button__loading_16xze {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1qpql[disabled].button__secondary_1qpql {
+        } .button__component_16xze[disabled].button__secondary_16xze {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1qpql[disabled].button__tertiary_1qpql {
+    } .button__component_16xze[disabled].button__tertiary_16xze {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1qpql[disabled].button__link_1qpql {
+    } .button__component_16xze[disabled].button__link_16xze {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1qpql[disabled].button__ghost_1qpql {
+    } .button__component_16xze[disabled].button__ghost_16xze {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1ovgu */
+/* hash: 154bd */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -109,36 +109,36 @@
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_eu89o {
+} .button__primary_1fo73 {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_eu89o:hover {
+        .button__primary_1fo73:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_eu89o:active {
+    } .button__primary_1fo73:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_eu89o > .button__loader_eu89o {
+    } .button__primary_1fo73 > .button__loader_1fo73 {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_eu89o {
+    } .button__secondary_1fo73 {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_eu89o:active {
+} .button__secondary_1fo73:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__ghost_eu89o:active {
+    } .button__ghost_1fo73:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_eu89o[disabled].button__primary_eu89o {
+    } .button__component_1fo73[disabled].button__primary_1fo73 {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_eu89o[disabled].button__primary_eu89o.button__loading_eu89o {
+    } .button__component_1fo73[disabled].button__primary_1fo73.button__loading_1fo73 {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_eu89o[disabled].button__secondary_eu89o {
+        } .button__component_1fo73[disabled].button__secondary_1fo73 {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_eu89o[disabled].button__tertiary_eu89o {
+    } .button__component_1fo73[disabled].button__tertiary_1fo73 {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_eu89o[disabled].button__link_eu89o {
+    } .button__component_1fo73[disabled].button__link_1fo73 {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_eu89o[disabled].button__ghost_eu89o {
+    } .button__component_1fo73[disabled].button__ghost_1fo73 {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: lo9nd */
+/* hash: uykol */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -83,16 +83,16 @@
     /* ghost mobile inverted */
     /* loader mobile */
-} .button__xxs_3g5ne {
+} .button__xxs_13by8 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__xs_3g5ne {
+} .button__xs_13by8 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__s_3g5ne {
+} .button__s_13by8 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__m_3g5ne {
+} .button__m_13by8 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__l_3g5ne {
+} .button__l_13by8 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__xl_3g5ne {
+} .button__xl_13by8 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

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

@@ -5,13 +5,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { Spinner } from '../../../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
-const defaultColors = {"accent":"button__accent_94zrs","loader":"button__loader_94zrs","primary":"button__primary_94zrs","secondary":"button__secondary_94zrs","outlined":"button__outlined_94zrs","tertiary":"button__tertiary_94zrs","filled":"button__filled_94zrs","transparent":"button__transparent_94zrs","link":"button__link_94zrs","ghost":"button__ghost_94zrs","component":"button__component_94zrs","loading":"button__loading_94zrs"};
+const defaultColors = {"accent":"button__accent_swqyy","loader":"button__loader_swqyy","primary":"button__primary_swqyy","secondary":"button__secondary_swqyy","outlined":"button__outlined_swqyy","tertiary":"button__tertiary_swqyy","filled":"button__filled_swqyy","transparent":"button__transparent_swqyy","link":"button__link_swqyy","ghost":"button__ghost_swqyy","component":"button__component_swqyy","loading":"button__loading_swqyy"};
 require('./default.css');
-const commonStyles = {"component":"button__component_cir0l","hug":"button__hug_cir0l","fill":"button__fill_cir0l","hint":"button__hint_cir0l","secondary":"button__secondary_cir0l","accent":"button__accent_cir0l","primary":"button__primary_cir0l","focused":"button__focused_cir0l","loading":"button__loading_cir0l","text":"button__text_cir0l","addons":"button__addons_cir0l","stretchText":"button__stretchText_cir0l","loader":"button__loader_cir0l","xxs":"button__xxs_cir0l","iconOnly":"button__iconOnly_cir0l","xs":"button__xs_cir0l","s":"button__s_cir0l","m":"button__m_cir0l","l":"button__l_cir0l","xl":"button__xl_cir0l","withRightAddons":"button__withRightAddons_cir0l","ghost":"button__ghost_cir0l","withLeftAddons":"button__withLeftAddons_cir0l","link":"button__link_cir0l","block":"button__block_cir0l","nowrap":"button__nowrap_cir0l","rounded":"button__rounded_cir0l"};
+const commonStyles = {"component":"button__component_1rs3v","hug":"button__hug_1rs3v","fill":"button__fill_1rs3v","hint":"button__hint_1rs3v","secondary":"button__secondary_1rs3v","accent":"button__accent_1rs3v","primary":"button__primary_1rs3v","focused":"button__focused_1rs3v","loading":"button__loading_1rs3v","text":"button__text_1rs3v","addons":"button__addons_1rs3v","stretchText":"button__stretchText_1rs3v","loader":"button__loader_1rs3v","xxs":"button__xxs_1rs3v","iconOnly":"button__iconOnly_1rs3v","xs":"button__xs_1rs3v","s":"button__s_1rs3v","m":"button__m_1rs3v","l":"button__l_1rs3v","xl":"button__xl_1rs3v","withRightAddons":"button__withRightAddons_1rs3v","ghost":"button__ghost_1rs3v","withLeftAddons":"button__withLeftAddons_1rs3v","link":"button__link_1rs3v","block":"button__block_1rs3v","nowrap":"button__nowrap_1rs3v","rounded":"button__rounded_1rs3v"};
 require('./index.css');
-const invertedColors = {"accent":"button__accent_rjibc","loader":"button__loader_rjibc","primary":"button__primary_rjibc","secondary":"button__secondary_rjibc","outlined":"button__outlined_rjibc","tertiary":"button__tertiary_rjibc","filled":"button__filled_rjibc","transparent":"button__transparent_rjibc","link":"button__link_rjibc","ghost":"button__ghost_rjibc","component":"button__component_rjibc","loading":"button__loading_rjibc"};
+const invertedColors = {"accent":"button__accent_1bb9i","loader":"button__loader_1bb9i","primary":"button__primary_1bb9i","secondary":"button__secondary_1bb9i","outlined":"button__outlined_1bb9i","tertiary":"button__tertiary_1bb9i","filled":"button__filled_1bb9i","transparent":"button__transparent_1bb9i","link":"button__link_1bb9i","ghost":"button__ghost_1bb9i","component":"button__component_1bb9i","loading":"button__loading_1bb9i"};
 require('./inverted.css');
 /* eslint-disable complexity */

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

@@ -1,4 +1,4 @@
-/* hash: 1ayrg */
+/* hash: ez3g3 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
@@ -131,125 +131,125 @@
     /* ghost mobile inverted */
     /* loader mobile */
-} .button__accent_94zrs {
+} .button__accent_swqyy {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_94zrs:hover {
+        .button__accent_swqyy:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_94zrs:active {
+    } .button__accent_swqyy:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_94zrs > .button__loader_94zrs {
+    } .button__accent_swqyy > .button__loader_swqyy {
         color: var(--button-spinner-static-color);
-    } .button__primary_94zrs {
+    } .button__primary_swqyy {
     border: 1px solid transparent;
-} .button__secondary_94zrs {
+} .button__secondary_swqyy {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_94zrs > .button__loader_94zrs {
+} .button__secondary_swqyy > .button__loader_swqyy {
         color: var(--button-spinner-default-color);
-    } .button__outlined_94zrs {
+    } .button__outlined_swqyy {
     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_94zrs:hover {
+        .button__outlined_swqyy:hover {
             background-color: var(--button-outlined-hover-bg-color);
         }
-    } .button__outlined_94zrs:active {
+    } .button__outlined_swqyy:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_94zrs {
+    } .button__tertiary_swqyy {
     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_94zrs:hover {
+        .button__tertiary_swqyy:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_94zrs:active {
+    } .button__tertiary_swqyy:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_94zrs > .button__loader_94zrs {
+    } .button__tertiary_swqyy > .button__loader_swqyy {
         color: var(--button-spinner-default-color);
-    } .button__filled_94zrs {
+    } .button__filled_swqyy {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_94zrs:hover {
+        .button__filled_swqyy:hover {
             background-color: var(--color-light-bg-quaternary-shade-7);
         }
-    } .button__filled_94zrs:active {
+    } .button__filled_swqyy:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_94zrs {
+    } .button__transparent_swqyy {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
 } @media (hover: hover) {
-        .button__transparent_94zrs:hover {
+        .button__transparent_swqyy:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-20);
         }
-    } .button__transparent_94zrs:active {
+    } .button__transparent_swqyy:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_94zrs {
+    } .button__link_swqyy {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_94zrs:hover {
+        .button__link_swqyy:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_94zrs:active {
+    } .button__link_swqyy:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_94zrs > .button__loader_94zrs {
+    } .button__link_swqyy > .button__loader_swqyy {
         color: var(--button-spinner-default-color);
-    } .button__ghost_94zrs {
+    } .button__ghost_swqyy {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_94zrs:hover {
+        .button__ghost_swqyy:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_94zrs > .button__loader_94zrs {
+    } .button__ghost_swqyy > .button__loader_swqyy {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_94zrs[disabled].button__accent_94zrs {
+    } /* Disabled */ .button__component_swqyy[disabled].button__accent_swqyy {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_94zrs[disabled].button__accent_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__accent_swqyy.button__loading_swqyy {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_94zrs[disabled].button__secondary_94zrs {
+        } .button__component_swqyy[disabled].button__secondary_swqyy {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_94zrs[disabled].button__secondary_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__secondary_swqyy.button__loading_swqyy {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_94zrs[disabled].button__outlined_94zrs {
+        } .button__component_swqyy[disabled].button__outlined_swqyy {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_94zrs[disabled].button__outlined_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__outlined_swqyy.button__loading_swqyy {
             color: var(--button-outlined-color);
-        } .button__component_94zrs[disabled].button__tertiary_94zrs {
+        } .button__component_swqyy[disabled].button__tertiary_swqyy {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_94zrs[disabled].button__tertiary_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__tertiary_swqyy.button__loading_swqyy {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_94zrs[disabled].button__filled_94zrs {
+        } .button__component_swqyy[disabled].button__filled_swqyy {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_94zrs[disabled].button__filled_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__filled_swqyy.button__loading_swqyy {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_94zrs[disabled].button__transparent_94zrs {
+        } .button__component_swqyy[disabled].button__transparent_swqyy {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_94zrs[disabled].button__transparent_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__transparent_swqyy.button__loading_swqyy {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_94zrs[disabled].button__link_94zrs {
+        } .button__component_swqyy[disabled].button__link_swqyy {
         background-color: transparent
-    } .button__component_94zrs[disabled].button__link_94zrs.button__loading_94zrs {
+    } .button__component_swqyy[disabled].button__link_swqyy.button__loading_swqyy {
             color: var(--button-link-base-color);
-        } .button__component_94zrs[disabled].button__ghost_94zrs.button__loading_94zrs {
+        } .button__component_swqyy[disabled].button__ghost_swqyy.button__loading_swqyy {
             color: var(--button-ghost-base-color);
         }