@alfalab/core-components 39.1.0 → 39.1.1

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_oz6ug","spaceContainerFullWidth":"space__spaceContainerFullWidth_oz6ug","vertical":"space__vertical_oz6ug","center":"space__center_oz6ug","start":"space__start_oz6ug","end":"space__end_oz6ug","spaceItemFullWidth":"space__spaceItemFullWidth_oz6ug","spaceItem":"space__spaceItem_oz6ug"};
+const styles = {"spaceContainer":"space__spaceContainer_1jo6b","spaceContainerFullWidth":"space__spaceContainerFullWidth_1jo6b","vertical":"space__vertical_1jo6b","center":"space__center_1jo6b","start":"space__start_1jo6b","end":"space__end_1jo6b","spaceItemFullWidth":"space__spaceItemFullWidth_1jo6b","spaceItem":"space__spaceItem_1jo6b"};
 require('./index.css');
 
 const SpaceSizes = {

package/space/modern/index.css

@@ -14,20 +14,20 @@
 } :root {
 } :root {
 } :root {
-} .space__spaceContainer_oz6ug {
+} .space__spaceContainer_1jo6b {
     display: inline-flex;
-} .space__spaceContainerFullWidth_oz6ug {
+} .space__spaceContainerFullWidth_1jo6b {
     width: 100%;
-} .space__vertical_oz6ug {
+} .space__vertical_1jo6b {
     flex-direction: column;
-} .space__center_oz6ug {
+} .space__center_1jo6b {
     align-items: center;
-} .space__start_oz6ug {
+} .space__start_1jo6b {
     align-items: flex-start;
-} .space__end_oz6ug {
+} .space__end_1jo6b {
     align-items: flex-end;
-} .space__spaceItemFullWidth_oz6ug {
+} .space__spaceItemFullWidth_1jo6b {
     width: 100%;
-} .space__spaceItem_oz6ug:empty {
+} .space__spaceItem_1jo6b: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_1p0n8"};
+var defaultColors = {"component":"spinner__component_154q4"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_1uq7q","spin_animation":"spinner__spin_animation_1uq7q","visible":"spinner__visible_1uq7q","xs":"spinner__xs_1uq7q","s":"spinner__s_1uq7q","m":"spinner__m_1uq7q"};
+var styles = {"spinner":"spinner__spinner_rsjeh","spin_animation":"spinner__spin_animation_rsjeh","visible":"spinner__visible_rsjeh","xs":"spinner__xs_rsjeh","s":"spinner__s_rsjeh","m":"spinner__m_rsjeh"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_z2foo"};
+var invertedColors = {"component":"spinner__component_f6ik6"};
 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_1p0n8 {
+} .spinner__component_154q4 {
     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_1p0n8"};
+var defaultColors = {"component":"spinner__component_154q4"};
 require('./default.css');
 
-var styles = {"spinner":"spinner__spinner_1uq7q","spin_animation":"spinner__spin_animation_1uq7q","visible":"spinner__visible_1uq7q","xs":"spinner__xs_1uq7q","s":"spinner__s_1uq7q","m":"spinner__m_1uq7q"};
+var styles = {"spinner":"spinner__spinner_rsjeh","spin_animation":"spinner__spin_animation_rsjeh","visible":"spinner__visible_rsjeh","xs":"spinner__xs_rsjeh","s":"spinner__s_rsjeh","m":"spinner__m_rsjeh"};
 require('./index.css');
 
-var invertedColors = {"component":"spinner__component_z2foo"};
+var invertedColors = {"component":"spinner__component_f6ik6"};
 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_1p0n8 {
+} .spinner__component_154q4 {
     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_1uq7q {
+} .spinner__spinner_rsjeh {
     display: none;
-    animation: spinner__spin_animation_1uq7q var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_rsjeh var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1uq7q {
+} .spinner__visible_rsjeh {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_1uq7q {
+} .spinner__xs_rsjeh {
     width: 18px;
     height: 18px;
-} .spinner__s_1uq7q {
+} .spinner__s_rsjeh {
     width: 24px;
     height: 24px;
-} .spinner__m_1uq7q {
+} .spinner__m_rsjeh {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1uq7q {
+} @keyframes spinner__spin_animation_rsjeh {
     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_z2foo {
+} .spinner__component_f6ik6 {
     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_1uq7q {
+} .spinner__spinner_rsjeh {
     display: none;
-    animation: spinner__spin_animation_1uq7q var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_rsjeh var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1uq7q {
+} .spinner__visible_rsjeh {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_1uq7q {
+} .spinner__xs_rsjeh {
     width: 18px;
     height: 18px;
-} .spinner__s_1uq7q {
+} .spinner__s_rsjeh {
     width: 24px;
     height: 24px;
-} .spinner__m_1uq7q {
+} .spinner__m_rsjeh {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1uq7q {
+} @keyframes spinner__spin_animation_rsjeh {
     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_z2foo {
+} .spinner__component_f6ik6 {
     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_1p0n8"};
+const defaultColors = {"component":"spinner__component_154q4"};
 require('./default.css');
 
-const styles = {"spinner":"spinner__spinner_1uq7q","spin_animation":"spinner__spin_animation_1uq7q","visible":"spinner__visible_1uq7q","xs":"spinner__xs_1uq7q","s":"spinner__s_1uq7q","m":"spinner__m_1uq7q"};
+const styles = {"spinner":"spinner__spinner_rsjeh","spin_animation":"spinner__spin_animation_rsjeh","visible":"spinner__visible_rsjeh","xs":"spinner__xs_rsjeh","s":"spinner__s_rsjeh","m":"spinner__m_rsjeh"};
 require('./index.css');
 
-const invertedColors = {"component":"spinner__component_z2foo"};
+const invertedColors = {"component":"spinner__component_f6ik6"};
 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_1p0n8 {
+} .spinner__component_154q4 {
     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_1uq7q {
+} .spinner__spinner_rsjeh {
     display: none;
-    animation: spinner__spin_animation_1uq7q var(--spinner-animation-duration) infinite
+    animation: spinner__spin_animation_rsjeh var(--spinner-animation-duration) infinite
         var(--spinner-animation-timing-function);
-} .spinner__visible_1uq7q {
+} .spinner__visible_rsjeh {
     display: var(--spinner-display-visible);
     vertical-align: middle;
-} .spinner__xs_1uq7q {
+} .spinner__xs_rsjeh {
     width: 18px;
     height: 18px;
-} .spinner__s_1uq7q {
+} .spinner__s_rsjeh {
     width: 24px;
     height: 24px;
-} .spinner__m_1uq7q {
+} .spinner__m_rsjeh {
     width: 48px;
     height: 48px;
-} @keyframes spinner__spin_animation_1uq7q {
+} @keyframes spinner__spin_animation_rsjeh {
     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_z2foo {
+} .spinner__component_f6ik6 {
     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_khi53","soft":"status__soft_khi53","green":"status__green_khi53","orange":"status__orange_khi53","red":"status__red_khi53","blue":"status__blue_khi53","grey":"status__grey_khi53","teal":"status__teal_khi53","purple":"status__purple_khi53","contrast":"status__contrast_khi53"};
+var styles = {"component":"status__component_irsy5","soft":"status__soft_irsy5","green":"status__green_irsy5","orange":"status__orange_irsy5","red":"status__red_irsy5","blue":"status__blue_irsy5","grey":"status__grey_irsy5","teal":"status__teal_irsy5","purple":"status__purple_irsy5","contrast":"status__contrast_irsy5"};
 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_khi53","soft":"status__soft_khi53","green":"status__green_khi53","orange":"status__orange_khi53","red":"status__red_khi53","blue":"status__blue_khi53","grey":"status__grey_khi53","teal":"status__teal_khi53","purple":"status__purple_khi53","contrast":"status__contrast_khi53"};
+var styles = {"component":"status__component_irsy5","soft":"status__soft_irsy5","green":"status__green_irsy5","orange":"status__orange_irsy5","red":"status__red_irsy5","blue":"status__blue_irsy5","grey":"status__grey_irsy5","teal":"status__teal_irsy5","purple":"status__purple_irsy5","contrast":"status__contrast_irsy5"};
 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_khi53 {
+} .status__component_irsy5 {
     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_khi53:empty {
+} .status__component_irsy5:empty {
         padding: 0;
-    } .status__soft_khi53.status__green_khi53 {
+    } .status__soft_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_khi53.status__orange_khi53 {
+    } .status__soft_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_khi53.status__red_khi53 {
+    } .status__soft_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_khi53.status__blue_khi53 {
+    } .status__soft_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_khi53.status__grey_khi53 {
+    } .status__soft_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_khi53.status__teal_khi53 {
+    } .status__soft_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_khi53.status__purple_khi53 {
+    } .status__soft_irsy5.status__purple_irsy5 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_khi53 {
+    } .status__contrast_irsy5 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_khi53.status__green_khi53 {
+} .status__contrast_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green);
-    } .status__contrast_khi53.status__orange_khi53 {
+    } .status__contrast_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange);
-    } .status__contrast_khi53.status__red_khi53 {
+    } .status__contrast_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red);
-    } .status__contrast_khi53.status__blue_khi53 {
+    } .status__contrast_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue);
-    } .status__contrast_khi53.status__grey_khi53 {
+    } .status__contrast_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey);
-    } .status__contrast_khi53.status__teal_khi53 {
+    } .status__contrast_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal);
-    } .status__contrast_khi53.status__purple_khi53 {
+    } .status__contrast_irsy5.status__purple_irsy5 {
         background: var(--color-static-status-purple);
     }

package/status/index.css

@@ -31,7 +31,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .status__component_khi53 {
+} .status__component_irsy5 {
     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_khi53:empty {
+} .status__component_irsy5:empty {
         padding: 0;
-    } .status__soft_khi53.status__green_khi53 {
+    } .status__soft_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_khi53.status__orange_khi53 {
+    } .status__soft_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_khi53.status__red_khi53 {
+    } .status__soft_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_khi53.status__blue_khi53 {
+    } .status__soft_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_khi53.status__grey_khi53 {
+    } .status__soft_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_khi53.status__teal_khi53 {
+    } .status__soft_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_khi53.status__purple_khi53 {
+    } .status__soft_irsy5.status__purple_irsy5 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_khi53 {
+    } .status__contrast_irsy5 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_khi53.status__green_khi53 {
+} .status__contrast_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green);
-    } .status__contrast_khi53.status__orange_khi53 {
+    } .status__contrast_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange);
-    } .status__contrast_khi53.status__red_khi53 {
+    } .status__contrast_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red);
-    } .status__contrast_khi53.status__blue_khi53 {
+    } .status__contrast_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue);
-    } .status__contrast_khi53.status__grey_khi53 {
+    } .status__contrast_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey);
-    } .status__contrast_khi53.status__teal_khi53 {
+    } .status__contrast_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal);
-    } .status__contrast_khi53.status__purple_khi53 {
+    } .status__contrast_irsy5.status__purple_irsy5 {
         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_khi53","soft":"status__soft_khi53","green":"status__green_khi53","orange":"status__orange_khi53","red":"status__red_khi53","blue":"status__blue_khi53","grey":"status__grey_khi53","teal":"status__teal_khi53","purple":"status__purple_khi53","contrast":"status__contrast_khi53"};
+const styles = {"component":"status__component_irsy5","soft":"status__soft_irsy5","green":"status__green_irsy5","orange":"status__orange_irsy5","red":"status__red_irsy5","blue":"status__blue_irsy5","grey":"status__grey_irsy5","teal":"status__teal_irsy5","purple":"status__purple_irsy5","contrast":"status__contrast_irsy5"};
 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_khi53 {
+} .status__component_irsy5 {
     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_khi53:empty {
+} .status__component_irsy5:empty {
         padding: 0;
-    } .status__soft_khi53.status__green_khi53 {
+    } .status__soft_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green-alpha-10);
         color: var(--color-static-status-green);
-    } .status__soft_khi53.status__orange_khi53 {
+    } .status__soft_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange-alpha-10);
         color: var(--color-static-status-orange);
-    } .status__soft_khi53.status__red_khi53 {
+    } .status__soft_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red-alpha-10);
         color: var(--color-static-status-red);
-    } .status__soft_khi53.status__blue_khi53 {
+    } .status__soft_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue-alpha-10);
         color: var(--color-static-status-blue);
-    } .status__soft_khi53.status__grey_khi53 {
+    } .status__soft_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey-alpha-10);
         color: var(--color-static-status-grey);
-    } .status__soft_khi53.status__teal_khi53 {
+    } .status__soft_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal-alpha-10);
         color: var(--color-static-status-teal);
-    } .status__soft_khi53.status__purple_khi53 {
+    } .status__soft_irsy5.status__purple_irsy5 {
         background: var(--color-static-status-purple-alpha-10);
         color: var(--color-static-status-purple);
-    } .status__contrast_khi53 {
+    } .status__contrast_irsy5 {
     color: var(--color-light-text-primary-inverted)
-} .status__contrast_khi53.status__green_khi53 {
+} .status__contrast_irsy5.status__green_irsy5 {
         background: var(--color-static-status-green);
-    } .status__contrast_khi53.status__orange_khi53 {
+    } .status__contrast_irsy5.status__orange_irsy5 {
         background: var(--color-static-status-orange);
-    } .status__contrast_khi53.status__red_khi53 {
+    } .status__contrast_irsy5.status__red_irsy5 {
         background: var(--color-static-status-red);
-    } .status__contrast_khi53.status__blue_khi53 {
+    } .status__contrast_irsy5.status__blue_irsy5 {
         background: var(--color-static-status-blue);
-    } .status__contrast_khi53.status__grey_khi53 {
+    } .status__contrast_irsy5.status__grey_irsy5 {
         background: var(--color-static-status-grey);
-    } .status__contrast_khi53.status__teal_khi53 {
+    } .status__contrast_irsy5.status__teal_irsy5 {
         background: var(--color-static-status-teal);
-    } .status__contrast_khi53.status__purple_khi53 {
+    } .status__contrast_irsy5.status__purple_irsy5 {
         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_1itjy","stepsContainer":"stepped-progress-bar__stepsContainer_1itjy","description":"stepped-progress-bar__description_1itjy"};
+var styles = {"component":"stepped-progress-bar__component_14z6v","stepsContainer":"stepped-progress-bar__stepsContainer_14z6v","description":"stepped-progress-bar__description_14z6v"};
 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_14wz5","positive":"stepped-progress-bar__positive_14wz5","attention":"stepped-progress-bar__attention_14wz5","negative":"stepped-progress-bar__negative_14wz5","link":"stepped-progress-bar__link_14wz5","tertiary":"stepped-progress-bar__tertiary_14wz5","secondary":"stepped-progress-bar__secondary_14wz5","primary":"stepped-progress-bar__primary_14wz5","accent":"stepped-progress-bar__accent_14wz5"};
+var styles = {"bar":"stepped-progress-bar__bar_blftz","positive":"stepped-progress-bar__positive_blftz","attention":"stepped-progress-bar__attention_blftz","negative":"stepped-progress-bar__negative_blftz","link":"stepped-progress-bar__link_blftz","tertiary":"stepped-progress-bar__tertiary_blftz","secondary":"stepped-progress-bar__secondary_blftz","primary":"stepped-progress-bar__primary_blftz","accent":"stepped-progress-bar__accent_blftz"};
 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_14wz5 {
+} .stepped-progress-bar__bar_blftz {
     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_14wz5:last-child {
+} .stepped-progress-bar__bar_blftz:last-child {
     margin-right: 0;
-} .stepped-progress-bar__positive_14wz5 {
+} .stepped-progress-bar__positive_blftz {
     background: var(--color-light-graphic-positive);
-} .stepped-progress-bar__attention_14wz5 {
+} .stepped-progress-bar__attention_blftz {
     background: var(--color-light-graphic-attention);
-} .stepped-progress-bar__negative_14wz5 {
+} .stepped-progress-bar__negative_blftz {
     background: var(--color-light-graphic-negative);
-} .stepped-progress-bar__link_14wz5 {
+} .stepped-progress-bar__link_blftz {
     background: var(--color-light-graphic-link);
-} .stepped-progress-bar__tertiary_14wz5 {
+} .stepped-progress-bar__tertiary_blftz {
     background: var(--color-light-graphic-tertiary);
-} .stepped-progress-bar__secondary_14wz5 {
+} .stepped-progress-bar__secondary_blftz {
     background: var(--color-light-graphic-secondary);
-} .stepped-progress-bar__primary_14wz5 {
+} .stepped-progress-bar__primary_blftz {
     background: var(--color-light-graphic-primary);
-} .stepped-progress-bar__accent_14wz5 {
+} .stepped-progress-bar__accent_blftz {
     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_1itjy","stepsContainer":"stepped-progress-bar__stepsContainer_1itjy","description":"stepped-progress-bar__description_1itjy"};
+var styles = {"component":"stepped-progress-bar__component_14z6v","stepsContainer":"stepped-progress-bar__stepsContainer_14z6v","description":"stepped-progress-bar__description_14z6v"};
 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_14wz5","positive":"stepped-progress-bar__positive_14wz5","attention":"stepped-progress-bar__attention_14wz5","negative":"stepped-progress-bar__negative_14wz5","link":"stepped-progress-bar__link_14wz5","tertiary":"stepped-progress-bar__tertiary_14wz5","secondary":"stepped-progress-bar__secondary_14wz5","primary":"stepped-progress-bar__primary_14wz5","accent":"stepped-progress-bar__accent_14wz5"};
+var styles = {"bar":"stepped-progress-bar__bar_blftz","positive":"stepped-progress-bar__positive_blftz","attention":"stepped-progress-bar__attention_blftz","negative":"stepped-progress-bar__negative_blftz","link":"stepped-progress-bar__link_blftz","tertiary":"stepped-progress-bar__tertiary_blftz","secondary":"stepped-progress-bar__secondary_blftz","primary":"stepped-progress-bar__primary_blftz","accent":"stepped-progress-bar__accent_blftz"};
 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_14wz5 {
+} .stepped-progress-bar__bar_blftz {
     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_14wz5:last-child {
+} .stepped-progress-bar__bar_blftz:last-child {
     margin-right: 0;
-} .stepped-progress-bar__positive_14wz5 {
+} .stepped-progress-bar__positive_blftz {
     background: var(--color-light-graphic-positive);
-} .stepped-progress-bar__attention_14wz5 {
+} .stepped-progress-bar__attention_blftz {
     background: var(--color-light-graphic-attention);
-} .stepped-progress-bar__negative_14wz5 {
+} .stepped-progress-bar__negative_blftz {
     background: var(--color-light-graphic-negative);
-} .stepped-progress-bar__link_14wz5 {
+} .stepped-progress-bar__link_blftz {
     background: var(--color-light-graphic-link);
-} .stepped-progress-bar__tertiary_14wz5 {
+} .stepped-progress-bar__tertiary_blftz {
     background: var(--color-light-graphic-tertiary);
-} .stepped-progress-bar__secondary_14wz5 {
+} .stepped-progress-bar__secondary_blftz {
     background: var(--color-light-graphic-secondary);
-} .stepped-progress-bar__primary_14wz5 {
+} .stepped-progress-bar__primary_blftz {
     background: var(--color-light-graphic-primary);
-} .stepped-progress-bar__accent_14wz5 {
+} .stepped-progress-bar__accent_blftz {
     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_1itjy {
+} .stepped-progress-bar__component_14z6v {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_1itjy {
+} .stepped-progress-bar__stepsContainer_14z6v {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_1itjy {
+} .stepped-progress-bar__description_14z6v {
     margin-top: var(--gap-xs);
     color: var(--color-light-text-secondary);
 }