@alfalab/core-components 37.4.0 → 37.4.1

package/button/inverted.css

@@ -92,210 +92,210 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.button__primary_g47jq {
+.button__primary_1p6yh {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
 }
-.button__primary_g47jq:hover {
+.button__primary_1p6yh:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
     }
 @media (hover: none) {
-.button__primary_g47jq:hover {
+.button__primary_1p6yh:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
         }
-.button__primary_g47jq:active {
+.button__primary_1p6yh:active {
         background-color: var(--button-inverted-primary-active-bg-color);
     }
-.button__primary_g47jq > .button__loader_g47jq {
+.button__primary_1p6yh > .button__loader_1p6yh {
         color: var(--button-spinner-static-color);
     }
-.button__secondary_g47jq {
+.button__secondary_1p6yh {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
 }
-.button__secondary_g47jq:hover {
+.button__secondary_1p6yh:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
     }
 @media (hover: none) {
-.button__secondary_g47jq:hover {
+.button__secondary_1p6yh:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
         }
-.button__secondary_g47jq:active {
+.button__secondary_1p6yh:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
     }
-.button__secondary_g47jq > .button__loader_g47jq {
+.button__secondary_1p6yh > .button__loader_1p6yh {
         color: var(--button-spinner-inverted-color);
     }
-.button__outlined_g47jq {
+.button__outlined_1p6yh {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 }
-.button__outlined_g47jq:hover {
+.button__outlined_1p6yh:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
     }
 @media (hover: none) {
-.button__outlined_g47jq:hover {
+.button__outlined_1p6yh:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
         }
-.button__outlined_g47jq:active {
+.button__outlined_1p6yh:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
     }
-.button__tertiary_g47jq {
+.button__tertiary_1p6yh {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 }
-.button__tertiary_g47jq:hover {
+.button__tertiary_1p6yh:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
     }
 @media (hover: none) {
-.button__tertiary_g47jq:hover {
+.button__tertiary_1p6yh:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
         }
-.button__tertiary_g47jq:active {
+.button__tertiary_1p6yh:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
     }
-.button__tertiary_g47jq > .button__loader_g47jq {
+.button__tertiary_1p6yh > .button__loader_1p6yh {
         color: var(--button-spinner-inverted-color);
     }
-.button__filled_g47jq {
+.button__filled_1p6yh {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 }
-.button__filled_g47jq:hover {
+.button__filled_1p6yh:hover {
         background-color: rgb(99, 112, 126)
     }
 @media (hover: none) {
-.button__filled_g47jq:hover {
+.button__filled_1p6yh:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
         }
-.button__filled_g47jq:active {
+.button__filled_1p6yh:active {
         background-color: rgb(61, 74, 88);
     }
-.button__transparent_g47jq {
+.button__transparent_1p6yh {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
 }
-.button__transparent_g47jq:hover {
+.button__transparent_1p6yh:hover {
         background-color: rgba(255, 255, 255, 0.2)
     }
 @media (hover: none) {
-.button__transparent_g47jq:hover {
+.button__transparent_1p6yh:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
         }
-.button__transparent_g47jq:active {
+.button__transparent_1p6yh:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
     }
-.button__link_g47jq {
+.button__link_1p6yh {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 }
-.button__link_g47jq:hover {
+.button__link_1p6yh:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
     }
 @media (hover: none) {
-.button__link_g47jq:hover {
+.button__link_1p6yh:hover {
             background-color: transparent
     }
         }
-.button__link_g47jq:active {
+.button__link_1p6yh:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
     }
-.button__link_g47jq > .button__loader_g47jq {
+.button__link_1p6yh > .button__loader_1p6yh {
         color: var(--button-spinner-inverted-color);
     }
-.button__ghost_g47jq {
+.button__ghost_1p6yh {
     color: var(--button-inverted-ghost-base-color)
 }
-.button__ghost_g47jq:hover {
+.button__ghost_1p6yh:hover {
         color: var(--button-inverted-ghost-hover-color)
     }
 @media (hover: none) {
-.button__ghost_g47jq:hover {
+.button__ghost_1p6yh:hover {
             color: var(--button-inverted-ghost-base-color)
     }
         }
-.button__ghost_g47jq:active {
+.button__ghost_1p6yh:active {
         color: var(--button-inverted-ghost-active-color);
     }
-.button__ghost_g47jq > .button__loader_g47jq {
+.button__ghost_1p6yh > .button__loader_1p6yh {
         color: var(--button-spinner-inverted-color);
     }
-.button__component_g47jq[disabled].button__primary_g47jq {
+.button__component_1p6yh[disabled].button__primary_1p6yh {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
     }
-.button__component_g47jq[disabled].button__primary_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__primary_1p6yh.button__loading_1p6yh {
             background-color: var(--button-inverted-primary-base-bg-color);
         }
-.button__component_g47jq[disabled].button__secondary_g47jq {
+.button__component_1p6yh[disabled].button__secondary_1p6yh {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
     }
-.button__component_g47jq[disabled].button__secondary_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__secondary_1p6yh.button__loading_1p6yh {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
         }
-.button__component_g47jq[disabled].button__outlined_g47jq {
+.button__component_1p6yh[disabled].button__outlined_1p6yh {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
     }
-.button__component_g47jq[disabled].button__outlined_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__outlined_1p6yh.button__loading_1p6yh {
             color: var(--button-inverted-outlined-color);
         }
-.button__component_g47jq[disabled].button__tertiary_g47jq {
+.button__component_1p6yh[disabled].button__tertiary_1p6yh {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
     }
-.button__component_g47jq[disabled].button__tertiary_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__tertiary_1p6yh.button__loading_1p6yh {
             color: var(--button-inverted-tertiary-color);
         }
-.button__component_g47jq[disabled].button__filled_g47jq {
+.button__component_1p6yh[disabled].button__filled_1p6yh {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
     }
-.button__component_g47jq[disabled].button__filled_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__filled_1p6yh.button__loading_1p6yh {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
         }
-.button__component_g47jq[disabled].button__transparent_g47jq {
+.button__component_1p6yh[disabled].button__transparent_1p6yh {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
     }
-.button__component_g47jq[disabled].button__transparent_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__transparent_1p6yh.button__loading_1p6yh {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
         }
-.button__component_g47jq[disabled].button__link_g47jq {
+.button__component_1p6yh[disabled].button__link_1p6yh {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
     }
-.button__component_g47jq[disabled].button__link_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__link_1p6yh.button__loading_1p6yh {
             color: var(--button-inverted-link-base-color);
         }
-.button__component_g47jq[disabled].button__ghost_g47jq {
+.button__component_1p6yh[disabled].button__ghost_1p6yh {
         color: var(--button-inverted-ghost-disabled-color)
     }
-.button__component_g47jq[disabled].button__ghost_g47jq.button__loading_g47jq {
+.button__component_1p6yh[disabled].button__ghost_1p6yh.button__loading_1p6yh {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/modern/Component.js

@@ -4,13 +4,13 @@ import cn from 'classnames';
 import { Spinner } from '../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"button__component_4vwd7","focused":"button__focused_4vwd7","loading":"button__loading_4vwd7","text":"button__text_4vwd7","addons":"button__addons_4vwd7","stretchText":"button__stretchText_4vwd7","loader":"button__loader_4vwd7","xxs":"button__xxs_4vwd7","iconOnly":"button__iconOnly_4vwd7","xs":"button__xs_4vwd7","s":"button__s_4vwd7","m":"button__m_4vwd7","l":"button__l_4vwd7","xl":"button__xl_4vwd7","withRightAddons":"button__withRightAddons_4vwd7","ghost":"button__ghost_4vwd7","withLeftAddons":"button__withLeftAddons_4vwd7","link":"button__link_4vwd7","block":"button__block_4vwd7","nowrap":"button__nowrap_4vwd7"};
+const styles = {"component":"button__component_1bu2i","focused":"button__focused_1bu2i","loading":"button__loading_1bu2i","text":"button__text_1bu2i","addons":"button__addons_1bu2i","stretchText":"button__stretchText_1bu2i","loader":"button__loader_1bu2i","xxs":"button__xxs_1bu2i","iconOnly":"button__iconOnly_1bu2i","xs":"button__xs_1bu2i","s":"button__s_1bu2i","m":"button__m_1bu2i","l":"button__l_1bu2i","xl":"button__xl_1bu2i","withRightAddons":"button__withRightAddons_1bu2i","ghost":"button__ghost_1bu2i","withLeftAddons":"button__withLeftAddons_1bu2i","link":"button__link_1bu2i","block":"button__block_1bu2i","nowrap":"button__nowrap_1bu2i"};
 require('./index.css');
 
-const defaultColors = {"primary":"button__primary_re924","loader":"button__loader_re924","secondary":"button__secondary_re924","outlined":"button__outlined_re924","tertiary":"button__tertiary_re924","filled":"button__filled_re924","transparent":"button__transparent_re924","link":"button__link_re924","ghost":"button__ghost_re924","component":"button__component_re924","loading":"button__loading_re924"};
+const defaultColors = {"primary":"button__primary_1fvxk","loader":"button__loader_1fvxk","secondary":"button__secondary_1fvxk","outlined":"button__outlined_1fvxk","tertiary":"button__tertiary_1fvxk","filled":"button__filled_1fvxk","transparent":"button__transparent_1fvxk","link":"button__link_1fvxk","ghost":"button__ghost_1fvxk","component":"button__component_1fvxk","loading":"button__loading_1fvxk"};
 require('./default.css');
 
-const invertedColors = {"primary":"button__primary_g47jq","loader":"button__loader_g47jq","secondary":"button__secondary_g47jq","outlined":"button__outlined_g47jq","tertiary":"button__tertiary_g47jq","filled":"button__filled_g47jq","transparent":"button__transparent_g47jq","link":"button__link_g47jq","ghost":"button__ghost_g47jq","component":"button__component_g47jq","loading":"button__loading_g47jq"};
+const invertedColors = {"primary":"button__primary_1p6yh","loader":"button__loader_1p6yh","secondary":"button__secondary_1p6yh","outlined":"button__outlined_1p6yh","tertiary":"button__tertiary_1p6yh","filled":"button__filled_1p6yh","transparent":"button__transparent_1p6yh","link":"button__link_1p6yh","ghost":"button__ghost_1p6yh","component":"button__component_1p6yh","loading":"button__loading_1p6yh"};
 require('./inverted.css');
 
 // TODO Вид кнопок зависит от порядка импорта стилей. Исправить!!!.

package/button/modern/default.css

@@ -94,208 +94,208 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-default-color: var(--color-light-graphic-primary);
 }
-.button__primary_re924 {
+.button__primary_1fvxk {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
 }
-.button__primary_re924:hover {
+.button__primary_1fvxk:hover {
         background-color: var(--button-primary-hover-bg-color)
     }
 @media (hover: none) {
-.button__primary_re924:hover {
+.button__primary_1fvxk:hover {
             background-color: var(--button-primary-base-bg-color)
     }
         }
-.button__primary_re924:active {
+.button__primary_1fvxk:active {
         background-color: var(--button-primary-active-bg-color);
     }
-.button__primary_re924 > .button__loader_re924 {
+.button__primary_1fvxk > .button__loader_1fvxk {
         color: var(--button-spinner-static-color);
     }
-.button__secondary_re924 {
+.button__secondary_1fvxk {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
 }
-.button__secondary_re924:hover {
+.button__secondary_1fvxk:hover {
         background-color: var(--button-secondary-hover-bg-color)
     }
 @media (hover: none) {
-.button__secondary_re924:hover {
+.button__secondary_1fvxk:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
         }
-.button__secondary_re924:active {
+.button__secondary_1fvxk:active {
         background-color: var(--button-secondary-active-bg-color);
     }
-.button__secondary_re924 > .button__loader_re924 {
+.button__secondary_1fvxk > .button__loader_1fvxk {
         color: var(--button-spinner-default-color);
     }
-.button__outlined_re924 {
+.button__outlined_1fvxk {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 }
-.button__outlined_re924:hover {
+.button__outlined_1fvxk:hover {
         background-color: var(--button-outlined-hover-bg-color)
     }
 @media (hover: none) {
-.button__outlined_re924:hover {
+.button__outlined_1fvxk:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
         }
-.button__outlined_re924:active {
+.button__outlined_1fvxk:active {
         background-color: var(--button-outlined-active-bg-color);
     }
-.button__tertiary_re924 {
+.button__tertiary_1fvxk {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 }
-.button__tertiary_re924:hover {
+.button__tertiary_1fvxk:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
     }
 @media (hover: none) {
-.button__tertiary_re924:hover {
+.button__tertiary_1fvxk:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
         }
-.button__tertiary_re924:active {
+.button__tertiary_1fvxk:active {
         background-color: var(--button-tertiary-active-bg-color);
     }
-.button__tertiary_re924 > .button__loader_re924 {
+.button__tertiary_1fvxk > .button__loader_1fvxk {
         color: var(--button-spinner-default-color);
     }
-.button__filled_re924 {
+.button__filled_1fvxk {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
 }
-.button__filled_re924:hover {
+.button__filled_1fvxk:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
     }
 @media (hover: none) {
-.button__filled_re924:hover {
+.button__filled_1fvxk:hover {
             background-color: var(--color-light-bg-quaternary)
     }
         }
-.button__filled_re924:active {
+.button__filled_1fvxk:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
     }
-.button__transparent_re924 {
+.button__transparent_1fvxk {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
 }
-.button__transparent_re924:hover {
+.button__transparent_1fvxk:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
     }
 @media (hover: none) {
-.button__transparent_re924:hover {
+.button__transparent_1fvxk:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
         }
-.button__transparent_re924:active {
+.button__transparent_1fvxk:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
     }
-.button__link_re924 {
+.button__link_1fvxk {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 }
-.button__link_re924:hover {
+.button__link_1fvxk:hover {
         background-color: var(--button-link-hover-bg-color)
     }
 @media (hover: none) {
-.button__link_re924:hover {
+.button__link_1fvxk:hover {
             background-color: transparent
     }
         }
-.button__link_re924:active {
+.button__link_1fvxk:active {
         background-color: var(--button-link-active-bg-color);
     }
-.button__link_re924 > .button__loader_re924 {
+.button__link_1fvxk > .button__loader_1fvxk {
         color: var(--button-spinner-default-color);
     }
-.button__ghost_re924 {
+.button__ghost_1fvxk {
     color: var(--button-ghost-base-color)
 }
-.button__ghost_re924:hover {
+.button__ghost_1fvxk:hover {
         color: var(--button-ghost-hover-color)
     }
 @media (hover: none) {
-.button__ghost_re924:hover {
+.button__ghost_1fvxk:hover {
             color: var(--button-ghost-base-color)
     }
         }
-.button__ghost_re924:active {
+.button__ghost_1fvxk:active {
         color: var(--button-ghost-active-color);
     }
-.button__ghost_re924 > .button__loader_re924 {
+.button__ghost_1fvxk > .button__loader_1fvxk {
         color: var(--button-spinner-default-color);
     }
 /* Disabled */
-.button__component_re924[disabled].button__primary_re924 {
+.button__component_1fvxk[disabled].button__primary_1fvxk {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
     }
-.button__component_re924[disabled].button__primary_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__primary_1fvxk.button__loading_1fvxk {
             background-color: var(--button-primary-base-bg-color);
         }
-.button__component_re924[disabled].button__secondary_re924 {
+.button__component_1fvxk[disabled].button__secondary_1fvxk {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
     }
-.button__component_re924[disabled].button__secondary_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__secondary_1fvxk.button__loading_1fvxk {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
         }
-.button__component_re924[disabled].button__outlined_re924 {
+.button__component_1fvxk[disabled].button__outlined_1fvxk {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
     }
-.button__component_re924[disabled].button__outlined_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__outlined_1fvxk.button__loading_1fvxk {
             color: var(--button-outlined-color);
         }
-.button__component_re924[disabled].button__tertiary_re924 {
+.button__component_1fvxk[disabled].button__tertiary_1fvxk {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
     }
-.button__component_re924[disabled].button__tertiary_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__tertiary_1fvxk.button__loading_1fvxk {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
         }
-.button__component_re924[disabled].button__filled_re924 {
+.button__component_1fvxk[disabled].button__filled_1fvxk {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
     }
-.button__component_re924[disabled].button__filled_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__filled_1fvxk.button__loading_1fvxk {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
         }
-.button__component_re924[disabled].button__transparent_re924 {
+.button__component_1fvxk[disabled].button__transparent_1fvxk {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
     }
-.button__component_re924[disabled].button__transparent_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__transparent_1fvxk.button__loading_1fvxk {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
         }
-.button__component_re924[disabled].button__link_re924 {
+.button__component_1fvxk[disabled].button__link_1fvxk {
         color: var(--button-link-disabled-color);
         background-color: transparent
     }
-.button__component_re924[disabled].button__link_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__link_1fvxk.button__loading_1fvxk {
             color: var(--button-link-base-color);
         }
-.button__component_re924[disabled].button__ghost_re924 {
+.button__component_1fvxk[disabled].button__ghost_1fvxk {
         color: var(--button-ghost-disabled-color)
     }
-.button__component_re924[disabled].button__ghost_re924.button__loading_re924 {
+.button__component_1fvxk[disabled].button__ghost_1fvxk.button__loading_1fvxk {
             color: var(--button-ghost-base-color);
         }