@alfalab/core-components 37.1.1 → 37.2.0

package/spinner/default.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-default-color: var(--color-light-graphic-primary);
 }
-.spinner__component_1m8de {
+.spinner__component_19uuq {
     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_1m8de"};
+var defaultColors = {"component":"spinner__component_19uuq"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_p4mcr","spin_animation":"spinner__spin_animation_p4mcr","visible":"spinner__visible_p4mcr","xs":"spinner__xs_p4mcr","s":"spinner__s_p4mcr","m":"spinner__m_p4mcr"};
+var styles = {"spinner":"spinner__spinner_1cmv7","spin_animation":"spinner__spin_animation_1cmv7","visible":"spinner__visible_1cmv7","xs":"spinner__xs_1cmv7","s":"spinner__s_1cmv7","m":"spinner__m_1cmv7"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1s2pu"};
+var invertedColors = {"component":"spinner__component_1fp77"};
 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_1m8de {
+.spinner__component_19uuq {
     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_p4mcr {
+.spinner__spinner_1cmv7 {
     display: none;
-    animation: spinner__spin_animation_p4mcr var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1cmv7 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_p4mcr {
+.spinner__visible_1cmv7 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_p4mcr {
+.spinner__xs_1cmv7 {
     width: 18px;
     height: 18px;
 }
-.spinner__s_p4mcr {
+.spinner__s_1cmv7 {
     width: 24px;
     height: 24px;
 }
-.spinner__m_p4mcr {
+.spinner__m_1cmv7 {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_p4mcr {
+@keyframes spinner__spin_animation_1cmv7 {
     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_1s2pu {
+.spinner__component_1fp77 {
     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_p4mcr {
+.spinner__spinner_1cmv7 {
     display: none;
-    animation: spinner__spin_animation_p4mcr var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1cmv7 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_p4mcr {
+.spinner__visible_1cmv7 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_p4mcr {
+.spinner__xs_1cmv7 {
     width: 18px;
     height: 18px;
 }
-.spinner__s_p4mcr {
+.spinner__s_1cmv7 {
     width: 24px;
     height: 24px;
 }
-.spinner__m_p4mcr {
+.spinner__m_1cmv7 {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_p4mcr {
+@keyframes spinner__spin_animation_1cmv7 {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -13,6 +13,6 @@
 :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
 }
-.spinner__component_1s2pu {
+.spinner__component_1fp77 {
     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_1m8de"};
+const defaultColors = {"component":"spinner__component_19uuq"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_p4mcr","spin_animation":"spinner__spin_animation_p4mcr","visible":"spinner__visible_p4mcr","xs":"spinner__xs_p4mcr","s":"spinner__s_p4mcr","m":"spinner__m_p4mcr"};
+const styles = {"spinner":"spinner__spinner_1cmv7","spin_animation":"spinner__spin_animation_1cmv7","visible":"spinner__visible_1cmv7","xs":"spinner__xs_1cmv7","s":"spinner__s_1cmv7","m":"spinner__m_1cmv7"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_1s2pu"};
+const invertedColors = {"component":"spinner__component_1fp77"};
 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_1m8de {
+.spinner__component_19uuq {
     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_p4mcr {
+.spinner__spinner_1cmv7 {
     display: none;
-    animation: spinner__spin_animation_p4mcr var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_1cmv7 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
 }
-.spinner__visible_p4mcr {
+.spinner__visible_1cmv7 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
 }
-.spinner__xs_p4mcr {
+.spinner__xs_1cmv7 {
     width: 18px;
     height: 18px;
 }
-.spinner__s_p4mcr {
+.spinner__s_1cmv7 {
     width: 24px;
     height: 24px;
 }
-.spinner__m_p4mcr {
+.spinner__m_1cmv7 {
     width: 48px;
     height: 48px;
 }
-@keyframes spinner__spin_animation_p4mcr {
+@keyframes spinner__spin_animation_1cmv7 {
     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_1s2pu {
+.spinner__component_1fp77 {
     color: var(--spinner-inverted-color);
 }

package/status/Component.js

@@ -6,7 +6,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_kzh4s","soft":"status__soft_kzh4s","green":"status__green_kzh4s","orange":"status__orange_kzh4s","red":"status__red_kzh4s","blue":"status__blue_kzh4s","grey":"status__grey_kzh4s","teal":"status__teal_kzh4s","purple":"status__purple_kzh4s","contrast":"status__contrast_kzh4s"};
+var styles = {"component":"status__component_rzy6h","soft":"status__soft_rzy6h","green":"status__green_rzy6h","orange":"status__orange_rzy6h","red":"status__red_rzy6h","blue":"status__blue_rzy6h","grey":"status__grey_rzy6h","teal":"status__teal_rzy6h","purple":"status__purple_rzy6h","contrast":"status__contrast_rzy6h"};
 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_kzh4s","soft":"status__soft_kzh4s","green":"status__green_kzh4s","orange":"status__orange_kzh4s","red":"status__red_kzh4s","blue":"status__blue_kzh4s","grey":"status__grey_kzh4s","teal":"status__teal_kzh4s","purple":"status__purple_kzh4s","contrast":"status__contrast_kzh4s"};
+var styles = {"component":"status__component_rzy6h","soft":"status__soft_rzy6h","green":"status__green_rzy6h","orange":"status__orange_rzy6h","red":"status__red_rzy6h","blue":"status__blue_rzy6h","grey":"status__grey_rzy6h","teal":"status__teal_rzy6h","purple":"status__purple_rzy6h","contrast":"status__contrast_rzy6h"};
 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_kzh4s {
+.status__component_rzy6h {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_kzh4s:empty {
+.status__component_rzy6h:empty {
         padding: 0;
     }
-.status__soft_kzh4s.status__green_kzh4s {
+.status__soft_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_kzh4s.status__orange_kzh4s {
+.status__soft_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_kzh4s.status__red_kzh4s {
+.status__soft_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_kzh4s.status__blue_kzh4s {
+.status__soft_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_kzh4s.status__grey_kzh4s {
+.status__soft_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_kzh4s.status__teal_kzh4s {
+.status__soft_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_kzh4s.status__purple_kzh4s {
+.status__soft_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_kzh4s {
+.status__contrast_rzy6h {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_kzh4s.status__green_kzh4s {
+.status__contrast_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green);
     }
-.status__contrast_kzh4s.status__orange_kzh4s {
+.status__contrast_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange);
     }
-.status__contrast_kzh4s.status__red_kzh4s {
+.status__contrast_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red);
     }
-.status__contrast_kzh4s.status__blue_kzh4s {
+.status__contrast_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue);
     }
-.status__contrast_kzh4s.status__grey_kzh4s {
+.status__contrast_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey);
     }
-.status__contrast_kzh4s.status__teal_kzh4s {
+.status__contrast_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal);
     }
-.status__contrast_kzh4s.status__purple_kzh4s {
+.status__contrast_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple);
     }

package/status/index.css

@@ -32,7 +32,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.status__component_kzh4s {
+.status__component_rzy6h {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_kzh4s:empty {
+.status__component_rzy6h:empty {
         padding: 0;
     }
-.status__soft_kzh4s.status__green_kzh4s {
+.status__soft_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_kzh4s.status__orange_kzh4s {
+.status__soft_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_kzh4s.status__red_kzh4s {
+.status__soft_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_kzh4s.status__blue_kzh4s {
+.status__soft_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_kzh4s.status__grey_kzh4s {
+.status__soft_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_kzh4s.status__teal_kzh4s {
+.status__soft_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_kzh4s.status__purple_kzh4s {
+.status__soft_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_kzh4s {
+.status__contrast_rzy6h {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_kzh4s.status__green_kzh4s {
+.status__contrast_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green);
     }
-.status__contrast_kzh4s.status__orange_kzh4s {
+.status__contrast_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange);
     }
-.status__contrast_kzh4s.status__red_kzh4s {
+.status__contrast_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red);
     }
-.status__contrast_kzh4s.status__blue_kzh4s {
+.status__contrast_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue);
     }
-.status__contrast_kzh4s.status__grey_kzh4s {
+.status__contrast_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey);
     }
-.status__contrast_kzh4s.status__teal_kzh4s {
+.status__contrast_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal);
     }
-.status__contrast_kzh4s.status__purple_kzh4s {
+.status__contrast_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple);
     }

package/status/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"status__component_kzh4s","soft":"status__soft_kzh4s","green":"status__green_kzh4s","orange":"status__orange_kzh4s","red":"status__red_kzh4s","blue":"status__blue_kzh4s","grey":"status__grey_kzh4s","teal":"status__teal_kzh4s","purple":"status__purple_kzh4s","contrast":"status__contrast_kzh4s"};
+const styles = {"component":"status__component_rzy6h","soft":"status__soft_rzy6h","green":"status__green_rzy6h","orange":"status__orange_rzy6h","red":"status__red_rzy6h","blue":"status__blue_rzy6h","grey":"status__grey_rzy6h","teal":"status__teal_rzy6h","purple":"status__purple_rzy6h","contrast":"status__contrast_rzy6h"};
 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_kzh4s {
+.status__component_rzy6h {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -48,58 +48,58 @@
     white-space: nowrap;
     letter-spacing: 0.5px
 }
-.status__component_kzh4s:empty {
+.status__component_rzy6h:empty {
         padding: 0;
     }
-.status__soft_kzh4s.status__green_kzh4s {
+.status__soft_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
     }
-.status__soft_kzh4s.status__orange_kzh4s {
+.status__soft_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
     }
-.status__soft_kzh4s.status__red_kzh4s {
+.status__soft_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
     }
-.status__soft_kzh4s.status__blue_kzh4s {
+.status__soft_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
     }
-.status__soft_kzh4s.status__grey_kzh4s {
+.status__soft_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
     }
-.status__soft_kzh4s.status__teal_kzh4s {
+.status__soft_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
     }
-.status__soft_kzh4s.status__purple_kzh4s {
+.status__soft_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
     }
-.status__contrast_kzh4s {
+.status__contrast_rzy6h {
     color: var(--color-light-text-primary-inverted)
 }
-.status__contrast_kzh4s.status__green_kzh4s {
+.status__contrast_rzy6h.status__green_rzy6h {
         background: var(--color-static-status-green);
     }
-.status__contrast_kzh4s.status__orange_kzh4s {
+.status__contrast_rzy6h.status__orange_rzy6h {
         background: var(--color-static-status-orange);
     }
-.status__contrast_kzh4s.status__red_kzh4s {
+.status__contrast_rzy6h.status__red_rzy6h {
         background: var(--color-static-status-red);
     }
-.status__contrast_kzh4s.status__blue_kzh4s {
+.status__contrast_rzy6h.status__blue_rzy6h {
         background: var(--color-static-status-blue);
     }
-.status__contrast_kzh4s.status__grey_kzh4s {
+.status__contrast_rzy6h.status__grey_rzy6h {
         background: var(--color-static-status-grey);
     }
-.status__contrast_kzh4s.status__teal_kzh4s {
+.status__contrast_rzy6h.status__teal_rzy6h {
         background: var(--color-static-status-teal);
     }
-.status__contrast_kzh4s.status__purple_kzh4s {
+.status__contrast_rzy6h.status__purple_rzy6h {
         background: var(--color-static-status-purple);
     }

package/stepped-progress-bar/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":"stepped-progress-bar__component_1y3oc","stepsContainer":"stepped-progress-bar__stepsContainer_1y3oc","description":"stepped-progress-bar__description_1y3oc"};
+var styles = {"component":"stepped-progress-bar__component_1k0jf","stepsContainer":"stepped-progress-bar__stepsContainer_1k0jf","description":"stepped-progress-bar__description_1k0jf"};
 require('./index.css');
 
 var SteppedProgressBar = function (_a) {

package/stepped-progress-bar/components/step-bar/Component.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"bar":"stepped-progress-bar__bar_1bcon","positive":"stepped-progress-bar__positive_1bcon","attention":"stepped-progress-bar__attention_1bcon","negative":"stepped-progress-bar__negative_1bcon","link":"stepped-progress-bar__link_1bcon","tertiary":"stepped-progress-bar__tertiary_1bcon","secondary":"stepped-progress-bar__secondary_1bcon","primary":"stepped-progress-bar__primary_1bcon","accent":"stepped-progress-bar__accent_1bcon"};
+var styles = {"bar":"stepped-progress-bar__bar_zg33t","positive":"stepped-progress-bar__positive_zg33t","attention":"stepped-progress-bar__attention_zg33t","negative":"stepped-progress-bar__negative_zg33t","link":"stepped-progress-bar__link_zg33t","tertiary":"stepped-progress-bar__tertiary_zg33t","secondary":"stepped-progress-bar__secondary_zg33t","primary":"stepped-progress-bar__primary_zg33t","accent":"stepped-progress-bar__accent_zg33t"};
 require('./index.css');
 
 var StepBar = React.memo(function (_a) {

package/stepped-progress-bar/components/step-bar/index.css

@@ -24,37 +24,37 @@
 :root {
     --border-radius-xs: 2px;
 }
-.stepped-progress-bar__bar_1bcon {
+.stepped-progress-bar__bar_zg33t {
     width: 100%;
     height: var(--gap-2xs);
     margin-right: var(--gap-2xs);
     border-radius: var(--border-radius-xs);
     background: var(--color-light-bg-primary-inverted-alpha-10);
 }
-.stepped-progress-bar__bar_1bcon:last-child {
+.stepped-progress-bar__bar_zg33t:last-child {
     margin-right: 0;
 }
-.stepped-progress-bar__positive_1bcon {
+.stepped-progress-bar__positive_zg33t {
     background: var(--color-light-graphic-positive);
 }
-.stepped-progress-bar__attention_1bcon {
+.stepped-progress-bar__attention_zg33t {
     background: var(--color-light-graphic-attention);
 }
-.stepped-progress-bar__negative_1bcon {
+.stepped-progress-bar__negative_zg33t {
     background: var(--color-light-graphic-negative);
 }
-.stepped-progress-bar__link_1bcon {
+.stepped-progress-bar__link_zg33t {
     background: var(--color-light-graphic-link);
 }
-.stepped-progress-bar__tertiary_1bcon {
+.stepped-progress-bar__tertiary_zg33t {
     background: var(--color-light-graphic-tertiary);
 }
-.stepped-progress-bar__secondary_1bcon {
+.stepped-progress-bar__secondary_zg33t {
     background: var(--color-light-graphic-secondary);
 }
-.stepped-progress-bar__primary_1bcon {
+.stepped-progress-bar__primary_zg33t {
     background: var(--color-light-graphic-primary);
 }
-.stepped-progress-bar__accent_1bcon {
+.stepped-progress-bar__accent_zg33t {
     background: var(--color-light-graphic-accent);
 }

package/stepped-progress-bar/esm/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 import { StepBar } from './components/step-bar/Component.js';
 
-var styles = {"component":"stepped-progress-bar__component_1y3oc","stepsContainer":"stepped-progress-bar__stepsContainer_1y3oc","description":"stepped-progress-bar__description_1y3oc"};
+var styles = {"component":"stepped-progress-bar__component_1k0jf","stepsContainer":"stepped-progress-bar__stepsContainer_1k0jf","description":"stepped-progress-bar__description_1k0jf"};
 require('./index.css');
 
 var SteppedProgressBar = function (_a) {

package/stepped-progress-bar/esm/components/step-bar/Component.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import cn from 'classnames';
 
-var styles = {"bar":"stepped-progress-bar__bar_1bcon","positive":"stepped-progress-bar__positive_1bcon","attention":"stepped-progress-bar__attention_1bcon","negative":"stepped-progress-bar__negative_1bcon","link":"stepped-progress-bar__link_1bcon","tertiary":"stepped-progress-bar__tertiary_1bcon","secondary":"stepped-progress-bar__secondary_1bcon","primary":"stepped-progress-bar__primary_1bcon","accent":"stepped-progress-bar__accent_1bcon"};
+var styles = {"bar":"stepped-progress-bar__bar_zg33t","positive":"stepped-progress-bar__positive_zg33t","attention":"stepped-progress-bar__attention_zg33t","negative":"stepped-progress-bar__negative_zg33t","link":"stepped-progress-bar__link_zg33t","tertiary":"stepped-progress-bar__tertiary_zg33t","secondary":"stepped-progress-bar__secondary_zg33t","primary":"stepped-progress-bar__primary_zg33t","accent":"stepped-progress-bar__accent_zg33t"};
 require('./index.css');
 
 var StepBar = memo(function (_a) {

package/stepped-progress-bar/esm/components/step-bar/index.css

@@ -24,37 +24,37 @@
 :root {
     --border-radius-xs: 2px;
 }
-.stepped-progress-bar__bar_1bcon {
+.stepped-progress-bar__bar_zg33t {
     width: 100%;
     height: var(--gap-2xs);
     margin-right: var(--gap-2xs);
     border-radius: var(--border-radius-xs);
     background: var(--color-light-bg-primary-inverted-alpha-10);
 }
-.stepped-progress-bar__bar_1bcon:last-child {
+.stepped-progress-bar__bar_zg33t:last-child {
     margin-right: 0;
 }
-.stepped-progress-bar__positive_1bcon {
+.stepped-progress-bar__positive_zg33t {
     background: var(--color-light-graphic-positive);
 }
-.stepped-progress-bar__attention_1bcon {
+.stepped-progress-bar__attention_zg33t {
     background: var(--color-light-graphic-attention);
 }
-.stepped-progress-bar__negative_1bcon {
+.stepped-progress-bar__negative_zg33t {
     background: var(--color-light-graphic-negative);
 }
-.stepped-progress-bar__link_1bcon {
+.stepped-progress-bar__link_zg33t {
     background: var(--color-light-graphic-link);
 }
-.stepped-progress-bar__tertiary_1bcon {
+.stepped-progress-bar__tertiary_zg33t {
     background: var(--color-light-graphic-tertiary);
 }
-.stepped-progress-bar__secondary_1bcon {
+.stepped-progress-bar__secondary_zg33t {
     background: var(--color-light-graphic-secondary);
 }
-.stepped-progress-bar__primary_1bcon {
+.stepped-progress-bar__primary_zg33t {
     background: var(--color-light-graphic-primary);
 }
-.stepped-progress-bar__accent_1bcon {
+.stepped-progress-bar__accent_zg33t {
     background: var(--color-light-graphic-accent);
 }

package/stepped-progress-bar/esm/index.css

@@ -13,16 +13,16 @@
 :root {
     --gap-xs: 8px;
 }
-.stepped-progress-bar__component_1y3oc {
+.stepped-progress-bar__component_1k0jf {
     display: flex;
     flex-direction: column;
     text-align: center;
 }
-.stepped-progress-bar__stepsContainer_1y3oc {
+.stepped-progress-bar__stepsContainer_1k0jf {
     width: 100%;
     display: flex;
 }
-.stepped-progress-bar__description_1y3oc {
+.stepped-progress-bar__description_1k0jf {
     margin-top: var(--gap-xs);
     color: var(--color-light-text-secondary);
 }