@alfalab/core-components 42.14.1 → 42.15.0-beta.2

package/action-button/Component.js

@@ -15,16 +15,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_1tott","iconWrapper":"action-button__iconWrapper_1tott","loader":"action-button__loader_1tott","secondary":"action-button__secondary_1tott"};
+var defaultColors = {"primary":"action-button__primary_1jgqc","iconWrapper":"action-button__iconWrapper_1jgqc","loader":"action-button__loader_1jgqc","secondary":"action-button__secondary_1jgqc"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_za294","s":"action-button__s_za294","disabled":"action-button__disabled_za294","loading":"action-button__loading_za294","iconWrapper":"action-button__iconWrapper_za294","label":"action-button__label_za294","loader":"action-button__loader_za294","focused":"action-button__focused_za294"};
+var styles = {"component":"action-button__component_fe6rd","s":"action-button__s_fe6rd","disabled":"action-button__disabled_fe6rd","loading":"action-button__loading_fe6rd","iconWrapper":"action-button__iconWrapper_fe6rd","label":"action-button__label_fe6rd","loader":"action-button__loader_fe6rd","focused":"action-button__focused_fe6rd"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1ndnb","iconWrapper":"action-button__iconWrapper_1ndnb","loader":"action-button__loader_1ndnb","secondary":"action-button__secondary_1ndnb"};
+var invertedColors = {"primary":"action-button__primary_1d5ju","iconWrapper":"action-button__iconWrapper_1d5ju","loader":"action-button__loader_1d5ju","secondary":"action-button__secondary_1d5ju"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_mn5x8","iconWrapper":"action-button__iconWrapper_mn5x8","loader":"action-button__loader_mn5x8","secondary":"action-button__secondary_mn5x8"};
+var staticColors = {"primary":"action-button__primary_1b2op","iconWrapper":"action-button__iconWrapper_1b2op","loader":"action-button__loader_1b2op","secondary":"action-button__secondary_1b2op"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_1tott {
+} .action-button__primary_1jgqc {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1tott .action-button__iconWrapper_1tott {
+} .action-button__primary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1tott .action-button__loader_1tott {
+    } .action-button__primary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1tott {
+    } .action-button__secondary_1jgqc {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1tott .action-button__iconWrapper_1tott {
+} .action-button__secondary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1tott .action-button__loader_1tott {
+    } .action-button__secondary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/esm/Component.js

@@ -7,16 +7,16 @@ import { Spinner } from '../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-var defaultColors = {"primary":"action-button__primary_1tott","iconWrapper":"action-button__iconWrapper_1tott","loader":"action-button__loader_1tott","secondary":"action-button__secondary_1tott"};
+var defaultColors = {"primary":"action-button__primary_1jgqc","iconWrapper":"action-button__iconWrapper_1jgqc","loader":"action-button__loader_1jgqc","secondary":"action-button__secondary_1jgqc"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_za294","s":"action-button__s_za294","disabled":"action-button__disabled_za294","loading":"action-button__loading_za294","iconWrapper":"action-button__iconWrapper_za294","label":"action-button__label_za294","loader":"action-button__loader_za294","focused":"action-button__focused_za294"};
+var styles = {"component":"action-button__component_fe6rd","s":"action-button__s_fe6rd","disabled":"action-button__disabled_fe6rd","loading":"action-button__loading_fe6rd","iconWrapper":"action-button__iconWrapper_fe6rd","label":"action-button__label_fe6rd","loader":"action-button__loader_fe6rd","focused":"action-button__focused_fe6rd"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_1ndnb","iconWrapper":"action-button__iconWrapper_1ndnb","loader":"action-button__loader_1ndnb","secondary":"action-button__secondary_1ndnb"};
+var invertedColors = {"primary":"action-button__primary_1d5ju","iconWrapper":"action-button__iconWrapper_1d5ju","loader":"action-button__loader_1d5ju","secondary":"action-button__secondary_1d5ju"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_mn5x8","iconWrapper":"action-button__iconWrapper_mn5x8","loader":"action-button__loader_mn5x8","secondary":"action-button__secondary_mn5x8"};
+var staticColors = {"primary":"action-button__primary_1b2op","iconWrapper":"action-button__iconWrapper_1b2op","loader":"action-button__loader_1b2op","secondary":"action-button__secondary_1b2op"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_1tott {
+} .action-button__primary_1jgqc {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1tott .action-button__iconWrapper_1tott {
+} .action-button__primary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1tott .action-button__loader_1tott {
+    } .action-button__primary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1tott {
+    } .action-button__secondary_1jgqc {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1tott .action-button__iconWrapper_1tott {
+} .action-button__secondary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1tott .action-button__loader_1tott {
+    } .action-button__secondary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/esm/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_za294 {
+} .action-button__component_fe6rd {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,18 +42,18 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_za294.action-button__s_za294 {
+} .action-button__component_fe6rd.action-button__s_fe6rd {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_za294 {
+    } .action-button__disabled_fe6rd {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_za294 {
+} .action-button__loading_fe6rd {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_za294 {
+} .action-button__iconWrapper_fe6rd {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,21 +62,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_za294.action-button__s_za294 {
+} .action-button__iconWrapper_fe6rd.action-button__s_fe6rd {
         width: 48px;
         height: 48px;
-    } .action-button__label_za294 {
+    } .action-button__label_fe6rd {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_za294 {
+} .action-button__loader_fe6rd {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_za294 {
+} .action-button__focused_fe6rd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/esm/inverted.css

@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_1ndnb {
+} .action-button__primary_1d5ju {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__primary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__primary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_1ndnb {
+    } .action-button__secondary_1d5ju {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__secondary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__secondary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/esm/static.css

@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_mn5x8 {
+} .action-button__primary_1b2op {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__primary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__primary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_mn5x8 {
+    } .action-button__secondary_1b2op {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__secondary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__secondary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-secondary-color);
     }

package/action-button/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_za294 {
+} .action-button__component_fe6rd {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,18 +42,18 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_za294.action-button__s_za294 {
+} .action-button__component_fe6rd.action-button__s_fe6rd {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_za294 {
+    } .action-button__disabled_fe6rd {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_za294 {
+} .action-button__loading_fe6rd {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_za294 {
+} .action-button__iconWrapper_fe6rd {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,21 +62,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_za294.action-button__s_za294 {
+} .action-button__iconWrapper_fe6rd.action-button__s_fe6rd {
         width: 48px;
         height: 48px;
-    } .action-button__label_za294 {
+    } .action-button__label_fe6rd {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_za294 {
+} .action-button__loader_fe6rd {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_za294 {
+} .action-button__focused_fe6rd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/inverted.css

@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_1ndnb {
+} .action-button__primary_1d5ju {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__primary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__primary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_1ndnb {
+    } .action-button__secondary_1d5ju {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__secondary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__secondary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/modern/Component.js

@@ -6,16 +6,16 @@ import { Spinner } from '../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 import { useLoader } from './hooks.js';
 
-const defaultColors = {"primary":"action-button__primary_1tott","iconWrapper":"action-button__iconWrapper_1tott","loader":"action-button__loader_1tott","secondary":"action-button__secondary_1tott"};
+const defaultColors = {"primary":"action-button__primary_1jgqc","iconWrapper":"action-button__iconWrapper_1jgqc","loader":"action-button__loader_1jgqc","secondary":"action-button__secondary_1jgqc"};
 require('./default.css');
 
-const styles = {"component":"action-button__component_za294","s":"action-button__s_za294","disabled":"action-button__disabled_za294","loading":"action-button__loading_za294","iconWrapper":"action-button__iconWrapper_za294","label":"action-button__label_za294","loader":"action-button__loader_za294","focused":"action-button__focused_za294"};
+const styles = {"component":"action-button__component_fe6rd","s":"action-button__s_fe6rd","disabled":"action-button__disabled_fe6rd","loading":"action-button__loading_fe6rd","iconWrapper":"action-button__iconWrapper_fe6rd","label":"action-button__label_fe6rd","loader":"action-button__loader_fe6rd","focused":"action-button__focused_fe6rd"};
 require('./index.css');
 
-const invertedColors = {"primary":"action-button__primary_1ndnb","iconWrapper":"action-button__iconWrapper_1ndnb","loader":"action-button__loader_1ndnb","secondary":"action-button__secondary_1ndnb"};
+const invertedColors = {"primary":"action-button__primary_1d5ju","iconWrapper":"action-button__iconWrapper_1d5ju","loader":"action-button__loader_1d5ju","secondary":"action-button__secondary_1d5ju"};
 require('./inverted.css');
 
-const staticColors = {"primary":"action-button__primary_mn5x8","iconWrapper":"action-button__iconWrapper_mn5x8","loader":"action-button__loader_mn5x8","secondary":"action-button__secondary_mn5x8"};
+const staticColors = {"primary":"action-button__primary_1b2op","iconWrapper":"action-button__iconWrapper_1b2op","loader":"action-button__loader_1b2op","secondary":"action-button__secondary_1b2op"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_1tott {
+} .action-button__primary_1jgqc {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_1tott .action-button__iconWrapper_1tott {
+} .action-button__primary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__primary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_1tott .action-button__loader_1tott {
+    } .action-button__primary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_1tott {
+    } .action-button__secondary_1jgqc {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_1tott .action-button__iconWrapper_1tott {
+} .action-button__secondary_1jgqc .action-button__iconWrapper_1jgqc {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_1tott:hover .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:hover .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_1tott:active .action-button__iconWrapper_1tott {
+    } .action-button__secondary_1jgqc:active .action-button__iconWrapper_1jgqc {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_1tott .action-button__loader_1tott {
+    } .action-button__secondary_1jgqc .action-button__loader_1jgqc {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_za294 {
+} .action-button__component_fe6rd {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,18 +42,18 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_za294.action-button__s_za294 {
+} .action-button__component_fe6rd.action-button__s_fe6rd {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_za294 {
+    } .action-button__disabled_fe6rd {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_za294 {
+} .action-button__loading_fe6rd {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_za294 {
+} .action-button__iconWrapper_fe6rd {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -62,21 +62,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_za294.action-button__s_za294 {
+} .action-button__iconWrapper_fe6rd.action-button__s_fe6rd {
         width: 48px;
         height: 48px;
-    } .action-button__label_za294 {
+    } .action-button__label_fe6rd {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_za294 {
+} .action-button__loader_fe6rd {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_za294 {
+} .action-button__focused_fe6rd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_1ndnb {
+} .action-button__primary_1d5ju {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__primary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__primary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__primary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_1ndnb {
+    } .action-button__secondary_1d5ju {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_1ndnb .action-button__iconWrapper_1ndnb {
+} .action-button__secondary_1d5ju .action-button__iconWrapper_1d5ju {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_1ndnb:hover .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:hover .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_1ndnb:active .action-button__iconWrapper_1ndnb {
+    } .action-button__secondary_1d5ju:active .action-button__iconWrapper_1d5ju {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_1ndnb .action-button__loader_1ndnb {
+    } .action-button__secondary_1d5ju .action-button__loader_1d5ju {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/modern/static.css

@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_mn5x8 {
+} .action-button__primary_1b2op {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__primary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__primary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_mn5x8 {
+    } .action-button__secondary_1b2op {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__secondary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__secondary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-secondary-color);
     }

package/action-button/static.css

@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_mn5x8 {
+} .action-button__primary_1b2op {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__primary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__primary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_mn5x8 {
+    } .action-button__secondary_1b2op {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_mn5x8 .action-button__iconWrapper_mn5x8 {
+} .action-button__secondary_1b2op .action-button__iconWrapper_1b2op {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_mn5x8 .action-button__loader_mn5x8 {
+    } .action-button__secondary_1b2op .action-button__loader_1b2op {
         color: var(--action-button-spinner-static-secondary-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_mu3fb","title":"alert__title_mu3fb"};
+var styles = {"component":"alert__component_1vik9","title":"alert__title_1vik9"};
 require('./index.css');
 
 var Alert = function (_a) {

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_mu3fb","title":"alert__title_mu3fb"};
+var styles = {"component":"alert__component_1vik9","title":"alert__title_1vik9"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_mu3fb.alert__component_mu3fb {
+} .alert__component_1vik9.alert__component_1vik9 {
     min-height: 48px;
-} .alert__title_mu3fb {
+} .alert__title_1vik9 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;

package/alert/index.css

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_mu3fb.alert__component_mu3fb {
+} .alert__component_1vik9.alert__component_1vik9 {
     min-height: 48px;
-} .alert__title_mu3fb {
+} .alert__title_1vik9 {
     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_mu3fb","title":"alert__title_mu3fb"};
+const styles = {"component":"alert__component_1vik9","title":"alert__title_1vik9"};
 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

@@ -14,9 +14,9 @@
 } :root {
 } :root {
 } :root {
-} .alert__component_mu3fb.alert__component_mu3fb {
+} .alert__component_1vik9.alert__component_1vik9 {
     min-height: 48px;
-} .alert__title_mu3fb {
+} .alert__title_1vik9 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;