@alfalab/core-components 27.0.0 → 27.2.0

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-361629fa";
+export * from "./component-ad0b9c56";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-51ba014b.js');
+require('./tslib.es6-14e62ea1.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-361629fa.js');
+var components_header_Component = require('./component-ad0b9c56.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/{component-7c3cd516.js → component-60e53beb.js}

@@ -13,7 +13,7 @@ import { Footer } from './components/footer/Component.js';
 import '../../backdrop/modern';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
-var styles = {"header":"bottom-sheet__header_1f3x7","sticky":"bottom-sheet__sticky_1f3x7","highlighted":"bottom-sheet__highlighted_1f3x7","justifyEnd":"bottom-sheet__justifyEnd_1f3x7","addon":"bottom-sheet__addon_1f3x7","addonFixed":"bottom-sheet__addonFixed_1f3x7","addonLeft":"bottom-sheet__addonLeft_1f3x7","addonRight":"bottom-sheet__addonRight_1f3x7","title":"bottom-sheet__title_1f3x7","titleCenter":"bottom-sheet__titleCenter_1f3x7","titleLeft":"bottom-sheet__titleLeft_1f3x7","trimTitle":"bottom-sheet__trimTitle_1f3x7","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1f3x7","titleIndentRight":"bottom-sheet__titleIndentRight_1f3x7","titleIndentLeft":"bottom-sheet__titleIndentLeft_1f3x7"};
+var styles = {"header":"bottom-sheet__header_v3571","sticky":"bottom-sheet__sticky_v3571","highlighted":"bottom-sheet__highlighted_v3571","justifyEnd":"bottom-sheet__justifyEnd_v3571","addon":"bottom-sheet__addon_v3571","addonFixed":"bottom-sheet__addonFixed_v3571","addonLeft":"bottom-sheet__addonLeft_v3571","addonRight":"bottom-sheet__addonRight_v3571","title":"bottom-sheet__title_v3571","titleCenter":"bottom-sheet__titleCenter_v3571","titleLeft":"bottom-sheet__titleLeft_v3571","trimTitle":"bottom-sheet__trimTitle_v3571","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_v3571","titleIndentRight":"bottom-sheet__titleIndentRight_v3571","titleIndentLeft":"bottom-sheet__titleIndentLeft_v3571"};
 require('./components/header/index.css');
 
 const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, onBack, }) => {
@@ -57,7 +57,7 @@ const Header = ({ title, headerClassName, addonClassName, closerClassName, backe
             }) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_p20i9","component":"bottom-sheet__component_p20i9","withTransition":"bottom-sheet__withTransition_p20i9","scrollableContainer":"bottom-sheet__scrollableContainer_p20i9","marker":"bottom-sheet__marker_p20i9","content":"bottom-sheet__content_p20i9","noHeader":"bottom-sheet__noHeader_p20i9","noFooter":"bottom-sheet__noFooter_p20i9","scrollLocked":"bottom-sheet__scrollLocked_p20i9","appear":"bottom-sheet__appear_p20i9","enter":"bottom-sheet__enter_p20i9","appearActive":"bottom-sheet__appearActive_p20i9","enterActive":"bottom-sheet__enterActive_p20i9","enterDone":"bottom-sheet__enterDone_p20i9","appearDone":"bottom-sheet__appearDone_p20i9","exit":"bottom-sheet__exit_p20i9","exitActive":"bottom-sheet__exitActive_p20i9"};
+var styles$1 = {"modal":"bottom-sheet__modal_1d9wh","component":"bottom-sheet__component_1d9wh","withTransition":"bottom-sheet__withTransition_1d9wh","scrollableContainer":"bottom-sheet__scrollableContainer_1d9wh","marker":"bottom-sheet__marker_1d9wh","content":"bottom-sheet__content_1d9wh","noHeader":"bottom-sheet__noHeader_1d9wh","noFooter":"bottom-sheet__noFooter_1d9wh","scrollLocked":"bottom-sheet__scrollLocked_1d9wh","appear":"bottom-sheet__appear_1d9wh","enter":"bottom-sheet__enter_1d9wh","appearActive":"bottom-sheet__appearActive_1d9wh","enterActive":"bottom-sheet__enterActive_1d9wh","enterDone":"bottom-sheet__enterDone_1d9wh","appearDone":"bottom-sheet__appearDone_1d9wh","exit":"bottom-sheet__exit_1d9wh","exitActive":"bottom-sheet__exitActive_1d9wh"};
 require('./index.css');
 
 const TIMEOUT = 300;

package/bottom-sheet/modern/component.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-7c3cd516.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-60e53beb.js';

package/bottom-sheet/modern/components/backer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 import { IconButton } from '../../../../icon-button/modern';
 
-var styles = {"backer":"bottom-sheet__backer_1uxjh","button":"bottom-sheet__button_1uxjh"};
+var styles = {"backer":"bottom-sheet__backer_14v6f","button":"bottom-sheet__button_14v6f"};
 require('./index.css');
 
 const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, onClick, ...restProps }) => {

package/bottom-sheet/modern/components/backer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1chn3 */
+/* hash: 1ad00 */
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__backer_1uxjh {
+.bottom-sheet__backer_14v6f {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_1uxjh {
+.bottom-sheet__button_14v6f {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/bottom-sheet/modern/components/closer/Component.js

@@ -4,7 +4,7 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { BaseModalContext } from '../../../../base-modal/modern';
 import { IconButton } from '../../../../icon-button/modern';
 
-var styles = {"closer":"bottom-sheet__closer_dw4c8","button":"bottom-sheet__button_dw4c8"};
+var styles = {"closer":"bottom-sheet__closer_1egke","button":"bottom-sheet__button_1egke"};
 require('./index.css');
 
 const Closer = ({ className, size = 'xs', icon = CrossMIcon, ...restProps }) => {

package/bottom-sheet/modern/components/closer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1xhb0 */
+/* hash: 1uioq */
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__closer_dw4c8 {
+.bottom-sheet__closer_1egke {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_dw4c8 {
+.bottom-sheet__button_1egke {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/bottom-sheet/modern/components/footer/Component.js

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 
-var styles = {"footer":"bottom-sheet__footer_3bny9","sticky":"bottom-sheet__sticky_3bny9","highlighted":"bottom-sheet__highlighted_3bny9"};
+var styles = {"footer":"bottom-sheet__footer_veulv","sticky":"bottom-sheet__sticky_veulv","highlighted":"bottom-sheet__highlighted_veulv"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

package/bottom-sheet/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: ebjye */
+/* hash: 1b1hf */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -18,15 +18,15 @@
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__footer_3bny9 {
+.bottom-sheet__footer_veulv {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_3bny9 {
+.bottom-sheet__sticky_veulv {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_3bny9 {
+.bottom-sheet__highlighted_veulv {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

package/bottom-sheet/modern/components/header/Component.js

@@ -12,4 +12,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/modern';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-7c3cd516.js';
+export { a as Header } from '../../component-60e53beb.js';

package/bottom-sheet/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1v027 */
+/* hash: ks1zy */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__header_1f3x7 {
+.bottom-sheet__header_v3571 {
     display: flex;
     padding: var(--gap-xs);
     padding-bottom: 0;
@@ -39,35 +39,35 @@
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
 }
-.bottom-sheet__sticky_1f3x7 {
+.bottom-sheet__sticky_v3571 {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_1f3x7 {
+.bottom-sheet__highlighted_v3571 {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_1f3x7 {
+.bottom-sheet__justifyEnd_v3571 {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_1f3x7 {
+.bottom-sheet__addon_v3571 {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_1f3x7 {
+.bottom-sheet__addonFixed_v3571 {
     position: fixed;
 }
-.bottom-sheet__addonLeft_1f3x7 {
+.bottom-sheet__addonLeft_v3571 {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_1f3x7 {
+.bottom-sheet__addonRight_v3571 {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_1f3x7 {
+.bottom-sheet__title_v3571 {
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
     width: 100%;
@@ -76,23 +76,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_1f3x7 {
+.bottom-sheet__titleCenter_v3571 {
     text-align: center;
 }
-.bottom-sheet__titleLeft_1f3x7 {
+.bottom-sheet__titleLeft_v3571 {
     text-align: left;
 }
-.bottom-sheet__trimTitle_1f3x7 {
+.bottom-sheet__trimTitle_v3571 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_1f3x7 {
+.bottom-sheet__titleBigIndentHorizontal_v3571 {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_1f3x7 {
+.bottom-sheet__titleIndentRight_v3571 {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_1f3x7 {
+.bottom-sheet__titleIndentLeft_v3571 {
     margin-left: var(--gap-4xl);
 }

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: hwkft */
+/* hash: exy5i */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-quaternary: #dbdee1;
@@ -24,14 +24,14 @@
     --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_p20i9 {
+.bottom-sheet__modal_1d9wh {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_p20i9 {
+.bottom-sheet__component_1d9wh {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_p20i9 {
+.bottom-sheet__withTransition_1d9wh {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_p20i9 {
+.bottom-sheet__scrollableContainer_1d9wh {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_p20i9 {
+.bottom-sheet__marker_1d9wh {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
 }
-.bottom-sheet__content_p20i9 {
+.bottom-sheet__content_1d9wh {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -70,29 +70,29 @@
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__noHeader_p20i9 {
+.bottom-sheet__noHeader_1d9wh {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_p20i9 {
+.bottom-sheet__noFooter_1d9wh {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_p20i9 {
+.bottom-sheet__scrollLocked_1d9wh {
     overflow: hidden;
 }
-.bottom-sheet__appear_p20i9 .bottom-sheet__component_p20i9, .bottom-sheet__enter_p20i9 .bottom-sheet__component_p20i9 {
+.bottom-sheet__appear_1d9wh .bottom-sheet__component_1d9wh, .bottom-sheet__enter_1d9wh .bottom-sheet__component_1d9wh {
         transition: none;
     }
-.bottom-sheet__appearActive_p20i9 .bottom-sheet__component_p20i9, .bottom-sheet__enterActive_p20i9 .bottom-sheet__component_p20i9 {
+.bottom-sheet__appearActive_1d9wh .bottom-sheet__component_1d9wh, .bottom-sheet__enterActive_1d9wh .bottom-sheet__component_1d9wh {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_p20i9 .bottom-sheet__component_p20i9, .bottom-sheet__appearDone_p20i9 .bottom-sheet__component_p20i9 {
+.bottom-sheet__enterDone_1d9wh .bottom-sheet__component_1d9wh, .bottom-sheet__appearDone_1d9wh .bottom-sheet__component_1d9wh {
         transform: translateY(0);
     }
-.bottom-sheet__exit_p20i9 .bottom-sheet__component_p20i9 {
+.bottom-sheet__exit_1d9wh .bottom-sheet__component_1d9wh {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_p20i9 .bottom-sheet__component_p20i9 {
+.bottom-sheet__exitActive_1d9wh .bottom-sheet__component_1d9wh {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

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

@@ -1 +1 @@
-export * from "./component-7c3cd516";
+export * from "./component-60e53beb";

package/bottom-sheet/modern/index.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-7c3cd516.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-60e53beb.js';

package/button/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_co2en","focused":"button__focused_co2en","loading":"button__loading_co2en","text":"button__text_co2en","addons":"button__addons_co2en","stretchText":"button__stretchText_co2en","loader":"button__loader_co2en","xxs":"button__xxs_co2en","iconOnly":"button__iconOnly_co2en","xs":"button__xs_co2en","s":"button__s_co2en","m":"button__m_co2en","l":"button__l_co2en","xl":"button__xl_co2en","withRightAddons":"button__withRightAddons_co2en","ghost":"button__ghost_co2en","withLeftAddons":"button__withLeftAddons_co2en","link":"button__link_co2en","block":"button__block_co2en","nowrap":"button__nowrap_co2en"};
+var styles = {"component":"button__component_a3zra","focused":"button__focused_a3zra","loading":"button__loading_a3zra","text":"button__text_a3zra","addons":"button__addons_a3zra","stretchText":"button__stretchText_a3zra","loader":"button__loader_a3zra","xxs":"button__xxs_a3zra","iconOnly":"button__iconOnly_a3zra","xs":"button__xs_a3zra","s":"button__s_a3zra","m":"button__m_a3zra","l":"button__l_a3zra","xl":"button__xl_a3zra","withRightAddons":"button__withRightAddons_a3zra","ghost":"button__ghost_a3zra","withLeftAddons":"button__withLeftAddons_a3zra","link":"button__link_a3zra","block":"button__block_a3zra","nowrap":"button__nowrap_a3zra"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_m2e47","secondary":"button__secondary_m2e47","outlined":"button__outlined_m2e47","tertiary":"button__tertiary_m2e47","filled":"button__filled_m2e47","transparent":"button__transparent_m2e47","link":"button__link_m2e47","ghost":"button__ghost_m2e47","component":"button__component_m2e47","loading":"button__loading_m2e47"};
+var defaultColors = {"primary":"button__primary_18h0e","secondary":"button__secondary_18h0e","outlined":"button__outlined_18h0e","tertiary":"button__tertiary_18h0e","filled":"button__filled_18h0e","transparent":"button__transparent_18h0e","link":"button__link_18h0e","ghost":"button__ghost_18h0e","component":"button__component_18h0e","loading":"button__loading_18h0e"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_5isbp","secondary":"button__secondary_5isbp","outlined":"button__outlined_5isbp","tertiary":"button__tertiary_5isbp","filled":"button__filled_5isbp","transparent":"button__transparent_5isbp","link":"button__link_5isbp","ghost":"button__ghost_5isbp","component":"button__component_5isbp","loading":"button__loading_5isbp"};
+var invertedColors = {"primary":"button__primary_x6yw3","secondary":"button__secondary_x6yw3","outlined":"button__outlined_x6yw3","tertiary":"button__tertiary_x6yw3","filled":"button__filled_x6yw3","transparent":"button__transparent_x6yw3","link":"button__link_x6yw3","ghost":"button__ghost_x6yw3","component":"button__component_x6yw3","loading":"button__loading_x6yw3"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/cssm/index.module.css

@@ -37,6 +37,7 @@
     --button-border-radius: var(--border-radius-m);
     --button-active-transform: scale(0.97);
     --button-font-weight: 500;
+    --button-xxs-size-border-radius: 6px;
 }
 .component {
     position: relative;
@@ -94,7 +95,8 @@ a.loading {
     min-width: 80px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-m);
-    font-size: 14px
+    font-size: 14px;
+    border-radius: var(--button-xxs-size-border-radius)
 }
 .xxs.iconOnly {
         min-width: var(--size-xs-height);

package/button/default.css

@@ -79,150 +79,150 @@
     --button-ghost-active-color: var(--color-light-text-primary-tint-50);
     --button-ghost-disabled-color: var(--color-light-text-primary-alpha-30);
 }
-.button__primary_m2e47 {
+.button__primary_18h0e {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 }
-.button__primary_m2e47:hover {
+.button__primary_18h0e:hover {
         background-color: var(--button-primary-hover-bg-color);
     }
-.button__primary_m2e47:active {
+.button__primary_18h0e:active {
         background-color: var(--button-primary-active-bg-color);
     }
-.button__secondary_m2e47 {
+.button__secondary_18h0e {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
 }
-.button__secondary_m2e47:hover {
+.button__secondary_18h0e:hover {
         background-color: var(--button-secondary-hover-bg-color);
     }
-.button__secondary_m2e47:active {
+.button__secondary_18h0e:active {
         background-color: var(--button-secondary-active-bg-color);
     }
-.button__outlined_m2e47 {
+.button__outlined_18h0e {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 }
-.button__outlined_m2e47:hover {
+.button__outlined_18h0e:hover {
         background-color: var(--button-outlined-hover-bg-color);
     }
-.button__outlined_m2e47:active {
+.button__outlined_18h0e:active {
         background-color: var(--button-outlined-active-bg-color);
     }
-.button__tertiary_m2e47 {
+.button__tertiary_18h0e {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 }
-.button__tertiary_m2e47:hover {
+.button__tertiary_18h0e:hover {
         background-color: var(--button-tertiary-hover-bg-color);
     }
-.button__tertiary_m2e47:active {
+.button__tertiary_18h0e:active {
         background-color: var(--button-tertiary-active-bg-color);
     }
-.button__filled_m2e47 {
+.button__filled_18h0e {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
 }
-.button__filled_m2e47:hover {
+.button__filled_18h0e:hover {
         background-color: var(--color-light-bg-quaternary-shade-7);
     }
-.button__filled_m2e47:active {
+.button__filled_18h0e:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
     }
-.button__transparent_m2e47 {
+.button__transparent_18h0e {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
 }
-.button__transparent_m2e47:hover {
+.button__transparent_18h0e:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20);
     }
-.button__transparent_m2e47:active {
+.button__transparent_18h0e:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
     }
-.button__link_m2e47 {
+.button__link_18h0e {
     color: var(--color-light-text-primary);
     background-color: transparent
 }
-.button__link_m2e47:hover {
+.button__link_18h0e:hover {
         background-color: var(--color-light-specialbg-component-shade-7);
     }
-.button__link_m2e47:active {
+.button__link_18h0e:active {
         background-color: var(--color-light-specialbg-component-shade-15);
     }
-.button__ghost_m2e47 {
+.button__ghost_18h0e {
     color: var(--button-ghost-base-color)
 }
-.button__ghost_m2e47:hover {
+.button__ghost_18h0e:hover {
         color: var(--button-ghost-hover-color);
     }
-.button__ghost_m2e47:active {
+.button__ghost_18h0e:active {
         color: var(--button-ghost-active-color);
     }
 /* Disabled */
-.button__component_m2e47:disabled.button__primary_m2e47 {
+.button__component_18h0e:disabled.button__primary_18h0e {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
     }
-.button__component_m2e47:disabled.button__primary_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__primary_18h0e.button__loading_18h0e {
             background-color: var(--button-primary-base-bg-color);
         }
-.button__component_m2e47:disabled.button__secondary_m2e47 {
+.button__component_18h0e:disabled.button__secondary_18h0e {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
     }
-.button__component_m2e47:disabled.button__secondary_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__secondary_18h0e.button__loading_18h0e {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
         }
-.button__component_m2e47:disabled.button__outlined_m2e47 {
+.button__component_18h0e:disabled.button__outlined_18h0e {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
     }
-.button__component_m2e47:disabled.button__outlined_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__outlined_18h0e.button__loading_18h0e {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-border-color);
         }
-.button__component_m2e47:disabled.button__tertiary_m2e47 {
+.button__component_18h0e:disabled.button__tertiary_18h0e {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
     }
-.button__component_m2e47:disabled.button__tertiary_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__tertiary_18h0e.button__loading_18h0e {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-border-color);
         }
-.button__component_m2e47:disabled.button__filled_m2e47 {
+.button__component_18h0e:disabled.button__filled_18h0e {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
     }
-.button__component_m2e47:disabled.button__filled_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__filled_18h0e.button__loading_18h0e {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
         }
-.button__component_m2e47:disabled.button__transparent_m2e47 {
+.button__component_18h0e:disabled.button__transparent_18h0e {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
     }
-.button__component_m2e47:disabled.button__transparent_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__transparent_18h0e.button__loading_18h0e {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
         }
-.button__component_m2e47:disabled.button__link_m2e47 {
+.button__component_18h0e:disabled.button__link_18h0e {
         color: var(--color-light-text-primary-alpha-30);
         background-color: transparent
     }
-.button__component_m2e47:disabled.button__link_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__link_18h0e.button__loading_18h0e {
             color: var(--color-light-text-primary);
         }
-.button__component_m2e47:disabled.button__ghost_m2e47 {
+.button__component_18h0e:disabled.button__ghost_18h0e {
         color: var(--button-ghost-disabled-color)
     }
-.button__component_m2e47:disabled.button__ghost_m2e47.button__loading_m2e47 {
+.button__component_18h0e:disabled.button__ghost_18h0e.button__loading_18h0e {
             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_co2en","focused":"button__focused_co2en","loading":"button__loading_co2en","text":"button__text_co2en","addons":"button__addons_co2en","stretchText":"button__stretchText_co2en","loader":"button__loader_co2en","xxs":"button__xxs_co2en","iconOnly":"button__iconOnly_co2en","xs":"button__xs_co2en","s":"button__s_co2en","m":"button__m_co2en","l":"button__l_co2en","xl":"button__xl_co2en","withRightAddons":"button__withRightAddons_co2en","ghost":"button__ghost_co2en","withLeftAddons":"button__withLeftAddons_co2en","link":"button__link_co2en","block":"button__block_co2en","nowrap":"button__nowrap_co2en"};
+var styles = {"component":"button__component_a3zra","focused":"button__focused_a3zra","loading":"button__loading_a3zra","text":"button__text_a3zra","addons":"button__addons_a3zra","stretchText":"button__stretchText_a3zra","loader":"button__loader_a3zra","xxs":"button__xxs_a3zra","iconOnly":"button__iconOnly_a3zra","xs":"button__xs_a3zra","s":"button__s_a3zra","m":"button__m_a3zra","l":"button__l_a3zra","xl":"button__xl_a3zra","withRightAddons":"button__withRightAddons_a3zra","ghost":"button__ghost_a3zra","withLeftAddons":"button__withLeftAddons_a3zra","link":"button__link_a3zra","block":"button__block_a3zra","nowrap":"button__nowrap_a3zra"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_m2e47","secondary":"button__secondary_m2e47","outlined":"button__outlined_m2e47","tertiary":"button__tertiary_m2e47","filled":"button__filled_m2e47","transparent":"button__transparent_m2e47","link":"button__link_m2e47","ghost":"button__ghost_m2e47","component":"button__component_m2e47","loading":"button__loading_m2e47"};
+var defaultColors = {"primary":"button__primary_18h0e","secondary":"button__secondary_18h0e","outlined":"button__outlined_18h0e","tertiary":"button__tertiary_18h0e","filled":"button__filled_18h0e","transparent":"button__transparent_18h0e","link":"button__link_18h0e","ghost":"button__ghost_18h0e","component":"button__component_18h0e","loading":"button__loading_18h0e"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_5isbp","secondary":"button__secondary_5isbp","outlined":"button__outlined_5isbp","tertiary":"button__tertiary_5isbp","filled":"button__filled_5isbp","transparent":"button__transparent_5isbp","link":"button__link_5isbp","ghost":"button__ghost_5isbp","component":"button__component_5isbp","loading":"button__loading_5isbp"};
+var invertedColors = {"primary":"button__primary_x6yw3","secondary":"button__secondary_x6yw3","outlined":"button__outlined_x6yw3","tertiary":"button__tertiary_x6yw3","filled":"button__filled_x6yw3","transparent":"button__transparent_x6yw3","link":"button__link_x6yw3","ghost":"button__ghost_x6yw3","component":"button__component_x6yw3","loading":"button__loading_x6yw3"};
 require('./inverted.css');
 
 var colorStyles = {