@alfalab/core-components 41.15.0 → 41.17.0-beta.1

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';
 
-const styles = {"footer":"bottom-sheet__footer_156xb","sticky":"bottom-sheet__sticky_156xb","highlighted":"bottom-sheet__highlighted_156xb","background-accent":"bottom-sheet__background-accent_156xb","background-info":"bottom-sheet__background-info_156xb","background-attention-muted":"bottom-sheet__background-attention-muted_156xb","background-positive-muted":"bottom-sheet__background-positive-muted_156xb","background-negative-muted":"bottom-sheet__background-negative-muted_156xb","background-primary":"bottom-sheet__background-primary_156xb","background-primary-inverted":"bottom-sheet__background-primary-inverted_156xb","background-secondary":"bottom-sheet__background-secondary_156xb","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_156xb","background-tertiary":"bottom-sheet__background-tertiary_156xb","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_156xb","background-quaternary":"bottom-sheet__background-quaternary_156xb","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_156xb","background-specialbg-component":"bottom-sheet__background-specialbg-component_156xb","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_156xb","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_156xb","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_156xb","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_156xb","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_156xb","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_156xb","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_156xb","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_156xb"};
+const styles = {"footer":"bottom-sheet__footer_fmclb","sticky":"bottom-sheet__sticky_fmclb","highlighted":"bottom-sheet__highlighted_fmclb","background-accent":"bottom-sheet__background-accent_fmclb","background-info":"bottom-sheet__background-info_fmclb","background-attention-muted":"bottom-sheet__background-attention-muted_fmclb","background-positive-muted":"bottom-sheet__background-positive-muted_fmclb","background-negative-muted":"bottom-sheet__background-negative-muted_fmclb","background-primary":"bottom-sheet__background-primary_fmclb","background-primary-inverted":"bottom-sheet__background-primary-inverted_fmclb","background-secondary":"bottom-sheet__background-secondary_fmclb","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_fmclb","background-tertiary":"bottom-sheet__background-tertiary_fmclb","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_fmclb","background-quaternary":"bottom-sheet__background-quaternary_fmclb","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_fmclb","background-specialbg-component":"bottom-sheet__background-specialbg-component_fmclb","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_fmclb","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_fmclb","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_fmclb","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_fmclb","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_fmclb","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_fmclb","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_fmclb","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_fmclb"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

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

@@ -1,4 +1,4 @@
-/* hash: e03di */
+/* hash: pan92 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -41,58 +41,58 @@
 } :root {
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
-} .bottom-sheet__footer_156xb {
+} .bottom-sheet__footer_fmclb {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__sticky_156xb {
+} .bottom-sheet__sticky_fmclb {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_156xb {
+} .bottom-sheet__highlighted_fmclb {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_156xb {
+} .bottom-sheet__background-accent_fmclb {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_156xb {
+        } .bottom-sheet__background-info_fmclb {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_156xb {
+        } .bottom-sheet__background-attention-muted_fmclb {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_156xb {
+        } .bottom-sheet__background-positive-muted_fmclb {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_156xb {
+        } .bottom-sheet__background-negative-muted_fmclb {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_156xb {
+        } .bottom-sheet__background-primary_fmclb {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_156xb {
+        } .bottom-sheet__background-primary-inverted_fmclb {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_156xb {
+        } .bottom-sheet__background-secondary_fmclb {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_156xb {
+        } .bottom-sheet__background-secondary-inverted_fmclb {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_156xb {
+        } .bottom-sheet__background-tertiary_fmclb {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_156xb {
+        } .bottom-sheet__background-tertiary-inverted_fmclb {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_156xb {
+        } .bottom-sheet__background-quaternary_fmclb {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_156xb {
+        } .bottom-sheet__background-quaternary-inverted_fmclb {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_156xb {
+        } .bottom-sheet__background-specialbg-component_fmclb {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_156xb {
+        } .bottom-sheet__background-specialbg-component-inverted_fmclb {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_156xb {
+        } .bottom-sheet__background-specialbg-primary-grouped_fmclb {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_156xb {
+        } .bottom-sheet__background-specialbg-secondary-grouped_fmclb {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_156xb {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_fmclb {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_156xb {
+        } .bottom-sheet__background-specialbg-secondary-transparent_fmclb {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_156xb {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_fmclb {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_156xb {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_fmclb {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_156xb {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_fmclb {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -4,7 +4,7 @@ import { BaseModalContext } from '../../../../base-modal/modern';
 import { NavigationBar } from '../../../../navigation-bar/modern';
 import { HEADER_OFFSET } from '../../utils.js';
 
-const styles = {"headerWrapper":"bottom-sheet__headerWrapper_desbc","hasContent":"bottom-sheet__hasContent_desbc","header":"bottom-sheet__header_desbc","sticky":"bottom-sheet__sticky_desbc","highlighted":"bottom-sheet__highlighted_desbc","justifyEnd":"bottom-sheet__justifyEnd_desbc","addon":"bottom-sheet__addon_desbc","addonFixed":"bottom-sheet__addonFixed_desbc","title":"bottom-sheet__title_desbc","titleCenter":"bottom-sheet__titleCenter_desbc","titleLeft":"bottom-sheet__titleLeft_desbc","trimTitle":"bottom-sheet__trimTitle_desbc"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_4ccwl","hasContent":"bottom-sheet__hasContent_4ccwl","header":"bottom-sheet__header_4ccwl","sticky":"bottom-sheet__sticky_4ccwl","highlighted":"bottom-sheet__highlighted_4ccwl","justifyEnd":"bottom-sheet__justifyEnd_4ccwl","addon":"bottom-sheet__addon_4ccwl","addonFixed":"bottom-sheet__addonFixed_4ccwl","title":"bottom-sheet__title_4ccwl","titleCenter":"bottom-sheet__titleCenter_4ccwl","titleLeft":"bottom-sheet__titleLeft_4ccwl","trimTitle":"bottom-sheet__trimTitle_4ccwl"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, title, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 10k7j */
+/* hash: 82b7b */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,42 +27,42 @@
     --bottom-sheet-title-font-weight: 700;
     --bottom-sheet-title-line-height: 24px;
     --bottom-sheet-title-font-family: var(--font-family-system);
-} .bottom-sheet__headerWrapper_desbc {
+} .bottom-sheet__headerWrapper_4ccwl {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
-} .bottom-sheet__hasContent_desbc {
+} .bottom-sheet__hasContent_4ccwl {
     background-color: inherit;
-} .bottom-sheet__header_desbc {
+} .bottom-sheet__header_4ccwl {
     display: flex;
-} .bottom-sheet__sticky_desbc {
+} .bottom-sheet__sticky_4ccwl {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_desbc {
+} .bottom-sheet__highlighted_4ccwl {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_desbc {
+} .bottom-sheet__justifyEnd_4ccwl {
     justify-content: flex-end;
-} .bottom-sheet__addon_desbc {
+} .bottom-sheet__addon_4ccwl {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_desbc {
+} .bottom-sheet__addonFixed_4ccwl {
     position: fixed;
-} .bottom-sheet__title_desbc {
+} .bottom-sheet__title_4ccwl {
     padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_desbc {
+} .bottom-sheet__titleCenter_4ccwl {
     text-align: center;
-} .bottom-sheet__titleLeft_desbc {
+} .bottom-sheet__titleLeft_4ccwl {
     text-align: left;
-} .bottom-sheet__trimTitle_desbc {
+} .bottom-sheet__trimTitle_4ccwl {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gxo5 */
+/* hash: 1rth5 */
 :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_1pjhk {
+} .bottom-sheet__modal_1yfxn {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_1pjhk {
+} .bottom-sheet__wrapper_1yfxn {
     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_1pjhk {
+} .bottom-sheet__component_1yfxn {
     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_1pjhk {
+} .bottom-sheet__withTransition_1yfxn {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_1pjhk {
+} .bottom-sheet__scrollableContainer_1yfxn {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_1pjhk {
+} .bottom-sheet__marker_1yfxn {
     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_1pjhk {
+} .bottom-sheet__content_1yfxn {
     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_1pjhk {
+} .bottom-sheet__noHeader_1yfxn {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_1pjhk {
+} .bottom-sheet__noFooter_1yfxn {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_1pjhk {
+} .bottom-sheet__scrollLocked_1yfxn {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_1pjhk {
+} .bottom-sheet__hiddenScrollbar_1yfxn {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_1pjhk::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1yfxn::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_1pjhk {
+    } .bottom-sheet__disabledPointerEvents_1yfxn {
     pointer-events: none;
-} .bottom-sheet__appear_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__enter_1pjhk .bottom-sheet__wrapper_1pjhk {
+} .bottom-sheet__appear_1yfxn .bottom-sheet__wrapper_1yfxn, .bottom-sheet__enter_1yfxn .bottom-sheet__wrapper_1yfxn {
         transition: none;
-    } .bottom-sheet__appearActive_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__enterActive_1pjhk .bottom-sheet__wrapper_1pjhk {
+    } .bottom-sheet__appearActive_1yfxn .bottom-sheet__wrapper_1yfxn, .bottom-sheet__enterActive_1yfxn .bottom-sheet__wrapper_1yfxn {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__appearDone_1pjhk .bottom-sheet__wrapper_1pjhk {
+    } .bottom-sheet__enterDone_1yfxn .bottom-sheet__wrapper_1yfxn, .bottom-sheet__appearDone_1yfxn .bottom-sheet__wrapper_1yfxn {
         transform: translateY(0);
-    } .bottom-sheet__exit_1pjhk .bottom-sheet__wrapper_1pjhk {
+    } .bottom-sheet__exit_1yfxn .bottom-sheet__wrapper_1yfxn {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_1pjhk .bottom-sheet__wrapper_1pjhk {
+    } .bottom-sheet__exitActive_1yfxn .bottom-sheet__wrapper_1yfxn {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_1pjhk {
+    } .bottom-sheet__background-accent_1yfxn {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_1pjhk {
+        } .bottom-sheet__background-info_1yfxn {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_1pjhk {
+        } .bottom-sheet__background-attention-muted_1yfxn {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_1pjhk {
+        } .bottom-sheet__background-positive-muted_1yfxn {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_1pjhk {
+        } .bottom-sheet__background-negative-muted_1yfxn {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_1pjhk {
+        } .bottom-sheet__background-primary_1yfxn {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_1pjhk {
+        } .bottom-sheet__background-primary-inverted_1yfxn {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_1pjhk {
+        } .bottom-sheet__background-secondary_1yfxn {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_1pjhk {
+        } .bottom-sheet__background-secondary-inverted_1yfxn {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_1pjhk {
+        } .bottom-sheet__background-tertiary_1yfxn {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_1pjhk {
+        } .bottom-sheet__background-tertiary-inverted_1yfxn {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_1pjhk {
+        } .bottom-sheet__background-quaternary_1yfxn {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_1pjhk {
+        } .bottom-sheet__background-quaternary-inverted_1yfxn {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_1pjhk {
+        } .bottom-sheet__background-specialbg-component_1yfxn {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_1pjhk {
+        } .bottom-sheet__background-specialbg-component-inverted_1yfxn {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_1pjhk {
+        } .bottom-sheet__background-specialbg-primary-grouped_1yfxn {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_1pjhk {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1yfxn {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_1pjhk {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1yfxn {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_1pjhk {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1yfxn {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pjhk {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1yfxn {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_1pjhk {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1yfxn {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pjhk {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1yfxn {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/button/Component.js

@@ -18,13 +18,13 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var styles = {"component":"button__component_1t562","focused":"button__focused_1t562","loading":"button__loading_1t562","text":"button__text_1t562","addons":"button__addons_1t562","stretchText":"button__stretchText_1t562","loader":"button__loader_1t562","xxs":"button__xxs_1t562","iconOnly":"button__iconOnly_1t562","xs":"button__xs_1t562","s":"button__s_1t562","m":"button__m_1t562","l":"button__l_1t562","xl":"button__xl_1t562","withRightAddons":"button__withRightAddons_1t562","ghost":"button__ghost_1t562","withLeftAddons":"button__withLeftAddons_1t562","link":"button__link_1t562","block":"button__block_1t562","nowrap":"button__nowrap_1t562"};
+var styles = {"component":"button__component_12hmz","focused":"button__focused_12hmz","loading":"button__loading_12hmz","text":"button__text_12hmz","addons":"button__addons_12hmz","stretchText":"button__stretchText_12hmz","loader":"button__loader_12hmz","xxs":"button__xxs_12hmz","iconOnly":"button__iconOnly_12hmz","xs":"button__xs_12hmz","s":"button__s_12hmz","m":"button__m_12hmz","l":"button__l_12hmz","xl":"button__xl_12hmz","withRightAddons":"button__withRightAddons_12hmz","ghost":"button__ghost_12hmz","withLeftAddons":"button__withLeftAddons_12hmz","link":"button__link_12hmz","block":"button__block_12hmz","nowrap":"button__nowrap_12hmz"};
 require('./index.css');
 
-var defaultColors = {"accent":"button__accent_z8yza","loader":"button__loader_z8yza","primary":"button__primary_z8yza","secondary":"button__secondary_z8yza","outlined":"button__outlined_z8yza","tertiary":"button__tertiary_z8yza","filled":"button__filled_z8yza","transparent":"button__transparent_z8yza","link":"button__link_z8yza","ghost":"button__ghost_z8yza","component":"button__component_z8yza","loading":"button__loading_z8yza"};
+var defaultColors = {"accent":"button__accent_1d2cy","loader":"button__loader_1d2cy","primary":"button__primary_1d2cy","secondary":"button__secondary_1d2cy","outlined":"button__outlined_1d2cy","tertiary":"button__tertiary_1d2cy","filled":"button__filled_1d2cy","transparent":"button__transparent_1d2cy","link":"button__link_1d2cy","ghost":"button__ghost_1d2cy","component":"button__component_1d2cy","loading":"button__loading_1d2cy"};
 require('./default.css');
 
-var invertedColors = {"accent":"button__accent_ipd6s","loader":"button__loader_ipd6s","primary":"button__primary_ipd6s","secondary":"button__secondary_ipd6s","outlined":"button__outlined_ipd6s","tertiary":"button__tertiary_ipd6s","filled":"button__filled_ipd6s","transparent":"button__transparent_ipd6s","link":"button__link_ipd6s","ghost":"button__ghost_ipd6s","component":"button__component_ipd6s","loading":"button__loading_ipd6s"};
+var invertedColors = {"accent":"button__accent_wir5i","loader":"button__loader_wir5i","primary":"button__primary_wir5i","secondary":"button__secondary_wir5i","outlined":"button__outlined_wir5i","tertiary":"button__tertiary_wir5i","filled":"button__filled_wir5i","transparent":"button__transparent_wir5i","link":"button__link_wir5i","ghost":"button__ghost_wir5i","component":"button__component_wir5i","loading":"button__loading_wir5i"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/default.css

@@ -1,4 +1,4 @@
-/* hash: nbxut */
+/* hash: 8zbzi */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -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_z8yza {
+} .button__accent_1d2cy {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_z8yza:hover {
+} .button__accent_1d2cy:hover {
         background-color: var(--button-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_z8yza:hover {
+    } @media (hover: none) { .button__accent_1d2cy:hover {
             background-color: var(--button-accent-base-bg-color)
     }
-        } .button__accent_z8yza:active {
+        } .button__accent_1d2cy:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_z8yza > .button__loader_z8yza {
+    } .button__accent_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-static-color);
-    } .button__primary_z8yza {
+    } .button__primary_1d2cy {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_z8yza:hover {
+} .button__primary_1d2cy:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_z8yza:hover {
+    } @media (hover: none) { .button__primary_1d2cy:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_z8yza:active {
+        } .button__primary_1d2cy:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_z8yza > .button__loader_z8yza {
+    } .button__primary_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_z8yza {
+    } .button__secondary_1d2cy {
     color: var(--button-secondary-color);
     background-color: var(--button-secondary-base-bg-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_z8yza:hover {
+} .button__secondary_1d2cy:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_z8yza:hover {
+    } @media (hover: none) { .button__secondary_1d2cy:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_z8yza:active {
+        } .button__secondary_1d2cy:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_z8yza > .button__loader_z8yza {
+    } .button__secondary_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-default-color);
-    } .button__outlined_z8yza {
+    } .button__outlined_1d2cy {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
-} .button__outlined_z8yza:hover {
+} .button__outlined_1d2cy:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_z8yza:hover {
+    } @media (hover: none) { .button__outlined_1d2cy:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_z8yza:active {
+        } .button__outlined_1d2cy:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_z8yza {
+    } .button__tertiary_1d2cy {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
-} .button__tertiary_z8yza:hover {
+} .button__tertiary_1d2cy:hover {
         background-color: var(--button-tertiary-hover-bg-color);
         border-color: var(--button-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_z8yza:hover {
+    } @media (hover: none) { .button__tertiary_1d2cy:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_z8yza:active {
+        } .button__tertiary_1d2cy:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_z8yza > .button__loader_z8yza {
+    } .button__tertiary_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-default-color);
-    } .button__filled_z8yza {
+    } .button__filled_1d2cy {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_z8yza:hover {
+} .button__filled_1d2cy:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_z8yza:hover {
+    } @media (hover: none) { .button__filled_1d2cy:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_z8yza:active {
+        } .button__filled_1d2cy:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_z8yza {
+    } .button__transparent_1d2cy {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_z8yza:hover {
+} .button__transparent_1d2cy:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_z8yza:hover {
+    } @media (hover: none) { .button__transparent_1d2cy:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_z8yza:active {
+        } .button__transparent_1d2cy:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_z8yza {
+    } .button__link_1d2cy {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_z8yza:hover {
+} .button__link_1d2cy:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_z8yza:hover {
+    } @media (hover: none) { .button__link_1d2cy:hover {
             background-color: transparent
     }
-        } .button__link_z8yza:active {
+        } .button__link_1d2cy:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_z8yza > .button__loader_z8yza {
+    } .button__link_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-default-color);
-    } .button__ghost_z8yza {
+    } .button__ghost_1d2cy {
     color: var(--button-ghost-base-color)
-} .button__ghost_z8yza:hover {
+} .button__ghost_1d2cy:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_z8yza:hover {
+    } @media (hover: none) { .button__ghost_1d2cy:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_z8yza:active {
+        } .button__ghost_1d2cy:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_z8yza > .button__loader_z8yza {
+    } .button__ghost_1d2cy > .button__loader_1d2cy {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_z8yza[disabled].button__accent_z8yza {
+    } /* Disabled */ .button__component_1d2cy[disabled].button__accent_1d2cy {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_z8yza[disabled].button__accent_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__accent_1d2cy.button__loading_1d2cy {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_z8yza[disabled].button__primary_z8yza {
+        } .button__component_1d2cy[disabled].button__primary_1d2cy {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_z8yza[disabled].button__primary_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__primary_1d2cy.button__loading_1d2cy {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_z8yza[disabled].button__secondary_z8yza {
+        } .button__component_1d2cy[disabled].button__secondary_1d2cy {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_z8yza[disabled].button__secondary_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__secondary_1d2cy.button__loading_1d2cy {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_z8yza[disabled].button__outlined_z8yza {
+        } .button__component_1d2cy[disabled].button__outlined_1d2cy {
         color: var(--button-outlined-disabled-color);
         background-color: var(--button-outlined-disabled-bg-color);
         border-color: var(--button-outlined-disabled-border-color)
-    } .button__component_z8yza[disabled].button__outlined_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__outlined_1d2cy.button__loading_1d2cy {
             color: var(--button-outlined-color);
-        } .button__component_z8yza[disabled].button__tertiary_z8yza {
+        } .button__component_1d2cy[disabled].button__tertiary_1d2cy {
         color: var(--button-tertiary-disabled-color);
         background-color: var(--button-tertiary-disabled-bg-color);
         border-color: var(--button-tertiary-disabled-border-color)
-    } .button__component_z8yza[disabled].button__tertiary_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__tertiary_1d2cy.button__loading_1d2cy {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_z8yza[disabled].button__filled_z8yza {
+        } .button__component_1d2cy[disabled].button__filled_1d2cy {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_z8yza[disabled].button__filled_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__filled_1d2cy.button__loading_1d2cy {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_z8yza[disabled].button__transparent_z8yza {
+        } .button__component_1d2cy[disabled].button__transparent_1d2cy {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-primary-inverted-alpha-3)
-    } .button__component_z8yza[disabled].button__transparent_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__transparent_1d2cy.button__loading_1d2cy {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-primary-inverted-alpha-10);
-        } .button__component_z8yza[disabled].button__link_z8yza {
+        } .button__component_1d2cy[disabled].button__link_1d2cy {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_z8yza[disabled].button__link_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__link_1d2cy.button__loading_1d2cy {
             color: var(--button-link-base-color);
-        } .button__component_z8yza[disabled].button__ghost_z8yza {
+        } .button__component_1d2cy[disabled].button__ghost_1d2cy {
         color: var(--button-ghost-disabled-color)
-    } .button__component_z8yza[disabled].button__ghost_z8yza.button__loading_z8yza {
+    } .button__component_1d2cy[disabled].button__ghost_1d2cy.button__loading_1d2cy {
             color: var(--button-ghost-base-color);
         }