@alfalab/core-components 33.1.0 → 34.0.1-beta.0

package/action-button/Component.js

@@ -52,16 +52,16 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"action-button__component_12ayh","s":"action-button__s_12ayh","disabled":"action-button__disabled_12ayh","loading":"action-button__loading_12ayh","iconWrapper":"action-button__iconWrapper_12ayh","label":"action-button__label_12ayh","focused":"action-button__focused_12ayh"};
+var styles = {"component":"action-button__component_1ubaa","s":"action-button__s_1ubaa","disabled":"action-button__disabled_1ubaa","loading":"action-button__loading_1ubaa","iconWrapper":"action-button__iconWrapper_1ubaa","label":"action-button__label_1ubaa","focused":"action-button__focused_1ubaa"};
 require('./index.css');
 
-var defaultColors = {"primary":"action-button__primary_sm4gq","iconWrapper":"action-button__iconWrapper_sm4gq","secondary":"action-button__secondary_sm4gq"};
+var defaultColors = {"primary":"action-button__primary_1fm7f","iconWrapper":"action-button__iconWrapper_1fm7f","secondary":"action-button__secondary_1fm7f"};
 require('./default.css');
 
-var invertedColors = {"primary":"action-button__primary_iyx1r","iconWrapper":"action-button__iconWrapper_iyx1r","secondary":"action-button__secondary_iyx1r"};
+var invertedColors = {"primary":"action-button__primary_15z00","iconWrapper":"action-button__iconWrapper_15z00","secondary":"action-button__secondary_15z00"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_12n0c","iconWrapper":"action-button__iconWrapper_12n0c","secondary":"action-button__secondary_12n0c"};
+var staticColors = {"primary":"action-button__primary_1qopu","iconWrapper":"action-button__iconWrapper_1qopu","secondary":"action-button__secondary_1qopu"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -33,29 +33,29 @@
     --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_sm4gq {
+.action-button__primary_1fm7f {
     color: var(--action-button-primary-base-color)
 }
-.action-button__primary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
     }
-.action-button__primary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-hover-color);
     }
-.action-button__primary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-active-color);
     }
-.action-button__secondary_sm4gq {
+.action-button__secondary_1fm7f {
     color: var(--action-button-secondary-base-color)
 }
-.action-button__secondary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
     }
-.action-button__secondary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-hover-color);
     }
-.action-button__secondary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/esm/Component.js

@@ -44,16 +44,16 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"action-button__component_12ayh","s":"action-button__s_12ayh","disabled":"action-button__disabled_12ayh","loading":"action-button__loading_12ayh","iconWrapper":"action-button__iconWrapper_12ayh","label":"action-button__label_12ayh","focused":"action-button__focused_12ayh"};
+var styles = {"component":"action-button__component_1ubaa","s":"action-button__s_1ubaa","disabled":"action-button__disabled_1ubaa","loading":"action-button__loading_1ubaa","iconWrapper":"action-button__iconWrapper_1ubaa","label":"action-button__label_1ubaa","focused":"action-button__focused_1ubaa"};
 require('./index.css');
 
-var defaultColors = {"primary":"action-button__primary_sm4gq","iconWrapper":"action-button__iconWrapper_sm4gq","secondary":"action-button__secondary_sm4gq"};
+var defaultColors = {"primary":"action-button__primary_1fm7f","iconWrapper":"action-button__iconWrapper_1fm7f","secondary":"action-button__secondary_1fm7f"};
 require('./default.css');
 
-var invertedColors = {"primary":"action-button__primary_iyx1r","iconWrapper":"action-button__iconWrapper_iyx1r","secondary":"action-button__secondary_iyx1r"};
+var invertedColors = {"primary":"action-button__primary_15z00","iconWrapper":"action-button__iconWrapper_15z00","secondary":"action-button__secondary_15z00"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_12n0c","iconWrapper":"action-button__iconWrapper_12n0c","secondary":"action-button__secondary_12n0c"};
+var staticColors = {"primary":"action-button__primary_1qopu","iconWrapper":"action-button__iconWrapper_1qopu","secondary":"action-button__secondary_1qopu"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -33,29 +33,29 @@
     --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_sm4gq {
+.action-button__primary_1fm7f {
     color: var(--action-button-primary-base-color)
 }
-.action-button__primary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
     }
-.action-button__primary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-hover-color);
     }
-.action-button__primary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-active-color);
     }
-.action-button__secondary_sm4gq {
+.action-button__secondary_1fm7f {
     color: var(--action-button-secondary-base-color)
 }
-.action-button__secondary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
     }
-.action-button__secondary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-hover-color);
     }
-.action-button__secondary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/esm/index.css

@@ -19,7 +19,7 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.action-button__component_12ayh {
+.action-button__component_1ubaa {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -44,21 +44,21 @@
             appearance: none;
     -webkit-tap-highlight-color: transparent
 }
-.action-button__component_12ayh.action-button__s_12ayh {
+.action-button__component_1ubaa.action-button__s_1ubaa {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
     }
-.action-button__disabled_12ayh {
+.action-button__disabled_1ubaa {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
 }
-.action-button__loading_12ayh {
+.action-button__loading_1ubaa {
     cursor: auto;
     pointer-events: none;
 }
-.action-button__iconWrapper_12ayh {
+.action-button__iconWrapper_1ubaa {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -68,18 +68,18 @@
     transition: background-color 0.2s ease;
     line-height: 0
 }
-.action-button__iconWrapper_12ayh.action-button__s_12ayh {
+.action-button__iconWrapper_1ubaa.action-button__s_1ubaa {
         width: 48px;
         height: 48px;
     }
-.action-button__label_12ayh {
+.action-button__label_1ubaa {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
-.action-button__focused_12ayh {
+.action-button__focused_1ubaa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/esm/inverted.css

@@ -35,29 +35,29 @@
         --color-light-bg-secondary-inverted-tint-20
     );
 }
-.action-button__primary_iyx1r {
+.action-button__primary_15z00 {
     color: var(--action-button-inverted-primary-base-color)
 }
-.action-button__primary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
     }
-.action-button__primary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-hover-color);
     }
-.action-button__primary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-active-color);
     }
-.action-button__secondary_iyx1r {
+.action-button__secondary_15z00 {
     color: var(--action-button-inverted-secondary-base-color)
 }
-.action-button__secondary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
     }
-.action-button__secondary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-hover-color);
     }
-.action-button__secondary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/esm/static.css

@@ -25,17 +25,17 @@
     --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_12n0c {
+.action-button__primary_1qopu {
     color: var(--action-button-static-primary-base-color)
 }
-.action-button__primary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__primary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
     }
-.action-button__secondary_12n0c {
+.action-button__secondary_1qopu {
     color: var(--action-button-static-secondary-base-color)
 }
-.action-button__secondary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__secondary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/action-button/index.css

@@ -19,7 +19,7 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.action-button__component_12ayh {
+.action-button__component_1ubaa {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -44,21 +44,21 @@
             appearance: none;
     -webkit-tap-highlight-color: transparent
 }
-.action-button__component_12ayh.action-button__s_12ayh {
+.action-button__component_1ubaa.action-button__s_1ubaa {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
     }
-.action-button__disabled_12ayh {
+.action-button__disabled_1ubaa {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
 }
-.action-button__loading_12ayh {
+.action-button__loading_1ubaa {
     cursor: auto;
     pointer-events: none;
 }
-.action-button__iconWrapper_12ayh {
+.action-button__iconWrapper_1ubaa {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -68,18 +68,18 @@
     transition: background-color 0.2s ease;
     line-height: 0
 }
-.action-button__iconWrapper_12ayh.action-button__s_12ayh {
+.action-button__iconWrapper_1ubaa.action-button__s_1ubaa {
         width: 48px;
         height: 48px;
     }
-.action-button__label_12ayh {
+.action-button__label_1ubaa {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
-.action-button__focused_12ayh {
+.action-button__focused_1ubaa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/inverted.css

@@ -35,29 +35,29 @@
         --color-light-bg-secondary-inverted-tint-20
     );
 }
-.action-button__primary_iyx1r {
+.action-button__primary_15z00 {
     color: var(--action-button-inverted-primary-base-color)
 }
-.action-button__primary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
     }
-.action-button__primary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-hover-color);
     }
-.action-button__primary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-active-color);
     }
-.action-button__secondary_iyx1r {
+.action-button__secondary_15z00 {
     color: var(--action-button-inverted-secondary-base-color)
 }
-.action-button__secondary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
     }
-.action-button__secondary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-hover-color);
     }
-.action-button__secondary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/modern/Component.js

@@ -5,16 +5,16 @@ import { useFocus } from '@alfalab/hooks';
 import { Loader } from '../../loader/modern';
 import { useLoader } from './hooks.js';
 
-var styles = {"component":"action-button__component_12ayh","s":"action-button__s_12ayh","disabled":"action-button__disabled_12ayh","loading":"action-button__loading_12ayh","iconWrapper":"action-button__iconWrapper_12ayh","label":"action-button__label_12ayh","focused":"action-button__focused_12ayh"};
+var styles = {"component":"action-button__component_1ubaa","s":"action-button__s_1ubaa","disabled":"action-button__disabled_1ubaa","loading":"action-button__loading_1ubaa","iconWrapper":"action-button__iconWrapper_1ubaa","label":"action-button__label_1ubaa","focused":"action-button__focused_1ubaa"};
 require('./index.css');
 
-var defaultColors = {"primary":"action-button__primary_sm4gq","iconWrapper":"action-button__iconWrapper_sm4gq","secondary":"action-button__secondary_sm4gq"};
+var defaultColors = {"primary":"action-button__primary_1fm7f","iconWrapper":"action-button__iconWrapper_1fm7f","secondary":"action-button__secondary_1fm7f"};
 require('./default.css');
 
-var invertedColors = {"primary":"action-button__primary_iyx1r","iconWrapper":"action-button__iconWrapper_iyx1r","secondary":"action-button__secondary_iyx1r"};
+var invertedColors = {"primary":"action-button__primary_15z00","iconWrapper":"action-button__iconWrapper_15z00","secondary":"action-button__secondary_15z00"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_12n0c","iconWrapper":"action-button__iconWrapper_12n0c","secondary":"action-button__secondary_12n0c"};
+var staticColors = {"primary":"action-button__primary_1qopu","iconWrapper":"action-button__iconWrapper_1qopu","secondary":"action-button__secondary_1qopu"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -33,29 +33,29 @@
     --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_sm4gq {
+.action-button__primary_1fm7f {
     color: var(--action-button-primary-base-color)
 }
-.action-button__primary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
     }
-.action-button__primary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-hover-color);
     }
-.action-button__primary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__primary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-primary-active-color);
     }
-.action-button__secondary_sm4gq {
+.action-button__secondary_1fm7f {
     color: var(--action-button-secondary-base-color)
 }
-.action-button__secondary_sm4gq .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f .action-button__iconWrapper_1fm7f {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
     }
-.action-button__secondary_sm4gq:hover .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:hover .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-hover-color);
     }
-.action-button__secondary_sm4gq:active .action-button__iconWrapper_sm4gq {
+.action-button__secondary_1fm7f:active .action-button__iconWrapper_1fm7f {
         background-color: var(--action-button-secondary-active-color);
     }

package/action-button/modern/index.css

@@ -19,7 +19,7 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.action-button__component_12ayh {
+.action-button__component_1ubaa {
     display: inline-flex;
     flex-flow: column nowrap;
     align-items: center;
@@ -44,21 +44,21 @@
             appearance: none;
     -webkit-tap-highlight-color: transparent
 }
-.action-button__component_12ayh.action-button__s_12ayh {
+.action-button__component_1ubaa.action-button__s_1ubaa {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
     }
-.action-button__disabled_12ayh {
+.action-button__disabled_1ubaa {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
 }
-.action-button__loading_12ayh {
+.action-button__loading_1ubaa {
     cursor: auto;
     pointer-events: none;
 }
-.action-button__iconWrapper_12ayh {
+.action-button__iconWrapper_1ubaa {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -68,18 +68,18 @@
     transition: background-color 0.2s ease;
     line-height: 0
 }
-.action-button__iconWrapper_12ayh.action-button__s_12ayh {
+.action-button__iconWrapper_1ubaa.action-button__s_1ubaa {
         width: 48px;
         height: 48px;
     }
-.action-button__label_12ayh {
+.action-button__label_1ubaa {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
-.action-button__focused_12ayh {
+.action-button__focused_1ubaa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -35,29 +35,29 @@
         --color-light-bg-secondary-inverted-tint-20
     );
 }
-.action-button__primary_iyx1r {
+.action-button__primary_15z00 {
     color: var(--action-button-inverted-primary-base-color)
 }
-.action-button__primary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
     }
-.action-button__primary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-hover-color);
     }
-.action-button__primary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__primary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-primary-active-color);
     }
-.action-button__secondary_iyx1r {
+.action-button__secondary_15z00 {
     color: var(--action-button-inverted-secondary-base-color)
 }
-.action-button__secondary_iyx1r .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00 .action-button__iconWrapper_15z00 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
     }
-.action-button__secondary_iyx1r:hover .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:hover .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-hover-color);
     }
-.action-button__secondary_iyx1r:active .action-button__iconWrapper_iyx1r {
+.action-button__secondary_15z00:active .action-button__iconWrapper_15z00 {
         background-color: var(--action-button-inverted-secondary-active-color);
     }

package/action-button/modern/static.css

@@ -25,17 +25,17 @@
     --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_12n0c {
+.action-button__primary_1qopu {
     color: var(--action-button-static-primary-base-color)
 }
-.action-button__primary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__primary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
     }
-.action-button__secondary_12n0c {
+.action-button__secondary_1qopu {
     color: var(--action-button-static-secondary-base-color)
 }
-.action-button__secondary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__secondary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/action-button/static.css

@@ -25,17 +25,17 @@
     --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_12n0c {
+.action-button__primary_1qopu {
     color: var(--action-button-static-primary-base-color)
 }
-.action-button__primary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__primary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
     }
-.action-button__secondary_12n0c {
+.action-button__secondary_1qopu {
     color: var(--action-button-static-secondary-base-color)
 }
-.action-button__secondary_12n0c .action-button__iconWrapper_12n0c {
+.action-button__secondary_1qopu .action-button__iconWrapper_1qopu {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
     }

package/alert/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_1btr0","title":"alert__title_1btr0"};
+var styles = {"component":"alert__component_1ncpw","title":"alert__title_1ncpw"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/Component.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_1btr0","title":"alert__title_1btr0"};
+var styles = {"component":"alert__component_1ncpw","title":"alert__title_1ncpw"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -7,10 +7,10 @@
 
     /* Hard up */
 }
-.alert__component_1btr0 {
+.alert__component_1ncpw {
     min-height: 48px;
 }
-.alert__title_1btr0 {
+.alert__title_1ncpw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/index.css

@@ -7,10 +7,10 @@
 
     /* Hard up */
 }
-.alert__component_1btr0 {
+.alert__component_1ncpw {
     min-height: 48px;
 }
-.alert__title_1btr0 {
+.alert__title_1ncpw {
     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';
 
-var styles = {"component":"alert__component_1btr0","title":"alert__title_1btr0"};
+var styles = {"component":"alert__component_1ncpw","title":"alert__title_1ncpw"};
 require('./index.css');
 
 const Alert = ({ className, title, ...restProps }) => (React.createElement(Plate, Object.assign({ 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

@@ -7,10 +7,10 @@
 
     /* Hard up */
 }
-.alert__component_1btr0 {
+.alert__component_1ncpw {
     min-height: 48px;
 }
-.alert__title_1btr0 {
+.alert__title_1ncpw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/amount/component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"amount__component_gc9cw","transparentMinor":"amount__transparentMinor_gc9cw","bold":"amount__bold_gc9cw","normalMinor":"amount__normalMinor_gc9cw","defaultStyles":"amount__defaultStyles_gc9cw","defaultMinor":"amount__defaultMinor_gc9cw"};
+var styles = {"component":"amount__component_wvdgb","transparentMinor":"amount__transparentMinor_wvdgb","bold":"amount__bold_wvdgb","normalMinor":"amount__normalMinor_wvdgb","defaultStyles":"amount__defaultStyles_wvdgb","defaultMinor":"amount__defaultMinor_wvdgb"};
 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, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_gc9cw","transparentMinor":"amount__transparentMinor_gc9cw","bold":"amount__bold_gc9cw","normalMinor":"amount__normalMinor_gc9cw","defaultStyles":"amount__defaultStyles_gc9cw","defaultMinor":"amount__defaultMinor_gc9cw"};
+var styles = {"component":"amount__component_wvdgb","transparentMinor":"amount__transparentMinor_wvdgb","bold":"amount__bold_wvdgb","normalMinor":"amount__normalMinor_wvdgb","defaultStyles":"amount__defaultStyles_wvdgb","defaultMinor":"amount__defaultMinor_wvdgb"};
 require('./index.css');
 
 /**