@alfalab/core-components 41.1.0-beta.0 → 41.1.0

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: rdtvt */
+/* hash: 1n72d */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
 } :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
-} .bottom-sheet__modal_sul96 {
+} .bottom-sheet__modal_7jq8y {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_sul96 {
+} .bottom-sheet__wrapper_7jq8y {
     transform: translateY(100%);
     overflow: hidden;
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
-} .bottom-sheet__component_sul96 {
+} .bottom-sheet__component_7jq8y {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -66,16 +66,16 @@
     border-radius: inherit;
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
-} .bottom-sheet__withTransition_sul96 {
+} .bottom-sheet__withTransition_7jq8y {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_sul96 {
+} .bottom-sheet__scrollableContainer_7jq8y {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_sul96 {
+} .bottom-sheet__marker_7jq8y {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -85,7 +85,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_sul96 {
+} .bottom-sheet__content_7jq8y {
     position: relative;
     z-index: 0;
     display: flex;
@@ -94,73 +94,73 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: inherit;
-} .bottom-sheet__noHeader_sul96 {
+} .bottom-sheet__noHeader_7jq8y {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_sul96 {
+} .bottom-sheet__noFooter_7jq8y {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_sul96 {
+} .bottom-sheet__scrollLocked_7jq8y {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_sul96 {
+} .bottom-sheet__hiddenScrollbar_7jq8y {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_sul96::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_7jq8y::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_sul96 {
+    } .bottom-sheet__disabledPointerEvents_7jq8y {
     pointer-events: none;
-} .bottom-sheet__appear_sul96 .bottom-sheet__wrapper_sul96, .bottom-sheet__enter_sul96 .bottom-sheet__wrapper_sul96 {
+} .bottom-sheet__appear_7jq8y .bottom-sheet__wrapper_7jq8y, .bottom-sheet__enter_7jq8y .bottom-sheet__wrapper_7jq8y {
         transition: none;
-    } .bottom-sheet__appearActive_sul96 .bottom-sheet__wrapper_sul96, .bottom-sheet__enterActive_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__appearActive_7jq8y .bottom-sheet__wrapper_7jq8y, .bottom-sheet__enterActive_7jq8y .bottom-sheet__wrapper_7jq8y {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_sul96 .bottom-sheet__wrapper_sul96, .bottom-sheet__appearDone_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__enterDone_7jq8y .bottom-sheet__wrapper_7jq8y, .bottom-sheet__appearDone_7jq8y .bottom-sheet__wrapper_7jq8y {
         transform: translateY(0);
-    } .bottom-sheet__exit_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__exit_7jq8y .bottom-sheet__wrapper_7jq8y {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__exitActive_7jq8y .bottom-sheet__wrapper_7jq8y {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_sul96 {
+    } .bottom-sheet__background-accent_7jq8y {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_sul96 {
+        } .bottom-sheet__background-info_7jq8y {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_sul96 {
+        } .bottom-sheet__background-attention-muted_7jq8y {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_sul96 {
+        } .bottom-sheet__background-positive-muted_7jq8y {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_sul96 {
+        } .bottom-sheet__background-negative-muted_7jq8y {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_sul96 {
+        } .bottom-sheet__background-primary_7jq8y {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_sul96 {
+        } .bottom-sheet__background-primary-inverted_7jq8y {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_sul96 {
+        } .bottom-sheet__background-secondary_7jq8y {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_sul96 {
+        } .bottom-sheet__background-secondary-inverted_7jq8y {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_sul96 {
+        } .bottom-sheet__background-tertiary_7jq8y {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_sul96 {
+        } .bottom-sheet__background-tertiary-inverted_7jq8y {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_sul96 {
+        } .bottom-sheet__background-quaternary_7jq8y {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_sul96 {
+        } .bottom-sheet__background-quaternary-inverted_7jq8y {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_sul96 {
+        } .bottom-sheet__background-specialbg-component_7jq8y {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-component-inverted_7jq8y {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-primary-grouped_7jq8y {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_7jq8y {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_7jq8y {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_7jq8y {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_7jq8y {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_7jq8y {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_7jq8y {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/button/Component.js

@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"button__component_uj4wz","focused":"button__focused_uj4wz","loading":"button__loading_uj4wz","text":"button__text_uj4wz","addons":"button__addons_uj4wz","stretchText":"button__stretchText_uj4wz","loader":"button__loader_uj4wz","xxs":"button__xxs_uj4wz","iconOnly":"button__iconOnly_uj4wz","xs":"button__xs_uj4wz","s":"button__s_uj4wz","m":"button__m_uj4wz","l":"button__l_uj4wz","xl":"button__xl_uj4wz","withRightAddons":"button__withRightAddons_uj4wz","ghost":"button__ghost_uj4wz","withLeftAddons":"button__withLeftAddons_uj4wz","link":"button__link_uj4wz","block":"button__block_uj4wz","nowrap":"button__nowrap_uj4wz"};
+var styles = {"component":"button__component_41vkp","focused":"button__focused_41vkp","loading":"button__loading_41vkp","text":"button__text_41vkp","addons":"button__addons_41vkp","stretchText":"button__stretchText_41vkp","loader":"button__loader_41vkp","xxs":"button__xxs_41vkp","iconOnly":"button__iconOnly_41vkp","xs":"button__xs_41vkp","s":"button__s_41vkp","m":"button__m_41vkp","l":"button__l_41vkp","xl":"button__xl_41vkp","withRightAddons":"button__withRightAddons_41vkp","ghost":"button__ghost_41vkp","withLeftAddons":"button__withLeftAddons_41vkp","link":"button__link_41vkp","block":"button__block_41vkp","nowrap":"button__nowrap_41vkp"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_l6w8h","loader":"button__loader_l6w8h","primary":"button__primary_l6w8h","secondary":"button__secondary_l6w8h","outlined":"button__outlined_l6w8h","tertiary":"button__tertiary_l6w8h","filled":"button__filled_l6w8h","transparent":"button__transparent_l6w8h","link":"button__link_l6w8h","ghost":"button__ghost_l6w8h","component":"button__component_l6w8h","loading":"button__loading_l6w8h"};
+var defaultColors = {"accent":"button__accent_16pjx","loader":"button__loader_16pjx","primary":"button__primary_16pjx","secondary":"button__secondary_16pjx","outlined":"button__outlined_16pjx","tertiary":"button__tertiary_16pjx","filled":"button__filled_16pjx","transparent":"button__transparent_16pjx","link":"button__link_16pjx","ghost":"button__ghost_16pjx","component":"button__component_16pjx","loading":"button__loading_16pjx"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_9wuq2","loader":"button__loader_9wuq2","primary":"button__primary_9wuq2","secondary":"button__secondary_9wuq2","outlined":"button__outlined_9wuq2","tertiary":"button__tertiary_9wuq2","filled":"button__filled_9wuq2","transparent":"button__transparent_9wuq2","link":"button__link_9wuq2","ghost":"button__ghost_9wuq2","component":"button__component_9wuq2","loading":"button__loading_9wuq2"};
+var invertedColors = {"accent":"button__accent_vfifd","loader":"button__loader_vfifd","primary":"button__primary_vfifd","secondary":"button__secondary_vfifd","outlined":"button__outlined_vfifd","tertiary":"button__tertiary_vfifd","filled":"button__filled_vfifd","transparent":"button__transparent_vfifd","link":"button__link_vfifd","ghost":"button__ghost_vfifd","component":"button__component_vfifd","loading":"button__loading_vfifd"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/default.css

@@ -112,165 +112,165 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --button-spinner-default-color: var(--color-light-graphic-primary);
-} .button__accent_l6w8h {
+} .button__accent_16pjx {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_l6w8h:hover {
+} .button__accent_16pjx:hover {
         background-color: var(--button-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_l6w8h:hover {
+    } @media (hover: none) { .button__accent_16pjx:hover {
             background-color: var(--button-accent-base-bg-color)
     }
-        } .button__accent_l6w8h:active {
+        } .button__accent_16pjx:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_l6w8h > .button__loader_l6w8h {
+    } .button__accent_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-static-color);
-    } .button__primary_l6w8h {
+    } .button__primary_16pjx {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_l6w8h:hover {
+} .button__primary_16pjx:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_l6w8h:hover {
+    } @media (hover: none) { .button__primary_16pjx:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_l6w8h:active {
+        } .button__primary_16pjx:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_l6w8h > .button__loader_l6w8h {
+    } .button__primary_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_l6w8h {
+    } .button__secondary_16pjx {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_l6w8h:hover {
+} .button__secondary_16pjx:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_l6w8h:hover {
+    } @media (hover: none) { .button__secondary_16pjx:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_l6w8h:active {
+        } .button__secondary_16pjx:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_l6w8h > .button__loader_l6w8h {
+    } .button__secondary_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-default-color);
-    } .button__outlined_l6w8h {
+    } .button__outlined_16pjx {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_l6w8h:hover {
+} .button__outlined_16pjx:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_l6w8h:hover {
+    } @media (hover: none) { .button__outlined_16pjx:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_l6w8h:active {
+        } .button__outlined_16pjx:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_l6w8h {
+    } .button__tertiary_16pjx {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_l6w8h:hover {
+} .button__tertiary_16pjx:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_l6w8h:hover {
+    } @media (hover: none) { .button__tertiary_16pjx:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_l6w8h:active {
+        } .button__tertiary_16pjx:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_l6w8h > .button__loader_l6w8h {
+    } .button__tertiary_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-default-color);
-    } .button__filled_l6w8h {
+    } .button__filled_16pjx {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_l6w8h:hover {
+} .button__filled_16pjx:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_l6w8h:hover {
+    } @media (hover: none) { .button__filled_16pjx:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_l6w8h:active {
+        } .button__filled_16pjx:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_l6w8h {
+    } .button__transparent_16pjx {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_l6w8h:hover {
+} .button__transparent_16pjx:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_l6w8h:hover {
+    } @media (hover: none) { .button__transparent_16pjx:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_l6w8h:active {
+        } .button__transparent_16pjx:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_l6w8h {
+    } .button__link_16pjx {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_l6w8h:hover {
+} .button__link_16pjx:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_l6w8h:hover {
+    } @media (hover: none) { .button__link_16pjx:hover {
             background-color: transparent
     }
-        } .button__link_l6w8h:active {
+        } .button__link_16pjx:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_l6w8h > .button__loader_l6w8h {
+    } .button__link_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-default-color);
-    } .button__ghost_l6w8h {
+    } .button__ghost_16pjx {
     color: var(--button-ghost-base-color)
-} .button__ghost_l6w8h:hover {
+} .button__ghost_16pjx:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_l6w8h:hover {
+    } @media (hover: none) { .button__ghost_16pjx:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_l6w8h:active {
+        } .button__ghost_16pjx:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_l6w8h > .button__loader_l6w8h {
+    } .button__ghost_16pjx > .button__loader_16pjx {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_l6w8h[disabled].button__accent_l6w8h {
+    } /* Disabled */ .button__component_16pjx[disabled].button__accent_16pjx {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_l6w8h[disabled].button__accent_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__accent_16pjx.button__loading_16pjx {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_l6w8h[disabled].button__primary_l6w8h {
+        } .button__component_16pjx[disabled].button__primary_16pjx {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_l6w8h[disabled].button__primary_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__primary_16pjx.button__loading_16pjx {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_l6w8h[disabled].button__secondary_l6w8h {
+        } .button__component_16pjx[disabled].button__secondary_16pjx {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_l6w8h[disabled].button__secondary_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__secondary_16pjx.button__loading_16pjx {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_l6w8h[disabled].button__outlined_l6w8h {
+        } .button__component_16pjx[disabled].button__outlined_16pjx {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_l6w8h[disabled].button__outlined_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__outlined_16pjx.button__loading_16pjx {
             color: var(--button-outlined-color);
-        } .button__component_l6w8h[disabled].button__tertiary_l6w8h {
+        } .button__component_16pjx[disabled].button__tertiary_16pjx {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_l6w8h[disabled].button__tertiary_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__tertiary_16pjx.button__loading_16pjx {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_l6w8h[disabled].button__filled_l6w8h {
+        } .button__component_16pjx[disabled].button__filled_16pjx {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_l6w8h[disabled].button__filled_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__filled_16pjx.button__loading_16pjx {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_l6w8h[disabled].button__transparent_l6w8h {
+        } .button__component_16pjx[disabled].button__transparent_16pjx {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_l6w8h[disabled].button__transparent_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__transparent_16pjx.button__loading_16pjx {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_l6w8h[disabled].button__link_l6w8h {
+        } .button__component_16pjx[disabled].button__link_16pjx {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_l6w8h[disabled].button__link_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__link_16pjx.button__loading_16pjx {
             color: var(--button-link-base-color);
-        } .button__component_l6w8h[disabled].button__ghost_l6w8h {
+        } .button__component_16pjx[disabled].button__ghost_16pjx {
         color: var(--button-ghost-disabled-color)
-    } .button__component_l6w8h[disabled].button__ghost_l6w8h.button__loading_l6w8h {
+    } .button__component_16pjx[disabled].button__ghost_16pjx.button__loading_16pjx {
             color: var(--button-ghost-base-color);
         }

package/button/esm/Component.js

@@ -5,13 +5,13 @@ import cn from 'classnames';
 import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"button__component_uj4wz","focused":"button__focused_uj4wz","loading":"button__loading_uj4wz","text":"button__text_uj4wz","addons":"button__addons_uj4wz","stretchText":"button__stretchText_uj4wz","loader":"button__loader_uj4wz","xxs":"button__xxs_uj4wz","iconOnly":"button__iconOnly_uj4wz","xs":"button__xs_uj4wz","s":"button__s_uj4wz","m":"button__m_uj4wz","l":"button__l_uj4wz","xl":"button__xl_uj4wz","withRightAddons":"button__withRightAddons_uj4wz","ghost":"button__ghost_uj4wz","withLeftAddons":"button__withLeftAddons_uj4wz","link":"button__link_uj4wz","block":"button__block_uj4wz","nowrap":"button__nowrap_uj4wz"};
+var styles = {"component":"button__component_41vkp","focused":"button__focused_41vkp","loading":"button__loading_41vkp","text":"button__text_41vkp","addons":"button__addons_41vkp","stretchText":"button__stretchText_41vkp","loader":"button__loader_41vkp","xxs":"button__xxs_41vkp","iconOnly":"button__iconOnly_41vkp","xs":"button__xs_41vkp","s":"button__s_41vkp","m":"button__m_41vkp","l":"button__l_41vkp","xl":"button__xl_41vkp","withRightAddons":"button__withRightAddons_41vkp","ghost":"button__ghost_41vkp","withLeftAddons":"button__withLeftAddons_41vkp","link":"button__link_41vkp","block":"button__block_41vkp","nowrap":"button__nowrap_41vkp"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_l6w8h","loader":"button__loader_l6w8h","primary":"button__primary_l6w8h","secondary":"button__secondary_l6w8h","outlined":"button__outlined_l6w8h","tertiary":"button__tertiary_l6w8h","filled":"button__filled_l6w8h","transparent":"button__transparent_l6w8h","link":"button__link_l6w8h","ghost":"button__ghost_l6w8h","component":"button__component_l6w8h","loading":"button__loading_l6w8h"};
+var defaultColors = {"accent":"button__accent_16pjx","loader":"button__loader_16pjx","primary":"button__primary_16pjx","secondary":"button__secondary_16pjx","outlined":"button__outlined_16pjx","tertiary":"button__tertiary_16pjx","filled":"button__filled_16pjx","transparent":"button__transparent_16pjx","link":"button__link_16pjx","ghost":"button__ghost_16pjx","component":"button__component_16pjx","loading":"button__loading_16pjx"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_9wuq2","loader":"button__loader_9wuq2","primary":"button__primary_9wuq2","secondary":"button__secondary_9wuq2","outlined":"button__outlined_9wuq2","tertiary":"button__tertiary_9wuq2","filled":"button__filled_9wuq2","transparent":"button__transparent_9wuq2","link":"button__link_9wuq2","ghost":"button__ghost_9wuq2","component":"button__component_9wuq2","loading":"button__loading_9wuq2"};
+var invertedColors = {"accent":"button__accent_vfifd","loader":"button__loader_vfifd","primary":"button__primary_vfifd","secondary":"button__secondary_vfifd","outlined":"button__outlined_vfifd","tertiary":"button__tertiary_vfifd","filled":"button__filled_vfifd","transparent":"button__transparent_vfifd","link":"button__link_vfifd","ghost":"button__ghost_vfifd","component":"button__component_vfifd","loading":"button__loading_vfifd"};
 require('./inverted.css');
 
 var colorStyles = {