@alfalab/core-components 41.7.0 → 41.9.0

package/README.md

@@ -1,4 +1,4 @@
-<div class="github-doc">
+<div className="github-doc">
 
 ## Библиотека React компонентов для создания веб-интерфейсов
 
@@ -34,7 +34,7 @@ import { Button } from '@alfalab/core-components/button';
 
 ## Темизация
 
-[Гайд по настройке темизации](https://core-ds.github.io/core-components/master/?path=/docs/instructions-пользователям-темизация--page)
+[Гайд по настройке темизации](https://core-ds.github.io/core-components/master/?path=/docs/for-users-темизация--docs)
 
 ## Разработка
 

package/action-button/Component.js

@@ -14,16 +14,16 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"primary":"action-button__primary_1fqh7","iconWrapper":"action-button__iconWrapper_1fqh7","secondary":"action-button__secondary_1fqh7"};
+var defaultColors = {"primary":"action-button__primary_jfj7r","iconWrapper":"action-button__iconWrapper_jfj7r","secondary":"action-button__secondary_jfj7r"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_10k16","s":"action-button__s_10k16","disabled":"action-button__disabled_10k16","loading":"action-button__loading_10k16","iconWrapper":"action-button__iconWrapper_10k16","label":"action-button__label_10k16","focused":"action-button__focused_10k16"};
+var styles = {"component":"action-button__component_4hnbu","s":"action-button__s_4hnbu","disabled":"action-button__disabled_4hnbu","loading":"action-button__loading_4hnbu","iconWrapper":"action-button__iconWrapper_4hnbu","label":"action-button__label_4hnbu","focused":"action-button__focused_4hnbu"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1639s","iconWrapper":"action-button__iconWrapper_1639s","secondary":"action-button__secondary_1639s"};
+var invertedColors = {"primary":"action-button__primary_bop7k","iconWrapper":"action-button__iconWrapper_bop7k","secondary":"action-button__secondary_bop7k"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_ywzdd","iconWrapper":"action-button__iconWrapper_ywzdd","secondary":"action-button__secondary_ywzdd"};
+var staticColors = {"primary":"action-button__primary_qfbuo","iconWrapper":"action-button__iconWrapper_qfbuo","secondary":"action-button__secondary_qfbuo"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -37,22 +37,22 @@
     --action-button-secondary-base-bg-color: var(--color-light-bg-secondary);
     --action-button-secondary-hover-color: var(--color-light-bg-secondary-shade-7);
     --action-button-secondary-active-color: var(--color-light-bg-secondary-shade-15);
-} .action-button__primary_1fqh7 {
+} .action-button__primary_jfj7r {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__primary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__secondary_1fqh7 {
+    } .action-button__secondary_jfj7r {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__secondary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/esm/Component.js

@@ -6,16 +6,16 @@ import { Loader } from '../../loader/esm';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-var defaultColors = {"primary":"action-button__primary_1fqh7","iconWrapper":"action-button__iconWrapper_1fqh7","secondary":"action-button__secondary_1fqh7"};
+var defaultColors = {"primary":"action-button__primary_jfj7r","iconWrapper":"action-button__iconWrapper_jfj7r","secondary":"action-button__secondary_jfj7r"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_10k16","s":"action-button__s_10k16","disabled":"action-button__disabled_10k16","loading":"action-button__loading_10k16","iconWrapper":"action-button__iconWrapper_10k16","label":"action-button__label_10k16","focused":"action-button__focused_10k16"};
+var styles = {"component":"action-button__component_4hnbu","s":"action-button__s_4hnbu","disabled":"action-button__disabled_4hnbu","loading":"action-button__loading_4hnbu","iconWrapper":"action-button__iconWrapper_4hnbu","label":"action-button__label_4hnbu","focused":"action-button__focused_4hnbu"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1639s","iconWrapper":"action-button__iconWrapper_1639s","secondary":"action-button__secondary_1639s"};
+var invertedColors = {"primary":"action-button__primary_bop7k","iconWrapper":"action-button__iconWrapper_bop7k","secondary":"action-button__secondary_bop7k"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_ywzdd","iconWrapper":"action-button__iconWrapper_ywzdd","secondary":"action-button__secondary_ywzdd"};
+var staticColors = {"primary":"action-button__primary_qfbuo","iconWrapper":"action-button__iconWrapper_qfbuo","secondary":"action-button__secondary_qfbuo"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -37,22 +37,22 @@
     --action-button-secondary-base-bg-color: var(--color-light-bg-secondary);
     --action-button-secondary-hover-color: var(--color-light-bg-secondary-shade-7);
     --action-button-secondary-active-color: var(--color-light-bg-secondary-shade-15);
-} .action-button__primary_1fqh7 {
+} .action-button__primary_jfj7r {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__primary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__secondary_1fqh7 {
+    } .action-button__secondary_jfj7r {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__secondary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/esm/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_10k16 {
+} .action-button__component_4hnbu {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -42,18 +42,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_10k16.action-button__s_10k16 {
+} .action-button__component_4hnbu.action-button__s_4hnbu {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_10k16 {
+    } .action-button__disabled_4hnbu {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_10k16 {
+} .action-button__loading_4hnbu {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_10k16 {
+} .action-button__iconWrapper_4hnbu {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,16 +62,16 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_10k16.action-button__s_10k16 {
+} .action-button__iconWrapper_4hnbu.action-button__s_4hnbu {
         width: 48px;
         height: 48px;
-    } .action-button__label_10k16 {
+    } .action-button__label_4hnbu {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__focused_10k16 {
+} .action-button__focused_4hnbu {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/esm/inverted.css

@@ -39,22 +39,22 @@
     --action-button-inverted-secondary-active-color: var(
         --color-light-bg-secondary-inverted-tint-20
     );
-} .action-button__primary_1639s {
+} .action-button__primary_bop7k {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1639s .action-button__iconWrapper_1639s {
+} .action-button__primary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__secondary_1639s {
+    } .action-button__secondary_bop7k {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1639s .action-button__iconWrapper_1639s {
+} .action-button__secondary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/esm/static.css

@@ -29,14 +29,14 @@
     --action-button-static-secondary-base-color: var(--color-static-text-primary-dark);
     --action-button-static-secondary-base-icon-color: var(--color-static-graphic-dark);
     --action-button-static-secondary-base-bg-color: var(--color-static-bg-secondary-light);
-} .action-button__primary_ywzdd {
+} .action-button__primary_qfbuo {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__primary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__secondary_ywzdd {
+    } .action-button__secondary_qfbuo {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__secondary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/action-button/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_10k16 {
+} .action-button__component_4hnbu {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -42,18 +42,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_10k16.action-button__s_10k16 {
+} .action-button__component_4hnbu.action-button__s_4hnbu {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_10k16 {
+    } .action-button__disabled_4hnbu {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_10k16 {
+} .action-button__loading_4hnbu {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_10k16 {
+} .action-button__iconWrapper_4hnbu {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,16 +62,16 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_10k16.action-button__s_10k16 {
+} .action-button__iconWrapper_4hnbu.action-button__s_4hnbu {
         width: 48px;
         height: 48px;
-    } .action-button__label_10k16 {
+    } .action-button__label_4hnbu {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__focused_10k16 {
+} .action-button__focused_4hnbu {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/inverted.css

@@ -39,22 +39,22 @@
     --action-button-inverted-secondary-active-color: var(
         --color-light-bg-secondary-inverted-tint-20
     );
-} .action-button__primary_1639s {
+} .action-button__primary_bop7k {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1639s .action-button__iconWrapper_1639s {
+} .action-button__primary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__secondary_1639s {
+    } .action-button__secondary_bop7k {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1639s .action-button__iconWrapper_1639s {
+} .action-button__secondary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/modern/Component.js

@@ -5,16 +5,16 @@ import { Loader } from '../../loader/modern';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-const defaultColors = {"primary":"action-button__primary_1fqh7","iconWrapper":"action-button__iconWrapper_1fqh7","secondary":"action-button__secondary_1fqh7"};
+const defaultColors = {"primary":"action-button__primary_jfj7r","iconWrapper":"action-button__iconWrapper_jfj7r","secondary":"action-button__secondary_jfj7r"};
 require('./default.css');
 
-const styles = {"component":"action-button__component_10k16","s":"action-button__s_10k16","disabled":"action-button__disabled_10k16","loading":"action-button__loading_10k16","iconWrapper":"action-button__iconWrapper_10k16","label":"action-button__label_10k16","focused":"action-button__focused_10k16"};
+const styles = {"component":"action-button__component_4hnbu","s":"action-button__s_4hnbu","disabled":"action-button__disabled_4hnbu","loading":"action-button__loading_4hnbu","iconWrapper":"action-button__iconWrapper_4hnbu","label":"action-button__label_4hnbu","focused":"action-button__focused_4hnbu"};
 require('./index.css');
 
-const invertedColors = {"primary":"action-button__primary_1639s","iconWrapper":"action-button__iconWrapper_1639s","secondary":"action-button__secondary_1639s"};
+const invertedColors = {"primary":"action-button__primary_bop7k","iconWrapper":"action-button__iconWrapper_bop7k","secondary":"action-button__secondary_bop7k"};
 require('./inverted.css');
 
-const staticColors = {"primary":"action-button__primary_ywzdd","iconWrapper":"action-button__iconWrapper_ywzdd","secondary":"action-button__secondary_ywzdd"};
+const staticColors = {"primary":"action-button__primary_qfbuo","iconWrapper":"action-button__iconWrapper_qfbuo","secondary":"action-button__secondary_qfbuo"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -37,22 +37,22 @@
     --action-button-secondary-base-bg-color: var(--color-light-bg-secondary);
     --action-button-secondary-hover-color: var(--color-light-bg-secondary-shade-7);
     --action-button-secondary-active-color: var(--color-light-bg-secondary-shade-15);
-} .action-button__primary_1fqh7 {
+} .action-button__primary_jfj7r {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__primary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__primary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__secondary_1fqh7 {
+    } .action-button__secondary_jfj7r {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1fqh7 .action-button__iconWrapper_1fqh7 {
+} .action-button__secondary_jfj7r .action-button__iconWrapper_jfj7r {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1fqh7:hover .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:hover .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1fqh7:active .action-button__iconWrapper_1fqh7 {
+    } .action-button__secondary_jfj7r:active .action-button__iconWrapper_jfj7r {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_10k16 {
+} .action-button__component_4hnbu {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -42,18 +42,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_10k16.action-button__s_10k16 {
+} .action-button__component_4hnbu.action-button__s_4hnbu {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_10k16 {
+    } .action-button__disabled_4hnbu {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_10k16 {
+} .action-button__loading_4hnbu {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_10k16 {
+} .action-button__iconWrapper_4hnbu {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,16 +62,16 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_10k16.action-button__s_10k16 {
+} .action-button__iconWrapper_4hnbu.action-button__s_4hnbu {
         width: 48px;
         height: 48px;
-    } .action-button__label_10k16 {
+    } .action-button__label_4hnbu {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__focused_10k16 {
+} .action-button__focused_4hnbu {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -39,22 +39,22 @@
     --action-button-inverted-secondary-active-color: var(
         --color-light-bg-secondary-inverted-tint-20
     );
-} .action-button__primary_1639s {
+} .action-button__primary_bop7k {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1639s .action-button__iconWrapper_1639s {
+} .action-button__primary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__primary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__secondary_1639s {
+    } .action-button__secondary_bop7k {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1639s .action-button__iconWrapper_1639s {
+} .action-button__secondary_bop7k .action-button__iconWrapper_bop7k {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1639s:hover .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:hover .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1639s:active .action-button__iconWrapper_1639s {
+    } .action-button__secondary_bop7k:active .action-button__iconWrapper_bop7k {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/modern/static.css

@@ -29,14 +29,14 @@
     --action-button-static-secondary-base-color: var(--color-static-text-primary-dark);
     --action-button-static-secondary-base-icon-color: var(--color-static-graphic-dark);
     --action-button-static-secondary-base-bg-color: var(--color-static-bg-secondary-light);
-} .action-button__primary_ywzdd {
+} .action-button__primary_qfbuo {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__primary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__secondary_ywzdd {
+    } .action-button__secondary_qfbuo {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__secondary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/action-button/static.css

@@ -29,14 +29,14 @@
     --action-button-static-secondary-base-color: var(--color-static-text-primary-dark);
     --action-button-static-secondary-base-icon-color: var(--color-static-graphic-dark);
     --action-button-static-secondary-base-bg-color: var(--color-static-bg-secondary-light);
-} .action-button__primary_ywzdd {
+} .action-button__primary_qfbuo {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__primary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__secondary_ywzdd {
+    } .action-button__secondary_qfbuo {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_ywzdd .action-button__iconWrapper_ywzdd {
+} .action-button__secondary_qfbuo .action-button__iconWrapper_qfbuo {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/alert/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"alert__component_ely7x","title":"alert__title_ely7x"};
+var styles = {"component":"alert__component_1i7fs","title":"alert__title_1i7fs"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/cssm/index.module.css

@@ -13,7 +13,7 @@
 } :root {
 } :root {
 } :root {
-} .component {
+} .component.component {
     min-height: 48px;
 } .title {
     font-size: 16px;

package/alert/esm/Component.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/esm';
 
-var styles = {"component":"alert__component_ely7x","title":"alert__title_ely7x"};
+var styles = {"component":"alert__component_1i7fs","title":"alert__title_1i7fs"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ntcf */
+/* hash: knedw */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ely7x {
+} .alert__component_1i7fs.alert__component_1i7fs {
     min-height: 48px;
-} .alert__title_ely7x {
+} .alert__title_1i7fs {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ntcf */
+/* hash: knedw */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ely7x {
+} .alert__component_1i7fs.alert__component_1i7fs {
     min-height: 48px;
-} .alert__title_ely7x {
+} .alert__title_1i7fs {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/modern';
 
-const styles = {"component":"alert__component_ely7x","title":"alert__title_ely7x"};
+const styles = {"component":"alert__component_1i7fs","title":"alert__title_1i7fs"};
 require('./index.css');
 
 const Alert = ({ className, title, ...restProps }) => (React.createElement(Plate, { className: cn(styles.component, className), title: title ? React.createElement("span", { className: styles.title }, title) : null, rounded: false, limitContentWidth: false, ...restProps }));

package/alert/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ntcf */
+/* hash: knedw */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_ely7x {
+} .alert__component_1i7fs.alert__component_1i7fs {
     min-height: 48px;
-} .alert__title_ely7x {
+} .alert__title_1i7fs {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/amount/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"amount__component_m8q3i","transparentMinor":"amount__transparentMinor_m8q3i","bold":"amount__bold_m8q3i","normalMinor":"amount__normalMinor_m8q3i","defaultStyles":"amount__defaultStyles_m8q3i","defaultMinor":"amount__defaultMinor_m8q3i"};
+var styles = {"component":"amount__component_1rcq9","transparentMinor":"amount__transparentMinor_1rcq9","bold":"amount__bold_1rcq9","normalMinor":"amount__normalMinor_1rcq9","defaultStyles":"amount__defaultStyles_1rcq9","defaultMinor":"amount__defaultMinor_1rcq9"};
 require('./index.css');
 
 /**

package/amount/esm/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_m8q3i","transparentMinor":"amount__transparentMinor_m8q3i","bold":"amount__bold_m8q3i","normalMinor":"amount__normalMinor_m8q3i","defaultStyles":"amount__defaultStyles_m8q3i","defaultMinor":"amount__defaultMinor_m8q3i"};
+var styles = {"component":"amount__component_1rcq9","transparentMinor":"amount__transparentMinor_1rcq9","bold":"amount__bold_1rcq9","normalMinor":"amount__normalMinor_1rcq9","defaultStyles":"amount__defaultStyles_1rcq9","defaultMinor":"amount__defaultMinor_1rcq9"};
 require('./index.css');
 
 /**