@alfalab/core-components 48.33.4 → 48.34.0-beta.0

package/spinner/esm/index.css

@@ -29,15 +29,15 @@
     /* default */
 
     /* inverted */
-} .spinner__spinner_1cpga {
+} .spinner__spinner_1mdeq {
     display: none;
     box-sizing: content-box;
-    animation: spinner__spin_animation_1cpga var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1mdeq var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1cpga {
+} .spinner__visible_1mdeq {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} @keyframes spinner__spin_animation_1cpga {
+} @keyframes spinner__spin_animation_1mdeq {
     from {
         transform: rotate(0deg);
     }
@@ -45,7 +45,7 @@
     to {
         transform: rotate(360deg);
     }
-} .spinner__gradient_1cpga {
+} .spinner__gradient_1mdeq {
     width: 100%;
     height: 100%;
 }

package/spinner/esm/inverted.css

@@ -28,6 +28,6 @@
 
     /* inverted */
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_16vyt {
+} .spinner__component_1vphi {
     color: var(--spinner-inverted-color);
 }

package/spinner/esm/preset.css

@@ -28,10 +28,10 @@
     /* default */
 
     /* inverted */
-} .spinner__preset16_1c7gj {
+} .spinner__preset16_16x29 {
     padding: 1px;
-} .spinner__preset24_1c7gj {
+} .spinner__preset24_16x29 {
     padding: var(--gap-3xs);
-} .spinner__preset48_1c7gj {
+} .spinner__preset48_16x29 {
     padding: var(--gap-2xs);
 }

package/spinner/index.css

@@ -29,15 +29,15 @@
     /* default */
 
     /* inverted */
-} .spinner__spinner_1cpga {
+} .spinner__spinner_1mdeq {
     display: none;
     box-sizing: content-box;
-    animation: spinner__spin_animation_1cpga var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1mdeq var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1cpga {
+} .spinner__visible_1mdeq {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} @keyframes spinner__spin_animation_1cpga {
+} @keyframes spinner__spin_animation_1mdeq {
     from {
         transform: rotate(0deg);
     }
@@ -45,7 +45,7 @@
     to {
         transform: rotate(360deg);
     }
-} .spinner__gradient_1cpga {
+} .spinner__gradient_1mdeq {
     width: 100%;
     height: 100%;
 }

package/spinner/inverted.css

@@ -28,6 +28,6 @@
 
     /* inverted */
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_16vyt {
+} .spinner__component_1vphi {
     color: var(--spinner-inverted-color);
 }

package/spinner/modern/Component.js

@@ -3,16 +3,16 @@ import cn from 'classnames';
 import { hasOwnProperty, isNonNullable, devWarning } from '../../shared/modern';
 import { useId } from '@alfalab/hooks';
 
-const defaultColors = {"component":"spinner__component_1orkf"};
+const defaultColors = {"component":"spinner__component_ejz30"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_1cpga","spin_animation":"spinner__spin_animation_1cpga","visible":"spinner__visible_1cpga","gradient":"spinner__gradient_1cpga"};
+const styles = {"spinner":"spinner__spinner_1mdeq","spin_animation":"spinner__spin_animation_1mdeq","visible":"spinner__visible_1mdeq","gradient":"spinner__gradient_1mdeq"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_16vyt"};
+const invertedColors = {"component":"spinner__component_1vphi"};
 require('./inverted.css');
 
-const presetStyles = {"preset16":"spinner__preset16_1c7gj","preset24":"spinner__preset24_1c7gj","preset48":"spinner__preset48_1c7gj"};
+const presetStyles = {"preset16":"spinner__preset16_16x29","preset24":"spinner__preset24_16x29","preset48":"spinner__preset48_16x29"};
 require('./preset.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -28,6 +28,6 @@
     --spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* inverted */
-} .spinner__component_1orkf {
+} .spinner__component_ejz30 {
     color: var(--spinner-default-color);
 }

package/spinner/modern/index.css

@@ -29,15 +29,15 @@
     /* default */
 
     /* inverted */
-} .spinner__spinner_1cpga {
+} .spinner__spinner_1mdeq {
     display: none;
     box-sizing: content-box;
-    animation: spinner__spin_animation_1cpga var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1mdeq var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1cpga {
+} .spinner__visible_1mdeq {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} @keyframes spinner__spin_animation_1cpga {
+} @keyframes spinner__spin_animation_1mdeq {
     from {
         transform: rotate(0deg);
     }
@@ -45,7 +45,7 @@
     to {
         transform: rotate(360deg);
     }
-} .spinner__gradient_1cpga {
+} .spinner__gradient_1mdeq {
     width: 100%;
     height: 100%;
 }

package/spinner/modern/inverted.css

@@ -28,6 +28,6 @@
 
     /* inverted */
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_16vyt {
+} .spinner__component_1vphi {
     color: var(--spinner-inverted-color);
 }

package/spinner/modern/preset.css

@@ -28,10 +28,10 @@
     /* default */
 
     /* inverted */
-} .spinner__preset16_1c7gj {
+} .spinner__preset16_16x29 {
     padding: 1px;
-} .spinner__preset24_1c7gj {
+} .spinner__preset24_16x29 {
     padding: var(--gap-3xs);
-} .spinner__preset48_1c7gj {
+} .spinner__preset48_16x29 {
     padding: var(--gap-2xs);
 }

package/spinner/preset.css

@@ -28,10 +28,10 @@
     /* default */
 
     /* inverted */
-} .spinner__preset16_1c7gj {
+} .spinner__preset16_16x29 {
     padding: 1px;
-} .spinner__preset24_1c7gj {
+} .spinner__preset24_16x29 {
     padding: var(--gap-3xs);
-} .spinner__preset48_1c7gj {
+} .spinner__preset48_16x29 {
     padding: var(--gap-2xs);
 }

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_xvc4y","leftAddons":"status__leftAddons_xvc4y","ellipsis":"status__ellipsis_xvc4y","size-20":"status__size-20_xvc4y","size-24":"status__size-24_xvc4y","size-32":"status__size-32_xvc4y","size-40":"status__size-40_xvc4y","rounded":"status__rounded_xvc4y","uppercase":"status__uppercase_xvc4y","withLeftAddons":"status__withLeftAddons_xvc4y","soft":"status__soft_xvc4y","green":"status__green_xvc4y","muted-alt":"status__muted-alt_xvc4y","orange":"status__orange_xvc4y","red":"status__red_xvc4y","blue":"status__blue_xvc4y","teal":"status__teal_xvc4y","grey":"status__grey_xvc4y","purple":"status__purple_xvc4y","contrast":"status__contrast_xvc4y","muted":"status__muted_xvc4y"};
+var styles = {"component":"status__component_yh9l4","leftAddons":"status__leftAddons_yh9l4","ellipsis":"status__ellipsis_yh9l4","size-20":"status__size-20_yh9l4","size-24":"status__size-24_yh9l4","size-32":"status__size-32_yh9l4","size-40":"status__size-40_yh9l4","rounded":"status__rounded_yh9l4","uppercase":"status__uppercase_yh9l4","withLeftAddons":"status__withLeftAddons_yh9l4","soft":"status__soft_yh9l4","green":"status__green_yh9l4","muted-alt":"status__muted-alt_yh9l4","orange":"status__orange_yh9l4","red":"status__red_yh9l4","blue":"status__blue_yh9l4","teal":"status__teal_yh9l4","grey":"status__grey_yh9l4","purple":"status__purple_yh9l4","contrast":"status__contrast_yh9l4","muted":"status__muted_yh9l4"};
 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_xvc4y","leftAddons":"status__leftAddons_xvc4y","ellipsis":"status__ellipsis_xvc4y","size-20":"status__size-20_xvc4y","size-24":"status__size-24_xvc4y","size-32":"status__size-32_xvc4y","size-40":"status__size-40_xvc4y","rounded":"status__rounded_xvc4y","uppercase":"status__uppercase_xvc4y","withLeftAddons":"status__withLeftAddons_xvc4y","soft":"status__soft_xvc4y","green":"status__green_xvc4y","muted-alt":"status__muted-alt_xvc4y","orange":"status__orange_xvc4y","red":"status__red_xvc4y","blue":"status__blue_xvc4y","teal":"status__teal_xvc4y","grey":"status__grey_xvc4y","purple":"status__purple_xvc4y","contrast":"status__contrast_xvc4y","muted":"status__muted_xvc4y"};
+var styles = {"component":"status__component_yh9l4","leftAddons":"status__leftAddons_yh9l4","ellipsis":"status__ellipsis_yh9l4","size-20":"status__size-20_yh9l4","size-24":"status__size-24_yh9l4","size-32":"status__size-32_yh9l4","size-40":"status__size-40_yh9l4","rounded":"status__rounded_yh9l4","uppercase":"status__uppercase_yh9l4","withLeftAddons":"status__withLeftAddons_yh9l4","soft":"status__soft_yh9l4","green":"status__green_yh9l4","muted-alt":"status__muted-alt_yh9l4","orange":"status__orange_yh9l4","red":"status__red_yh9l4","blue":"status__blue_yh9l4","teal":"status__teal_yh9l4","grey":"status__grey_yh9l4","purple":"status__purple_yh9l4","contrast":"status__contrast_yh9l4","muted":"status__muted_yh9l4"};
 require('./index.css');
 
 var logWarning = function () {

package/status/esm/index.css

@@ -67,7 +67,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_xvc4y {
+} .status__component_yh9l4 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -77,137 +77,137 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_xvc4y .status__leftAddons_xvc4y {
+} .status__component_yh9l4 .status__leftAddons_yh9l4 {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .status__component_xvc4y .status__ellipsis_xvc4y {
+    } .status__component_yh9l4 .status__ellipsis_yh9l4 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_xvc4y:empty {
+    } .status__component_yh9l4:empty {
         padding: var(--gap-0);
-    } .status__component_xvc4y.status__size-20_xvc4y {
+    } .status__component_yh9l4.status__size-20_yh9l4 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 20px;
         padding: 0 var(--gap-8);
         border-radius: var(--border-radius-6);
-    } .status__component_xvc4y.status__size-24_xvc4y {
+    } .status__component_yh9l4.status__size-24_yh9l4 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 24px;
         padding: 0 var(--gap-12);
         border-radius: var(--border-radius-6);
-    } .status__component_xvc4y.status__size-32_xvc4y {
+    } .status__component_yh9l4.status__size-32_yh9l4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 32px;
         padding: 0 var(--gap-16);
         border-radius: var(--border-radius-10);
-    } .status__component_xvc4y.status__size-40_xvc4y {
+    } .status__component_yh9l4.status__size-40_yh9l4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 40px;
         padding: 0 var(--gap-20);
         border-radius: var(--border-radius-12);
-    } .status__component_xvc4y.status__rounded_xvc4y {
+    } .status__component_yh9l4.status__rounded_yh9l4 {
         border-radius: var(--border-radius-pill);
-    } .status__component_xvc4y.status__uppercase_xvc4y.status__size-20_xvc4y,
-        .status__component_xvc4y.status__uppercase_xvc4y.status__size-24_xvc4y {
+    } .status__component_yh9l4.status__uppercase_yh9l4.status__size-20_yh9l4,
+        .status__component_yh9l4.status__uppercase_yh9l4.status__size-24_yh9l4 {
             font-size: 11px;
             line-height: 16px;
             font-weight: 700;
             text-transform: uppercase;
-        } .status__component_xvc4y.status__uppercase_xvc4y.status__size-32_xvc4y,
-        .status__component_xvc4y.status__uppercase_xvc4y.status__size-40_xvc4y {
+        } .status__component_yh9l4.status__uppercase_yh9l4.status__size-32_yh9l4,
+        .status__component_yh9l4.status__uppercase_yh9l4.status__size-40_yh9l4 {
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-20_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-20_yh9l4 {
             grid-gap: 3px;
             grid-gap: 3px;
             gap: 3px;
             padding-left: 6px;
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-24_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-24_yh9l4 {
             grid-gap: var(--gap-4);
             grid-gap: var(--gap-4);
             gap: var(--gap-4);
             padding-left: var(--gap-8);
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-32_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-32_yh9l4 {
             grid-gap: 6px;
             grid-gap: 6px;
             gap: 6px;
             padding-left: var(--gap-12);
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-40_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-40_yh9l4 {
             grid-gap: 6px;
             grid-gap: 6px;
             gap: 6px;
             padding-left: var(--gap-16);
-        } .status__soft_xvc4y.status__green_xvc4y, .status__muted-alt_xvc4y.status__green_xvc4y {
+        } .status__soft_yh9l4.status__green_yh9l4, .status__muted-alt_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__soft_xvc4y.status__orange_xvc4y, .status__muted-alt_xvc4y.status__orange_xvc4y {
+        } .status__soft_yh9l4.status__orange_yh9l4, .status__muted-alt_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__soft_xvc4y.status__red_xvc4y, .status__muted-alt_xvc4y.status__red_xvc4y {
+        } .status__soft_yh9l4.status__red_yh9l4, .status__muted-alt_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__soft_xvc4y.status__blue_xvc4y, .status__muted-alt_xvc4y.status__blue_xvc4y {
+        } .status__soft_yh9l4.status__blue_yh9l4, .status__muted-alt_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__soft_xvc4y.status__teal_xvc4y, .status__muted-alt_xvc4y.status__teal_xvc4y {
+        } .status__soft_yh9l4.status__teal_yh9l4, .status__muted-alt_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__soft_xvc4y.status__grey_xvc4y, .status__muted-alt_xvc4y.status__grey_xvc4y {
+        } .status__soft_yh9l4.status__grey_yh9l4, .status__muted-alt_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_xvc4y.status__purple_xvc4y, .status__muted-alt_xvc4y.status__purple_xvc4y {
+    } .status__soft_yh9l4.status__purple_yh9l4, .status__muted-alt_yh9l4.status__purple_yh9l4 {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_xvc4y {
+    } .status__contrast_yh9l4 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_xvc4y.status__green_xvc4y {
+} .status__contrast_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-green);
-        } .status__contrast_xvc4y.status__orange_xvc4y {
+        } .status__contrast_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_xvc4y.status__red_xvc4y {
+        } .status__contrast_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-red);
-        } .status__contrast_xvc4y.status__blue_xvc4y {
+        } .status__contrast_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_xvc4y.status__teal_xvc4y {
+        } .status__contrast_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_xvc4y.status__grey_xvc4y {
+        } .status__contrast_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-700);
-    } .status__contrast_xvc4y.status__purple_xvc4y {
+    } .status__contrast_yh9l4.status__purple_yh9l4 {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_xvc4y.status__green_xvc4y {
+    } .status__muted_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_xvc4y.status__orange_xvc4y {
+        } .status__muted_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_xvc4y.status__red_xvc4y {
+        } .status__muted_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_xvc4y.status__blue_xvc4y {
+        } .status__muted_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_xvc4y.status__teal_xvc4y {
+        } .status__muted_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_xvc4y.status__grey_xvc4y {
+        } .status__muted_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_xvc4y.status__purple_xvc4y {
+    } .status__muted_yh9l4.status__purple_yh9l4 {
         background: var(--color-light-decorative-muted-indigo);
         color: var(--color-light-decorative-text-indigo);
     }

package/status/index.css

@@ -67,7 +67,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_xvc4y {
+} .status__component_yh9l4 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -77,137 +77,137 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_xvc4y .status__leftAddons_xvc4y {
+} .status__component_yh9l4 .status__leftAddons_yh9l4 {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .status__component_xvc4y .status__ellipsis_xvc4y {
+    } .status__component_yh9l4 .status__ellipsis_yh9l4 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_xvc4y:empty {
+    } .status__component_yh9l4:empty {
         padding: var(--gap-0);
-    } .status__component_xvc4y.status__size-20_xvc4y {
+    } .status__component_yh9l4.status__size-20_yh9l4 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 20px;
         padding: 0 var(--gap-8);
         border-radius: var(--border-radius-6);
-    } .status__component_xvc4y.status__size-24_xvc4y {
+    } .status__component_yh9l4.status__size-24_yh9l4 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 500;
         height: 24px;
         padding: 0 var(--gap-12);
         border-radius: var(--border-radius-6);
-    } .status__component_xvc4y.status__size-32_xvc4y {
+    } .status__component_yh9l4.status__size-32_yh9l4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 32px;
         padding: 0 var(--gap-16);
         border-radius: var(--border-radius-10);
-    } .status__component_xvc4y.status__size-40_xvc4y {
+    } .status__component_yh9l4.status__size-40_yh9l4 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
         height: 40px;
         padding: 0 var(--gap-20);
         border-radius: var(--border-radius-12);
-    } .status__component_xvc4y.status__rounded_xvc4y {
+    } .status__component_yh9l4.status__rounded_yh9l4 {
         border-radius: var(--border-radius-pill);
-    } .status__component_xvc4y.status__uppercase_xvc4y.status__size-20_xvc4y,
-        .status__component_xvc4y.status__uppercase_xvc4y.status__size-24_xvc4y {
+    } .status__component_yh9l4.status__uppercase_yh9l4.status__size-20_yh9l4,
+        .status__component_yh9l4.status__uppercase_yh9l4.status__size-24_yh9l4 {
             font-size: 11px;
             line-height: 16px;
             font-weight: 700;
             text-transform: uppercase;
-        } .status__component_xvc4y.status__uppercase_xvc4y.status__size-32_xvc4y,
-        .status__component_xvc4y.status__uppercase_xvc4y.status__size-40_xvc4y {
+        } .status__component_yh9l4.status__uppercase_yh9l4.status__size-32_yh9l4,
+        .status__component_yh9l4.status__uppercase_yh9l4.status__size-40_yh9l4 {
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-20_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-20_yh9l4 {
             grid-gap: 3px;
             grid-gap: 3px;
             gap: 3px;
             padding-left: 6px;
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-24_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-24_yh9l4 {
             grid-gap: var(--gap-4);
             grid-gap: var(--gap-4);
             gap: var(--gap-4);
             padding-left: var(--gap-8);
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-32_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-32_yh9l4 {
             grid-gap: 6px;
             grid-gap: 6px;
             gap: 6px;
             padding-left: var(--gap-12);
-        } .status__component_xvc4y.status__withLeftAddons_xvc4y.status__size-40_xvc4y {
+        } .status__component_yh9l4.status__withLeftAddons_yh9l4.status__size-40_yh9l4 {
             grid-gap: 6px;
             grid-gap: 6px;
             gap: 6px;
             padding-left: var(--gap-16);
-        } .status__soft_xvc4y.status__green_xvc4y, .status__muted-alt_xvc4y.status__green_xvc4y {
+        } .status__soft_yh9l4.status__green_yh9l4, .status__muted-alt_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__soft_xvc4y.status__orange_xvc4y, .status__muted-alt_xvc4y.status__orange_xvc4y {
+        } .status__soft_yh9l4.status__orange_yh9l4, .status__muted-alt_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__soft_xvc4y.status__red_xvc4y, .status__muted-alt_xvc4y.status__red_xvc4y {
+        } .status__soft_yh9l4.status__red_yh9l4, .status__muted-alt_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__soft_xvc4y.status__blue_xvc4y, .status__muted-alt_xvc4y.status__blue_xvc4y {
+        } .status__soft_yh9l4.status__blue_yh9l4, .status__muted-alt_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__soft_xvc4y.status__teal_xvc4y, .status__muted-alt_xvc4y.status__teal_xvc4y {
+        } .status__soft_yh9l4.status__teal_yh9l4, .status__muted-alt_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__soft_xvc4y.status__grey_xvc4y, .status__muted-alt_xvc4y.status__grey_xvc4y {
+        } .status__soft_yh9l4.status__grey_yh9l4, .status__muted-alt_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_xvc4y.status__purple_xvc4y, .status__muted-alt_xvc4y.status__purple_xvc4y {
+    } .status__soft_yh9l4.status__purple_yh9l4, .status__muted-alt_yh9l4.status__purple_yh9l4 {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_xvc4y {
+    } .status__contrast_yh9l4 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_xvc4y.status__green_xvc4y {
+} .status__contrast_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-green);
-        } .status__contrast_xvc4y.status__orange_xvc4y {
+        } .status__contrast_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_xvc4y.status__red_xvc4y {
+        } .status__contrast_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-red);
-        } .status__contrast_xvc4y.status__blue_xvc4y {
+        } .status__contrast_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_xvc4y.status__teal_xvc4y {
+        } .status__contrast_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_xvc4y.status__grey_xvc4y {
+        } .status__contrast_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-700);
-    } .status__contrast_xvc4y.status__purple_xvc4y {
+    } .status__contrast_yh9l4.status__purple_yh9l4 {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_xvc4y.status__green_xvc4y {
+    } .status__muted_yh9l4.status__green_yh9l4 {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_xvc4y.status__orange_xvc4y {
+        } .status__muted_yh9l4.status__orange_yh9l4 {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_xvc4y.status__red_xvc4y {
+        } .status__muted_yh9l4.status__red_yh9l4 {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_xvc4y.status__blue_xvc4y {
+        } .status__muted_yh9l4.status__blue_yh9l4 {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_xvc4y.status__teal_xvc4y {
+        } .status__muted_yh9l4.status__teal_yh9l4 {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_xvc4y.status__grey_xvc4y {
+        } .status__muted_yh9l4.status__grey_yh9l4 {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_xvc4y.status__purple_xvc4y {
+    } .status__muted_yh9l4.status__purple_yh9l4 {
         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_xvc4y","leftAddons":"status__leftAddons_xvc4y","ellipsis":"status__ellipsis_xvc4y","size-20":"status__size-20_xvc4y","size-24":"status__size-24_xvc4y","size-32":"status__size-32_xvc4y","size-40":"status__size-40_xvc4y","rounded":"status__rounded_xvc4y","uppercase":"status__uppercase_xvc4y","withLeftAddons":"status__withLeftAddons_xvc4y","soft":"status__soft_xvc4y","green":"status__green_xvc4y","muted-alt":"status__muted-alt_xvc4y","orange":"status__orange_xvc4y","red":"status__red_xvc4y","blue":"status__blue_xvc4y","teal":"status__teal_xvc4y","grey":"status__grey_xvc4y","purple":"status__purple_xvc4y","contrast":"status__contrast_xvc4y","muted":"status__muted_xvc4y"};
+const styles = {"component":"status__component_yh9l4","leftAddons":"status__leftAddons_yh9l4","ellipsis":"status__ellipsis_yh9l4","size-20":"status__size-20_yh9l4","size-24":"status__size-24_yh9l4","size-32":"status__size-32_yh9l4","size-40":"status__size-40_yh9l4","rounded":"status__rounded_yh9l4","uppercase":"status__uppercase_yh9l4","withLeftAddons":"status__withLeftAddons_yh9l4","soft":"status__soft_yh9l4","green":"status__green_yh9l4","muted-alt":"status__muted-alt_yh9l4","orange":"status__orange_yh9l4","red":"status__red_yh9l4","blue":"status__blue_yh9l4","teal":"status__teal_yh9l4","grey":"status__grey_yh9l4","purple":"status__purple_yh9l4","contrast":"status__contrast_yh9l4","muted":"status__muted_yh9l4"};
 require('./index.css');
 
 const logWarning = () => {