@alfalab/core-components 36.1.1 → 36.2.0

package/space/esm/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_1jf70 {
+.space__spaceContainer_1nvh1 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_1jf70 {
+.space__spaceContainerFullWidth_1nvh1 {
     width: 100%;
 }
-.space__vertical_1jf70 {
+.space__vertical_1nvh1 {
     flex-direction: column;
 }
-.space__center_1jf70 {
+.space__center_1nvh1 {
     align-items: center;
 }
-.space__start_1jf70 {
+.space__start_1nvh1 {
     align-items: flex-start;
 }
-.space__end_1jf70 {
+.space__end_1nvh1 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_1jf70 {
+.space__spaceItemFullWidth_1nvh1 {
     width: 100%;
 }
-.space__spaceItem_1jf70:empty {
+.space__spaceItem_1nvh1:empty {
     display: none;
 }

package/space/esm/index.js

@@ -1,4 +1,4 @@
 import 'react';
-import './Item-6e86e471.js';
+import './Item-56b466df.js';
 import 'classnames';
 export { Space } from './Component.js';

package/space/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_1jf70 {
+.space__spaceContainer_1nvh1 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_1jf70 {
+.space__spaceContainerFullWidth_1nvh1 {
     width: 100%;
 }
-.space__vertical_1jf70 {
+.space__vertical_1nvh1 {
     flex-direction: column;
 }
-.space__center_1jf70 {
+.space__center_1nvh1 {
     align-items: center;
 }
-.space__start_1jf70 {
+.space__start_1nvh1 {
     align-items: flex-start;
 }
-.space__end_1jf70 {
+.space__end_1nvh1 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_1jf70 {
+.space__spaceItemFullWidth_1nvh1 {
     width: 100%;
 }
-.space__spaceItem_1jf70:empty {
+.space__spaceItem_1nvh1:empty {
     display: none;
 }

package/space/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Item-615a9b3e.js');
+require('./Item-8f5f5aee.js');
 require('react');
 require('classnames');
 var Component = require('./Component.js');

package/space/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-var styles = {"spaceContainer":"space__spaceContainer_1jf70","spaceContainerFullWidth":"space__spaceContainerFullWidth_1jf70","vertical":"space__vertical_1jf70","center":"space__center_1jf70","start":"space__start_1jf70","end":"space__end_1jf70","spaceItemFullWidth":"space__spaceItemFullWidth_1jf70","spaceItem":"space__spaceItem_1jf70"};
+var styles = {"spaceContainer":"space__spaceContainer_1nvh1","spaceContainerFullWidth":"space__spaceContainerFullWidth_1nvh1","vertical":"space__vertical_1nvh1","center":"space__center_1nvh1","start":"space__start_1nvh1","end":"space__end_1nvh1","spaceItemFullWidth":"space__spaceItemFullWidth_1nvh1","spaceItem":"space__spaceItem_1nvh1"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -7,27 +7,27 @@
 
     /* Hard up */
 }
-.space__spaceContainer_1jf70 {
+.space__spaceContainer_1nvh1 {
     display: inline-flex;
 }
-.space__spaceContainerFullWidth_1jf70 {
+.space__spaceContainerFullWidth_1nvh1 {
     width: 100%;
 }
-.space__vertical_1jf70 {
+.space__vertical_1nvh1 {
     flex-direction: column;
 }
-.space__center_1jf70 {
+.space__center_1nvh1 {
     align-items: center;
 }
-.space__start_1jf70 {
+.space__start_1nvh1 {
     align-items: flex-start;
 }
-.space__end_1jf70 {
+.space__end_1nvh1 {
     align-items: flex-end;
 }
-.space__spaceItemFullWidth_1jf70 {
+.space__spaceItemFullWidth_1nvh1 {
     width: 100%;
 }
-.space__spaceItem_1jf70:empty {
+.space__spaceItem_1nvh1:empty {
     display: none;
 }

package/spinner/Component.js

@@ -9,13 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var defaultColors = {"component":"spinner__component_1pyq8"};
+var defaultColors = {"component":"spinner__component_1dl7l"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_16avd","spin_animation":"spinner__spin_animation_16avd","visible":"spinner__visible_16avd","xs":"spinner__xs_16avd","s":"spinner__s_16avd","m":"spinner__m_16avd"};
+var styles = {"spinner":"spinner__spinner_8j1mz","spin_animation":"spinner__spin_animation_8j1mz","visible":"spinner__visible_8j1mz","xs":"spinner__xs_8j1mz","s":"spinner__s_8j1mz","m":"spinner__m_8j1mz"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1vt2p"};
+var invertedColors = {"component":"spinner__component_1jfk1"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_1pyq8 {
+.spinner__component_1dl7l {
     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_1pyq8"};
+var defaultColors = {"component":"spinner__component_1dl7l"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_16avd","spin_animation":"spinner__spin_animation_16avd","visible":"spinner__visible_16avd","xs":"spinner__xs_16avd","s":"spinner__s_16avd","m":"spinner__m_16avd"};
+var styles = {"spinner":"spinner__spinner_8j1mz","spin_animation":"spinner__spin_animation_8j1mz","visible":"spinner__visible_8j1mz","xs":"spinner__xs_8j1mz","s":"spinner__s_8j1mz","m":"spinner__m_8j1mz"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1vt2p"};
+var invertedColors = {"component":"spinner__component_1jfk1"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/esm/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_1pyq8 {
+.spinner__component_1dl7l {
     color: var(--spinner-default-color);
 }

package/spinner/esm/index.css

@@ -12,28 +12,28 @@
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
 }
-.spinner__spinner_16avd {
+.spinner__spinner_8j1mz {
     display: none;
-    animation: spinner__spin_animation_16avd var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_8j1mz var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_16avd {
+.spinner__visible_8j1mz {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_16avd {
+.spinner__xs_8j1mz {
     width: 18px;
     height: 18px;
 }
-.spinner__s_16avd {
+.spinner__s_8j1mz {
     width: 24px;
     height: 24px;
 }
-.spinner__m_16avd {
+.spinner__m_8j1mz {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_16avd {
+@keyframes spinner__spin_animation_8j1mz {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_1vt2p {
+.spinner__component_1jfk1 {
     color: var(--spinner-inverted-color);
 }

package/spinner/index.css

@@ -12,28 +12,28 @@
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
 }
-.spinner__spinner_16avd {
+.spinner__spinner_8j1mz {
     display: none;
-    animation: spinner__spin_animation_16avd var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_8j1mz var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_16avd {
+.spinner__visible_8j1mz {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_16avd {
+.spinner__xs_8j1mz {
     width: 18px;
     height: 18px;
 }
-.spinner__s_16avd {
+.spinner__s_8j1mz {
     width: 24px;
     height: 24px;
 }
-.spinner__m_16avd {
+.spinner__m_8j1mz {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_16avd {
+@keyframes spinner__spin_animation_8j1mz {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_1vt2p {
+.spinner__component_1jfk1 {
     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';
 
-var defaultColors = {"component":"spinner__component_1pyq8"};
+var defaultColors = {"component":"spinner__component_1dl7l"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_16avd","spin_animation":"spinner__spin_animation_16avd","visible":"spinner__visible_16avd","xs":"spinner__xs_16avd","s":"spinner__s_16avd","m":"spinner__m_16avd"};
+var styles = {"spinner":"spinner__spinner_8j1mz","spin_animation":"spinner__spin_animation_8j1mz","visible":"spinner__visible_8j1mz","xs":"spinner__xs_8j1mz","s":"spinner__s_8j1mz","m":"spinner__m_8j1mz"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1vt2p"};
+var invertedColors = {"component":"spinner__component_1jfk1"};
 require('./inverted.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_1pyq8 {
+.spinner__component_1dl7l {
     color: var(--spinner-default-color);
 }

package/spinner/modern/index.css

@@ -12,28 +12,28 @@
     --spinner-animation-duration: 0.8s;
     --spinner-animation-timing-function: linear;
 }
-.spinner__spinner_16avd {
+.spinner__spinner_8j1mz {
     display: none;
-    animation: spinner__spin_animation_16avd var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_8j1mz var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_16avd {
+.spinner__visible_8j1mz {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_16avd {
+.spinner__xs_8j1mz {
     width: 18px;
     height: 18px;
 }
-.spinner__s_16avd {
+.spinner__s_8j1mz {
     width: 24px;
     height: 24px;
 }
-.spinner__m_16avd {
+.spinner__m_8j1mz {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_16avd {
+@keyframes spinner__spin_animation_8j1mz {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_1vt2p {
+.spinner__component_1jfk1 {
     color: var(--spinner-inverted-color);
 }

package/status/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"status__component_1otdk","soft":"status__soft_1otdk","green":"status__green_1otdk","orange":"status__orange_1otdk","red":"status__red_1otdk","blue":"status__blue_1otdk","grey":"status__grey_1otdk","teal":"status__teal_1otdk","purple":"status__purple_1otdk","contrast":"status__contrast_1otdk"};
+var styles = {"component":"status__component_c905g","soft":"status__soft_c905g","green":"status__green_c905g","orange":"status__orange_c905g","red":"status__red_c905g","blue":"status__blue_c905g","grey":"status__grey_c905g","teal":"status__teal_c905g","purple":"status__purple_c905g","contrast":"status__contrast_c905g"};
 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_1otdk","soft":"status__soft_1otdk","green":"status__green_1otdk","orange":"status__orange_1otdk","red":"status__red_1otdk","blue":"status__blue_1otdk","grey":"status__grey_1otdk","teal":"status__teal_1otdk","purple":"status__purple_1otdk","contrast":"status__contrast_1otdk"};
+var styles = {"component":"status__component_c905g","soft":"status__soft_c905g","green":"status__green_c905g","orange":"status__orange_c905g","red":"status__red_c905g","blue":"status__blue_c905g","grey":"status__grey_c905g","teal":"status__teal_c905g","purple":"status__purple_c905g","contrast":"status__contrast_c905g"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_1otdk {
+.status__component_c905g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_1otdk:empty {
+.status__component_c905g:empty {
         padding: 0;
     }
-.status__soft_1otdk.status__green_1otdk {
+.status__soft_c905g.status__green_c905g {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_1otdk.status__orange_1otdk {
+.status__soft_c905g.status__orange_c905g {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_1otdk.status__red_1otdk {
+.status__soft_c905g.status__red_c905g {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_1otdk.status__blue_1otdk {
+.status__soft_c905g.status__blue_c905g {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_1otdk.status__grey_1otdk {
+.status__soft_c905g.status__grey_c905g {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_1otdk.status__teal_1otdk {
+.status__soft_c905g.status__teal_c905g {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_1otdk.status__purple_1otdk {
+.status__soft_c905g.status__purple_c905g {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_1otdk {
+.status__contrast_c905g {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_1otdk.status__green_1otdk {
+.status__contrast_c905g.status__green_c905g {
         background: var(--color-static-status-green);
     }
-.status__contrast_1otdk.status__orange_1otdk {
+.status__contrast_c905g.status__orange_c905g {
         background: var(--color-static-status-orange);
     }
-.status__contrast_1otdk.status__red_1otdk {
+.status__contrast_c905g.status__red_c905g {
         background: var(--color-static-status-red);
     }
-.status__contrast_1otdk.status__blue_1otdk {
+.status__contrast_c905g.status__blue_c905g {
         background: var(--color-static-status-blue);
     }
-.status__contrast_1otdk.status__grey_1otdk {
+.status__contrast_c905g.status__grey_c905g {
         background: var(--color-static-status-grey);
     }
-.status__contrast_1otdk.status__teal_1otdk {
+.status__contrast_c905g.status__teal_c905g {
         background: var(--color-static-status-teal);
     }
-.status__contrast_1otdk.status__purple_1otdk {
+.status__contrast_c905g.status__purple_c905g {
         background: var(--color-static-status-purple);
     }

package/status/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_1otdk {
+.status__component_c905g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_1otdk:empty {
+.status__component_c905g:empty {
         padding: 0;
     }
-.status__soft_1otdk.status__green_1otdk {
+.status__soft_c905g.status__green_c905g {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_1otdk.status__orange_1otdk {
+.status__soft_c905g.status__orange_c905g {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_1otdk.status__red_1otdk {
+.status__soft_c905g.status__red_c905g {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_1otdk.status__blue_1otdk {
+.status__soft_c905g.status__blue_c905g {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_1otdk.status__grey_1otdk {
+.status__soft_c905g.status__grey_c905g {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_1otdk.status__teal_1otdk {
+.status__soft_c905g.status__teal_c905g {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_1otdk.status__purple_1otdk {
+.status__soft_c905g.status__purple_c905g {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_1otdk {
+.status__contrast_c905g {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_1otdk.status__green_1otdk {
+.status__contrast_c905g.status__green_c905g {
         background: var(--color-static-status-green);
     }
-.status__contrast_1otdk.status__orange_1otdk {
+.status__contrast_c905g.status__orange_c905g {
         background: var(--color-static-status-orange);
     }
-.status__contrast_1otdk.status__red_1otdk {
+.status__contrast_c905g.status__red_c905g {
         background: var(--color-static-status-red);
     }
-.status__contrast_1otdk.status__blue_1otdk {
+.status__contrast_c905g.status__blue_c905g {
         background: var(--color-static-status-blue);
     }
-.status__contrast_1otdk.status__grey_1otdk {
+.status__contrast_c905g.status__grey_c905g {
         background: var(--color-static-status-grey);
     }
-.status__contrast_1otdk.status__teal_1otdk {
+.status__contrast_c905g.status__teal_c905g {
         background: var(--color-static-status-teal);
     }
-.status__contrast_1otdk.status__purple_1otdk {
+.status__contrast_c905g.status__purple_c905g {
         background: var(--color-static-status-purple);
     }

package/status/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_1otdk","soft":"status__soft_1otdk","green":"status__green_1otdk","orange":"status__orange_1otdk","red":"status__red_1otdk","blue":"status__blue_1otdk","grey":"status__grey_1otdk","teal":"status__teal_1otdk","purple":"status__purple_1otdk","contrast":"status__contrast_1otdk"};
+var styles = {"component":"status__component_c905g","soft":"status__soft_c905g","green":"status__green_c905g","orange":"status__orange_c905g","red":"status__red_c905g","blue":"status__blue_c905g","grey":"status__grey_c905g","teal":"status__teal_c905g","purple":"status__purple_c905g","contrast":"status__contrast_c905g"};
 require('./index.css');
 
 const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/modern/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_1otdk {
+.status__component_c905g {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_1otdk:empty {
+.status__component_c905g:empty {
         padding: 0;
     }
-.status__soft_1otdk.status__green_1otdk {
+.status__soft_c905g.status__green_c905g {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_1otdk.status__orange_1otdk {
+.status__soft_c905g.status__orange_c905g {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_1otdk.status__red_1otdk {
+.status__soft_c905g.status__red_c905g {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_1otdk.status__blue_1otdk {
+.status__soft_c905g.status__blue_c905g {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_1otdk.status__grey_1otdk {
+.status__soft_c905g.status__grey_c905g {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_1otdk.status__teal_1otdk {
+.status__soft_c905g.status__teal_c905g {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_1otdk.status__purple_1otdk {
+.status__soft_c905g.status__purple_c905g {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_1otdk {
+.status__contrast_c905g {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_1otdk.status__green_1otdk {
+.status__contrast_c905g.status__green_c905g {
         background: var(--color-static-status-green);
     }
-.status__contrast_1otdk.status__orange_1otdk {
+.status__contrast_c905g.status__orange_c905g {
         background: var(--color-static-status-orange);
     }
-.status__contrast_1otdk.status__red_1otdk {
+.status__contrast_c905g.status__red_c905g {
         background: var(--color-static-status-red);
     }
-.status__contrast_1otdk.status__blue_1otdk {
+.status__contrast_c905g.status__blue_c905g {
         background: var(--color-static-status-blue);
     }
-.status__contrast_1otdk.status__grey_1otdk {
+.status__contrast_c905g.status__grey_c905g {
         background: var(--color-static-status-grey);
     }
-.status__contrast_1otdk.status__teal_1otdk {
+.status__contrast_c905g.status__teal_c905g {
         background: var(--color-static-status-teal);
     }
-.status__contrast_1otdk.status__purple_1otdk {
+.status__contrast_c905g.status__purple_c905g {
         background: var(--color-static-status-purple);
     }