@alfalab/core-components 45.4.0-beta.2 → 45.4.0-beta.6

package/sortable-list/modern/components/item/index.css

@@ -24,58 +24,58 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .sortable-list__component_16zn5 {
+} .sortable-list__component_1quee {
     display: flex;
     align-items: center;
     box-sizing: border-box;
     min-height: 48px
-} .sortable-list__component_16zn5:hover .sortable-list__icon_16zn5 {
+} .sortable-list__component_1quee:hover .sortable-list__icon_1quee {
             color: var(--color-light-neutral-1500);
-        } .sortable-list__activator-cell_16zn5:not(.sortable-list__disabled_16zn5) {
+        } .sortable-list__activator-cell_1quee:not(.sortable-list__disabled_1quee) {
     cursor: grab
-} .sortable-list__activator-cell_16zn5:not(.sortable-list__disabled_16zn5).sortable-list__dragOverlay_16zn5 {
+} .sortable-list__activator-cell_1quee:not(.sortable-list__disabled_1quee).sortable-list__dragOverlay_1quee {
         cursor: grabbing;
-    } .sortable-list__activator-control_16zn5:not(.sortable-list__disabled_16zn5) .sortable-list__icon_16zn5 {
+    } .sortable-list__activator-control_1quee:not(.sortable-list__disabled_1quee) .sortable-list__icon_1quee {
         cursor: grab;
-    } .sortable-list__activator-control_16zn5:not(.sortable-list__disabled_16zn5).sortable-list__dragOverlay_16zn5 .sortable-list__icon_16zn5 {
+    } .sortable-list__activator-control_1quee:not(.sortable-list__disabled_1quee).sortable-list__dragOverlay_1quee .sortable-list__icon_1quee {
         cursor: grabbing;
-    } .sortable-list__content_16zn5 {
+    } .sortable-list__content_1quee {
     flex: 1;
-} .sortable-list__icon_16zn5 {
+} .sortable-list__icon_1quee {
     flex-shrink: 0;
     color: var(--color-light-neutral-translucent-700);
-} .sortable-list__dragging_16zn5 {
+} .sortable-list__dragging_1quee {
     opacity: 0;
-} .sortable-list__dragOverlay_16zn5 {
+} .sortable-list__dragOverlay_1quee {
     box-shadow: var(--shadow-s);
-    animation: sortable-list__pop_16zn5 200ms ease
-} .sortable-list__dragOverlay_16zn5 .sortable-list__icon_16zn5 {
+    animation: sortable-list__pop_1quee 200ms ease
+} .sortable-list__dragOverlay_1quee .sortable-list__icon_1quee {
         color: var(--color-light-neutral-1500);
-    } .sortable-list__control-left-padding-3xs_16zn5 {
+    } .sortable-list__control-left-padding-3xs_1quee {
         padding-left: var(--gap-3xs);
-    } .sortable-list__control-right-padding-3xs_16zn5 {
+    } .sortable-list__control-right-padding-3xs_1quee {
         padding-right: var(--gap-3xs);
-    } .sortable-list__control-left-padding-2xs_16zn5 {
+    } .sortable-list__control-left-padding-2xs_1quee {
         padding-left: var(--gap-2xs);
-    } .sortable-list__control-right-padding-2xs_16zn5 {
+    } .sortable-list__control-right-padding-2xs_1quee {
         padding-right: var(--gap-2xs);
-    } .sortable-list__control-left-padding-xs_16zn5 {
+    } .sortable-list__control-left-padding-xs_1quee {
         padding-left: var(--gap-xs);
-    } .sortable-list__control-right-padding-xs_16zn5 {
+    } .sortable-list__control-right-padding-xs_1quee {
         padding-right: var(--gap-xs);
-    } .sortable-list__control-left-padding-s_16zn5 {
+    } .sortable-list__control-left-padding-s_1quee {
         padding-left: var(--gap-s);
-    } .sortable-list__control-right-padding-s_16zn5 {
+    } .sortable-list__control-right-padding-s_1quee {
         padding-right: var(--gap-s);
-    } .sortable-list__control-left-padding-m_16zn5 {
+    } .sortable-list__control-left-padding-m_1quee {
         padding-left: var(--gap-m);
-    } .sortable-list__control-right-padding-m_16zn5 {
+    } .sortable-list__control-right-padding-m_1quee {
         padding-right: var(--gap-m);
-    } .sortable-list__control-left-padding-l_16zn5 {
+    } .sortable-list__control-left-padding-l_1quee {
         padding-left: var(--gap-l);
-    } .sortable-list__control-right-padding-l_16zn5 {
+    } .sortable-list__control-right-padding-l_1quee {
         padding-right: var(--gap-l);
-    } @keyframes sortable-list__pop_16zn5 {
+    } @keyframes sortable-list__pop_1quee {
     from {
         box-shadow: none;
     }

package/sortable-list/modern/index.css

@@ -25,64 +25,64 @@
     --gap-l: 20px;
 } :root {
 } :root {
-} .sortable-list__component_b5t41 {
+} .sortable-list__component_mhtj7 {
     box-sizing: border-box;
-} .sortable-list__primary_b5t41 {
+} .sortable-list__primary_mhtj7 {
     background: var(--color-light-neutral-0);
-} .sortable-list__secondary_b5t41 {
+} .sortable-list__secondary_mhtj7 {
     background: var(--color-light-neutral-100);
-} .sortable-list__padding-top-3xs_b5t41 {
+} .sortable-list__padding-top-3xs_mhtj7 {
         padding-top: var(--gap-3xs);
-    } .sortable-list__padding-bottom-3xs_b5t41 {
+    } .sortable-list__padding-bottom-3xs_mhtj7 {
         padding-bottom: var(--gap-3xs);
-    } .sortable-list__padding-left-3xs_b5t41 {
+    } .sortable-list__padding-left-3xs_mhtj7 {
         padding-left: var(--gap-3xs);
-    } .sortable-list__padding-right-3xs_b5t41 {
+    } .sortable-list__padding-right-3xs_mhtj7 {
         padding-right: var(--gap-3xs);
-    } .sortable-list__padding-top-2xs_b5t41 {
+    } .sortable-list__padding-top-2xs_mhtj7 {
         padding-top: var(--gap-2xs);
-    } .sortable-list__padding-bottom-2xs_b5t41 {
+    } .sortable-list__padding-bottom-2xs_mhtj7 {
         padding-bottom: var(--gap-2xs);
-    } .sortable-list__padding-left-2xs_b5t41 {
+    } .sortable-list__padding-left-2xs_mhtj7 {
         padding-left: var(--gap-2xs);
-    } .sortable-list__padding-right-2xs_b5t41 {
+    } .sortable-list__padding-right-2xs_mhtj7 {
         padding-right: var(--gap-2xs);
-    } .sortable-list__padding-top-xs_b5t41 {
+    } .sortable-list__padding-top-xs_mhtj7 {
         padding-top: var(--gap-xs);
-    } .sortable-list__padding-bottom-xs_b5t41 {
+    } .sortable-list__padding-bottom-xs_mhtj7 {
         padding-bottom: var(--gap-xs);
-    } .sortable-list__padding-left-xs_b5t41 {
+    } .sortable-list__padding-left-xs_mhtj7 {
         padding-left: var(--gap-xs);
-    } .sortable-list__padding-right-xs_b5t41 {
+    } .sortable-list__padding-right-xs_mhtj7 {
         padding-right: var(--gap-xs);
-    } .sortable-list__padding-top-s_b5t41 {
+    } .sortable-list__padding-top-s_mhtj7 {
         padding-top: var(--gap-s);
-    } .sortable-list__padding-bottom-s_b5t41 {
+    } .sortable-list__padding-bottom-s_mhtj7 {
         padding-bottom: var(--gap-s);
-    } .sortable-list__padding-left-s_b5t41 {
+    } .sortable-list__padding-left-s_mhtj7 {
         padding-left: var(--gap-s);
-    } .sortable-list__padding-right-s_b5t41 {
+    } .sortable-list__padding-right-s_mhtj7 {
         padding-right: var(--gap-s);
-    } .sortable-list__padding-top-m_b5t41 {
+    } .sortable-list__padding-top-m_mhtj7 {
         padding-top: var(--gap-m);
-    } .sortable-list__padding-bottom-m_b5t41 {
+    } .sortable-list__padding-bottom-m_mhtj7 {
         padding-bottom: var(--gap-m);
-    } .sortable-list__padding-left-m_b5t41 {
+    } .sortable-list__padding-left-m_mhtj7 {
         padding-left: var(--gap-m);
-    } .sortable-list__padding-right-m_b5t41 {
+    } .sortable-list__padding-right-m_mhtj7 {
         padding-right: var(--gap-m);
-    } .sortable-list__padding-top-l_b5t41 {
+    } .sortable-list__padding-top-l_mhtj7 {
         padding-top: var(--gap-l);
-    } .sortable-list__padding-bottom-l_b5t41 {
+    } .sortable-list__padding-bottom-l_mhtj7 {
         padding-bottom: var(--gap-l);
-    } .sortable-list__padding-left-l_b5t41 {
+    } .sortable-list__padding-left-l_mhtj7 {
         padding-left: var(--gap-l);
-    } .sortable-list__padding-right-l_b5t41 {
+    } .sortable-list__padding-right-l_mhtj7 {
         padding-right: var(--gap-l);
-    } .sortable-list__border-radius-m_b5t41 {
+    } .sortable-list__border-radius-m_mhtj7 {
         border-radius: var(--border-radius-m);
-    } .sortable-list__border-radius-l_b5t41 {
+    } .sortable-list__border-radius-l_mhtj7 {
         border-radius: var(--border-radius-l);
-    } .sortable-list__border-radius-xl_b5t41 {
+    } .sortable-list__border-radius-xl_mhtj7 {
         border-radius: var(--border-radius-xl);
     }

package/space/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"spaceContainer":"space__spaceContainer_16s66","spaceContainerFullWidth":"space__spaceContainerFullWidth_16s66","vertical":"space__vertical_16s66","center":"space__center_16s66","start":"space__start_16s66","end":"space__end_16s66","spaceItemFullWidth":"space__spaceItemFullWidth_16s66","spaceItem":"space__spaceItem_16s66","wrap":"space__wrap_16s66","divider":"space__divider_16s66"};
+var styles = {"spaceContainer":"space__spaceContainer_o1r5s","spaceContainerFullWidth":"space__spaceContainerFullWidth_o1r5s","vertical":"space__vertical_o1r5s","center":"space__center_o1r5s","start":"space__start_o1r5s","end":"space__end_o1r5s","spaceItemFullWidth":"space__spaceItemFullWidth_o1r5s","spaceItem":"space__spaceItem_o1r5s","wrap":"space__wrap_o1r5s","divider":"space__divider_o1r5s"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/esm/Component.js

@@ -3,7 +3,7 @@ import React__default, { forwardRef, Children } from 'react';
 import cn from 'classnames';
 import Item from './Item.js';
 
-var styles = {"spaceContainer":"space__spaceContainer_16s66","spaceContainerFullWidth":"space__spaceContainerFullWidth_16s66","vertical":"space__vertical_16s66","center":"space__center_16s66","start":"space__start_16s66","end":"space__end_16s66","spaceItemFullWidth":"space__spaceItemFullWidth_16s66","spaceItem":"space__spaceItem_16s66","wrap":"space__wrap_16s66","divider":"space__divider_16s66"};
+var styles = {"spaceContainer":"space__spaceContainer_o1r5s","spaceContainerFullWidth":"space__spaceContainerFullWidth_o1r5s","vertical":"space__vertical_o1r5s","center":"space__center_o1r5s","start":"space__start_o1r5s","end":"space__end_o1r5s","spaceItemFullWidth":"space__spaceItemFullWidth_o1r5s","spaceItem":"space__spaceItem_o1r5s","wrap":"space__wrap_o1r5s","divider":"space__divider_o1r5s"};
 require('./index.css');
 
 var SpaceSizes = {

package/space/esm/index.css

@@ -14,24 +14,24 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_16s66 {
+} .space__spaceContainer_o1r5s {
     display: inline-flex;
-} .space__spaceContainerFullWidth_16s66 {
+} .space__spaceContainerFullWidth_o1r5s {
     width: 100%;
-} .space__vertical_16s66 {
+} .space__vertical_o1r5s {
     flex-direction: column;
-} .space__center_16s66 {
+} .space__center_o1r5s {
     align-items: center;
-} .space__start_16s66 {
+} .space__start_o1r5s {
     align-items: flex-start;
-} .space__end_16s66 {
+} .space__end_o1r5s {
     align-items: flex-end;
-} .space__spaceItemFullWidth_16s66 {
+} .space__spaceItemFullWidth_o1r5s {
     width: 100%;
-} .space__spaceItem_16s66:empty {
+} .space__spaceItem_o1r5s:empty {
     display: none;
-} .space__wrap_16s66 {
+} .space__wrap_o1r5s {
     flex-wrap: wrap;
-} .space__divider_16s66 {
+} .space__divider_o1r5s {
     width: 100%;
 }

package/space/index.css

@@ -14,24 +14,24 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_16s66 {
+} .space__spaceContainer_o1r5s {
     display: inline-flex;
-} .space__spaceContainerFullWidth_16s66 {
+} .space__spaceContainerFullWidth_o1r5s {
     width: 100%;
-} .space__vertical_16s66 {
+} .space__vertical_o1r5s {
     flex-direction: column;
-} .space__center_16s66 {
+} .space__center_o1r5s {
     align-items: center;
-} .space__start_16s66 {
+} .space__start_o1r5s {
     align-items: flex-start;
-} .space__end_16s66 {
+} .space__end_o1r5s {
     align-items: flex-end;
-} .space__spaceItemFullWidth_16s66 {
+} .space__spaceItemFullWidth_o1r5s {
     width: 100%;
-} .space__spaceItem_16s66:empty {
+} .space__spaceItem_o1r5s:empty {
     display: none;
-} .space__wrap_16s66 {
+} .space__wrap_o1r5s {
     flex-wrap: wrap;
-} .space__divider_16s66 {
+} .space__divider_o1r5s {
     width: 100%;
 }

package/space/modern/Component.js

@@ -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_16s66","spaceContainerFullWidth":"space__spaceContainerFullWidth_16s66","vertical":"space__vertical_16s66","center":"space__center_16s66","start":"space__start_16s66","end":"space__end_16s66","spaceItemFullWidth":"space__spaceItemFullWidth_16s66","spaceItem":"space__spaceItem_16s66","wrap":"space__wrap_16s66","divider":"space__divider_16s66"};
+const styles = {"spaceContainer":"space__spaceContainer_o1r5s","spaceContainerFullWidth":"space__spaceContainerFullWidth_o1r5s","vertical":"space__vertical_o1r5s","center":"space__center_o1r5s","start":"space__start_o1r5s","end":"space__end_o1r5s","spaceItemFullWidth":"space__spaceItemFullWidth_o1r5s","spaceItem":"space__spaceItem_o1r5s","wrap":"space__wrap_o1r5s","divider":"space__divider_o1r5s"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -14,24 +14,24 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_16s66 {
+} .space__spaceContainer_o1r5s {
     display: inline-flex;
-} .space__spaceContainerFullWidth_16s66 {
+} .space__spaceContainerFullWidth_o1r5s {
     width: 100%;
-} .space__vertical_16s66 {
+} .space__vertical_o1r5s {
     flex-direction: column;
-} .space__center_16s66 {
+} .space__center_o1r5s {
     align-items: center;
-} .space__start_16s66 {
+} .space__start_o1r5s {
     align-items: flex-start;
-} .space__end_16s66 {
+} .space__end_o1r5s {
     align-items: flex-end;
-} .space__spaceItemFullWidth_16s66 {
+} .space__spaceItemFullWidth_o1r5s {
     width: 100%;
-} .space__spaceItem_16s66:empty {
+} .space__spaceItem_o1r5s:empty {
     display: none;
-} .space__wrap_16s66 {
+} .space__wrap_o1r5s {
     flex-wrap: wrap;
-} .space__divider_16s66 {
+} .space__divider_o1r5s {
     width: 100%;
 }

package/spinner/Component.js

@@ -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_9566h"};
+var defaultColors = {"component":"spinner__component_1t552"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_1rg9t","spin_animation":"spinner__spin_animation_1rg9t","visible":"spinner__visible_1rg9t","size-16":"spinner__size-16_1rg9t","size-24":"spinner__size-24_1rg9t","size-48":"spinner__size-48_1rg9t"};
+var styles = {"spinner":"spinner__spinner_1xzgs","spin_animation":"spinner__spin_animation_1xzgs","visible":"spinner__visible_1xzgs","size-16":"spinner__size-16_1xzgs","size-24":"spinner__size-24_1xzgs","size-48":"spinner__size-48_1xzgs"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_ezin6"};
+var invertedColors = {"component":"spinner__component_1yzhi"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-1500);
-} .spinner__component_9566h {
+} .spinner__component_1t552 {
     color: var(--spinner-default-color);
 }

package/spinner/esm/Component.js

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { useId } from '@alfalab/hooks';
 
-var defaultColors = {"component":"spinner__component_9566h"};
+var defaultColors = {"component":"spinner__component_1t552"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_1rg9t","spin_animation":"spinner__spin_animation_1rg9t","visible":"spinner__visible_1rg9t","size-16":"spinner__size-16_1rg9t","size-24":"spinner__size-24_1rg9t","size-48":"spinner__size-48_1rg9t"};
+var styles = {"spinner":"spinner__spinner_1xzgs","spin_animation":"spinner__spin_animation_1xzgs","visible":"spinner__visible_1xzgs","size-16":"spinner__size-16_1xzgs","size-24":"spinner__size-24_1xzgs","size-48":"spinner__size-48_1xzgs"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_ezin6"};
+var invertedColors = {"component":"spinner__component_1yzhi"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/esm/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-1500);
-} .spinner__component_9566h {
+} .spinner__component_1t552 {
     color: var(--spinner-default-color);
 }

package/spinner/esm/index.css

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_1rg9t {
+} .spinner__spinner_1xzgs {
     display: none;
-    animation: spinner__spin_animation_1rg9t var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1xzgs var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1rg9t {
+} .spinner__visible_1xzgs {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_1rg9t {
+} .spinner__size-16_1xzgs {
     width: 18px;
     height: 18px;
-} .spinner__size-24_1rg9t {
+} .spinner__size-24_1xzgs {
     width: 24px;
     height: 24px;
-} .spinner__size-48_1rg9t {
+} .spinner__size-48_1xzgs {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1rg9t {
+} @keyframes spinner__spin_animation_1xzgs {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-1500-inverted);
-} .spinner__component_ezin6 {
+} .spinner__component_1yzhi {
     color: var(--spinner-inverted-color);
 }

package/spinner/index.css

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_1rg9t {
+} .spinner__spinner_1xzgs {
     display: none;
-    animation: spinner__spin_animation_1rg9t var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1xzgs var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1rg9t {
+} .spinner__visible_1xzgs {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_1rg9t {
+} .spinner__size-16_1xzgs {
     width: 18px;
     height: 18px;
-} .spinner__size-24_1rg9t {
+} .spinner__size-24_1xzgs {
     width: 24px;
     height: 24px;
-} .spinner__size-48_1rg9t {
+} .spinner__size-48_1xzgs {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1rg9t {
+} @keyframes spinner__spin_animation_1xzgs {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-1500-inverted);
-} .spinner__component_ezin6 {
+} .spinner__component_1yzhi {
     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_9566h"};
+const defaultColors = {"component":"spinner__component_1t552"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_1rg9t","spin_animation":"spinner__spin_animation_1rg9t","visible":"spinner__visible_1rg9t","size-16":"spinner__size-16_1rg9t","size-24":"spinner__size-24_1rg9t","size-48":"spinner__size-48_1rg9t"};
+const styles = {"spinner":"spinner__spinner_1xzgs","spin_animation":"spinner__spin_animation_1xzgs","visible":"spinner__visible_1xzgs","size-16":"spinner__size-16_1xzgs","size-24":"spinner__size-24_1xzgs","size-48":"spinner__size-48_1xzgs"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_ezin6"};
+const invertedColors = {"component":"spinner__component_1yzhi"};
 require('./inverted.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-neutral-1500);
-} .spinner__component_9566h {
+} .spinner__component_1t552 {
     color: var(--spinner-default-color);
 }

package/spinner/modern/index.css

@@ -18,23 +18,23 @@
     --spinner-display-visible: inline-block;
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
-} .spinner__spinner_1rg9t {
+} .spinner__spinner_1xzgs {
     display: none;
-    animation: spinner__spin_animation_1rg9t var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1xzgs var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1rg9t {
+} .spinner__visible_1xzgs {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__size-16_1rg9t {
+} .spinner__size-16_1xzgs {
     width: 18px;
     height: 18px;
-} .spinner__size-24_1rg9t {
+} .spinner__size-24_1xzgs {
     width: 24px;
     height: 24px;
-} .spinner__size-48_1rg9t {
+} .spinner__size-48_1xzgs {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1rg9t {
+} @keyframes spinner__spin_animation_1xzgs {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-neutral-1500-inverted);
-} .spinner__component_ezin6 {
+} .spinner__component_1yzhi {
     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_40spg","soft":"status__soft_40spg","green":"status__green_40spg","orange":"status__orange_40spg","red":"status__red_40spg","blue":"status__blue_40spg","grey":"status__grey_40spg","teal":"status__teal_40spg","purple":"status__purple_40spg","contrast":"status__contrast_40spg"};
+var styles = {"component":"status__component_mki8d","soft":"status__soft_mki8d","green":"status__green_mki8d","orange":"status__orange_mki8d","red":"status__red_mki8d","blue":"status__blue_mki8d","grey":"status__grey_mki8d","teal":"status__teal_mki8d","purple":"status__purple_mki8d","contrast":"status__contrast_mki8d"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_40spg","soft":"status__soft_40spg","green":"status__green_40spg","orange":"status__orange_40spg","red":"status__red_40spg","blue":"status__blue_40spg","grey":"status__grey_40spg","teal":"status__teal_40spg","purple":"status__purple_40spg","contrast":"status__contrast_40spg"};
+var styles = {"component":"status__component_mki8d","soft":"status__soft_mki8d","green":"status__green_mki8d","orange":"status__orange_mki8d","red":"status__red_mki8d","blue":"status__blue_mki8d","grey":"status__grey_mki8d","teal":"status__teal_mki8d","purple":"status__purple_mki8d","contrast":"status__contrast_mki8d"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/index.css

@@ -39,7 +39,7 @@
     --color-light-decorative-text-orange: #ea8313;
     --color-light-decorative-text-red: #ec2e14;
     --color-light-decorative-text-teal: #058a8f;
-} .status__component_40spg {
+} .status__component_mki8d {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -54,43 +54,43 @@
     text-transform: uppercase;
     white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_40spg:empty {
+} .status__component_mki8d:empty {
         padding: 0;
-    } .status__soft_40spg.status__green_40spg {
+    } .status__soft_mki8d.status__green_mki8d {
         background: var(--color-light-decorative-muted-alt-green);
         color: var(--color-light-decorative-text-green);
-    } .status__soft_40spg.status__orange_40spg {
+    } .status__soft_mki8d.status__orange_mki8d {
         background: var(--color-light-decorative-muted-alt-orange);
         color: var(--color-light-decorative-text-orange);
-    } .status__soft_40spg.status__red_40spg {
+    } .status__soft_mki8d.status__red_mki8d {
         background: var(--color-light-decorative-muted-alt-red);
         color: var(--color-light-decorative-text-red);
-    } .status__soft_40spg.status__blue_40spg {
+    } .status__soft_mki8d.status__blue_mki8d {
         background: var(--color-light-decorative-muted-alt-blue);
         color: var(--color-light-decorative-text-blue);
-    } .status__soft_40spg.status__grey_40spg {
+    } .status__soft_mki8d.status__grey_mki8d {
         background: var(--color-light-neutral-translucent-300);
         color: var(--color-light-text-secondary);
-    } .status__soft_40spg.status__teal_40spg {
+    } .status__soft_mki8d.status__teal_mki8d {
         background: var(--color-light-decorative-muted-alt-teal);
         color: var(--color-light-decorative-text-teal);
-    } .status__soft_40spg.status__purple_40spg {
+    } .status__soft_mki8d.status__purple_mki8d {
         background: var(--color-light-decorative-muted-alt-indigo);
         color: var(--color-light-decorative-text-indigo);
-    } .status__contrast_40spg {
+    } .status__contrast_mki8d {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_40spg.status__green_40spg {
+} .status__contrast_mki8d.status__green_mki8d {
         background: var(--color-light-decorative-green);
-    } .status__contrast_40spg.status__orange_40spg {
+    } .status__contrast_mki8d.status__orange_mki8d {
         background: var(--color-light-decorative-orange);
-    } .status__contrast_40spg.status__red_40spg {
+    } .status__contrast_mki8d.status__red_mki8d {
         background: var(--color-light-decorative-red);
-    } .status__contrast_40spg.status__blue_40spg {
+    } .status__contrast_mki8d.status__blue_mki8d {
         background: var(--color-light-decorative-blue);
-    } .status__contrast_40spg.status__grey_40spg {
+    } .status__contrast_mki8d.status__grey_mki8d {
         background: var(--color-light-neutral-700);
-    } .status__contrast_40spg.status__teal_40spg {
+    } .status__contrast_mki8d.status__teal_mki8d {
         background: var(--color-light-decorative-teal);
-    } .status__contrast_40spg.status__purple_40spg {
+    } .status__contrast_mki8d.status__purple_mki8d {
         background: var(--color-light-decorative-indigo);
     }