@alfalab/core-components 47.25.1 → 47.25.2-beta.1

package/spinner/esm/index.css

@@ -22,23 +22,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_cn6j9 {
+} .spinner__spinner_ynska {
     display: none;
-    animation: spinner__spin_animation_cn6j9 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_ynska var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_cn6j9 {
+} .spinner__visible_ynska {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_cn6j9 {
+} .spinner__size-16_ynska {
     width: 16px;
     height: 16px;
-} .spinner__size-24_cn6j9 {
+} .spinner__size-24_ynska {
     width: 24px;
     height: 24px;
-} .spinner__size-48_cn6j9 {
+} .spinner__size-48_ynska {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_cn6j9 {
+} @keyframes spinner__spin_animation_ynska {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css

@@ -21,6 +21,6 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_19j50 {
+} .spinner__component_18b2t {
     color: var(--spinner-inverted-color);
 }

package/spinner/index.css

@@ -22,23 +22,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_cn6j9 {
+} .spinner__spinner_ynska {
     display: none;
-    animation: spinner__spin_animation_cn6j9 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_ynska var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_cn6j9 {
+} .spinner__visible_ynska {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_cn6j9 {
+} .spinner__size-16_ynska {
     width: 16px;
     height: 16px;
-} .spinner__size-24_cn6j9 {
+} .spinner__size-24_ynska {
     width: 24px;
     height: 24px;
-} .spinner__size-48_cn6j9 {
+} .spinner__size-48_ynska {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_cn6j9 {
+} @keyframes spinner__spin_animation_ynska {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -21,6 +21,6 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_19j50 {
+} .spinner__component_18b2t {
     color: var(--spinner-inverted-color);
 }

package/spinner/modern/Component.js

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
 
-const defaultColors = {"component":"spinner__component_vm6m1"};
+const defaultColors = {"component":"spinner__component_ue4fd"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_cn6j9","spin_animation":"spinner__spin_animation_cn6j9","visible":"spinner__visible_cn6j9","size-16":"spinner__size-16_cn6j9","size-24":"spinner__size-24_cn6j9","size-48":"spinner__size-48_cn6j9"};
+const styles = {"spinner":"spinner__spinner_ynska","spin_animation":"spinner__spin_animation_ynska","visible":"spinner__visible_ynska","size-16":"spinner__size-16_ynska","size-24":"spinner__size-24_ynska","size-48":"spinner__size-48_ynska"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_19j50"};
+const invertedColors = {"component":"spinner__component_18b2t"};
 require('./inverted.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -21,6 +21,6 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --spinner-default-color: var(--color-light-neutral-translucent-1300);
-} .spinner__component_vm6m1 {
+} .spinner__component_ue4fd {
     color: var(--spinner-default-color);
 }

package/spinner/modern/index.css

@@ -22,23 +22,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_cn6j9 {
+} .spinner__spinner_ynska {
     display: none;
-    animation: spinner__spin_animation_cn6j9 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_ynska var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_cn6j9 {
+} .spinner__visible_ynska {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_cn6j9 {
+} .spinner__size-16_ynska {
     width: 16px;
     height: 16px;
-} .spinner__size-24_cn6j9 {
+} .spinner__size-24_ynska {
     width: 24px;
     height: 24px;
-} .spinner__size-48_cn6j9 {
+} .spinner__size-48_ynska {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_cn6j9 {
+} @keyframes spinner__spin_animation_ynska {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css

@@ -21,6 +21,6 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_19j50 {
+} .spinner__component_18b2t {
     color: var(--spinner-inverted-color);
 }

package/status/Component.js

@@ -8,7 +8,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":"status__component_j8g4m","ellipsis":"status__ellipsis_j8g4m","size-20":"status__size-20_j8g4m","size-24":"status__size-24_j8g4m","size-32":"status__size-32_j8g4m","size-40":"status__size-40_j8g4m","rounded":"status__rounded_j8g4m","uppercase":"status__uppercase_j8g4m","soft":"status__soft_j8g4m","muted-alt":"status__muted-alt_j8g4m","green":"status__green_j8g4m","orange":"status__orange_j8g4m","red":"status__red_j8g4m","blue":"status__blue_j8g4m","teal":"status__teal_j8g4m","grey":"status__grey_j8g4m","purple":"status__purple_j8g4m","contrast":"status__contrast_j8g4m","muted":"status__muted_j8g4m"};
+var styles = {"component":"status__component_1govr","ellipsis":"status__ellipsis_1govr","size-20":"status__size-20_1govr","size-24":"status__size-24_1govr","size-32":"status__size-32_1govr","size-40":"status__size-40_1govr","rounded":"status__rounded_1govr","uppercase":"status__uppercase_1govr","soft":"status__soft_1govr","muted-alt":"status__muted-alt_1govr","green":"status__green_1govr","orange":"status__orange_1govr","red":"status__red_1govr","blue":"status__blue_1govr","teal":"status__teal_1govr","grey":"status__grey_1govr","purple":"status__purple_1govr","contrast":"status__contrast_1govr","muted":"status__muted_1govr"};
 require('./index.css');
 
 var logWarning = function () {

package/status/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_j8g4m","ellipsis":"status__ellipsis_j8g4m","size-20":"status__size-20_j8g4m","size-24":"status__size-24_j8g4m","size-32":"status__size-32_j8g4m","size-40":"status__size-40_j8g4m","rounded":"status__rounded_j8g4m","uppercase":"status__uppercase_j8g4m","soft":"status__soft_j8g4m","muted-alt":"status__muted-alt_j8g4m","green":"status__green_j8g4m","orange":"status__orange_j8g4m","red":"status__red_j8g4m","blue":"status__blue_j8g4m","teal":"status__teal_j8g4m","grey":"status__grey_j8g4m","purple":"status__purple_j8g4m","contrast":"status__contrast_j8g4m","muted":"status__muted_j8g4m"};
+var styles = {"component":"status__component_1govr","ellipsis":"status__ellipsis_1govr","size-20":"status__size-20_1govr","size-24":"status__size-24_1govr","size-32":"status__size-32_1govr","size-40":"status__size-40_1govr","rounded":"status__rounded_1govr","uppercase":"status__uppercase_1govr","soft":"status__soft_1govr","muted-alt":"status__muted-alt_1govr","green":"status__green_1govr","orange":"status__orange_1govr","red":"status__red_1govr","blue":"status__blue_1govr","teal":"status__teal_1govr","grey":"status__grey_1govr","purple":"status__purple_1govr","contrast":"status__contrast_1govr","muted":"status__muted_1govr"};
 require('./index.css');
 
 var logWarning = function () {

package/status/esm/index.css

@@ -62,7 +62,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_j8g4m {
+} .status__component_1govr {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -72,113 +72,113 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_j8g4m .status__ellipsis_j8g4m {
+} .status__component_1govr .status__ellipsis_1govr {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_j8g4m:empty {
+    } .status__component_1govr:empty {
         padding: var(--gap-0);
-    } .status__component_j8g4m.status__size-20_j8g4m {
+    } .status__component_1govr.status__size-20_1govr {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 20px;
         padding: 0 var(--gap-8);
         border-radius: var(--border-radius-6);
-    } .status__component_j8g4m.status__size-24_j8g4m {
+    } .status__component_1govr.status__size-24_1govr {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 24px;
         padding: 0 var(--gap-12);
         border-radius: var(--border-radius-6);
-    } .status__component_j8g4m.status__size-32_j8g4m {
+    } .status__component_1govr.status__size-32_1govr {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 32px;
         padding: 0 var(--gap-16);
         border-radius: var(--border-radius-10);
-    } .status__component_j8g4m.status__size-40_j8g4m {
+    } .status__component_1govr.status__size-40_1govr {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 40px;
         padding: 0 var(--gap-20);
         border-radius: var(--border-radius-12);
-    } .status__component_j8g4m.status__rounded_j8g4m {
+    } .status__component_1govr.status__rounded_1govr {
         border-radius: var(--border-radius-pill);
-    } .status__component_j8g4m.status__uppercase_j8g4m.status__size-20_j8g4m,
-        .status__component_j8g4m.status__uppercase_j8g4m.status__size-24_j8g4m {
+    } .status__component_1govr.status__uppercase_1govr.status__size-20_1govr,
+        .status__component_1govr.status__uppercase_1govr.status__size-24_1govr {
             font-size: 11px;
             line-height: 16px;
             font-weight: 700;
             text-transform: uppercase;
-        } .status__component_j8g4m.status__uppercase_j8g4m.status__size-32_j8g4m,
-        .status__component_j8g4m.status__uppercase_j8g4m.status__size-40_j8g4m {
+        } .status__component_1govr.status__uppercase_1govr.status__size-32_1govr,
+        .status__component_1govr.status__uppercase_1govr.status__size-40_1govr {
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
-        } .status__soft_j8g4m.status__green_j8g4m, .status__muted-alt_j8g4m.status__green_j8g4m {
+        } .status__soft_1govr.status__green_1govr, .status__muted-alt_1govr.status__green_1govr {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__soft_j8g4m.status__orange_j8g4m, .status__muted-alt_j8g4m.status__orange_j8g4m {
+        } .status__soft_1govr.status__orange_1govr, .status__muted-alt_1govr.status__orange_1govr {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__soft_j8g4m.status__red_j8g4m, .status__muted-alt_j8g4m.status__red_j8g4m {
+        } .status__soft_1govr.status__red_1govr, .status__muted-alt_1govr.status__red_1govr {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__soft_j8g4m.status__blue_j8g4m, .status__muted-alt_j8g4m.status__blue_j8g4m {
+        } .status__soft_1govr.status__blue_1govr, .status__muted-alt_1govr.status__blue_1govr {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__soft_j8g4m.status__teal_j8g4m, .status__muted-alt_j8g4m.status__teal_j8g4m {
+        } .status__soft_1govr.status__teal_1govr, .status__muted-alt_1govr.status__teal_1govr {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__soft_j8g4m.status__grey_j8g4m, .status__muted-alt_j8g4m.status__grey_j8g4m {
+        } .status__soft_1govr.status__grey_1govr, .status__muted-alt_1govr.status__grey_1govr {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_j8g4m.status__purple_j8g4m, .status__muted-alt_j8g4m.status__purple_j8g4m {
+    } .status__soft_1govr.status__purple_1govr, .status__muted-alt_1govr.status__purple_1govr {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_j8g4m {
+    } .status__contrast_1govr {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_j8g4m.status__green_j8g4m {
+} .status__contrast_1govr.status__green_1govr {
             background: var(--color-light-decorative-green);
-        } .status__contrast_j8g4m.status__orange_j8g4m {
+        } .status__contrast_1govr.status__orange_1govr {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_j8g4m.status__red_j8g4m {
+        } .status__contrast_1govr.status__red_1govr {
             background: var(--color-light-decorative-red);
-        } .status__contrast_j8g4m.status__blue_j8g4m {
+        } .status__contrast_1govr.status__blue_1govr {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_j8g4m.status__teal_j8g4m {
+        } .status__contrast_1govr.status__teal_1govr {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_j8g4m.status__grey_j8g4m {
+        } .status__contrast_1govr.status__grey_1govr {
         background: var(--color-light-neutral-700);
-    } .status__contrast_j8g4m.status__purple_j8g4m {
+    } .status__contrast_1govr.status__purple_1govr {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_j8g4m.status__green_j8g4m {
+    } .status__muted_1govr.status__green_1govr {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_j8g4m.status__orange_j8g4m {
+        } .status__muted_1govr.status__orange_1govr {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_j8g4m.status__red_j8g4m {
+        } .status__muted_1govr.status__red_1govr {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_j8g4m.status__blue_j8g4m {
+        } .status__muted_1govr.status__blue_1govr {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_j8g4m.status__teal_j8g4m {
+        } .status__muted_1govr.status__teal_1govr {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_j8g4m.status__grey_j8g4m {
+        } .status__muted_1govr.status__grey_1govr {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_j8g4m.status__purple_j8g4m {
+    } .status__muted_1govr.status__purple_1govr {
         background: var(--color-light-decorative-muted-indigo);
         color: var(--color-light-decorative-text-indigo);
     }

package/status/index.css

@@ -62,7 +62,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_j8g4m {
+} .status__component_1govr {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -72,113 +72,113 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_j8g4m .status__ellipsis_j8g4m {
+} .status__component_1govr .status__ellipsis_1govr {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_j8g4m:empty {
+    } .status__component_1govr:empty {
         padding: var(--gap-0);
-    } .status__component_j8g4m.status__size-20_j8g4m {
+    } .status__component_1govr.status__size-20_1govr {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 20px;
         padding: 0 var(--gap-8);
         border-radius: var(--border-radius-6);
-    } .status__component_j8g4m.status__size-24_j8g4m {
+    } .status__component_1govr.status__size-24_1govr {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 24px;
         padding: 0 var(--gap-12);
         border-radius: var(--border-radius-6);
-    } .status__component_j8g4m.status__size-32_j8g4m {
+    } .status__component_1govr.status__size-32_1govr {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 32px;
         padding: 0 var(--gap-16);
         border-radius: var(--border-radius-10);
-    } .status__component_j8g4m.status__size-40_j8g4m {
+    } .status__component_1govr.status__size-40_1govr {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 40px;
         padding: 0 var(--gap-20);
         border-radius: var(--border-radius-12);
-    } .status__component_j8g4m.status__rounded_j8g4m {
+    } .status__component_1govr.status__rounded_1govr {
         border-radius: var(--border-radius-pill);
-    } .status__component_j8g4m.status__uppercase_j8g4m.status__size-20_j8g4m,
-        .status__component_j8g4m.status__uppercase_j8g4m.status__size-24_j8g4m {
+    } .status__component_1govr.status__uppercase_1govr.status__size-20_1govr,
+        .status__component_1govr.status__uppercase_1govr.status__size-24_1govr {
             font-size: 11px;
             line-height: 16px;
             font-weight: 700;
             text-transform: uppercase;
-        } .status__component_j8g4m.status__uppercase_j8g4m.status__size-32_j8g4m,
-        .status__component_j8g4m.status__uppercase_j8g4m.status__size-40_j8g4m {
+        } .status__component_1govr.status__uppercase_1govr.status__size-32_1govr,
+        .status__component_1govr.status__uppercase_1govr.status__size-40_1govr {
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
-        } .status__soft_j8g4m.status__green_j8g4m, .status__muted-alt_j8g4m.status__green_j8g4m {
+        } .status__soft_1govr.status__green_1govr, .status__muted-alt_1govr.status__green_1govr {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__soft_j8g4m.status__orange_j8g4m, .status__muted-alt_j8g4m.status__orange_j8g4m {
+        } .status__soft_1govr.status__orange_1govr, .status__muted-alt_1govr.status__orange_1govr {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__soft_j8g4m.status__red_j8g4m, .status__muted-alt_j8g4m.status__red_j8g4m {
+        } .status__soft_1govr.status__red_1govr, .status__muted-alt_1govr.status__red_1govr {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__soft_j8g4m.status__blue_j8g4m, .status__muted-alt_j8g4m.status__blue_j8g4m {
+        } .status__soft_1govr.status__blue_1govr, .status__muted-alt_1govr.status__blue_1govr {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__soft_j8g4m.status__teal_j8g4m, .status__muted-alt_j8g4m.status__teal_j8g4m {
+        } .status__soft_1govr.status__teal_1govr, .status__muted-alt_1govr.status__teal_1govr {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__soft_j8g4m.status__grey_j8g4m, .status__muted-alt_j8g4m.status__grey_j8g4m {
+        } .status__soft_1govr.status__grey_1govr, .status__muted-alt_1govr.status__grey_1govr {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_j8g4m.status__purple_j8g4m, .status__muted-alt_j8g4m.status__purple_j8g4m {
+    } .status__soft_1govr.status__purple_1govr, .status__muted-alt_1govr.status__purple_1govr {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_j8g4m {
+    } .status__contrast_1govr {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_j8g4m.status__green_j8g4m {
+} .status__contrast_1govr.status__green_1govr {
             background: var(--color-light-decorative-green);
-        } .status__contrast_j8g4m.status__orange_j8g4m {
+        } .status__contrast_1govr.status__orange_1govr {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_j8g4m.status__red_j8g4m {
+        } .status__contrast_1govr.status__red_1govr {
             background: var(--color-light-decorative-red);
-        } .status__contrast_j8g4m.status__blue_j8g4m {
+        } .status__contrast_1govr.status__blue_1govr {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_j8g4m.status__teal_j8g4m {
+        } .status__contrast_1govr.status__teal_1govr {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_j8g4m.status__grey_j8g4m {
+        } .status__contrast_1govr.status__grey_1govr {
         background: var(--color-light-neutral-700);
-    } .status__contrast_j8g4m.status__purple_j8g4m {
+    } .status__contrast_1govr.status__purple_1govr {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_j8g4m.status__green_j8g4m {
+    } .status__muted_1govr.status__green_1govr {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_j8g4m.status__orange_j8g4m {
+        } .status__muted_1govr.status__orange_1govr {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_j8g4m.status__red_j8g4m {
+        } .status__muted_1govr.status__red_1govr {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_j8g4m.status__blue_j8g4m {
+        } .status__muted_1govr.status__blue_1govr {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_j8g4m.status__teal_j8g4m {
+        } .status__muted_1govr.status__teal_1govr {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_j8g4m.status__grey_j8g4m {
+        } .status__muted_1govr.status__grey_1govr {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_j8g4m.status__purple_j8g4m {
+    } .status__muted_1govr.status__purple_1govr {
         background: var(--color-light-decorative-muted-indigo);
         color: var(--color-light-decorative-text-indigo);
     }

package/status/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"status__component_j8g4m","ellipsis":"status__ellipsis_j8g4m","size-20":"status__size-20_j8g4m","size-24":"status__size-24_j8g4m","size-32":"status__size-32_j8g4m","size-40":"status__size-40_j8g4m","rounded":"status__rounded_j8g4m","uppercase":"status__uppercase_j8g4m","soft":"status__soft_j8g4m","muted-alt":"status__muted-alt_j8g4m","green":"status__green_j8g4m","orange":"status__orange_j8g4m","red":"status__red_j8g4m","blue":"status__blue_j8g4m","teal":"status__teal_j8g4m","grey":"status__grey_j8g4m","purple":"status__purple_j8g4m","contrast":"status__contrast_j8g4m","muted":"status__muted_j8g4m"};
+const styles = {"component":"status__component_1govr","ellipsis":"status__ellipsis_1govr","size-20":"status__size-20_1govr","size-24":"status__size-24_1govr","size-32":"status__size-32_1govr","size-40":"status__size-40_1govr","rounded":"status__rounded_1govr","uppercase":"status__uppercase_1govr","soft":"status__soft_1govr","muted-alt":"status__muted-alt_1govr","green":"status__green_1govr","orange":"status__orange_1govr","red":"status__red_1govr","blue":"status__blue_1govr","teal":"status__teal_1govr","grey":"status__grey_1govr","purple":"status__purple_1govr","contrast":"status__contrast_1govr","muted":"status__muted_1govr"};
 require('./index.css');
 
 const logWarning = () => {