@alfalab/core-components 39.3.0 → 39.4.0

package/bottom-sheet/modern/index.css

@@ -24,13 +24,13 @@
 } :root {
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
-} .bottom-sheet__modal_1px7o {
+} .bottom-sheet__modal_1r7ux {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
-} .bottom-sheet__component_1px7o {
+} .bottom-sheet__component_1r7ux {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -39,15 +39,15 @@
     border-top-left-radius: var(--border-radius-xl);
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
-} .bottom-sheet__withTransition_1px7o {
+} .bottom-sheet__withTransition_1r7ux {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_1px7o {
+} .bottom-sheet__scrollableContainer_1r7ux {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
-} .bottom-sheet__marker_1px7o {
+} .bottom-sheet__marker_1r7ux {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -57,7 +57,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_1px7o {
+} .bottom-sheet__content_1r7ux {
     position: relative;
     z-index: 0;
     display: flex;
@@ -66,22 +66,22 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__noHeader_1px7o {
+} .bottom-sheet__noHeader_1r7ux {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_1px7o {
+} .bottom-sheet__noFooter_1r7ux {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_1px7o {
+} .bottom-sheet__scrollLocked_1r7ux {
     overflow: hidden;
-} .bottom-sheet__appear_1px7o .bottom-sheet__component_1px7o, .bottom-sheet__enter_1px7o .bottom-sheet__component_1px7o {
+} .bottom-sheet__appear_1r7ux .bottom-sheet__component_1r7ux, .bottom-sheet__enter_1r7ux .bottom-sheet__component_1r7ux {
         transition: none;
-    } .bottom-sheet__appearActive_1px7o .bottom-sheet__component_1px7o, .bottom-sheet__enterActive_1px7o .bottom-sheet__component_1px7o {
+    } .bottom-sheet__appearActive_1r7ux .bottom-sheet__component_1r7ux, .bottom-sheet__enterActive_1r7ux .bottom-sheet__component_1r7ux {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_1px7o .bottom-sheet__component_1px7o, .bottom-sheet__appearDone_1px7o .bottom-sheet__component_1px7o {
+    } .bottom-sheet__enterDone_1r7ux .bottom-sheet__component_1r7ux, .bottom-sheet__appearDone_1r7ux .bottom-sheet__component_1r7ux {
         transform: translateY(0);
-    } .bottom-sheet__exit_1px7o .bottom-sheet__component_1px7o {
+    } .bottom-sheet__exit_1r7ux .bottom-sheet__component_1r7ux {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_1px7o .bottom-sheet__component_1px7o {
+    } .bottom-sheet__exitActive_1r7ux .bottom-sheet__component_1r7ux {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-f18481af";
+export * from "./component-f8764ee4";

package/bottom-sheet/modern/index.js

@@ -1,4 +1,4 @@
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f18481af.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f8764ee4.js';
 import 'react';
 import 'react-div-100vh';
 import 'react-merge-refs';

package/button/Component.js

@@ -11,13 +11,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"button__component_1m9nq","focused":"button__focused_1m9nq","loading":"button__loading_1m9nq","text":"button__text_1m9nq","addons":"button__addons_1m9nq","stretchText":"button__stretchText_1m9nq","loader":"button__loader_1m9nq","xxs":"button__xxs_1m9nq","iconOnly":"button__iconOnly_1m9nq","xs":"button__xs_1m9nq","s":"button__s_1m9nq","m":"button__m_1m9nq","l":"button__l_1m9nq","xl":"button__xl_1m9nq","withRightAddons":"button__withRightAddons_1m9nq","ghost":"button__ghost_1m9nq","withLeftAddons":"button__withLeftAddons_1m9nq","link":"button__link_1m9nq","block":"button__block_1m9nq","nowrap":"button__nowrap_1m9nq"};
+var styles = {"component":"button__component_12hwj","focused":"button__focused_12hwj","loading":"button__loading_12hwj","text":"button__text_12hwj","addons":"button__addons_12hwj","stretchText":"button__stretchText_12hwj","loader":"button__loader_12hwj","xxs":"button__xxs_12hwj","iconOnly":"button__iconOnly_12hwj","xs":"button__xs_12hwj","s":"button__s_12hwj","m":"button__m_12hwj","l":"button__l_12hwj","xl":"button__xl_12hwj","withRightAddons":"button__withRightAddons_12hwj","ghost":"button__ghost_12hwj","withLeftAddons":"button__withLeftAddons_12hwj","link":"button__link_12hwj","block":"button__block_12hwj","nowrap":"button__nowrap_12hwj"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_e8jhz","loader":"button__loader_e8jhz","primary":"button__primary_e8jhz","secondary":"button__secondary_e8jhz","outlined":"button__outlined_e8jhz","tertiary":"button__tertiary_e8jhz","filled":"button__filled_e8jhz","transparent":"button__transparent_e8jhz","link":"button__link_e8jhz","ghost":"button__ghost_e8jhz","component":"button__component_e8jhz","loading":"button__loading_e8jhz"};
+var defaultColors = {"accent":"button__accent_1e4c2","loader":"button__loader_1e4c2","primary":"button__primary_1e4c2","secondary":"button__secondary_1e4c2","outlined":"button__outlined_1e4c2","tertiary":"button__tertiary_1e4c2","filled":"button__filled_1e4c2","transparent":"button__transparent_1e4c2","link":"button__link_1e4c2","ghost":"button__ghost_1e4c2","component":"button__component_1e4c2","loading":"button__loading_1e4c2"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_1fxwf","loader":"button__loader_1fxwf","primary":"button__primary_1fxwf","secondary":"button__secondary_1fxwf","outlined":"button__outlined_1fxwf","tertiary":"button__tertiary_1fxwf","filled":"button__filled_1fxwf","transparent":"button__transparent_1fxwf","link":"button__link_1fxwf","ghost":"button__ghost_1fxwf","component":"button__component_1fxwf","loading":"button__loading_1fxwf"};
+var invertedColors = {"accent":"button__accent_gsky4","loader":"button__loader_gsky4","primary":"button__primary_gsky4","secondary":"button__secondary_gsky4","outlined":"button__outlined_gsky4","tertiary":"button__tertiary_gsky4","filled":"button__filled_gsky4","transparent":"button__transparent_gsky4","link":"button__link_gsky4","ghost":"button__ghost_gsky4","component":"button__component_gsky4","loading":"button__loading_gsky4"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/default.css

@@ -105,160 +105,160 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-static-primary-color: var(--color-static-graphic-light);
     --button-spinner-default-color: var(--color-light-graphic-primary);
-} .button__accent_e8jhz {
+} .button__accent_1e4c2 {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_e8jhz:hover {
+} .button__accent_1e4c2:hover {
         background-color: var(--button-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_e8jhz:hover {
+    } @media (hover: none) { .button__accent_1e4c2:hover {
             background-color: var(--button-accent-base-bg-color)
     }
-        } .button__accent_e8jhz:active {
+        } .button__accent_1e4c2:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_e8jhz > .button__loader_e8jhz {
+    } .button__accent_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-static-color);
-    } .button__primary_e8jhz {
+    } .button__primary_1e4c2 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_e8jhz:hover {
+} .button__primary_1e4c2:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_e8jhz:hover {
+    } @media (hover: none) { .button__primary_1e4c2:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_e8jhz:active {
+        } .button__primary_1e4c2:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_e8jhz > .button__loader_e8jhz {
+    } .button__primary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-static-primary-color);
-    } .button__secondary_e8jhz {
+    } .button__secondary_1e4c2 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_e8jhz:hover {
+} .button__secondary_1e4c2:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_e8jhz:hover {
+    } @media (hover: none) { .button__secondary_1e4c2:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_e8jhz:active {
+        } .button__secondary_1e4c2:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_e8jhz > .button__loader_e8jhz {
+    } .button__secondary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__outlined_e8jhz {
+    } .button__outlined_1e4c2 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_e8jhz:hover {
+} .button__outlined_1e4c2:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_e8jhz:hover {
+    } @media (hover: none) { .button__outlined_1e4c2:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_e8jhz:active {
+        } .button__outlined_1e4c2:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_e8jhz {
+    } .button__tertiary_1e4c2 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_e8jhz:hover {
+} .button__tertiary_1e4c2:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_e8jhz:hover {
+    } @media (hover: none) { .button__tertiary_1e4c2:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_e8jhz:active {
+        } .button__tertiary_1e4c2:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_e8jhz > .button__loader_e8jhz {
+    } .button__tertiary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__filled_e8jhz {
+    } .button__filled_1e4c2 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_e8jhz:hover {
+} .button__filled_1e4c2:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_e8jhz:hover {
+    } @media (hover: none) { .button__filled_1e4c2:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_e8jhz:active {
+        } .button__filled_1e4c2:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_e8jhz {
+    } .button__transparent_1e4c2 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_e8jhz:hover {
+} .button__transparent_1e4c2:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_e8jhz:hover {
+    } @media (hover: none) { .button__transparent_1e4c2:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_e8jhz:active {
+        } .button__transparent_1e4c2:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_e8jhz {
+    } .button__link_1e4c2 {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_e8jhz:hover {
+} .button__link_1e4c2:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_e8jhz:hover {
+    } @media (hover: none) { .button__link_1e4c2:hover {
             background-color: transparent
     }
-        } .button__link_e8jhz:active {
+        } .button__link_1e4c2:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_e8jhz > .button__loader_e8jhz {
+    } .button__link_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__ghost_e8jhz {
+    } .button__ghost_1e4c2 {
     color: var(--button-ghost-base-color)
-} .button__ghost_e8jhz:hover {
+} .button__ghost_1e4c2:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_e8jhz:hover {
+    } @media (hover: none) { .button__ghost_1e4c2:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_e8jhz:active {
+        } .button__ghost_1e4c2:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_e8jhz > .button__loader_e8jhz {
+    } .button__ghost_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_e8jhz[disabled].button__primary_e8jhz {
+    } /* Disabled */ .button__component_1e4c2[disabled].button__primary_1e4c2 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_e8jhz[disabled].button__primary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__primary_1e4c2.button__loading_1e4c2 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_e8jhz[disabled].button__secondary_e8jhz {
+        } .button__component_1e4c2[disabled].button__secondary_1e4c2 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__secondary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__secondary_1e4c2.button__loading_1e4c2 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_e8jhz[disabled].button__outlined_e8jhz {
+        } .button__component_1e4c2[disabled].button__outlined_1e4c2 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__outlined_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__outlined_1e4c2.button__loading_1e4c2 {
             color: var(--button-outlined-color);
-        } .button__component_e8jhz[disabled].button__tertiary_e8jhz {
+        } .button__component_1e4c2[disabled].button__tertiary_1e4c2 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__tertiary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__tertiary_1e4c2.button__loading_1e4c2 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_e8jhz[disabled].button__filled_e8jhz {
+        } .button__component_1e4c2[disabled].button__filled_1e4c2 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_e8jhz[disabled].button__filled_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__filled_1e4c2.button__loading_1e4c2 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_e8jhz[disabled].button__transparent_e8jhz {
+        } .button__component_1e4c2[disabled].button__transparent_1e4c2 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_e8jhz[disabled].button__transparent_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__transparent_1e4c2.button__loading_1e4c2 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_e8jhz[disabled].button__link_e8jhz {
+        } .button__component_1e4c2[disabled].button__link_1e4c2 {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_e8jhz[disabled].button__link_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__link_1e4c2.button__loading_1e4c2 {
             color: var(--button-link-base-color);
-        } .button__component_e8jhz[disabled].button__ghost_e8jhz {
+        } .button__component_1e4c2[disabled].button__ghost_1e4c2 {
         color: var(--button-ghost-disabled-color)
-    } .button__component_e8jhz[disabled].button__ghost_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__ghost_1e4c2.button__loading_1e4c2 {
             color: var(--button-ghost-base-color);
         }

package/button/esm/Component.js

@@ -5,13 +5,13 @@ import cn from 'classnames';
 import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"button__component_1m9nq","focused":"button__focused_1m9nq","loading":"button__loading_1m9nq","text":"button__text_1m9nq","addons":"button__addons_1m9nq","stretchText":"button__stretchText_1m9nq","loader":"button__loader_1m9nq","xxs":"button__xxs_1m9nq","iconOnly":"button__iconOnly_1m9nq","xs":"button__xs_1m9nq","s":"button__s_1m9nq","m":"button__m_1m9nq","l":"button__l_1m9nq","xl":"button__xl_1m9nq","withRightAddons":"button__withRightAddons_1m9nq","ghost":"button__ghost_1m9nq","withLeftAddons":"button__withLeftAddons_1m9nq","link":"button__link_1m9nq","block":"button__block_1m9nq","nowrap":"button__nowrap_1m9nq"};
+var styles = {"component":"button__component_12hwj","focused":"button__focused_12hwj","loading":"button__loading_12hwj","text":"button__text_12hwj","addons":"button__addons_12hwj","stretchText":"button__stretchText_12hwj","loader":"button__loader_12hwj","xxs":"button__xxs_12hwj","iconOnly":"button__iconOnly_12hwj","xs":"button__xs_12hwj","s":"button__s_12hwj","m":"button__m_12hwj","l":"button__l_12hwj","xl":"button__xl_12hwj","withRightAddons":"button__withRightAddons_12hwj","ghost":"button__ghost_12hwj","withLeftAddons":"button__withLeftAddons_12hwj","link":"button__link_12hwj","block":"button__block_12hwj","nowrap":"button__nowrap_12hwj"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_e8jhz","loader":"button__loader_e8jhz","primary":"button__primary_e8jhz","secondary":"button__secondary_e8jhz","outlined":"button__outlined_e8jhz","tertiary":"button__tertiary_e8jhz","filled":"button__filled_e8jhz","transparent":"button__transparent_e8jhz","link":"button__link_e8jhz","ghost":"button__ghost_e8jhz","component":"button__component_e8jhz","loading":"button__loading_e8jhz"};
+var defaultColors = {"accent":"button__accent_1e4c2","loader":"button__loader_1e4c2","primary":"button__primary_1e4c2","secondary":"button__secondary_1e4c2","outlined":"button__outlined_1e4c2","tertiary":"button__tertiary_1e4c2","filled":"button__filled_1e4c2","transparent":"button__transparent_1e4c2","link":"button__link_1e4c2","ghost":"button__ghost_1e4c2","component":"button__component_1e4c2","loading":"button__loading_1e4c2"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_1fxwf","loader":"button__loader_1fxwf","primary":"button__primary_1fxwf","secondary":"button__secondary_1fxwf","outlined":"button__outlined_1fxwf","tertiary":"button__tertiary_1fxwf","filled":"button__filled_1fxwf","transparent":"button__transparent_1fxwf","link":"button__link_1fxwf","ghost":"button__ghost_1fxwf","component":"button__component_1fxwf","loading":"button__loading_1fxwf"};
+var invertedColors = {"accent":"button__accent_gsky4","loader":"button__loader_gsky4","primary":"button__primary_gsky4","secondary":"button__secondary_gsky4","outlined":"button__outlined_gsky4","tertiary":"button__tertiary_gsky4","filled":"button__filled_gsky4","transparent":"button__transparent_gsky4","link":"button__link_gsky4","ghost":"button__ghost_gsky4","component":"button__component_gsky4","loading":"button__loading_gsky4"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/esm/default.css

@@ -105,160 +105,160 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-static-primary-color: var(--color-static-graphic-light);
     --button-spinner-default-color: var(--color-light-graphic-primary);
-} .button__accent_e8jhz {
+} .button__accent_1e4c2 {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_e8jhz:hover {
+} .button__accent_1e4c2:hover {
         background-color: var(--button-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_e8jhz:hover {
+    } @media (hover: none) { .button__accent_1e4c2:hover {
             background-color: var(--button-accent-base-bg-color)
     }
-        } .button__accent_e8jhz:active {
+        } .button__accent_1e4c2:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_e8jhz > .button__loader_e8jhz {
+    } .button__accent_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-static-color);
-    } .button__primary_e8jhz {
+    } .button__primary_1e4c2 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_e8jhz:hover {
+} .button__primary_1e4c2:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_e8jhz:hover {
+    } @media (hover: none) { .button__primary_1e4c2:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_e8jhz:active {
+        } .button__primary_1e4c2:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_e8jhz > .button__loader_e8jhz {
+    } .button__primary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-static-primary-color);
-    } .button__secondary_e8jhz {
+    } .button__secondary_1e4c2 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_e8jhz:hover {
+} .button__secondary_1e4c2:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_e8jhz:hover {
+    } @media (hover: none) { .button__secondary_1e4c2:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_e8jhz:active {
+        } .button__secondary_1e4c2:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_e8jhz > .button__loader_e8jhz {
+    } .button__secondary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__outlined_e8jhz {
+    } .button__outlined_1e4c2 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_e8jhz:hover {
+} .button__outlined_1e4c2:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_e8jhz:hover {
+    } @media (hover: none) { .button__outlined_1e4c2:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_e8jhz:active {
+        } .button__outlined_1e4c2:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_e8jhz {
+    } .button__tertiary_1e4c2 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_e8jhz:hover {
+} .button__tertiary_1e4c2:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_e8jhz:hover {
+    } @media (hover: none) { .button__tertiary_1e4c2:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_e8jhz:active {
+        } .button__tertiary_1e4c2:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_e8jhz > .button__loader_e8jhz {
+    } .button__tertiary_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__filled_e8jhz {
+    } .button__filled_1e4c2 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_e8jhz:hover {
+} .button__filled_1e4c2:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_e8jhz:hover {
+    } @media (hover: none) { .button__filled_1e4c2:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_e8jhz:active {
+        } .button__filled_1e4c2:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_e8jhz {
+    } .button__transparent_1e4c2 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_e8jhz:hover {
+} .button__transparent_1e4c2:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_e8jhz:hover {
+    } @media (hover: none) { .button__transparent_1e4c2:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_e8jhz:active {
+        } .button__transparent_1e4c2:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_e8jhz {
+    } .button__link_1e4c2 {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_e8jhz:hover {
+} .button__link_1e4c2:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_e8jhz:hover {
+    } @media (hover: none) { .button__link_1e4c2:hover {
             background-color: transparent
     }
-        } .button__link_e8jhz:active {
+        } .button__link_1e4c2:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_e8jhz > .button__loader_e8jhz {
+    } .button__link_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } .button__ghost_e8jhz {
+    } .button__ghost_1e4c2 {
     color: var(--button-ghost-base-color)
-} .button__ghost_e8jhz:hover {
+} .button__ghost_1e4c2:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_e8jhz:hover {
+    } @media (hover: none) { .button__ghost_1e4c2:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_e8jhz:active {
+        } .button__ghost_1e4c2:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_e8jhz > .button__loader_e8jhz {
+    } .button__ghost_1e4c2 > .button__loader_1e4c2 {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_e8jhz[disabled].button__primary_e8jhz {
+    } /* Disabled */ .button__component_1e4c2[disabled].button__primary_1e4c2 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_e8jhz[disabled].button__primary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__primary_1e4c2.button__loading_1e4c2 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_e8jhz[disabled].button__secondary_e8jhz {
+        } .button__component_1e4c2[disabled].button__secondary_1e4c2 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__secondary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__secondary_1e4c2.button__loading_1e4c2 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_e8jhz[disabled].button__outlined_e8jhz {
+        } .button__component_1e4c2[disabled].button__outlined_1e4c2 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__outlined_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__outlined_1e4c2.button__loading_1e4c2 {
             color: var(--button-outlined-color);
-        } .button__component_e8jhz[disabled].button__tertiary_e8jhz {
+        } .button__component_1e4c2[disabled].button__tertiary_1e4c2 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_e8jhz[disabled].button__tertiary_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__tertiary_1e4c2.button__loading_1e4c2 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_e8jhz[disabled].button__filled_e8jhz {
+        } .button__component_1e4c2[disabled].button__filled_1e4c2 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_e8jhz[disabled].button__filled_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__filled_1e4c2.button__loading_1e4c2 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_e8jhz[disabled].button__transparent_e8jhz {
+        } .button__component_1e4c2[disabled].button__transparent_1e4c2 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_e8jhz[disabled].button__transparent_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__transparent_1e4c2.button__loading_1e4c2 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_e8jhz[disabled].button__link_e8jhz {
+        } .button__component_1e4c2[disabled].button__link_1e4c2 {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_e8jhz[disabled].button__link_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__link_1e4c2.button__loading_1e4c2 {
             color: var(--button-link-base-color);
-        } .button__component_e8jhz[disabled].button__ghost_e8jhz {
+        } .button__component_1e4c2[disabled].button__ghost_1e4c2 {
         color: var(--button-ghost-disabled-color)
-    } .button__component_e8jhz[disabled].button__ghost_e8jhz.button__loading_e8jhz {
+    } .button__component_1e4c2[disabled].button__ghost_1e4c2.button__loading_1e4c2 {
             color: var(--button-ghost-base-color);
         }