@alfalab/core-components 37.5.0 → 38.0.0-beta.0

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1syp5 */
+/* hash: 1nfk7 */
 :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_ex71y {
+} .bottom-sheet__modal_ug9q1 {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
-} .bottom-sheet__component_ex71y {
+} .bottom-sheet__component_ug9q1 {
     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_ex71y {
+} .bottom-sheet__withTransition_ug9q1 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_ex71y {
+} .bottom-sheet__scrollableContainer_ug9q1 {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
-} .bottom-sheet__marker_ex71y {
+} .bottom-sheet__marker_ug9q1 {
     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_ex71y {
+} .bottom-sheet__content_ug9q1 {
     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_ex71y {
+} .bottom-sheet__noHeader_ug9q1 {
     padding-top: var(--gap-xl);
-} .bottom-sheet__noFooter_ex71y {
+} .bottom-sheet__noFooter_ug9q1 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_ex71y {
+} .bottom-sheet__scrollLocked_ug9q1 {
     overflow: hidden;
-} .bottom-sheet__appear_ex71y .bottom-sheet__component_ex71y, .bottom-sheet__enter_ex71y .bottom-sheet__component_ex71y {
+} .bottom-sheet__appear_ug9q1 .bottom-sheet__component_ug9q1, .bottom-sheet__enter_ug9q1 .bottom-sheet__component_ug9q1 {
         transition: none;
-    } .bottom-sheet__appearActive_ex71y .bottom-sheet__component_ex71y, .bottom-sheet__enterActive_ex71y .bottom-sheet__component_ex71y {
+    } .bottom-sheet__appearActive_ug9q1 .bottom-sheet__component_ug9q1, .bottom-sheet__enterActive_ug9q1 .bottom-sheet__component_ug9q1 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_ex71y .bottom-sheet__component_ex71y, .bottom-sheet__appearDone_ex71y .bottom-sheet__component_ex71y {
+    } .bottom-sheet__enterDone_ug9q1 .bottom-sheet__component_ug9q1, .bottom-sheet__appearDone_ug9q1 .bottom-sheet__component_ug9q1 {
         transform: translateY(0);
-    } .bottom-sheet__exit_ex71y .bottom-sheet__component_ex71y {
+    } .bottom-sheet__exit_ug9q1 .bottom-sheet__component_ug9q1 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_ex71y .bottom-sheet__component_ex71y {
+    } .bottom-sheet__exitActive_ug9q1 .bottom-sheet__component_ug9q1 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

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

@@ -1 +1 @@
-export * from "./component-d0103215";
+export * from "./component-dbd4ab19";

package/bottom-sheet/modern/index.js

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

package/button/Component.js

@@ -49,13 +49,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_s1pl2","focused":"button__focused_s1pl2","loading":"button__loading_s1pl2","text":"button__text_s1pl2","addons":"button__addons_s1pl2","stretchText":"button__stretchText_s1pl2","loader":"button__loader_s1pl2","xxs":"button__xxs_s1pl2","iconOnly":"button__iconOnly_s1pl2","xs":"button__xs_s1pl2","s":"button__s_s1pl2","m":"button__m_s1pl2","l":"button__l_s1pl2","xl":"button__xl_s1pl2","withRightAddons":"button__withRightAddons_s1pl2","ghost":"button__ghost_s1pl2","withLeftAddons":"button__withLeftAddons_s1pl2","link":"button__link_s1pl2","block":"button__block_s1pl2","nowrap":"button__nowrap_s1pl2"};
+var styles = {"component":"button__component_1fmin","focused":"button__focused_1fmin","loading":"button__loading_1fmin","text":"button__text_1fmin","addons":"button__addons_1fmin","stretchText":"button__stretchText_1fmin","loader":"button__loader_1fmin","xxs":"button__xxs_1fmin","iconOnly":"button__iconOnly_1fmin","xs":"button__xs_1fmin","s":"button__s_1fmin","m":"button__m_1fmin","l":"button__l_1fmin","xl":"button__xl_1fmin","withRightAddons":"button__withRightAddons_1fmin","ghost":"button__ghost_1fmin","withLeftAddons":"button__withLeftAddons_1fmin","link":"button__link_1fmin","block":"button__block_1fmin","nowrap":"button__nowrap_1fmin"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_17krt","loader":"button__loader_17krt","secondary":"button__secondary_17krt","outlined":"button__outlined_17krt","tertiary":"button__tertiary_17krt","filled":"button__filled_17krt","transparent":"button__transparent_17krt","link":"button__link_17krt","ghost":"button__ghost_17krt","component":"button__component_17krt","loading":"button__loading_17krt"};
+var defaultColors = {"primary":"button__primary_1soc0","loader":"button__loader_1soc0","secondary":"button__secondary_1soc0","outlined":"button__outlined_1soc0","tertiary":"button__tertiary_1soc0","filled":"button__filled_1soc0","transparent":"button__transparent_1soc0","link":"button__link_1soc0","ghost":"button__ghost_1soc0","component":"button__component_1soc0","loading":"button__loading_1soc0"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_waqb9","loader":"button__loader_waqb9","secondary":"button__secondary_waqb9","outlined":"button__outlined_waqb9","tertiary":"button__tertiary_waqb9","filled":"button__filled_waqb9","transparent":"button__transparent_waqb9","link":"button__link_waqb9","ghost":"button__ghost_waqb9","component":"button__component_waqb9","loading":"button__loading_waqb9"};
+var invertedColors = {"primary":"button__primary_vckvb","loader":"button__loader_vckvb","secondary":"button__secondary_vckvb","outlined":"button__outlined_vckvb","tertiary":"button__tertiary_vckvb","filled":"button__filled_vckvb","transparent":"button__transparent_vckvb","link":"button__link_vckvb","ghost":"button__ghost_vckvb","component":"button__component_vckvb","loading":"button__loading_vckvb"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/cssm/index.module.css

@@ -23,7 +23,8 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
     --disabled-cursor: not-allowed;
-    --size-xs-height: 32px;
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
@@ -82,20 +83,20 @@
 } /* Size */ /* За счет того, что у кнопок есть border 1px,
 для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .xxs {
     min-width: 80px;
-    min-height: var(--size-xs-height);
+    min-height: var(--size-xxs-height);
     padding: 0 15px;
     font-size: 14px;
     border-radius: var(--button-xxs-size-border-radius)
 } .xxs.iconOnly {
-        min-width: var(--size-xs-height);
+        min-width: var(--size-xxs-height);
     } .xs {
     min-width: 88px;
-    min-height: 40px;
+    min-height: var(--size-xs-height);
     padding: 0 19px;
     font-size: 14px;
     border-radius: var(--button-xs-size-border-radius)
 } .xs.iconOnly {
-        min-width: 40px;
+        min-width: var(--size-xs-height);
     } .s {
     min-width: 104px;
     min-height: var(--size-s-height);

package/button/default.css

@@ -1,4 +1,4 @@
-/* hash: 1s8z5 */
+/* hash: ytnvj */
 :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_17krt {
+} .button__primary_1soc0 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_17krt:hover {
+} .button__primary_1soc0:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_17krt:hover {
+    } @media (hover: none) { .button__primary_1soc0:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_17krt:active {
+        } .button__primary_1soc0:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_17krt > .button__loader_17krt {
+    } .button__primary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-static-color);
-    } .button__secondary_17krt {
+    } .button__secondary_1soc0 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_17krt:hover {
+} .button__secondary_1soc0:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_17krt:hover {
+    } @media (hover: none) { .button__secondary_1soc0:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_17krt:active {
+        } .button__secondary_1soc0:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_17krt > .button__loader_17krt {
+    } .button__secondary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__outlined_17krt {
+    } .button__outlined_1soc0 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_17krt:hover {
+} .button__outlined_1soc0:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_17krt:hover {
+    } @media (hover: none) { .button__outlined_1soc0:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_17krt:active {
+        } .button__outlined_1soc0:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_17krt {
+    } .button__tertiary_1soc0 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_17krt:hover {
+} .button__tertiary_1soc0:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_17krt:hover {
+    } @media (hover: none) { .button__tertiary_1soc0:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_17krt:active {
+        } .button__tertiary_1soc0:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_17krt > .button__loader_17krt {
+    } .button__tertiary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__filled_17krt {
+    } .button__filled_1soc0 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_17krt:hover {
+} .button__filled_1soc0:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_17krt:hover {
+    } @media (hover: none) { .button__filled_1soc0:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_17krt:active {
+        } .button__filled_1soc0:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_17krt {
+    } .button__transparent_1soc0 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_17krt:hover {
+} .button__transparent_1soc0:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_17krt:hover {
+    } @media (hover: none) { .button__transparent_1soc0:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_17krt:active {
+        } .button__transparent_1soc0:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_17krt {
+    } .button__link_1soc0 {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_17krt:hover {
+} .button__link_1soc0:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_17krt:hover {
+    } @media (hover: none) { .button__link_1soc0:hover {
             background-color: transparent
     }
-        } .button__link_17krt:active {
+        } .button__link_1soc0:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_17krt > .button__loader_17krt {
+    } .button__link_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__ghost_17krt {
+    } .button__ghost_1soc0 {
     color: var(--button-ghost-base-color)
-} .button__ghost_17krt:hover {
+} .button__ghost_1soc0:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_17krt:hover {
+    } @media (hover: none) { .button__ghost_1soc0:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_17krt:active {
+        } .button__ghost_1soc0:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_17krt > .button__loader_17krt {
+    } .button__ghost_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_17krt[disabled].button__primary_17krt {
+    } /* Disabled */ .button__component_1soc0[disabled].button__primary_1soc0 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_17krt[disabled].button__primary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__primary_1soc0.button__loading_1soc0 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_17krt[disabled].button__secondary_17krt {
+        } .button__component_1soc0[disabled].button__secondary_1soc0 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_17krt[disabled].button__secondary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__secondary_1soc0.button__loading_1soc0 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_17krt[disabled].button__outlined_17krt {
+        } .button__component_1soc0[disabled].button__outlined_1soc0 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_17krt[disabled].button__outlined_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__outlined_1soc0.button__loading_1soc0 {
             color: var(--button-outlined-color);
-        } .button__component_17krt[disabled].button__tertiary_17krt {
+        } .button__component_1soc0[disabled].button__tertiary_1soc0 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_17krt[disabled].button__tertiary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__tertiary_1soc0.button__loading_1soc0 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_17krt[disabled].button__filled_17krt {
+        } .button__component_1soc0[disabled].button__filled_1soc0 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_17krt[disabled].button__filled_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__filled_1soc0.button__loading_1soc0 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_17krt[disabled].button__transparent_17krt {
+        } .button__component_1soc0[disabled].button__transparent_1soc0 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_17krt[disabled].button__transparent_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__transparent_1soc0.button__loading_1soc0 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_17krt[disabled].button__link_17krt {
+        } .button__component_1soc0[disabled].button__link_1soc0 {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_17krt[disabled].button__link_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__link_1soc0.button__loading_1soc0 {
             color: var(--button-link-base-color);
-        } .button__component_17krt[disabled].button__ghost_17krt {
+        } .button__component_1soc0[disabled].button__ghost_1soc0 {
         color: var(--button-ghost-disabled-color)
-    } .button__component_17krt[disabled].button__ghost_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__ghost_1soc0.button__loading_1soc0 {
             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_s1pl2","focused":"button__focused_s1pl2","loading":"button__loading_s1pl2","text":"button__text_s1pl2","addons":"button__addons_s1pl2","stretchText":"button__stretchText_s1pl2","loader":"button__loader_s1pl2","xxs":"button__xxs_s1pl2","iconOnly":"button__iconOnly_s1pl2","xs":"button__xs_s1pl2","s":"button__s_s1pl2","m":"button__m_s1pl2","l":"button__l_s1pl2","xl":"button__xl_s1pl2","withRightAddons":"button__withRightAddons_s1pl2","ghost":"button__ghost_s1pl2","withLeftAddons":"button__withLeftAddons_s1pl2","link":"button__link_s1pl2","block":"button__block_s1pl2","nowrap":"button__nowrap_s1pl2"};
+var styles = {"component":"button__component_1fmin","focused":"button__focused_1fmin","loading":"button__loading_1fmin","text":"button__text_1fmin","addons":"button__addons_1fmin","stretchText":"button__stretchText_1fmin","loader":"button__loader_1fmin","xxs":"button__xxs_1fmin","iconOnly":"button__iconOnly_1fmin","xs":"button__xs_1fmin","s":"button__s_1fmin","m":"button__m_1fmin","l":"button__l_1fmin","xl":"button__xl_1fmin","withRightAddons":"button__withRightAddons_1fmin","ghost":"button__ghost_1fmin","withLeftAddons":"button__withLeftAddons_1fmin","link":"button__link_1fmin","block":"button__block_1fmin","nowrap":"button__nowrap_1fmin"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_17krt","loader":"button__loader_17krt","secondary":"button__secondary_17krt","outlined":"button__outlined_17krt","tertiary":"button__tertiary_17krt","filled":"button__filled_17krt","transparent":"button__transparent_17krt","link":"button__link_17krt","ghost":"button__ghost_17krt","component":"button__component_17krt","loading":"button__loading_17krt"};
+var defaultColors = {"primary":"button__primary_1soc0","loader":"button__loader_1soc0","secondary":"button__secondary_1soc0","outlined":"button__outlined_1soc0","tertiary":"button__tertiary_1soc0","filled":"button__filled_1soc0","transparent":"button__transparent_1soc0","link":"button__link_1soc0","ghost":"button__ghost_1soc0","component":"button__component_1soc0","loading":"button__loading_1soc0"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_waqb9","loader":"button__loader_waqb9","secondary":"button__secondary_waqb9","outlined":"button__outlined_waqb9","tertiary":"button__tertiary_waqb9","filled":"button__filled_waqb9","transparent":"button__transparent_waqb9","link":"button__link_waqb9","ghost":"button__ghost_waqb9","component":"button__component_waqb9","loading":"button__loading_waqb9"};
+var invertedColors = {"primary":"button__primary_vckvb","loader":"button__loader_vckvb","secondary":"button__secondary_vckvb","outlined":"button__outlined_vckvb","tertiary":"button__tertiary_vckvb","filled":"button__filled_vckvb","transparent":"button__transparent_vckvb","link":"button__link_vckvb","ghost":"button__ghost_vckvb","component":"button__component_vckvb","loading":"button__loading_vckvb"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 1s8z5 */
+/* hash: ytnvj */
 :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_17krt {
+} .button__primary_1soc0 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_17krt:hover {
+} .button__primary_1soc0:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_17krt:hover {
+    } @media (hover: none) { .button__primary_1soc0:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_17krt:active {
+        } .button__primary_1soc0:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_17krt > .button__loader_17krt {
+    } .button__primary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-static-color);
-    } .button__secondary_17krt {
+    } .button__secondary_1soc0 {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_17krt:hover {
+} .button__secondary_1soc0:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_17krt:hover {
+    } @media (hover: none) { .button__secondary_1soc0:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_17krt:active {
+        } .button__secondary_1soc0:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_17krt > .button__loader_17krt {
+    } .button__secondary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__outlined_17krt {
+    } .button__outlined_1soc0 {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_17krt:hover {
+} .button__outlined_1soc0:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_17krt:hover {
+    } @media (hover: none) { .button__outlined_1soc0:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_17krt:active {
+        } .button__outlined_1soc0:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_17krt {
+    } .button__tertiary_1soc0 {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_17krt:hover {
+} .button__tertiary_1soc0:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_17krt:hover {
+    } @media (hover: none) { .button__tertiary_1soc0:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_17krt:active {
+        } .button__tertiary_1soc0:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_17krt > .button__loader_17krt {
+    } .button__tertiary_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__filled_17krt {
+    } .button__filled_1soc0 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_17krt:hover {
+} .button__filled_1soc0:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_17krt:hover {
+    } @media (hover: none) { .button__filled_1soc0:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_17krt:active {
+        } .button__filled_1soc0:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_17krt {
+    } .button__transparent_1soc0 {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_17krt:hover {
+} .button__transparent_1soc0:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_17krt:hover {
+    } @media (hover: none) { .button__transparent_1soc0:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_17krt:active {
+        } .button__transparent_1soc0:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_17krt {
+    } .button__link_1soc0 {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_17krt:hover {
+} .button__link_1soc0:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_17krt:hover {
+    } @media (hover: none) { .button__link_1soc0:hover {
             background-color: transparent
     }
-        } .button__link_17krt:active {
+        } .button__link_1soc0:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_17krt > .button__loader_17krt {
+    } .button__link_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } .button__ghost_17krt {
+    } .button__ghost_1soc0 {
     color: var(--button-ghost-base-color)
-} .button__ghost_17krt:hover {
+} .button__ghost_1soc0:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_17krt:hover {
+    } @media (hover: none) { .button__ghost_1soc0:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_17krt:active {
+        } .button__ghost_1soc0:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_17krt > .button__loader_17krt {
+    } .button__ghost_1soc0 > .button__loader_1soc0 {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_17krt[disabled].button__primary_17krt {
+    } /* Disabled */ .button__component_1soc0[disabled].button__primary_1soc0 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_17krt[disabled].button__primary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__primary_1soc0.button__loading_1soc0 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_17krt[disabled].button__secondary_17krt {
+        } .button__component_1soc0[disabled].button__secondary_1soc0 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_17krt[disabled].button__secondary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__secondary_1soc0.button__loading_1soc0 {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_17krt[disabled].button__outlined_17krt {
+        } .button__component_1soc0[disabled].button__outlined_1soc0 {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_17krt[disabled].button__outlined_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__outlined_1soc0.button__loading_1soc0 {
             color: var(--button-outlined-color);
-        } .button__component_17krt[disabled].button__tertiary_17krt {
+        } .button__component_1soc0[disabled].button__tertiary_1soc0 {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_17krt[disabled].button__tertiary_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__tertiary_1soc0.button__loading_1soc0 {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_17krt[disabled].button__filled_17krt {
+        } .button__component_1soc0[disabled].button__filled_1soc0 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_17krt[disabled].button__filled_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__filled_1soc0.button__loading_1soc0 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_17krt[disabled].button__transparent_17krt {
+        } .button__component_1soc0[disabled].button__transparent_1soc0 {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_17krt[disabled].button__transparent_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__transparent_1soc0.button__loading_1soc0 {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_17krt[disabled].button__link_17krt {
+        } .button__component_1soc0[disabled].button__link_1soc0 {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_17krt[disabled].button__link_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__link_1soc0.button__loading_1soc0 {
             color: var(--button-link-base-color);
-        } .button__component_17krt[disabled].button__ghost_17krt {
+        } .button__component_1soc0[disabled].button__ghost_1soc0 {
         color: var(--button-ghost-disabled-color)
-    } .button__component_17krt[disabled].button__ghost_17krt.button__loading_17krt {
+    } .button__component_1soc0[disabled].button__ghost_1soc0.button__loading_1soc0 {
             color: var(--button-ghost-base-color);
         }