@alfalab/core-components 48.33.5 → 48.34.0-beta.0

package/bottom-sheet/modern/index.css

@@ -66,25 +66,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_kjlp8 {
+} .bottom-sheet__modal_u7i0l {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_kjlp8.bottom-sheet__modal_kjlp8 {
+} .bottom-sheet__modal_u7i0l.bottom-sheet__modal_u7i0l {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_kjlp8 {
+} .bottom-sheet__wrapper_u7i0l {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_kjlp8 {
+} .bottom-sheet__fullscreen_u7i0l {
     border-radius: 0;
-} .bottom-sheet__component_kjlp8 {
+} .bottom-sheet__component_u7i0l {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -92,9 +92,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_kjlp8 {
+} .bottom-sheet__withTransition_u7i0l {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_kjlp8 {
+} .bottom-sheet__scrollableContainer_u7i0l {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -103,7 +103,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_kjlp8 {
+} .bottom-sheet__marker_u7i0l {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -111,11 +111,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_kjlp8 {
+} .bottom-sheet__defaultMarker_u7i0l {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_kjlp8 {
+} .bottom-sheet__content_u7i0l {
     position: relative;
     z-index: 0;
     display: flex;
@@ -125,75 +125,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_kjlp8 {
+} .bottom-sheet__noHeader_u7i0l {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_kjlp8 {
+} .bottom-sheet__noFooter_u7i0l {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_kjlp8 {
+} .bottom-sheet__scrollLocked_u7i0l {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_kjlp8 {
+} .bottom-sheet__hiddenScrollbar_u7i0l {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_kjlp8::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_u7i0l::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_kjlp8 {
+    } .bottom-sheet__disabledPointerEvents_u7i0l {
     pointer-events: none;
-} .bottom-sheet__appear_kjlp8 .bottom-sheet__wrapper_kjlp8, .bottom-sheet__enter_kjlp8 .bottom-sheet__wrapper_kjlp8 {
+} .bottom-sheet__appear_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enter_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: none;
-    } .bottom-sheet__appearActive_kjlp8 .bottom-sheet__wrapper_kjlp8, .bottom-sheet__enterActive_kjlp8 .bottom-sheet__wrapper_kjlp8 {
+    } .bottom-sheet__appearActive_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enterActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_kjlp8 .bottom-sheet__wrapper_kjlp8, .bottom-sheet__appearDone_kjlp8 .bottom-sheet__wrapper_kjlp8 {
+    } .bottom-sheet__enterDone_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__appearDone_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exit_kjlp8 .bottom-sheet__wrapper_kjlp8 {
+    } .bottom-sheet__exit_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_kjlp8 .bottom-sheet__wrapper_kjlp8 {
+    } .bottom-sheet__exitActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_kjlp8 {
+    } .bottom-sheet__safeAreaBottom_u7i0l {
     padding-bottom: var(--sab);
-} .bottom-sheet__background-accent_kjlp8 {
+} .bottom-sheet__background-accent_u7i0l {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_kjlp8 {
+        } .bottom-sheet__background-info_u7i0l {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_kjlp8 {
+        } .bottom-sheet__background-attention-muted_u7i0l {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_kjlp8 {
+        } .bottom-sheet__background-positive-muted_u7i0l {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_kjlp8 {
+        } .bottom-sheet__background-negative-muted_u7i0l {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_kjlp8 {
+        } .bottom-sheet__background-primary_u7i0l {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_kjlp8 {
+        } .bottom-sheet__background-primary-inverted_u7i0l {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_kjlp8 {
+        } .bottom-sheet__background-secondary_u7i0l {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_kjlp8 {
+        } .bottom-sheet__background-secondary-inverted_u7i0l {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_kjlp8 {
+        } .bottom-sheet__background-tertiary_u7i0l {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_kjlp8 {
+        } .bottom-sheet__background-tertiary-inverted_u7i0l {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_kjlp8 {
+        } .bottom-sheet__background-quaternary_u7i0l {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_kjlp8 {
+        } .bottom-sheet__background-quaternary-inverted_u7i0l {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_kjlp8 {
+        } .bottom-sheet__background-specialbg-component_u7i0l {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_kjlp8 {
+        } .bottom-sheet__background-specialbg-component-inverted_u7i0l {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_kjlp8 {
+        } .bottom-sheet__background-specialbg-primary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_kjlp8 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_kjlp8 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_kjlp8 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_kjlp8 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_kjlp8 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_kjlp8 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/moderncssm/component.js

@@ -306,6 +306,7 @@ const BottomSheet = forwardRef(
         trackMouse: swipeable,
         trackTouch: swipeable,
         delta: swipeThreshold,
+        preventScrollOnSwipe: true,
     });
     const handleExited = (node) => {
         const idx = initialIndexRef.current;

package/button/components/base-button/Component.js

@@ -14,13 +14,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"accent":"button__accent_15i9u","loader":"button__loader_15i9u","primary":"button__primary_15i9u","hint":"button__hint_15i9u","secondary":"button__secondary_15i9u","outlined":"button__outlined_15i9u","tertiary":"button__tertiary_15i9u","filled":"button__filled_15i9u","transparent":"button__transparent_15i9u","link":"button__link_15i9u","text":"button__text_15i9u","ghost":"button__ghost_15i9u","component":"button__component_15i9u","loading":"button__loading_15i9u"};
+var defaultColors = {"accent":"button__accent_toyua","loader":"button__loader_toyua","primary":"button__primary_toyua","hint":"button__hint_toyua","secondary":"button__secondary_toyua","outlined":"button__outlined_toyua","tertiary":"button__tertiary_toyua","filled":"button__filled_toyua","transparent":"button__transparent_toyua","link":"button__link_toyua","text":"button__text_toyua","ghost":"button__ghost_toyua","component":"button__component_toyua","loading":"button__loading_toyua"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_b72m9","hug":"button__hug_b72m9","fill":"button__fill_b72m9","hint":"button__hint_b72m9","allowBackdropBlur":"button__allowBackdropBlur_b72m9","secondary":"button__secondary_b72m9","accent":"button__accent_b72m9","primary":"button__primary_b72m9","focused":"button__focused_b72m9","loading":"button__loading_b72m9","label":"button__label_b72m9","addons":"button__addons_b72m9","stretchText":"button__stretchText_b72m9","loader":"button__loader_b72m9","size-32":"button__size-32_b72m9","iconOnly":"button__iconOnly_b72m9","size-40":"button__size-40_b72m9","size-48":"button__size-48_b72m9","size-56":"button__size-56_b72m9","size-64":"button__size-64_b72m9","size-72":"button__size-72_b72m9","withRightAddons":"button__withRightAddons_b72m9","ghost":"button__ghost_b72m9","text":"button__text_b72m9","withLeftAddons":"button__withLeftAddons_b72m9","link":"button__link_b72m9","transparent":"button__transparent_b72m9","block":"button__block_b72m9","nowrap":"button__nowrap_b72m9","rounded":"button__rounded_b72m9"};
+var commonStyles = {"component":"button__component_qa4qp","hug":"button__hug_qa4qp","fill":"button__fill_qa4qp","hint":"button__hint_qa4qp","allowBackdropBlur":"button__allowBackdropBlur_qa4qp","secondary":"button__secondary_qa4qp","accent":"button__accent_qa4qp","primary":"button__primary_qa4qp","focused":"button__focused_qa4qp","loading":"button__loading_qa4qp","label":"button__label_qa4qp","addons":"button__addons_qa4qp","stretchText":"button__stretchText_qa4qp","loader":"button__loader_qa4qp","size-32":"button__size-32_qa4qp","iconOnly":"button__iconOnly_qa4qp","size-40":"button__size-40_qa4qp","size-48":"button__size-48_qa4qp","size-56":"button__size-56_qa4qp","size-64":"button__size-64_qa4qp","size-72":"button__size-72_qa4qp","withRightAddons":"button__withRightAddons_qa4qp","ghost":"button__ghost_qa4qp","text":"button__text_qa4qp","withLeftAddons":"button__withLeftAddons_qa4qp","link":"button__link_qa4qp","transparent":"button__transparent_qa4qp","block":"button__block_qa4qp","nowrap":"button__nowrap_qa4qp","rounded":"button__rounded_qa4qp"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_s06dt","loader":"button__loader_s06dt","primary":"button__primary_s06dt","hint":"button__hint_s06dt","secondary":"button__secondary_s06dt","outlined":"button__outlined_s06dt","tertiary":"button__tertiary_s06dt","filled":"button__filled_s06dt","transparent":"button__transparent_s06dt","link":"button__link_s06dt","text":"button__text_s06dt","ghost":"button__ghost_s06dt","component":"button__component_s06dt","loading":"button__loading_s06dt"};
+var invertedColors = {"accent":"button__accent_g6vdk","loader":"button__loader_g6vdk","primary":"button__primary_g6vdk","hint":"button__hint_g6vdk","secondary":"button__secondary_g6vdk","outlined":"button__outlined_g6vdk","tertiary":"button__tertiary_g6vdk","filled":"button__filled_g6vdk","transparent":"button__transparent_g6vdk","link":"button__link_g6vdk","text":"button__text_g6vdk","ghost":"button__ghost_g6vdk","component":"button__component_g6vdk","loading":"button__loading_g6vdk"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/components/base-button/default.css

@@ -161,155 +161,155 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_15i9u {
+} .button__accent_toyua {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_15i9u:hover {
+        .button__accent_toyua:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_15i9u:active {
+    } .button__accent_toyua:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_15i9u > .button__loader_15i9u {
+    } .button__accent_toyua > .button__loader_toyua {
         color: var(--button-spinner-static-color);
-    } .button__primary_15i9u {
+    } .button__primary_toyua {
     border: 1px solid transparent
-} .button__primary_15i9u .button__hint_15i9u {
+} .button__primary_toyua .button__hint_toyua {
         color: var(--button-primary-hint-color);
-    } .button__secondary_15i9u {
+    } .button__secondary_toyua {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_15i9u > .button__loader_15i9u {
+} .button__secondary_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__secondary_15i9u .button__hint_15i9u {
+    } .button__secondary_toyua .button__hint_toyua {
         color: var(--button-secondary-hint-color);
-    } .button__outlined_15i9u {
+    } .button__outlined_toyua {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_15i9u:hover {
+        .button__outlined_toyua:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_15i9u:active {
+    } .button__outlined_toyua:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_15i9u > .button__loader_15i9u {
+    } .button__outlined_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__outlined_15i9u .button__hint_15i9u {
+    } .button__outlined_toyua .button__hint_toyua {
         color: var(--button-outlined-hint-color);
-    } .button__tertiary_15i9u {
+    } .button__tertiary_toyua {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_15i9u:hover {
+        .button__tertiary_toyua:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_15i9u:active {
+    } .button__tertiary_toyua:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_15i9u > .button__loader_15i9u {
+    } .button__tertiary_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_15i9u .button__hint_15i9u {
+    } .button__tertiary_toyua .button__hint_toyua {
         color: var(--button-tertiary-hint-color);
-    } .button__filled_15i9u {
+    } .button__filled_toyua {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_15i9u:hover {
+        .button__filled_toyua:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_15i9u:active {
+    } .button__filled_toyua:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_15i9u > .button__loader_15i9u {
+    } .button__filled_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__transparent_15i9u {
+    } .button__transparent_toyua {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_15i9u:hover {
+        .button__transparent_toyua:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_15i9u:active {
+    } .button__transparent_toyua:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_15i9u > .button__loader_15i9u {
+    } .button__transparent_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__transparent_15i9u .button__hint_15i9u {
+    } .button__transparent_toyua .button__hint_toyua {
         color: var(--button-transparent-base-hint-color);
-    } .button__link_15i9u {
+    } .button__link_toyua {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_15i9u:hover {
+        .button__link_toyua:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_15i9u:active {
+    } .button__link_toyua:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_15i9u > .button__loader_15i9u {
+    } .button__link_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__text_15i9u {
+    } .button__text_toyua {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_15i9u:hover {
+        .button__text_toyua:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_15i9u > .button__loader_15i9u {
+    } .button__text_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } .button__text_15i9u .button__hint_15i9u {
+    } .button__text_toyua .button__hint_toyua {
         color: var(--button-text-base-hint-color);
-    } .button__ghost_15i9u {
+    } .button__ghost_toyua {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_15i9u:hover {
+        .button__ghost_toyua:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_15i9u > .button__loader_15i9u {
+    } .button__ghost_toyua > .button__loader_toyua {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_15i9u[disabled].button__accent_15i9u {
+    } /* Disabled */ .button__component_toyua[disabled].button__accent_toyua {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_15i9u[disabled].button__accent_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__accent_toyua.button__loading_toyua {
             color: var(--button-accent-color);
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_15i9u[disabled].button__secondary_15i9u {
+        } .button__component_toyua[disabled].button__secondary_toyua {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_15i9u[disabled].button__secondary_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__secondary_toyua.button__loading_toyua {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_15i9u[disabled].button__outlined_15i9u {
+        } .button__component_toyua[disabled].button__outlined_toyua {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_15i9u[disabled].button__outlined_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__outlined_toyua.button__loading_toyua {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_15i9u[disabled].button__tertiary_15i9u {
+        } .button__component_toyua[disabled].button__tertiary_toyua {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_15i9u[disabled].button__tertiary_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__tertiary_toyua.button__loading_toyua {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_15i9u[disabled].button__filled_15i9u {
+        } .button__component_toyua[disabled].button__filled_toyua {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_15i9u[disabled].button__filled_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__filled_toyua.button__loading_toyua {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_15i9u[disabled].button__transparent_15i9u {
+        } .button__component_toyua[disabled].button__transparent_toyua {
         background-color: transparent
-    } .button__component_15i9u[disabled].button__transparent_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__transparent_toyua.button__loading_toyua {
             color: var(--button-transparent-base-color);
-        } .button__component_15i9u[disabled].button__link_15i9u {
+        } .button__component_toyua[disabled].button__link_toyua {
         background-color: transparent
-    } .button__component_15i9u[disabled].button__link_15i9u.button__loading_15i9u {
+    } .button__component_toyua[disabled].button__link_toyua.button__loading_toyua {
             color: var(--button-link-base-color);
-        } .button__component_15i9u[disabled].button__text_15i9u.button__loading_15i9u {
+        } .button__component_toyua[disabled].button__text_toyua.button__loading_toyua {
             color: var(--button-text-base-color);
-        } .button__component_15i9u[disabled].button__ghost_15i9u.button__loading_15i9u {
+        } .button__component_toyua[disabled].button__ghost_toyua.button__loading_toyua {
             color: var(--button-ghost-base-color);
         }