@alfalab/core-components 45.5.0 → 45.6.0

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_jgmoe","iconWrapper":"action-button__iconWrapper_jgmoe","loader":"action-button__loader_jgmoe","secondary":"action-button__secondary_jgmoe","disabled":"action-button__disabled_jgmoe"};
+var defaultColors = {"primary":"action-button__primary_xw405","iconWrapper":"action-button__iconWrapper_xw405","loader":"action-button__loader_xw405","secondary":"action-button__secondary_xw405","disabled":"action-button__disabled_xw405"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_6cx9y","size-48":"action-button__size-48_6cx9y","disabled":"action-button__disabled_6cx9y","loading":"action-button__loading_6cx9y","iconWrapper":"action-button__iconWrapper_6cx9y","label":"action-button__label_6cx9y","loader":"action-button__loader_6cx9y","focused":"action-button__focused_6cx9y"};
+var styles = {"component":"action-button__component_t8dv4","size-48":"action-button__size-48_t8dv4","disabled":"action-button__disabled_t8dv4","loading":"action-button__loading_t8dv4","iconWrapper":"action-button__iconWrapper_t8dv4","label":"action-button__label_t8dv4","loader":"action-button__loader_t8dv4","focused":"action-button__focused_t8dv4"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_9tf9f","iconWrapper":"action-button__iconWrapper_9tf9f","loader":"action-button__loader_9tf9f","secondary":"action-button__secondary_9tf9f","disabled":"action-button__disabled_9tf9f"};
+var invertedColors = {"primary":"action-button__primary_o8wl7","iconWrapper":"action-button__iconWrapper_o8wl7","loader":"action-button__loader_o8wl7","secondary":"action-button__secondary_o8wl7","disabled":"action-button__disabled_o8wl7"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_qgfbb","iconWrapper":"action-button__iconWrapper_qgfbb","loader":"action-button__loader_qgfbb","secondary":"action-button__secondary_qgfbb","disabled":"action-button__disabled_qgfbb"};
+var staticColors = {"primary":"action-button__primary_86x00","iconWrapper":"action-button__iconWrapper_86x00","loader":"action-button__loader_86x00","secondary":"action-button__secondary_86x00","disabled":"action-button__disabled_86x00"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -48,31 +48,31 @@
     --action-button-disabled-color: var(--color-light-text-tertiary);
     --action-button-disabled-icon-color: var(--color-light-neutral-500);
     --action-button-disabled-bg-color: var(--color-light-neutral-100);
-} .action-button__primary_jgmoe {
+} .action-button__primary_xw405 {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__primary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__primary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_jgmoe {
+    } .action-button__secondary_xw405 {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__secondary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__secondary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_jgmoe {
+    } .action-button__disabled_xw405 {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__disabled_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-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_jgmoe","iconWrapper":"action-button__iconWrapper_jgmoe","loader":"action-button__loader_jgmoe","secondary":"action-button__secondary_jgmoe","disabled":"action-button__disabled_jgmoe"};
+var defaultColors = {"primary":"action-button__primary_xw405","iconWrapper":"action-button__iconWrapper_xw405","loader":"action-button__loader_xw405","secondary":"action-button__secondary_xw405","disabled":"action-button__disabled_xw405"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_6cx9y","size-48":"action-button__size-48_6cx9y","disabled":"action-button__disabled_6cx9y","loading":"action-button__loading_6cx9y","iconWrapper":"action-button__iconWrapper_6cx9y","label":"action-button__label_6cx9y","loader":"action-button__loader_6cx9y","focused":"action-button__focused_6cx9y"};
+var styles = {"component":"action-button__component_t8dv4","size-48":"action-button__size-48_t8dv4","disabled":"action-button__disabled_t8dv4","loading":"action-button__loading_t8dv4","iconWrapper":"action-button__iconWrapper_t8dv4","label":"action-button__label_t8dv4","loader":"action-button__loader_t8dv4","focused":"action-button__focused_t8dv4"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_9tf9f","iconWrapper":"action-button__iconWrapper_9tf9f","loader":"action-button__loader_9tf9f","secondary":"action-button__secondary_9tf9f","disabled":"action-button__disabled_9tf9f"};
+var invertedColors = {"primary":"action-button__primary_o8wl7","iconWrapper":"action-button__iconWrapper_o8wl7","loader":"action-button__loader_o8wl7","secondary":"action-button__secondary_o8wl7","disabled":"action-button__disabled_o8wl7"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_qgfbb","iconWrapper":"action-button__iconWrapper_qgfbb","loader":"action-button__loader_qgfbb","secondary":"action-button__secondary_qgfbb","disabled":"action-button__disabled_qgfbb"};
+var staticColors = {"primary":"action-button__primary_86x00","iconWrapper":"action-button__iconWrapper_86x00","loader":"action-button__loader_86x00","secondary":"action-button__secondary_86x00","disabled":"action-button__disabled_86x00"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -48,31 +48,31 @@
     --action-button-disabled-color: var(--color-light-text-tertiary);
     --action-button-disabled-icon-color: var(--color-light-neutral-500);
     --action-button-disabled-bg-color: var(--color-light-neutral-100);
-} .action-button__primary_jgmoe {
+} .action-button__primary_xw405 {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__primary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__primary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_jgmoe {
+    } .action-button__secondary_xw405 {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__secondary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__secondary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_jgmoe {
+    } .action-button__disabled_xw405 {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__disabled_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-color);
     }

package/action-button/esm/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_6cx9y {
+} .action-button__component_t8dv4 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,17 +42,17 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_6cx9y.action-button__size-48_6cx9y {
+} .action-button__component_t8dv4.action-button__size-48_t8dv4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_6cx9y {
+    } .action-button__disabled_t8dv4 {
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_6cx9y {
+} .action-button__loading_t8dv4 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_6cx9y {
+} .action-button__iconWrapper_t8dv4 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -61,21 +61,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_6cx9y.action-button__size-48_6cx9y {
+} .action-button__iconWrapper_t8dv4.action-button__size-48_t8dv4 {
         width: 48px;
         height: 48px;
-    } .action-button__label_6cx9y {
+    } .action-button__label_t8dv4 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_6cx9y {
+} .action-button__loader_t8dv4 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_6cx9y {
+} .action-button__focused_t8dv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/esm/inverted.css

@@ -50,31 +50,31 @@
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
     --action-button-inverted-disabled-icon-color: var(--color-light-neutral-500-inverted);
     --action-button-inverted-disabled-bg-color: var(--color-light-neutral-100-inverted);
-} .action-button__primary_9tf9f {
+} .action-button__primary_o8wl7 {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__primary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__primary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_9tf9f {
+    } .action-button__secondary_o8wl7 {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__secondary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__secondary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-default-color);
-    } .action-button__disabled_9tf9f {
+    } .action-button__disabled_o8wl7 {
     color: var(--action-button-inverted-disabled-color)
-} .action-button__disabled_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__disabled_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-disabled-icon-color);
         background-color: var(--action-button-inverted-disabled-bg-color);
     }

package/action-button/esm/static.css

@@ -40,23 +40,23 @@
     --action-button-static-disabled-color: var(--color-static-text-tertiary);
     --action-button-static-disabled-icon-color: var(--color-static-neutral-500);
     --action-button-static-disabled-bg-color: var(--color-static-neutral-100);
-} .action-button__primary_qgfbb {
+} .action-button__primary_86x00 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__primary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__primary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_qgfbb {
+    } .action-button__secondary_86x00 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__secondary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__secondary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-secondary-color);
-    } .action-button__disabled_qgfbb {
+    } .action-button__disabled_86x00 {
     color: var(--action-button-static-disabled-color)
-} .action-button__disabled_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__disabled_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-disabled-icon-color);
         background-color: var(--action-button-static-disabled-bg-color);
     }

package/action-button/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_6cx9y {
+} .action-button__component_t8dv4 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,17 +42,17 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_6cx9y.action-button__size-48_6cx9y {
+} .action-button__component_t8dv4.action-button__size-48_t8dv4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_6cx9y {
+    } .action-button__disabled_t8dv4 {
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_6cx9y {
+} .action-button__loading_t8dv4 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_6cx9y {
+} .action-button__iconWrapper_t8dv4 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -61,21 +61,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_6cx9y.action-button__size-48_6cx9y {
+} .action-button__iconWrapper_t8dv4.action-button__size-48_t8dv4 {
         width: 48px;
         height: 48px;
-    } .action-button__label_6cx9y {
+    } .action-button__label_t8dv4 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_6cx9y {
+} .action-button__loader_t8dv4 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_6cx9y {
+} .action-button__focused_t8dv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/inverted.css

@@ -50,31 +50,31 @@
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
     --action-button-inverted-disabled-icon-color: var(--color-light-neutral-500-inverted);
     --action-button-inverted-disabled-bg-color: var(--color-light-neutral-100-inverted);
-} .action-button__primary_9tf9f {
+} .action-button__primary_o8wl7 {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__primary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__primary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_9tf9f {
+    } .action-button__secondary_o8wl7 {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__secondary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__secondary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-default-color);
-    } .action-button__disabled_9tf9f {
+    } .action-button__disabled_o8wl7 {
     color: var(--action-button-inverted-disabled-color)
-} .action-button__disabled_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__disabled_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-disabled-icon-color);
         background-color: var(--action-button-inverted-disabled-bg-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_jgmoe","iconWrapper":"action-button__iconWrapper_jgmoe","loader":"action-button__loader_jgmoe","secondary":"action-button__secondary_jgmoe","disabled":"action-button__disabled_jgmoe"};
+const defaultColors = {"primary":"action-button__primary_xw405","iconWrapper":"action-button__iconWrapper_xw405","loader":"action-button__loader_xw405","secondary":"action-button__secondary_xw405","disabled":"action-button__disabled_xw405"};
 require('./default.css');
 
-const styles = {"component":"action-button__component_6cx9y","size-48":"action-button__size-48_6cx9y","disabled":"action-button__disabled_6cx9y","loading":"action-button__loading_6cx9y","iconWrapper":"action-button__iconWrapper_6cx9y","label":"action-button__label_6cx9y","loader":"action-button__loader_6cx9y","focused":"action-button__focused_6cx9y"};
+const styles = {"component":"action-button__component_t8dv4","size-48":"action-button__size-48_t8dv4","disabled":"action-button__disabled_t8dv4","loading":"action-button__loading_t8dv4","iconWrapper":"action-button__iconWrapper_t8dv4","label":"action-button__label_t8dv4","loader":"action-button__loader_t8dv4","focused":"action-button__focused_t8dv4"};
 require('./index.css');
 
-const invertedColors = {"primary":"action-button__primary_9tf9f","iconWrapper":"action-button__iconWrapper_9tf9f","loader":"action-button__loader_9tf9f","secondary":"action-button__secondary_9tf9f","disabled":"action-button__disabled_9tf9f"};
+const invertedColors = {"primary":"action-button__primary_o8wl7","iconWrapper":"action-button__iconWrapper_o8wl7","loader":"action-button__loader_o8wl7","secondary":"action-button__secondary_o8wl7","disabled":"action-button__disabled_o8wl7"};
 require('./inverted.css');
 
-const staticColors = {"primary":"action-button__primary_qgfbb","iconWrapper":"action-button__iconWrapper_qgfbb","loader":"action-button__loader_qgfbb","secondary":"action-button__secondary_qgfbb","disabled":"action-button__disabled_qgfbb"};
+const staticColors = {"primary":"action-button__primary_86x00","iconWrapper":"action-button__iconWrapper_86x00","loader":"action-button__loader_86x00","secondary":"action-button__secondary_86x00","disabled":"action-button__disabled_86x00"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -48,31 +48,31 @@
     --action-button-disabled-color: var(--color-light-text-tertiary);
     --action-button-disabled-icon-color: var(--color-light-neutral-500);
     --action-button-disabled-bg-color: var(--color-light-neutral-100);
-} .action-button__primary_jgmoe {
+} .action-button__primary_xw405 {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__primary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__primary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__primary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_jgmoe {
+    } .action-button__secondary_xw405 {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__secondary_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_jgmoe:hover .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:hover .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_jgmoe:active .action-button__iconWrapper_jgmoe {
+    } .action-button__secondary_xw405:active .action-button__iconWrapper_xw405 {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_jgmoe .action-button__loader_jgmoe {
+    } .action-button__secondary_xw405 .action-button__loader_xw405 {
         color: var(--action-button-spinner-default-color);
-    } .action-button__disabled_jgmoe {
+    } .action-button__disabled_xw405 {
     color: var(--action-button-disabled-color)
-} .action-button__disabled_jgmoe .action-button__iconWrapper_jgmoe {
+} .action-button__disabled_xw405 .action-button__iconWrapper_xw405 {
         color: var(--action-button-disabled-icon-color);
         background-color: var(--action-button-disabled-bg-color);
     }

package/action-button/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_6cx9y {
+} .action-button__component_t8dv4 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -42,17 +42,17 @@
     font-family: inherit;
     appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_6cx9y.action-button__size-48_6cx9y {
+} .action-button__component_t8dv4.action-button__size-48_t8dv4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_6cx9y {
+    } .action-button__disabled_t8dv4 {
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_6cx9y {
+} .action-button__loading_t8dv4 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_6cx9y {
+} .action-button__iconWrapper_t8dv4 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -61,21 +61,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_6cx9y.action-button__size-48_6cx9y {
+} .action-button__iconWrapper_t8dv4.action-button__size-48_t8dv4 {
         width: 48px;
         height: 48px;
-    } .action-button__label_6cx9y {
+    } .action-button__label_t8dv4 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_6cx9y {
+} .action-button__loader_t8dv4 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_6cx9y {
+} .action-button__focused_t8dv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -50,31 +50,31 @@
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
     --action-button-inverted-disabled-icon-color: var(--color-light-neutral-500-inverted);
     --action-button-inverted-disabled-bg-color: var(--color-light-neutral-100-inverted);
-} .action-button__primary_9tf9f {
+} .action-button__primary_o8wl7 {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__primary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__primary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__primary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_9tf9f {
+    } .action-button__secondary_o8wl7 {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__secondary_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_9tf9f:hover .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:hover .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_9tf9f:active .action-button__iconWrapper_9tf9f {
+    } .action-button__secondary_o8wl7:active .action-button__iconWrapper_o8wl7 {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_9tf9f .action-button__loader_9tf9f {
+    } .action-button__secondary_o8wl7 .action-button__loader_o8wl7 {
         color: var(--action-button-spinner-inverted-default-color);
-    } .action-button__disabled_9tf9f {
+    } .action-button__disabled_o8wl7 {
     color: var(--action-button-inverted-disabled-color)
-} .action-button__disabled_9tf9f .action-button__iconWrapper_9tf9f {
+} .action-button__disabled_o8wl7 .action-button__iconWrapper_o8wl7 {
         color: var(--action-button-inverted-disabled-icon-color);
         background-color: var(--action-button-inverted-disabled-bg-color);
     }

package/action-button/modern/static.css

@@ -40,23 +40,23 @@
     --action-button-static-disabled-color: var(--color-static-text-tertiary);
     --action-button-static-disabled-icon-color: var(--color-static-neutral-500);
     --action-button-static-disabled-bg-color: var(--color-static-neutral-100);
-} .action-button__primary_qgfbb {
+} .action-button__primary_86x00 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__primary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__primary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_qgfbb {
+    } .action-button__secondary_86x00 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__secondary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__secondary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-secondary-color);
-    } .action-button__disabled_qgfbb {
+    } .action-button__disabled_86x00 {
     color: var(--action-button-static-disabled-color)
-} .action-button__disabled_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__disabled_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-disabled-icon-color);
         background-color: var(--action-button-static-disabled-bg-color);
     }

package/action-button/static.css

@@ -40,23 +40,23 @@
     --action-button-static-disabled-color: var(--color-static-text-tertiary);
     --action-button-static-disabled-icon-color: var(--color-static-neutral-500);
     --action-button-static-disabled-bg-color: var(--color-static-neutral-100);
-} .action-button__primary_qgfbb {
+} .action-button__primary_86x00 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__primary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__primary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_qgfbb {
+    } .action-button__secondary_86x00 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__secondary_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_qgfbb .action-button__loader_qgfbb {
+    } .action-button__secondary_86x00 .action-button__loader_86x00 {
         color: var(--action-button-spinner-static-secondary-color);
-    } .action-button__disabled_qgfbb {
+    } .action-button__disabled_86x00 {
     color: var(--action-button-static-disabled-color)
-} .action-button__disabled_qgfbb .action-button__iconWrapper_qgfbb {
+} .action-button__disabled_86x00 .action-button__iconWrapper_86x00 {
         color: var(--action-button-static-disabled-icon-color);
         background-color: var(--action-button-static-disabled-bg-color);
     }