@alfalab/core-components 38.2.0 → 38.3.0

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nfk7 */
+/* hash: 1w2xe */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -25,13 +25,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_8liup {
+} .bottom-sheet__modal_13sx9 {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
-} .bottom-sheet__component_8liup {
+} .bottom-sheet__component_13sx9 {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -40,15 +40,15 @@
     border-top-left-radius: var(--border-radius-3xl);
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
-} .bottom-sheet__withTransition_8liup {
+} .bottom-sheet__withTransition_13sx9 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_8liup {
+} .bottom-sheet__scrollableContainer_13sx9 {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
-} .bottom-sheet__marker_8liup {
+} .bottom-sheet__marker_13sx9 {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -58,29 +58,29 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_8liup {
+} .bottom-sheet__content_13sx9 {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__noHeader_8liup {
+} .bottom-sheet__noHeader_13sx9 {
     padding-top: var(--gap-xl);
-} .bottom-sheet__noFooter_8liup {
+} .bottom-sheet__noFooter_13sx9 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_8liup {
+} .bottom-sheet__scrollLocked_13sx9 {
     overflow: hidden;
-} .bottom-sheet__appear_8liup .bottom-sheet__component_8liup, .bottom-sheet__enter_8liup .bottom-sheet__component_8liup {
+} .bottom-sheet__appear_13sx9 .bottom-sheet__component_13sx9, .bottom-sheet__enter_13sx9 .bottom-sheet__component_13sx9 {
         transition: none;
-    } .bottom-sheet__appearActive_8liup .bottom-sheet__component_8liup, .bottom-sheet__enterActive_8liup .bottom-sheet__component_8liup {
+    } .bottom-sheet__appearActive_13sx9 .bottom-sheet__component_13sx9, .bottom-sheet__enterActive_13sx9 .bottom-sheet__component_13sx9 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_8liup .bottom-sheet__component_8liup, .bottom-sheet__appearDone_8liup .bottom-sheet__component_8liup {
+    } .bottom-sheet__enterDone_13sx9 .bottom-sheet__component_13sx9, .bottom-sheet__appearDone_13sx9 .bottom-sheet__component_13sx9 {
         transform: translateY(0);
-    } .bottom-sheet__exit_8liup .bottom-sheet__component_8liup {
+    } .bottom-sheet__exit_13sx9 .bottom-sheet__component_13sx9 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_8liup .bottom-sheet__component_8liup {
+    } .bottom-sheet__exitActive_13sx9 .bottom-sheet__component_13sx9 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

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

@@ -1 +1 @@
-export * from "./component-d6c1ca86";
+export * from "./component-6403289f";

package/bottom-sheet/modern/index.js

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

package/button/Component.js

@@ -49,13 +49,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_zyx26","focused":"button__focused_zyx26","loading":"button__loading_zyx26","text":"button__text_zyx26","addons":"button__addons_zyx26","stretchText":"button__stretchText_zyx26","loader":"button__loader_zyx26","xxs":"button__xxs_zyx26","iconOnly":"button__iconOnly_zyx26","xs":"button__xs_zyx26","s":"button__s_zyx26","m":"button__m_zyx26","l":"button__l_zyx26","xl":"button__xl_zyx26","withRightAddons":"button__withRightAddons_zyx26","ghost":"button__ghost_zyx26","withLeftAddons":"button__withLeftAddons_zyx26","link":"button__link_zyx26","block":"button__block_zyx26","nowrap":"button__nowrap_zyx26"};
+var styles = {"component":"button__component_1jyjr","focused":"button__focused_1jyjr","loading":"button__loading_1jyjr","text":"button__text_1jyjr","addons":"button__addons_1jyjr","stretchText":"button__stretchText_1jyjr","loader":"button__loader_1jyjr","xxs":"button__xxs_1jyjr","iconOnly":"button__iconOnly_1jyjr","xs":"button__xs_1jyjr","s":"button__s_1jyjr","m":"button__m_1jyjr","l":"button__l_1jyjr","xl":"button__xl_1jyjr","withRightAddons":"button__withRightAddons_1jyjr","ghost":"button__ghost_1jyjr","withLeftAddons":"button__withLeftAddons_1jyjr","link":"button__link_1jyjr","block":"button__block_1jyjr","nowrap":"button__nowrap_1jyjr"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_1eks9","loader":"button__loader_1eks9","secondary":"button__secondary_1eks9","outlined":"button__outlined_1eks9","tertiary":"button__tertiary_1eks9","filled":"button__filled_1eks9","transparent":"button__transparent_1eks9","link":"button__link_1eks9","ghost":"button__ghost_1eks9","component":"button__component_1eks9","loading":"button__loading_1eks9"};
+var defaultColors = {"primary":"button__primary_os3ky","loader":"button__loader_os3ky","secondary":"button__secondary_os3ky","outlined":"button__outlined_os3ky","tertiary":"button__tertiary_os3ky","filled":"button__filled_os3ky","transparent":"button__transparent_os3ky","link":"button__link_os3ky","ghost":"button__ghost_os3ky","component":"button__component_os3ky","loading":"button__loading_os3ky"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_h914c","loader":"button__loader_h914c","secondary":"button__secondary_h914c","outlined":"button__outlined_h914c","tertiary":"button__tertiary_h914c","filled":"button__filled_h914c","transparent":"button__transparent_h914c","link":"button__link_h914c","ghost":"button__ghost_h914c","component":"button__component_h914c","loading":"button__loading_h914c"};
+var invertedColors = {"primary":"button__primary_1qhgi","loader":"button__loader_1qhgi","secondary":"button__secondary_1qhgi","outlined":"button__outlined_1qhgi","tertiary":"button__tertiary_1qhgi","filled":"button__filled_1qhgi","transparent":"button__transparent_1qhgi","link":"button__link_1qhgi","ghost":"button__ghost_1qhgi","component":"button__component_1qhgi","loading":"button__loading_1qhgi"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/default.css

@@ -1,4 +1,4 @@
-/* hash: ytnvj */
+/* hash: nohs4 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -98,147 +98,147 @@
     /* loader */
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-default-color: var(--color-light-graphic-primary);
-} .button__primary_1eks9 {
+} .button__primary_os3ky {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_1eks9:hover {
+} .button__primary_os3ky:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_1eks9:hover {
+    } @media (hover: none) { .button__primary_os3ky:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_1eks9:active {
+        } .button__primary_os3ky:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_1eks9 > .button__loader_1eks9 {
+    } .button__primary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-static-color);
-    } .button__secondary_1eks9 {
+    } .button__secondary_os3ky {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_1eks9:hover {
+} .button__secondary_os3ky:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_1eks9:hover {
+    } @media (hover: none) { .button__secondary_os3ky:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_1eks9:active {
+        } .button__secondary_os3ky:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_1eks9 > .button__loader_1eks9 {
+    } .button__secondary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__outlined_1eks9 {
+    } .button__outlined_os3ky {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_1eks9:hover {
+} .button__outlined_os3ky:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_1eks9:hover {
+    } @media (hover: none) { .button__outlined_os3ky:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_1eks9:active {
+        } .button__outlined_os3ky:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_1eks9 {
+    } .button__tertiary_os3ky {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_1eks9:hover {
+} .button__tertiary_os3ky:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_1eks9:hover {
+    } @media (hover: none) { .button__tertiary_os3ky:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_1eks9:active {
+        } .button__tertiary_os3ky:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_1eks9 > .button__loader_1eks9 {
+    } .button__tertiary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__filled_1eks9 {
+    } .button__filled_os3ky {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_1eks9:hover {
+} .button__filled_os3ky:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_1eks9:hover {
+    } @media (hover: none) { .button__filled_os3ky:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_1eks9:active {
+        } .button__filled_os3ky:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_1eks9 {
+    } .button__transparent_os3ky {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_1eks9:hover {
+} .button__transparent_os3ky:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_1eks9:hover {
+    } @media (hover: none) { .button__transparent_os3ky:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_1eks9:active {
+        } .button__transparent_os3ky:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_1eks9 {
+    } .button__link_os3ky {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_1eks9:hover {
+} .button__link_os3ky:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_1eks9:hover {
+    } @media (hover: none) { .button__link_os3ky:hover {
             background-color: transparent
     }
-        } .button__link_1eks9:active {
+        } .button__link_os3ky:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_1eks9 > .button__loader_1eks9 {
+    } .button__link_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__ghost_1eks9 {
+    } .button__ghost_os3ky {
     color: var(--button-ghost-base-color)
-} .button__ghost_1eks9:hover {
+} .button__ghost_os3ky:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_1eks9:hover {
+    } @media (hover: none) { .button__ghost_os3ky:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_1eks9:active {
+        } .button__ghost_os3ky:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_1eks9 > .button__loader_1eks9 {
+    } .button__ghost_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_1eks9[disabled].button__primary_1eks9 {
+    } /* Disabled */ .button__component_os3ky[disabled].button__primary_os3ky {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_1eks9[disabled].button__primary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__primary_os3ky.button__loading_os3ky {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_1eks9[disabled].button__secondary_1eks9 {
+        } .button__component_os3ky[disabled].button__secondary_os3ky {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_1eks9[disabled].button__secondary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__secondary_os3ky.button__loading_os3ky {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_1eks9[disabled].button__outlined_1eks9 {
+        } .button__component_os3ky[disabled].button__outlined_os3ky {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_1eks9[disabled].button__outlined_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__outlined_os3ky.button__loading_os3ky {
             color: var(--button-outlined-color);
-        } .button__component_1eks9[disabled].button__tertiary_1eks9 {
+        } .button__component_os3ky[disabled].button__tertiary_os3ky {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_1eks9[disabled].button__tertiary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__tertiary_os3ky.button__loading_os3ky {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_1eks9[disabled].button__filled_1eks9 {
+        } .button__component_os3ky[disabled].button__filled_os3ky {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_1eks9[disabled].button__filled_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__filled_os3ky.button__loading_os3ky {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_1eks9[disabled].button__transparent_1eks9 {
+        } .button__component_os3ky[disabled].button__transparent_os3ky {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_1eks9[disabled].button__transparent_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__transparent_os3ky.button__loading_os3ky {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_1eks9[disabled].button__link_1eks9 {
+        } .button__component_os3ky[disabled].button__link_os3ky {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_1eks9[disabled].button__link_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__link_os3ky.button__loading_os3ky {
             color: var(--button-link-base-color);
-        } .button__component_1eks9[disabled].button__ghost_1eks9 {
+        } .button__component_os3ky[disabled].button__ghost_os3ky {
         color: var(--button-ghost-disabled-color)
-    } .button__component_1eks9[disabled].button__ghost_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__ghost_os3ky.button__loading_os3ky {
             color: var(--button-ghost-base-color);
         }

package/button/esm/Component.js

@@ -43,13 +43,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_zyx26","focused":"button__focused_zyx26","loading":"button__loading_zyx26","text":"button__text_zyx26","addons":"button__addons_zyx26","stretchText":"button__stretchText_zyx26","loader":"button__loader_zyx26","xxs":"button__xxs_zyx26","iconOnly":"button__iconOnly_zyx26","xs":"button__xs_zyx26","s":"button__s_zyx26","m":"button__m_zyx26","l":"button__l_zyx26","xl":"button__xl_zyx26","withRightAddons":"button__withRightAddons_zyx26","ghost":"button__ghost_zyx26","withLeftAddons":"button__withLeftAddons_zyx26","link":"button__link_zyx26","block":"button__block_zyx26","nowrap":"button__nowrap_zyx26"};
+var styles = {"component":"button__component_1jyjr","focused":"button__focused_1jyjr","loading":"button__loading_1jyjr","text":"button__text_1jyjr","addons":"button__addons_1jyjr","stretchText":"button__stretchText_1jyjr","loader":"button__loader_1jyjr","xxs":"button__xxs_1jyjr","iconOnly":"button__iconOnly_1jyjr","xs":"button__xs_1jyjr","s":"button__s_1jyjr","m":"button__m_1jyjr","l":"button__l_1jyjr","xl":"button__xl_1jyjr","withRightAddons":"button__withRightAddons_1jyjr","ghost":"button__ghost_1jyjr","withLeftAddons":"button__withLeftAddons_1jyjr","link":"button__link_1jyjr","block":"button__block_1jyjr","nowrap":"button__nowrap_1jyjr"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_1eks9","loader":"button__loader_1eks9","secondary":"button__secondary_1eks9","outlined":"button__outlined_1eks9","tertiary":"button__tertiary_1eks9","filled":"button__filled_1eks9","transparent":"button__transparent_1eks9","link":"button__link_1eks9","ghost":"button__ghost_1eks9","component":"button__component_1eks9","loading":"button__loading_1eks9"};
+var defaultColors = {"primary":"button__primary_os3ky","loader":"button__loader_os3ky","secondary":"button__secondary_os3ky","outlined":"button__outlined_os3ky","tertiary":"button__tertiary_os3ky","filled":"button__filled_os3ky","transparent":"button__transparent_os3ky","link":"button__link_os3ky","ghost":"button__ghost_os3ky","component":"button__component_os3ky","loading":"button__loading_os3ky"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_h914c","loader":"button__loader_h914c","secondary":"button__secondary_h914c","outlined":"button__outlined_h914c","tertiary":"button__tertiary_h914c","filled":"button__filled_h914c","transparent":"button__transparent_h914c","link":"button__link_h914c","ghost":"button__ghost_h914c","component":"button__component_h914c","loading":"button__loading_h914c"};
+var invertedColors = {"primary":"button__primary_1qhgi","loader":"button__loader_1qhgi","secondary":"button__secondary_1qhgi","outlined":"button__outlined_1qhgi","tertiary":"button__tertiary_1qhgi","filled":"button__filled_1qhgi","transparent":"button__transparent_1qhgi","link":"button__link_1qhgi","ghost":"button__ghost_1qhgi","component":"button__component_1qhgi","loading":"button__loading_1qhgi"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: ytnvj */
+/* hash: nohs4 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -98,147 +98,147 @@
     /* loader */
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-default-color: var(--color-light-graphic-primary);
-} .button__primary_1eks9 {
+} .button__primary_os3ky {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_1eks9:hover {
+} .button__primary_os3ky:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_1eks9:hover {
+    } @media (hover: none) { .button__primary_os3ky:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_1eks9:active {
+        } .button__primary_os3ky:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_1eks9 > .button__loader_1eks9 {
+    } .button__primary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-static-color);
-    } .button__secondary_1eks9 {
+    } .button__secondary_os3ky {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_1eks9:hover {
+} .button__secondary_os3ky:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_1eks9:hover {
+    } @media (hover: none) { .button__secondary_os3ky:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_1eks9:active {
+        } .button__secondary_os3ky:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_1eks9 > .button__loader_1eks9 {
+    } .button__secondary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__outlined_1eks9 {
+    } .button__outlined_os3ky {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_1eks9:hover {
+} .button__outlined_os3ky:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_1eks9:hover {
+    } @media (hover: none) { .button__outlined_os3ky:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_1eks9:active {
+        } .button__outlined_os3ky:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_1eks9 {
+    } .button__tertiary_os3ky {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_1eks9:hover {
+} .button__tertiary_os3ky:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_1eks9:hover {
+    } @media (hover: none) { .button__tertiary_os3ky:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_1eks9:active {
+        } .button__tertiary_os3ky:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_1eks9 > .button__loader_1eks9 {
+    } .button__tertiary_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__filled_1eks9 {
+    } .button__filled_os3ky {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_1eks9:hover {
+} .button__filled_os3ky:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_1eks9:hover {
+    } @media (hover: none) { .button__filled_os3ky:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_1eks9:active {
+        } .button__filled_os3ky:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_1eks9 {
+    } .button__transparent_os3ky {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_1eks9:hover {
+} .button__transparent_os3ky:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_1eks9:hover {
+    } @media (hover: none) { .button__transparent_os3ky:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_1eks9:active {
+        } .button__transparent_os3ky:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_1eks9 {
+    } .button__link_os3ky {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_1eks9:hover {
+} .button__link_os3ky:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_1eks9:hover {
+    } @media (hover: none) { .button__link_os3ky:hover {
             background-color: transparent
     }
-        } .button__link_1eks9:active {
+        } .button__link_os3ky:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_1eks9 > .button__loader_1eks9 {
+    } .button__link_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } .button__ghost_1eks9 {
+    } .button__ghost_os3ky {
     color: var(--button-ghost-base-color)
-} .button__ghost_1eks9:hover {
+} .button__ghost_os3ky:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_1eks9:hover {
+    } @media (hover: none) { .button__ghost_os3ky:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_1eks9:active {
+        } .button__ghost_os3ky:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_1eks9 > .button__loader_1eks9 {
+    } .button__ghost_os3ky > .button__loader_os3ky {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_1eks9[disabled].button__primary_1eks9 {
+    } /* Disabled */ .button__component_os3ky[disabled].button__primary_os3ky {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_1eks9[disabled].button__primary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__primary_os3ky.button__loading_os3ky {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_1eks9[disabled].button__secondary_1eks9 {
+        } .button__component_os3ky[disabled].button__secondary_os3ky {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_1eks9[disabled].button__secondary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__secondary_os3ky.button__loading_os3ky {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_1eks9[disabled].button__outlined_1eks9 {
+        } .button__component_os3ky[disabled].button__outlined_os3ky {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_1eks9[disabled].button__outlined_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__outlined_os3ky.button__loading_os3ky {
             color: var(--button-outlined-color);
-        } .button__component_1eks9[disabled].button__tertiary_1eks9 {
+        } .button__component_os3ky[disabled].button__tertiary_os3ky {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_1eks9[disabled].button__tertiary_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__tertiary_os3ky.button__loading_os3ky {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_1eks9[disabled].button__filled_1eks9 {
+        } .button__component_os3ky[disabled].button__filled_os3ky {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_1eks9[disabled].button__filled_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__filled_os3ky.button__loading_os3ky {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_1eks9[disabled].button__transparent_1eks9 {
+        } .button__component_os3ky[disabled].button__transparent_os3ky {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_1eks9[disabled].button__transparent_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__transparent_os3ky.button__loading_os3ky {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_1eks9[disabled].button__link_1eks9 {
+        } .button__component_os3ky[disabled].button__link_os3ky {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_1eks9[disabled].button__link_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__link_os3ky.button__loading_os3ky {
             color: var(--button-link-base-color);
-        } .button__component_1eks9[disabled].button__ghost_1eks9 {
+        } .button__component_os3ky[disabled].button__ghost_os3ky {
         color: var(--button-ghost-disabled-color)
-    } .button__component_1eks9[disabled].button__ghost_1eks9.button__loading_1eks9 {
+    } .button__component_os3ky[disabled].button__ghost_os3ky.button__loading_os3ky {
             color: var(--button-ghost-base-color);
         }