@alfalab/core-components 39.2.1 → 39.3.0

package/space/modern/Component.js

@@ -2,7 +2,7 @@ import React__default, { forwardRef, Children } from 'react';
 import classNames from 'classnames';
 import Item from './Item.js';
 
-const styles = {"spaceContainer":"space__spaceContainer_1z0s5","spaceContainerFullWidth":"space__spaceContainerFullWidth_1z0s5","vertical":"space__vertical_1z0s5","center":"space__center_1z0s5","start":"space__start_1z0s5","end":"space__end_1z0s5","spaceItemFullWidth":"space__spaceItemFullWidth_1z0s5","spaceItem":"space__spaceItem_1z0s5"};
+const styles = {"spaceContainer":"space__spaceContainer_1uzrv","spaceContainerFullWidth":"space__spaceContainerFullWidth_1uzrv","vertical":"space__vertical_1uzrv","center":"space__center_1uzrv","start":"space__start_1uzrv","end":"space__end_1uzrv","spaceItemFullWidth":"space__spaceItemFullWidth_1uzrv","spaceItem":"space__spaceItem_1uzrv"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -14,20 +14,20 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_1z0s5 {
+} .space__spaceContainer_1uzrv {
     display: inline-flex;
-} .space__spaceContainerFullWidth_1z0s5 {
+} .space__spaceContainerFullWidth_1uzrv {
     width: 100%;
-} .space__vertical_1z0s5 {
+} .space__vertical_1uzrv {
     flex-direction: column;
-} .space__center_1z0s5 {
+} .space__center_1uzrv {
     align-items: center;
-} .space__start_1z0s5 {
+} .space__start_1uzrv {
     align-items: flex-start;
-} .space__end_1z0s5 {
+} .space__end_1uzrv {
     align-items: flex-end;
-} .space__spaceItemFullWidth_1z0s5 {
+} .space__spaceItemFullWidth_1uzrv {
     width: 100%;
-} .space__spaceItem_1z0s5:empty {
+} .space__spaceItem_1uzrv:empty {
     display: none;
 }

package/spinner/Component.js

@@ -7,13 +7,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_f0sd2"};
+var defaultColors = {"component":"spinner__component_iil2g"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_164ny","spin_animation":"spinner__spin_animation_164ny","visible":"spinner__visible_164ny","xs":"spinner__xs_164ny","s":"spinner__s_164ny","m":"spinner__m_164ny"};
+var styles = {"spinner":"spinner__spinner_u3y59","spin_animation":"spinner__spin_animation_u3y59","visible":"spinner__visible_u3y59","xs":"spinner__xs_u3y59","s":"spinner__s_u3y59","m":"spinner__m_u3y59"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1o3ov"};
+var invertedColors = {"component":"spinner__component_1rlhk"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-graphic-primary);
-} .spinner__component_f0sd2 {
+} .spinner__component_iil2g {
     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_f0sd2"};
+var defaultColors = {"component":"spinner__component_iil2g"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_164ny","spin_animation":"spinner__spin_animation_164ny","visible":"spinner__visible_164ny","xs":"spinner__xs_164ny","s":"spinner__s_164ny","m":"spinner__m_164ny"};
+var styles = {"spinner":"spinner__spinner_u3y59","spin_animation":"spinner__spin_animation_u3y59","visible":"spinner__visible_u3y59","xs":"spinner__xs_u3y59","s":"spinner__s_u3y59","m":"spinner__m_u3y59"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_1o3ov"};
+var invertedColors = {"component":"spinner__component_1rlhk"};
 require('./inverted.css');
 
 var colorStyles = {

package/spinner/esm/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-graphic-primary);
-} .spinner__component_f0sd2 {
+} .spinner__component_iil2g {
     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_164ny {
+} .spinner__spinner_u3y59 {
     display: none;
-    animation: spinner__spin_animation_164ny var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_u3y59 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_164ny {
+} .spinner__visible_u3y59 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_164ny {
+} .spinner__xs_u3y59 {
     width: 18px;
     height: 18px;
-} .spinner__s_164ny {
+} .spinner__s_u3y59 {
     width: 24px;
     height: 24px;
-} .spinner__m_164ny {
+} .spinner__m_u3y59 {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_164ny {
+} @keyframes spinner__spin_animation_u3y59 {
     from {
         transform: rotate(0);
     }

package/spinner/esm/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
-} .spinner__component_1o3ov {
+} .spinner__component_1rlhk {
     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_164ny {
+} .spinner__spinner_u3y59 {
     display: none;
-    animation: spinner__spin_animation_164ny var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_u3y59 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_164ny {
+} .spinner__visible_u3y59 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_164ny {
+} .spinner__xs_u3y59 {
     width: 18px;
     height: 18px;
-} .spinner__s_164ny {
+} .spinner__s_u3y59 {
     width: 24px;
     height: 24px;
-} .spinner__m_164ny {
+} .spinner__m_u3y59 {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_164ny {
+} @keyframes spinner__spin_animation_u3y59 {
     from {
         transform: rotate(0);
     }

package/spinner/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
-} .spinner__component_1o3ov {
+} .spinner__component_1rlhk {
     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_f0sd2"};
+const defaultColors = {"component":"spinner__component_iil2g"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_164ny","spin_animation":"spinner__spin_animation_164ny","visible":"spinner__visible_164ny","xs":"spinner__xs_164ny","s":"spinner__s_164ny","m":"spinner__m_164ny"};
+const styles = {"spinner":"spinner__spinner_u3y59","spin_animation":"spinner__spin_animation_u3y59","visible":"spinner__visible_u3y59","xs":"spinner__xs_u3y59","s":"spinner__s_u3y59","m":"spinner__m_u3y59"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_1o3ov"};
+const invertedColors = {"component":"spinner__component_1rlhk"};
 require('./inverted.css');
 
 const colorStyles = {

package/spinner/modern/default.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-default-color: var(--color-light-graphic-primary);
-} .spinner__component_f0sd2 {
+} .spinner__component_iil2g {
     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_164ny {
+} .spinner__spinner_u3y59 {
     display: none;
-    animation: spinner__spin_animation_164ny var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_u3y59 var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_164ny {
+} .spinner__visible_u3y59 {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_164ny {
+} .spinner__xs_u3y59 {
     width: 18px;
     height: 18px;
-} .spinner__s_164ny {
+} .spinner__s_u3y59 {
     width: 24px;
     height: 24px;
-} .spinner__m_164ny {
+} .spinner__m_u3y59 {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_164ny {
+} @keyframes spinner__spin_animation_u3y59 {
     from {
         transform: rotate(0);
     }

package/spinner/modern/inverted.css

@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --spinner-inverted-color: var(--color-light-graphic-primary-inverted);
-} .spinner__component_1o3ov {
+} .spinner__component_1rlhk {
     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_uowbj","soft":"status__soft_uowbj","green":"status__green_uowbj","orange":"status__orange_uowbj","red":"status__red_uowbj","blue":"status__blue_uowbj","grey":"status__grey_uowbj","teal":"status__teal_uowbj","purple":"status__purple_uowbj","contrast":"status__contrast_uowbj"};
+var styles = {"component":"status__component_1s77x","soft":"status__soft_1s77x","green":"status__green_1s77x","orange":"status__orange_1s77x","red":"status__red_1s77x","blue":"status__blue_1s77x","grey":"status__grey_1s77x","teal":"status__teal_1s77x","purple":"status__purple_1s77x","contrast":"status__contrast_1s77x"};
 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_uowbj","soft":"status__soft_uowbj","green":"status__green_uowbj","orange":"status__orange_uowbj","red":"status__red_uowbj","blue":"status__blue_uowbj","grey":"status__grey_uowbj","teal":"status__teal_uowbj","purple":"status__purple_uowbj","contrast":"status__contrast_uowbj"};
+var styles = {"component":"status__component_1s77x","soft":"status__soft_1s77x","green":"status__green_1s77x","orange":"status__orange_1s77x","red":"status__red_1s77x","blue":"status__blue_1s77x","grey":"status__grey_1s77x","teal":"status__teal_1s77x","purple":"status__purple_1s77x","contrast":"status__contrast_1s77x"};
 require('./index.css');
 
 var colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/esm/index.css

@@ -31,7 +31,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .status__component_uowbj {
+} .status__component_1s77x {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -46,43 +46,43 @@
     text-transform: uppercase;
     white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_uowbj:empty {
+} .status__component_1s77x:empty {
         padding: 0;
-    } .status__soft_uowbj.status__green_uowbj {
+    } .status__soft_1s77x.status__green_1s77x {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_uowbj.status__orange_uowbj {
+    } .status__soft_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_uowbj.status__red_uowbj {
+    } .status__soft_1s77x.status__red_1s77x {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_uowbj.status__blue_uowbj {
+    } .status__soft_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_uowbj.status__grey_uowbj {
+    } .status__soft_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_uowbj.status__teal_uowbj {
+    } .status__soft_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_uowbj.status__purple_uowbj {
+    } .status__soft_1s77x.status__purple_1s77x {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_uowbj {
+    } .status__contrast_1s77x {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_uowbj.status__green_uowbj {
+} .status__contrast_1s77x.status__green_1s77x {
         background: var(--color-static-status-green);
-    } .status__contrast_uowbj.status__orange_uowbj {
+    } .status__contrast_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange);
-    } .status__contrast_uowbj.status__red_uowbj {
+    } .status__contrast_1s77x.status__red_1s77x {
         background: var(--color-static-status-red);
-    } .status__contrast_uowbj.status__blue_uowbj {
+    } .status__contrast_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue);
-    } .status__contrast_uowbj.status__grey_uowbj {
+    } .status__contrast_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey);
-    } .status__contrast_uowbj.status__teal_uowbj {
+    } .status__contrast_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal);
-    } .status__contrast_uowbj.status__purple_uowbj {
+    } .status__contrast_1s77x.status__purple_1s77x {
         background: var(--color-static-status-purple);
     }

package/status/index.css

@@ -31,7 +31,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .status__component_uowbj {
+} .status__component_1s77x {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -46,43 +46,43 @@
     text-transform: uppercase;
     white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_uowbj:empty {
+} .status__component_1s77x:empty {
         padding: 0;
-    } .status__soft_uowbj.status__green_uowbj {
+    } .status__soft_1s77x.status__green_1s77x {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_uowbj.status__orange_uowbj {
+    } .status__soft_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_uowbj.status__red_uowbj {
+    } .status__soft_1s77x.status__red_1s77x {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_uowbj.status__blue_uowbj {
+    } .status__soft_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_uowbj.status__grey_uowbj {
+    } .status__soft_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_uowbj.status__teal_uowbj {
+    } .status__soft_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_uowbj.status__purple_uowbj {
+    } .status__soft_1s77x.status__purple_1s77x {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_uowbj {
+    } .status__contrast_1s77x {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_uowbj.status__green_uowbj {
+} .status__contrast_1s77x.status__green_1s77x {
         background: var(--color-static-status-green);
-    } .status__contrast_uowbj.status__orange_uowbj {
+    } .status__contrast_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange);
-    } .status__contrast_uowbj.status__red_uowbj {
+    } .status__contrast_1s77x.status__red_1s77x {
         background: var(--color-static-status-red);
-    } .status__contrast_uowbj.status__blue_uowbj {
+    } .status__contrast_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue);
-    } .status__contrast_uowbj.status__grey_uowbj {
+    } .status__contrast_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey);
-    } .status__contrast_uowbj.status__teal_uowbj {
+    } .status__contrast_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal);
-    } .status__contrast_uowbj.status__purple_uowbj {
+    } .status__contrast_1s77x.status__purple_1s77x {
         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_uowbj","soft":"status__soft_uowbj","green":"status__green_uowbj","orange":"status__orange_uowbj","red":"status__red_uowbj","blue":"status__blue_uowbj","grey":"status__grey_uowbj","teal":"status__teal_uowbj","purple":"status__purple_uowbj","contrast":"status__contrast_uowbj"};
+const styles = {"component":"status__component_1s77x","soft":"status__soft_1s77x","green":"status__green_1s77x","orange":"status__orange_1s77x","red":"status__red_1s77x","blue":"status__blue_1s77x","grey":"status__grey_1s77x","teal":"status__teal_1s77x","purple":"status__purple_1s77x","contrast":"status__contrast_1s77x"};
 require('./index.css');
 
 const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];

package/status/modern/index.css

@@ -31,7 +31,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .status__component_uowbj {
+} .status__component_1s77x {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
@@ -46,43 +46,43 @@
     text-transform: uppercase;
     white-space: nowrap;
     letter-spacing: 0.5px
-} .status__component_uowbj:empty {
+} .status__component_1s77x:empty {
         padding: 0;
-    } .status__soft_uowbj.status__green_uowbj {
+    } .status__soft_1s77x.status__green_1s77x {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_uowbj.status__orange_uowbj {
+    } .status__soft_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_uowbj.status__red_uowbj {
+    } .status__soft_1s77x.status__red_1s77x {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_uowbj.status__blue_uowbj {
+    } .status__soft_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_uowbj.status__grey_uowbj {
+    } .status__soft_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_uowbj.status__teal_uowbj {
+    } .status__soft_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_uowbj.status__purple_uowbj {
+    } .status__soft_1s77x.status__purple_1s77x {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_uowbj {
+    } .status__contrast_1s77x {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_uowbj.status__green_uowbj {
+} .status__contrast_1s77x.status__green_1s77x {
         background: var(--color-static-status-green);
-    } .status__contrast_uowbj.status__orange_uowbj {
+    } .status__contrast_1s77x.status__orange_1s77x {
         background: var(--color-static-status-orange);
-    } .status__contrast_uowbj.status__red_uowbj {
+    } .status__contrast_1s77x.status__red_1s77x {
         background: var(--color-static-status-red);
-    } .status__contrast_uowbj.status__blue_uowbj {
+    } .status__contrast_1s77x.status__blue_1s77x {
         background: var(--color-static-status-blue);
-    } .status__contrast_uowbj.status__grey_uowbj {
+    } .status__contrast_1s77x.status__grey_1s77x {
         background: var(--color-static-status-grey);
-    } .status__contrast_uowbj.status__teal_uowbj {
+    } .status__contrast_1s77x.status__teal_1s77x {
         background: var(--color-static-status-teal);
-    } .status__contrast_uowbj.status__purple_uowbj {
+    } .status__contrast_1s77x.status__purple_1s77x {
         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_13yd2","stepsContainer":"stepped-progress-bar__stepsContainer_13yd2","description":"stepped-progress-bar__description_13yd2"};
+var styles = {"component":"stepped-progress-bar__component_n5ua3","stepsContainer":"stepped-progress-bar__stepsContainer_n5ua3","description":"stepped-progress-bar__description_n5ua3"};
 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_1io1b","positive":"stepped-progress-bar__positive_1io1b","attention":"stepped-progress-bar__attention_1io1b","negative":"stepped-progress-bar__negative_1io1b","link":"stepped-progress-bar__link_1io1b","tertiary":"stepped-progress-bar__tertiary_1io1b","secondary":"stepped-progress-bar__secondary_1io1b","primary":"stepped-progress-bar__primary_1io1b","accent":"stepped-progress-bar__accent_1io1b"};
+var styles = {"bar":"stepped-progress-bar__bar_11k4w","positive":"stepped-progress-bar__positive_11k4w","attention":"stepped-progress-bar__attention_11k4w","negative":"stepped-progress-bar__negative_11k4w","link":"stepped-progress-bar__link_11k4w","tertiary":"stepped-progress-bar__tertiary_11k4w","secondary":"stepped-progress-bar__secondary_11k4w","primary":"stepped-progress-bar__primary_11k4w","accent":"stepped-progress-bar__accent_11k4w"};
 require('./index.css');
 
 var StepBar = React.memo(function (_a) {

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

@@ -25,28 +25,28 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .stepped-progress-bar__bar_1io1b {
+} .stepped-progress-bar__bar_11k4w {
     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_1io1b:last-child {
+} .stepped-progress-bar__bar_11k4w:last-child {
     margin-right: 0;
-} .stepped-progress-bar__positive_1io1b {
+} .stepped-progress-bar__positive_11k4w {
     background: var(--color-light-graphic-positive);
-} .stepped-progress-bar__attention_1io1b {
+} .stepped-progress-bar__attention_11k4w {
     background: var(--color-light-graphic-attention);
-} .stepped-progress-bar__negative_1io1b {
+} .stepped-progress-bar__negative_11k4w {
     background: var(--color-light-graphic-negative);
-} .stepped-progress-bar__link_1io1b {
+} .stepped-progress-bar__link_11k4w {
     background: var(--color-light-graphic-link);
-} .stepped-progress-bar__tertiary_1io1b {
+} .stepped-progress-bar__tertiary_11k4w {
     background: var(--color-light-graphic-tertiary);
-} .stepped-progress-bar__secondary_1io1b {
+} .stepped-progress-bar__secondary_11k4w {
     background: var(--color-light-graphic-secondary);
-} .stepped-progress-bar__primary_1io1b {
+} .stepped-progress-bar__primary_11k4w {
     background: var(--color-light-graphic-primary);
-} .stepped-progress-bar__accent_1io1b {
+} .stepped-progress-bar__accent_11k4w {
     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_13yd2","stepsContainer":"stepped-progress-bar__stepsContainer_13yd2","description":"stepped-progress-bar__description_13yd2"};
+var styles = {"component":"stepped-progress-bar__component_n5ua3","stepsContainer":"stepped-progress-bar__stepsContainer_n5ua3","description":"stepped-progress-bar__description_n5ua3"};
 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_1io1b","positive":"stepped-progress-bar__positive_1io1b","attention":"stepped-progress-bar__attention_1io1b","negative":"stepped-progress-bar__negative_1io1b","link":"stepped-progress-bar__link_1io1b","tertiary":"stepped-progress-bar__tertiary_1io1b","secondary":"stepped-progress-bar__secondary_1io1b","primary":"stepped-progress-bar__primary_1io1b","accent":"stepped-progress-bar__accent_1io1b"};
+var styles = {"bar":"stepped-progress-bar__bar_11k4w","positive":"stepped-progress-bar__positive_11k4w","attention":"stepped-progress-bar__attention_11k4w","negative":"stepped-progress-bar__negative_11k4w","link":"stepped-progress-bar__link_11k4w","tertiary":"stepped-progress-bar__tertiary_11k4w","secondary":"stepped-progress-bar__secondary_11k4w","primary":"stepped-progress-bar__primary_11k4w","accent":"stepped-progress-bar__accent_11k4w"};
 require('./index.css');
 
 var StepBar = memo(function (_a) {

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

@@ -25,28 +25,28 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .stepped-progress-bar__bar_1io1b {
+} .stepped-progress-bar__bar_11k4w {
     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_1io1b:last-child {
+} .stepped-progress-bar__bar_11k4w:last-child {
     margin-right: 0;
-} .stepped-progress-bar__positive_1io1b {
+} .stepped-progress-bar__positive_11k4w {
     background: var(--color-light-graphic-positive);
-} .stepped-progress-bar__attention_1io1b {
+} .stepped-progress-bar__attention_11k4w {
     background: var(--color-light-graphic-attention);
-} .stepped-progress-bar__negative_1io1b {
+} .stepped-progress-bar__negative_11k4w {
     background: var(--color-light-graphic-negative);
-} .stepped-progress-bar__link_1io1b {
+} .stepped-progress-bar__link_11k4w {
     background: var(--color-light-graphic-link);
-} .stepped-progress-bar__tertiary_1io1b {
+} .stepped-progress-bar__tertiary_11k4w {
     background: var(--color-light-graphic-tertiary);
-} .stepped-progress-bar__secondary_1io1b {
+} .stepped-progress-bar__secondary_11k4w {
     background: var(--color-light-graphic-secondary);
-} .stepped-progress-bar__primary_1io1b {
+} .stepped-progress-bar__primary_11k4w {
     background: var(--color-light-graphic-primary);
-} .stepped-progress-bar__accent_1io1b {
+} .stepped-progress-bar__accent_11k4w {
     background: var(--color-light-graphic-accent);
 }

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

@@ -16,14 +16,14 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .stepped-progress-bar__component_13yd2 {
+} .stepped-progress-bar__component_n5ua3 {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_13yd2 {
+} .stepped-progress-bar__stepsContainer_n5ua3 {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_13yd2 {
+} .stepped-progress-bar__description_n5ua3 {
     margin-top: var(--gap-xs);
     color: var(--color-light-text-secondary);
 }