npm - @alfalab/core-components - Versions diffs - 46.2.0 → 46.3.0-beta.0 - Mend

@alfalab/core-components 46.2.0 → 46.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2285) hide show

package/space/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 17bze */
+/* hash: zjmp1 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,24 +14,24 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_124f2 {
+} .space__spaceContainer_37tht {
     display: inline-flex;
-} .space__spaceContainerFullWidth_124f2 {
+} .space__spaceContainerFullWidth_37tht {
     width: 100%;
-} .space__vertical_124f2 {
+} .space__vertical_37tht {
     flex-direction: column;
-} .space__center_124f2 {
+} .space__center_37tht {
     align-items: center;
-} .space__start_124f2 {
+} .space__start_37tht {
     align-items: flex-start;
-} .space__end_124f2 {
+} .space__end_37tht {
     align-items: flex-end;
-} .space__spaceItemFullWidth_124f2 {
+} .space__spaceItemFullWidth_37tht {
     width: 100%;
-} .space__spaceItem_124f2:empty {
+} .space__spaceItem_37tht:empty {
     display: none;
-} .space__wrap_124f2 {
+} .space__wrap_37tht {
     flex-wrap: wrap;
-} .space__divider_124f2 {
+} .space__divider_37tht {
     width: 100%;
 }

package/space/modern/Component.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React__default, { forwardRef, Children } from 'react';
 import cn from 'classnames';
 import Item from './Item.js';
-const styles = {"spaceContainer":"space__spaceContainer_124f2","spaceContainerFullWidth":"space__spaceContainerFullWidth_124f2","vertical":"space__vertical_124f2","center":"space__center_124f2","start":"space__start_124f2","end":"space__end_124f2","spaceItemFullWidth":"space__spaceItemFullWidth_124f2","spaceItem":"space__spaceItem_124f2","wrap":"space__wrap_124f2","divider":"space__divider_124f2"};
+const styles = {"spaceContainer":"space__spaceContainer_37tht","spaceContainerFullWidth":"space__spaceContainerFullWidth_37tht","vertical":"space__vertical_37tht","center":"space__center_37tht","start":"space__start_37tht","end":"space__end_37tht","spaceItemFullWidth":"space__spaceItemFullWidth_37tht","spaceItem":"space__spaceItem_37tht","wrap":"space__wrap_37tht","divider":"space__divider_37tht"};
 require('./index.css');
 const SpaceSizes = {

package/space/modern/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 17bze */
+/* hash: zjmp1 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,24 +14,24 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_124f2 {
+} .space__spaceContainer_37tht {
     display: inline-flex;
-} .space__spaceContainerFullWidth_124f2 {
+} .space__spaceContainerFullWidth_37tht {
     width: 100%;
-} .space__vertical_124f2 {
+} .space__vertical_37tht {
     flex-direction: column;
-} .space__center_124f2 {
+} .space__center_37tht {
     align-items: center;
-} .space__start_124f2 {
+} .space__start_37tht {
     align-items: flex-start;
-} .space__end_124f2 {
+} .space__end_37tht {
     align-items: flex-end;
-} .space__spaceItemFullWidth_124f2 {
+} .space__spaceItemFullWidth_37tht {
     width: 100%;
-} .space__spaceItem_124f2:empty {
+} .space__spaceItem_37tht:empty {
     display: none;
-} .space__wrap_124f2 {
+} .space__wrap_37tht {
     flex-wrap: wrap;
-} .space__divider_124f2 {
+} .space__divider_37tht {
     width: 100%;
 }

package/spinner/Component.js CHANGED Viewed

@@ -9,13 +9,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var defaultColors = {"component":"spinner__component_149z6"};
+var defaultColors = {"component":"spinner__component_nf0gg"};
 require('./default.css');
-var styles = {"spinner":"spinner__spinner_otbk5","spin_animation":"spinner__spin_animation_otbk5","visible":"spinner__visible_otbk5","size-16":"spinner__size-16_otbk5","size-24":"spinner__size-24_otbk5","size-48":"spinner__size-48_otbk5"};
+var styles = {"spinner":"spinner__spinner_xp65m","spin_animation":"spinner__spin_animation_xp65m","visible":"spinner__visible_xp65m","size-16":"spinner__size-16_xp65m","size-24":"spinner__size-24_xp65m","size-48":"spinner__size-48_xp65m"};
 require('./index.css');
-var invertedColors = {"component":"spinner__component_1a4bn"};
+var invertedColors = {"component":"spinner__component_t9cx5"};
 require('./inverted.css');
 var colorStyles = {

package/spinner/default.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-translucent-1300);
-} .spinner__component_149z6 {
+} .spinner__component_nf0gg {
     color: var(--spinner-default-color);
 }

package/spinner/esm/Component.js CHANGED Viewed

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
-var defaultColors = {"component":"spinner__component_149z6"};
+var defaultColors = {"component":"spinner__component_nf0gg"};
 require('./default.css');
-var styles = {"spinner":"spinner__spinner_otbk5","spin_animation":"spinner__spin_animation_otbk5","visible":"spinner__visible_otbk5","size-16":"spinner__size-16_otbk5","size-24":"spinner__size-24_otbk5","size-48":"spinner__size-48_otbk5"};
+var styles = {"spinner":"spinner__spinner_xp65m","spin_animation":"spinner__spin_animation_xp65m","visible":"spinner__visible_xp65m","size-16":"spinner__size-16_xp65m","size-24":"spinner__size-24_xp65m","size-48":"spinner__size-48_xp65m"};
 require('./index.css');
-var invertedColors = {"component":"spinner__component_1a4bn"};
+var invertedColors = {"component":"spinner__component_t9cx5"};
 require('./inverted.css');
 var colorStyles = {

package/spinner/esm/default.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-translucent-1300);
-} .spinner__component_149z6 {
+} .spinner__component_nf0gg {
     color: var(--spinner-default-color);
 }

package/spinner/esm/index.css CHANGED Viewed

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_otbk5 {
+} .spinner__spinner_xp65m {
     display: none;
-    animation: spinner__spin_animation_otbk5 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_xp65m var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_otbk5 {
+} .spinner__visible_xp65m {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_otbk5 {
+} .spinner__size-16_xp65m {
     width: 18px;
     height: 18px;
-} .spinner__size-24_otbk5 {
+} .spinner__size-24_xp65m {
     width: 24px;
     height: 24px;
-} .spinner__size-48_otbk5 {
+} .spinner__size-48_xp65m {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_otbk5 {
+} @keyframes spinner__spin_animation_xp65m {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_1a4bn {
+} .spinner__component_t9cx5 {
     color: var(--spinner-inverted-color);
 }

package/spinner/index.css CHANGED Viewed

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_otbk5 {
+} .spinner__spinner_xp65m {
     display: none;
-    animation: spinner__spin_animation_otbk5 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_xp65m var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_otbk5 {
+} .spinner__visible_xp65m {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_otbk5 {
+} .spinner__size-16_xp65m {
     width: 18px;
     height: 18px;
-} .spinner__size-24_otbk5 {
+} .spinner__size-24_xp65m {
     width: 24px;
     height: 24px;
-} .spinner__size-48_otbk5 {
+} .spinner__size-48_xp65m {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_otbk5 {
+} @keyframes spinner__spin_animation_xp65m {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_1a4bn {
+} .spinner__component_t9cx5 {
     color: var(--spinner-inverted-color);
 }

package/spinner/modern/Component.js CHANGED Viewed

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
-const defaultColors = {"component":"spinner__component_149z6"};
+const defaultColors = {"component":"spinner__component_nf0gg"};
 require('./default.css');
-const styles = {"spinner":"spinner__spinner_otbk5","spin_animation":"spinner__spin_animation_otbk5","visible":"spinner__visible_otbk5","size-16":"spinner__size-16_otbk5","size-24":"spinner__size-24_otbk5","size-48":"spinner__size-48_otbk5"};
+const styles = {"spinner":"spinner__spinner_xp65m","spin_animation":"spinner__spin_animation_xp65m","visible":"spinner__visible_xp65m","size-16":"spinner__size-16_xp65m","size-24":"spinner__size-24_xp65m","size-48":"spinner__size-48_xp65m"};
 require('./index.css');
-const invertedColors = {"component":"spinner__component_1a4bn"};
+const invertedColors = {"component":"spinner__component_t9cx5"};
 require('./inverted.css');
 const colorStyles = {

package/spinner/modern/default.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-translucent-1300);
-} .spinner__component_149z6 {
+} .spinner__component_nf0gg {
     color: var(--spinner-default-color);
 }

package/spinner/modern/index.css CHANGED Viewed

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_otbk5 {
+} .spinner__spinner_xp65m {
     display: none;
-    animation: spinner__spin_animation_otbk5 var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_xp65m var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_otbk5 {
+} .spinner__visible_xp65m {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_otbk5 {
+} .spinner__size-16_xp65m {
     width: 18px;
     height: 18px;
-} .spinner__size-24_otbk5 {
+} .spinner__size-24_xp65m {
     width: 24px;
     height: 24px;
-} .spinner__size-48_otbk5 {
+} .spinner__size-48_xp65m {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_otbk5 {
+} @keyframes spinner__spin_animation_xp65m {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css CHANGED Viewed

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
-} .spinner__component_1a4bn {
+} .spinner__component_t9cx5 {
     color: var(--spinner-inverted-color);
 }

package/status/Component.js CHANGED Viewed

@@ -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_1ndnj","ellipsis":"status__ellipsis_1ndnj","muted-alt":"status__muted-alt_1ndnj","green":"status__green_1ndnj","orange":"status__orange_1ndnj","red":"status__red_1ndnj","blue":"status__blue_1ndnj","teal":"status__teal_1ndnj","grey":"status__grey_1ndnj","purple":"status__purple_1ndnj","contrast":"status__contrast_1ndnj","muted":"status__muted_1ndnj"};
+var styles = {"component":"status__component_19ms1","ellipsis":"status__ellipsis_19ms1","muted-alt":"status__muted-alt_19ms1","green":"status__green_19ms1","orange":"status__orange_19ms1","red":"status__red_19ms1","blue":"status__blue_19ms1","teal":"status__teal_19ms1","grey":"status__grey_19ms1","purple":"status__purple_19ms1","contrast":"status__contrast_19ms1","muted":"status__muted_19ms1"};
 require('./index.css');
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/Component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
-var styles = {"component":"status__component_1ndnj","ellipsis":"status__ellipsis_1ndnj","muted-alt":"status__muted-alt_1ndnj","green":"status__green_1ndnj","orange":"status__orange_1ndnj","red":"status__red_1ndnj","blue":"status__blue_1ndnj","teal":"status__teal_1ndnj","grey":"status__grey_1ndnj","purple":"status__purple_1ndnj","contrast":"status__contrast_1ndnj","muted":"status__muted_1ndnj"};
+var styles = {"component":"status__component_19ms1","ellipsis":"status__ellipsis_19ms1","muted-alt":"status__muted-alt_19ms1","green":"status__green_19ms1","orange":"status__orange_19ms1","red":"status__red_19ms1","blue":"status__blue_19ms1","teal":"status__teal_19ms1","grey":"status__grey_19ms1","purple":"status__purple_19ms1","contrast":"status__contrast_19ms1","muted":"status__muted_19ms1"};
 require('./index.css');
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/index.css CHANGED Viewed

@@ -46,7 +46,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_1ndnj {
+} .status__component_19ms1 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -60,70 +60,70 @@
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.5px
-} .status__component_1ndnj .status__ellipsis_1ndnj {
+} .status__component_19ms1 .status__ellipsis_19ms1 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_1ndnj:empty {
+    } .status__component_19ms1:empty {
         padding: 0;
-    } .status__muted-alt_1ndnj.status__green_1ndnj {
+    } .status__muted-alt_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted-alt_1ndnj.status__orange_1ndnj {
+        } .status__muted-alt_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted-alt_1ndnj.status__red_1ndnj {
+        } .status__muted-alt_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted-alt_1ndnj.status__blue_1ndnj {
+        } .status__muted-alt_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted-alt_1ndnj.status__teal_1ndnj {
+        } .status__muted-alt_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted-alt_1ndnj.status__grey_1ndnj {
+        } .status__muted-alt_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__muted-alt_1ndnj.status__purple_1ndnj {
+    } .status__muted-alt_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_1ndnj {
+    } .status__contrast_19ms1 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_1ndnj.status__green_1ndnj {
+} .status__contrast_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-green);
-        } .status__contrast_1ndnj.status__orange_1ndnj {
+        } .status__contrast_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_1ndnj.status__red_1ndnj {
+        } .status__contrast_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-red);
-        } .status__contrast_1ndnj.status__blue_1ndnj {
+        } .status__contrast_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_1ndnj.status__teal_1ndnj {
+        } .status__contrast_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_1ndnj.status__grey_1ndnj {
+        } .status__contrast_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-700);
-    } .status__contrast_1ndnj.status__purple_1ndnj {
+    } .status__contrast_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_1ndnj.status__green_1ndnj {
+    } .status__muted_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_1ndnj.status__orange_1ndnj {
+        } .status__muted_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_1ndnj.status__red_1ndnj {
+        } .status__muted_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_1ndnj.status__blue_1ndnj {
+        } .status__muted_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_1ndnj.status__teal_1ndnj {
+        } .status__muted_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_1ndnj.status__grey_1ndnj {
+        } .status__muted_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_1ndnj.status__purple_1ndnj {
+    } .status__muted_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-muted-indigo);
         color: var(--color-light-decorative-text-indigo);
     }

package/status/index.css CHANGED Viewed

@@ -46,7 +46,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2d20;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_1ndnj {
+} .status__component_19ms1 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -60,70 +60,70 @@
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.5px
-} .status__component_1ndnj .status__ellipsis_1ndnj {
+} .status__component_19ms1 .status__ellipsis_19ms1 {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .status__component_1ndnj:empty {
+    } .status__component_19ms1:empty {
         padding: 0;
-    } .status__muted-alt_1ndnj.status__green_1ndnj {
+    } .status__muted-alt_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted-alt_1ndnj.status__orange_1ndnj {
+        } .status__muted-alt_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-muted-alt-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted-alt_1ndnj.status__red_1ndnj {
+        } .status__muted-alt_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-muted-alt-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted-alt_1ndnj.status__blue_1ndnj {
+        } .status__muted-alt_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-muted-alt-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted-alt_1ndnj.status__teal_1ndnj {
+        } .status__muted-alt_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-muted-alt-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted-alt_1ndnj.status__grey_1ndnj {
+        } .status__muted-alt_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__muted-alt_1ndnj.status__purple_1ndnj {
+    } .status__muted-alt_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_1ndnj {
+    } .status__contrast_19ms1 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_1ndnj.status__green_1ndnj {
+} .status__contrast_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-green);
-        } .status__contrast_1ndnj.status__orange_1ndnj {
+        } .status__contrast_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-orange);
-        } .status__contrast_1ndnj.status__red_1ndnj {
+        } .status__contrast_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-red);
-        } .status__contrast_1ndnj.status__blue_1ndnj {
+        } .status__contrast_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-blue);
-        } .status__contrast_1ndnj.status__teal_1ndnj {
+        } .status__contrast_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-teal);
-        } .status__contrast_1ndnj.status__grey_1ndnj {
+        } .status__contrast_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-700);
-    } .status__contrast_1ndnj.status__purple_1ndnj {
+    } .status__contrast_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-indigo);
-    } .status__muted_1ndnj.status__green_1ndnj {
+    } .status__muted_19ms1.status__green_19ms1 {
             background: var(--color-light-decorative-muted-green);
             color: var(--color-light-decorative-text-green);
-        } .status__muted_1ndnj.status__orange_1ndnj {
+        } .status__muted_19ms1.status__orange_19ms1 {
             background: var(--color-light-decorative-muted-orange);
             color: var(--color-light-decorative-text-orange);
-        } .status__muted_1ndnj.status__red_1ndnj {
+        } .status__muted_19ms1.status__red_19ms1 {
             background: var(--color-light-decorative-muted-red);
             color: var(--color-light-decorative-text-red);
-        } .status__muted_1ndnj.status__blue_1ndnj {
+        } .status__muted_19ms1.status__blue_19ms1 {
             background: var(--color-light-decorative-muted-blue);
             color: var(--color-light-decorative-text-blue);
-        } .status__muted_1ndnj.status__teal_1ndnj {
+        } .status__muted_19ms1.status__teal_19ms1 {
             background: var(--color-light-decorative-muted-teal);
             color: var(--color-light-decorative-text-teal);
-        } .status__muted_1ndnj.status__grey_1ndnj {
+        } .status__muted_19ms1.status__grey_19ms1 {
         background: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-secondary);
-    } .status__muted_1ndnj.status__purple_1ndnj {
+    } .status__muted_19ms1.status__purple_19ms1 {
         background: var(--color-light-decorative-muted-indigo);
         color: var(--color-light-decorative-text-indigo);
     }

package/status/modern/Component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
-const styles = {"component":"status__component_1ndnj","ellipsis":"status__ellipsis_1ndnj","muted-alt":"status__muted-alt_1ndnj","green":"status__green_1ndnj","orange":"status__orange_1ndnj","red":"status__red_1ndnj","blue":"status__blue_1ndnj","teal":"status__teal_1ndnj","grey":"status__grey_1ndnj","purple":"status__purple_1ndnj","contrast":"status__contrast_1ndnj","muted":"status__muted_1ndnj"};
+const styles = {"component":"status__component_19ms1","ellipsis":"status__ellipsis_19ms1","muted-alt":"status__muted-alt_19ms1","green":"status__green_19ms1","orange":"status__orange_19ms1","red":"status__red_19ms1","blue":"status__blue_19ms1","teal":"status__teal_19ms1","grey":"status__grey_19ms1","purple":"status__purple_19ms1","contrast":"status__contrast_19ms1","muted":"status__muted_19ms1"};
 require('./index.css');
 const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];