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

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

@@ -1,4 +1,4 @@
-/* hash: 1nw41 */
+/* hash: vd9o6 */
 :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_7gxws {
+} .bottom-sheet__footer_10cnk {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__sticky_7gxws {
+} .bottom-sheet__sticky_10cnk {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_7gxws {
+} .bottom-sheet__highlighted_10cnk {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_7gxws {
+} .bottom-sheet__background-accent_10cnk {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_7gxws {
+        } .bottom-sheet__background-info_10cnk {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_7gxws {
+        } .bottom-sheet__background-attention-muted_10cnk {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_7gxws {
+        } .bottom-sheet__background-positive-muted_10cnk {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_7gxws {
+        } .bottom-sheet__background-negative-muted_10cnk {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_7gxws {
+        } .bottom-sheet__background-primary_10cnk {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_7gxws {
+        } .bottom-sheet__background-primary-inverted_10cnk {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_7gxws {
+        } .bottom-sheet__background-secondary_10cnk {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_7gxws {
+        } .bottom-sheet__background-secondary-inverted_10cnk {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_7gxws {
+        } .bottom-sheet__background-tertiary_10cnk {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_7gxws {
+        } .bottom-sheet__background-tertiary-inverted_10cnk {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_7gxws {
+        } .bottom-sheet__background-quaternary_10cnk {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_7gxws {
+        } .bottom-sheet__background-quaternary-inverted_10cnk {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_7gxws {
+        } .bottom-sheet__background-specialbg-component_10cnk {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-component-inverted_10cnk {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-primary-grouped_10cnk {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-grouped_10cnk {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_10cnk {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-transparent_10cnk {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_10cnk {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_10cnk {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_10cnk {
             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_1034c","hasContent":"bottom-sheet__hasContent_1034c","header":"bottom-sheet__header_1034c","sticky":"bottom-sheet__sticky_1034c","highlighted":"bottom-sheet__highlighted_1034c","justifyEnd":"bottom-sheet__justifyEnd_1034c","addon":"bottom-sheet__addon_1034c","addonFixed":"bottom-sheet__addonFixed_1034c","title":"bottom-sheet__title_1034c","titleCenter":"bottom-sheet__titleCenter_1034c","titleLeft":"bottom-sheet__titleLeft_1034c","trimTitle":"bottom-sheet__trimTitle_1034c"};
+const styles = {"headerWrapper":"bottom-sheet__headerWrapper_1sytz","hasContent":"bottom-sheet__hasContent_1sytz","header":"bottom-sheet__header_1sytz","sticky":"bottom-sheet__sticky_1sytz","highlighted":"bottom-sheet__highlighted_1sytz","justifyEnd":"bottom-sheet__justifyEnd_1sytz","addon":"bottom-sheet__addon_1sytz","addonFixed":"bottom-sheet__addonFixed_1sytz","title":"bottom-sheet__title_1sytz","titleCenter":"bottom-sheet__titleCenter_1sytz","titleLeft":"bottom-sheet__titleLeft_1sytz","trimTitle":"bottom-sheet__trimTitle_1sytz"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, title, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 16nrz */
+/* hash: 1hxdt */
 :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_1034c {
+} .bottom-sheet__headerWrapper_1sytz {
     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_1034c {
+} .bottom-sheet__hasContent_1sytz {
     background-color: inherit;
-} .bottom-sheet__header_1034c {
+} .bottom-sheet__header_1sytz {
     display: flex;
-} .bottom-sheet__sticky_1034c {
+} .bottom-sheet__sticky_1sytz {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_1034c {
+} .bottom-sheet__highlighted_1sytz {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1034c {
+} .bottom-sheet__justifyEnd_1sytz {
     justify-content: flex-end;
-} .bottom-sheet__addon_1034c {
+} .bottom-sheet__addon_1sytz {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1034c {
+} .bottom-sheet__addonFixed_1sytz {
     position: fixed;
-} .bottom-sheet__title_1034c {
+} .bottom-sheet__title_1sytz {
     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_1034c {
+} .bottom-sheet__titleCenter_1sytz {
     text-align: center;
-} .bottom-sheet__titleLeft_1034c {
+} .bottom-sheet__titleLeft_1sytz {
     text-align: left;
-} .bottom-sheet__trimTitle_1034c {
+} .bottom-sheet__trimTitle_1sytz {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: rdtvt */
+/* hash: 18aay */
 :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_8udi2 {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_sul96 {
+} .bottom-sheet__wrapper_8udi2 {
     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_8udi2 {
     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_8udi2 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_sul96 {
+} .bottom-sheet__scrollableContainer_8udi2 {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_sul96 {
+} .bottom-sheet__marker_8udi2 {
     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_8udi2 {
     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_8udi2 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_sul96 {
+} .bottom-sheet__noFooter_8udi2 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_sul96 {
+} .bottom-sheet__scrollLocked_8udi2 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_sul96 {
+} .bottom-sheet__hiddenScrollbar_8udi2 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_sul96::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_8udi2::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_sul96 {
+    } .bottom-sheet__disabledPointerEvents_8udi2 {
     pointer-events: none;
-} .bottom-sheet__appear_sul96 .bottom-sheet__wrapper_sul96, .bottom-sheet__enter_sul96 .bottom-sheet__wrapper_sul96 {
+} .bottom-sheet__appear_8udi2 .bottom-sheet__wrapper_8udi2, .bottom-sheet__enter_8udi2 .bottom-sheet__wrapper_8udi2 {
         transition: none;
-    } .bottom-sheet__appearActive_sul96 .bottom-sheet__wrapper_sul96, .bottom-sheet__enterActive_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__appearActive_8udi2 .bottom-sheet__wrapper_8udi2, .bottom-sheet__enterActive_8udi2 .bottom-sheet__wrapper_8udi2 {
         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_8udi2 .bottom-sheet__wrapper_8udi2, .bottom-sheet__appearDone_8udi2 .bottom-sheet__wrapper_8udi2 {
         transform: translateY(0);
-    } .bottom-sheet__exit_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__exit_8udi2 .bottom-sheet__wrapper_8udi2 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_sul96 .bottom-sheet__wrapper_sul96 {
+    } .bottom-sheet__exitActive_8udi2 .bottom-sheet__wrapper_8udi2 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_sul96 {
+    } .bottom-sheet__background-accent_8udi2 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_sul96 {
+        } .bottom-sheet__background-info_8udi2 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_sul96 {
+        } .bottom-sheet__background-attention-muted_8udi2 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_sul96 {
+        } .bottom-sheet__background-positive-muted_8udi2 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_sul96 {
+        } .bottom-sheet__background-negative-muted_8udi2 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_sul96 {
+        } .bottom-sheet__background-primary_8udi2 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_sul96 {
+        } .bottom-sheet__background-primary-inverted_8udi2 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_sul96 {
+        } .bottom-sheet__background-secondary_8udi2 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_sul96 {
+        } .bottom-sheet__background-secondary-inverted_8udi2 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_sul96 {
+        } .bottom-sheet__background-tertiary_8udi2 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_sul96 {
+        } .bottom-sheet__background-tertiary-inverted_8udi2 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_sul96 {
+        } .bottom-sheet__background-quaternary_8udi2 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_sul96 {
+        } .bottom-sheet__background-quaternary-inverted_8udi2 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_sul96 {
+        } .bottom-sheet__background-specialbg-component_8udi2 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-component-inverted_8udi2 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-primary-grouped_8udi2 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_8udi2 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_8udi2 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_8udi2 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_8udi2 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_8udi2 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_sul96 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_8udi2 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -186,7 +186,7 @@ type BottomSheetProps = {
      * По-умолчанию -[0, window.innerHeight - '24px']
      * массив должен состоять минимум из 2 элементов
      */
-    magneticAreas?: number[];
+    magneticAreas?: Array<number | string>;
     /**
      * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
      */

package/bottom-sheet/types.d.ts

@@ -186,7 +186,7 @@ type BottomSheetProps = {
      * По-умолчанию -[0, window.innerHeight - '24px']
      * массив должен состоять минимум из 2 элементов
      */
-    magneticAreas?: number[];
+    magneticAreas?: Array<number | string>;
     /**
      * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
      */

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_1jb8f","focused":"button__focused_1jb8f","loading":"button__loading_1jb8f","text":"button__text_1jb8f","addons":"button__addons_1jb8f","stretchText":"button__stretchText_1jb8f","loader":"button__loader_1jb8f","xxs":"button__xxs_1jb8f","iconOnly":"button__iconOnly_1jb8f","xs":"button__xs_1jb8f","s":"button__s_1jb8f","m":"button__m_1jb8f","l":"button__l_1jb8f","xl":"button__xl_1jb8f","withRightAddons":"button__withRightAddons_1jb8f","ghost":"button__ghost_1jb8f","withLeftAddons":"button__withLeftAddons_1jb8f","link":"button__link_1jb8f","block":"button__block_1jb8f","nowrap":"button__nowrap_1jb8f"};
 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_7k8gn","loader":"button__loader_7k8gn","primary":"button__primary_7k8gn","secondary":"button__secondary_7k8gn","outlined":"button__outlined_7k8gn","tertiary":"button__tertiary_7k8gn","filled":"button__filled_7k8gn","transparent":"button__transparent_7k8gn","link":"button__link_7k8gn","ghost":"button__ghost_7k8gn","component":"button__component_7k8gn","loading":"button__loading_7k8gn"};
 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_1vbb0","loader":"button__loader_1vbb0","primary":"button__primary_1vbb0","secondary":"button__secondary_1vbb0","outlined":"button__outlined_1vbb0","tertiary":"button__tertiary_1vbb0","filled":"button__filled_1vbb0","transparent":"button__transparent_1vbb0","link":"button__link_1vbb0","ghost":"button__ghost_1vbb0","component":"button__component_1vbb0","loading":"button__loading_1vbb0"};
 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_7k8gn {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_l6w8h:hover {
+} .button__accent_7k8gn:hover {
         background-color: var(--button-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_l6w8h:hover {
+    } @media (hover: none) { .button__accent_7k8gn:hover {
             background-color: var(--button-accent-base-bg-color)
     }
-        } .button__accent_l6w8h:active {
+        } .button__accent_7k8gn:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_l6w8h > .button__loader_l6w8h {
+    } .button__accent_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-static-color);
-    } .button__primary_l6w8h {
+    } .button__primary_7k8gn {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_l6w8h:hover {
+} .button__primary_7k8gn:hover {
         background-color: var(--button-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_l6w8h:hover {
+    } @media (hover: none) { .button__primary_7k8gn:hover {
             background-color: var(--button-primary-base-bg-color)
     }
-        } .button__primary_l6w8h:active {
+        } .button__primary_7k8gn:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_l6w8h > .button__loader_l6w8h {
+    } .button__primary_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_l6w8h {
+    } .button__secondary_7k8gn {
     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_7k8gn:hover {
         background-color: var(--button-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_l6w8h:hover {
+    } @media (hover: none) { .button__secondary_7k8gn:hover {
             background-color: var(--button-secondary-base-bg-color)
     }
-        } .button__secondary_l6w8h:active {
+        } .button__secondary_7k8gn:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__secondary_l6w8h > .button__loader_l6w8h {
+    } .button__secondary_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-default-color);
-    } .button__outlined_l6w8h {
+    } .button__outlined_7k8gn {
     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_7k8gn:hover {
         background-color: var(--button-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_l6w8h:hover {
+    } @media (hover: none) { .button__outlined_7k8gn:hover {
             background-color: var(--button-outlined-base-bg-color)
     }
-        } .button__outlined_l6w8h:active {
+        } .button__outlined_7k8gn:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__tertiary_l6w8h {
+    } .button__tertiary_7k8gn {
     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_7k8gn: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_7k8gn:hover {
             background-color: var(--button-tertiary-base-bg-color);
             border-color: var(--button-tertiary-base-border-color)
     }
-        } .button__tertiary_l6w8h:active {
+        } .button__tertiary_7k8gn:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_l6w8h > .button__loader_l6w8h {
+    } .button__tertiary_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-default-color);
-    } .button__filled_l6w8h {
+    } .button__filled_7k8gn {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
-} .button__filled_l6w8h:hover {
+} .button__filled_7k8gn:hover {
         background-color: var(--color-light-bg-quaternary-shade-7)
-    } @media (hover: none) { .button__filled_l6w8h:hover {
+    } @media (hover: none) { .button__filled_7k8gn:hover {
             background-color: var(--color-light-bg-quaternary)
     }
-        } .button__filled_l6w8h:active {
+        } .button__filled_7k8gn:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_l6w8h {
+    } .button__transparent_7k8gn {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary-inverted-alpha-10)
-} .button__transparent_l6w8h:hover {
+} .button__transparent_7k8gn:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-20)
-    } @media (hover: none) { .button__transparent_l6w8h:hover {
+    } @media (hover: none) { .button__transparent_7k8gn:hover {
             background-color: var(--color-light-bg-primary-inverted-alpha-10)
     }
-        } .button__transparent_l6w8h:active {
+        } .button__transparent_7k8gn:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-40);
-    } .button__link_l6w8h {
+    } .button__link_7k8gn {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_l6w8h:hover {
+} .button__link_7k8gn:hover {
         background-color: var(--button-link-hover-bg-color)
-    } @media (hover: none) { .button__link_l6w8h:hover {
+    } @media (hover: none) { .button__link_7k8gn:hover {
             background-color: transparent
     }
-        } .button__link_l6w8h:active {
+        } .button__link_7k8gn:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_l6w8h > .button__loader_l6w8h {
+    } .button__link_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-default-color);
-    } .button__ghost_l6w8h {
+    } .button__ghost_7k8gn {
     color: var(--button-ghost-base-color)
-} .button__ghost_l6w8h:hover {
+} .button__ghost_7k8gn:hover {
         color: var(--button-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_l6w8h:hover {
+    } @media (hover: none) { .button__ghost_7k8gn:hover {
             color: var(--button-ghost-base-color)
     }
-        } .button__ghost_l6w8h:active {
+        } .button__ghost_7k8gn:active {
         color: var(--button-ghost-active-color);
-    } .button__ghost_l6w8h > .button__loader_l6w8h {
+    } .button__ghost_7k8gn > .button__loader_7k8gn {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_l6w8h[disabled].button__accent_l6w8h {
+    } /* Disabled */ .button__component_7k8gn[disabled].button__accent_7k8gn {
         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_7k8gn[disabled].button__accent_7k8gn.button__loading_7k8gn {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_l6w8h[disabled].button__primary_l6w8h {
+        } .button__component_7k8gn[disabled].button__primary_7k8gn {
         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_7k8gn[disabled].button__primary_7k8gn.button__loading_7k8gn {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_l6w8h[disabled].button__secondary_l6w8h {
+        } .button__component_7k8gn[disabled].button__secondary_7k8gn {
         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_7k8gn[disabled].button__secondary_7k8gn.button__loading_7k8gn {
             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_7k8gn[disabled].button__outlined_7k8gn {
         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_7k8gn[disabled].button__outlined_7k8gn.button__loading_7k8gn {
             color: var(--button-outlined-color);
-        } .button__component_l6w8h[disabled].button__tertiary_l6w8h {
+        } .button__component_7k8gn[disabled].button__tertiary_7k8gn {
         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_7k8gn[disabled].button__tertiary_7k8gn.button__loading_7k8gn {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_l6w8h[disabled].button__filled_l6w8h {
+        } .button__component_7k8gn[disabled].button__filled_7k8gn {
         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_7k8gn[disabled].button__filled_7k8gn.button__loading_7k8gn {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_l6w8h[disabled].button__transparent_l6w8h {
+        } .button__component_7k8gn[disabled].button__transparent_7k8gn {
         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_7k8gn[disabled].button__transparent_7k8gn.button__loading_7k8gn {
             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_7k8gn[disabled].button__link_7k8gn {
         color: var(--button-link-disabled-color);
         background-color: transparent
-    } .button__component_l6w8h[disabled].button__link_l6w8h.button__loading_l6w8h {
+    } .button__component_7k8gn[disabled].button__link_7k8gn.button__loading_7k8gn {
             color: var(--button-link-base-color);
-        } .button__component_l6w8h[disabled].button__ghost_l6w8h {
+        } .button__component_7k8gn[disabled].button__ghost_7k8gn {
         color: var(--button-ghost-disabled-color)
-    } .button__component_l6w8h[disabled].button__ghost_l6w8h.button__loading_l6w8h {
+    } .button__component_7k8gn[disabled].button__ghost_7k8gn.button__loading_7k8gn {
             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_1jb8f","focused":"button__focused_1jb8f","loading":"button__loading_1jb8f","text":"button__text_1jb8f","addons":"button__addons_1jb8f","stretchText":"button__stretchText_1jb8f","loader":"button__loader_1jb8f","xxs":"button__xxs_1jb8f","iconOnly":"button__iconOnly_1jb8f","xs":"button__xs_1jb8f","s":"button__s_1jb8f","m":"button__m_1jb8f","l":"button__l_1jb8f","xl":"button__xl_1jb8f","withRightAddons":"button__withRightAddons_1jb8f","ghost":"button__ghost_1jb8f","withLeftAddons":"button__withLeftAddons_1jb8f","link":"button__link_1jb8f","block":"button__block_1jb8f","nowrap":"button__nowrap_1jb8f"};
 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_7k8gn","loader":"button__loader_7k8gn","primary":"button__primary_7k8gn","secondary":"button__secondary_7k8gn","outlined":"button__outlined_7k8gn","tertiary":"button__tertiary_7k8gn","filled":"button__filled_7k8gn","transparent":"button__transparent_7k8gn","link":"button__link_7k8gn","ghost":"button__ghost_7k8gn","component":"button__component_7k8gn","loading":"button__loading_7k8gn"};
 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_1vbb0","loader":"button__loader_1vbb0","primary":"button__primary_1vbb0","secondary":"button__secondary_1vbb0","outlined":"button__outlined_1vbb0","tertiary":"button__tertiary_1vbb0","filled":"button__filled_1vbb0","transparent":"button__transparent_1vbb0","link":"button__link_1vbb0","ghost":"button__ghost_1vbb0","component":"button__component_1vbb0","loading":"button__loading_1vbb0"};
 require('./inverted.css');
 
 var colorStyles = {