@alfalab/core-components 44.5.0 → 44.5.1-beta.0

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

@@ -1,4 +1,4 @@
-/* hash: ph5sj */
+/* hash: 1284j */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .stepped-progress-bar__component_172na {
+} .stepped-progress-bar__component_1n1yd {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_172na {
+} .stepped-progress-bar__stepsContainer_1n1yd {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_172na {
+} .stepped-progress-bar__description_1n1yd {
     margin-top: var(--gap-xs);
 }

package/stepped-progress-bar/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: vaouo */
+/* hash: 18qq5 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
@@ -16,8 +16,8 @@
 } :root {
 } :root {
 } :root {
-} .stepped-progress-bar__bar_z69dy {
+} .stepped-progress-bar__bar_mymhr {
     background: var(--color-light-neutral-translucent-300-inverted);
-} .stepped-progress-bar__description_z69dy {
+} .stepped-progress-bar__description_mymhr {
     color: var(--color-light-text-secondary-inverted);
 }

package/steps/Component.js

@@ -16,7 +16,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":"steps__component_99yyd","vertical":"steps__vertical_99yyd"};
+var styles = {"component":"steps__component_19l3t","vertical":"steps__vertical_19l3t"};
 require('./index.css');
 
 var Steps = function (_a) {

package/steps/components/step/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"step":"steps__step_udf5u","vertical":"steps__vertical_udf5u","interactive":"steps__interactive_udf5u","disabled":"steps__disabled_udf5u","text":"steps__text_udf5u","indicator":"steps__indicator_udf5u","option":"steps__option_udf5u","dash":"steps__dash_udf5u","completed":"steps__completed_udf5u","focused":"steps__focused_udf5u","selected":"steps__selected_udf5u","checkbox":"steps__checkbox_udf5u","dot":"steps__dot_udf5u","error":"steps__error_udf5u","unordered":"steps__unordered_udf5u","completedIndicator":"steps__completedIndicator_udf5u"};
+var styles = {"step":"steps__step_1aizf","vertical":"steps__vertical_1aizf","interactive":"steps__interactive_1aizf","disabled":"steps__disabled_1aizf","text":"steps__text_1aizf","indicator":"steps__indicator_1aizf","option":"steps__option_1aizf","dash":"steps__dash_1aizf","completed":"steps__completed_1aizf","focused":"steps__focused_1aizf","selected":"steps__selected_1aizf","checkbox":"steps__checkbox_1aizf","dot":"steps__dot_1aizf","error":"steps__error_1aizf","unordered":"steps__unordered_1aizf","completedIndicator":"steps__completedIndicator_1aizf"};
 require('./index.css');
 
 var Step = function (_a) {

package/steps/components/step/index.css

@@ -1,4 +1,4 @@
-/* hash: k7srz */
+/* hash: 1900i */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -30,26 +30,26 @@
 } :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_udf5u {
+} .steps__step_1aizf {
     display: flex;
     outline: none
-} .steps__step_udf5u:not(.steps__vertical_udf5u) {
+} .steps__step_1aizf:not(.steps__vertical_1aizf) {
         align-items: center;
-    } .steps__step_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+    } .steps__step_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
     cursor: pointer;
-} .steps__step_udf5u.steps__disabled_udf5u:hover .steps__text_udf5u {
+} .steps__step_1aizf.steps__disabled_1aizf:hover .steps__text_1aizf {
         background: unset;
-    } .steps__step_udf5u.steps__disabled_udf5u .steps__indicator_udf5u {
+    } .steps__step_1aizf.steps__disabled_1aizf .steps__indicator_1aizf {
         cursor: unset;
-    } .steps__indicator_udf5u {
+    } .steps__indicator_1aizf {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-} .steps__indicator_udf5u.steps__vertical_udf5u {
+} .steps__indicator_1aizf.steps__vertical_1aizf {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    } .steps__option_udf5u {
+    } .steps__option_1aizf {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -62,25 +62,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_udf5u.steps__vertical_udf5u {
+} .steps__option_1aizf.steps__vertical_1aizf {
         margin-top: var(--gap-xs);
-    } .steps__dash_udf5u {
+    } .steps__dash_1aizf {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-xs)
-} .steps__dash_udf5u.steps__completed_udf5u {
+} .steps__dash_1aizf.steps__completed_1aizf {
         border-top: var(--steps-dash-border);
-    } .steps__dash_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__vertical_1aizf {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none;
-    } .steps__dash_udf5u.steps__completed_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__completed_1aizf.steps__vertical_1aizf {
         border-left: var(--steps-dash-border);
-    } .steps__text_udf5u {
+    } .steps__text_1aizf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -90,19 +90,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-} .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+} .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):active {
+        } .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_udf5u {
+        } .steps__focused_1aizf {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-} .steps__selected_udf5u .steps__text_udf5u {
+} .steps__selected_1aizf .steps__text_1aizf {
         color: var(--color-light-text-primary);
-    } .steps__selected_udf5u .steps__option_udf5u {
+    } .steps__selected_1aizf .steps__option_1aizf {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-1500);
-    } .steps__checkbox_udf5u {
+    } .steps__checkbox_1aizf {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -110,18 +110,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_udf5u {
+} .steps__dot_1aizf {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_udf5u .steps__checkbox_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf {
     border: 2px solid var(--color-light-neutral-1500)
-} .steps__selected_udf5u .steps__checkbox_udf5u .steps__dot_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf .steps__dot_1aizf {
         background: var(--color-light-neutral-1500);
-    } .steps__option_udf5u:not(.steps__error_udf5u).steps__unordered_udf5u {
+    } .steps__option_1aizf:not(.steps__error_1aizf).steps__unordered_1aizf {
     background: unset;
-} .steps__completedIndicator_udf5u > [class*='positive'] {
+} .steps__completedIndicator_1aizf > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/steps/components/step-indicator/Component.js

@@ -9,7 +9,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":"steps__component_1hxp4"};
+var styles = {"component":"steps__component_1y39e"};
 require('./index.css');
 
 var StepIndicator = function (_a) {

package/steps/components/step-indicator/index.css

@@ -1,4 +1,4 @@
-/* hash: yw9u7 */
-.steps__component_1hxp4 {
+/* hash: 1nohl */
+.steps__component_1y39e {
     padding: 0;
 }

package/steps/esm/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '../../badge/esm';
 
-var styles = {"component":"steps__component_99yyd","vertical":"steps__vertical_99yyd"};
+var styles = {"component":"steps__component_19l3t","vertical":"steps__vertical_19l3t"};
 require('./index.css');
 
 var Steps = function (_a) {

package/steps/esm/components/step/Component.js

@@ -8,7 +8,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '../../../../badge/esm';
 
-var styles = {"step":"steps__step_udf5u","vertical":"steps__vertical_udf5u","interactive":"steps__interactive_udf5u","disabled":"steps__disabled_udf5u","text":"steps__text_udf5u","indicator":"steps__indicator_udf5u","option":"steps__option_udf5u","dash":"steps__dash_udf5u","completed":"steps__completed_udf5u","focused":"steps__focused_udf5u","selected":"steps__selected_udf5u","checkbox":"steps__checkbox_udf5u","dot":"steps__dot_udf5u","error":"steps__error_udf5u","unordered":"steps__unordered_udf5u","completedIndicator":"steps__completedIndicator_udf5u"};
+var styles = {"step":"steps__step_1aizf","vertical":"steps__vertical_1aizf","interactive":"steps__interactive_1aizf","disabled":"steps__disabled_1aizf","text":"steps__text_1aizf","indicator":"steps__indicator_1aizf","option":"steps__option_1aizf","dash":"steps__dash_1aizf","completed":"steps__completed_1aizf","focused":"steps__focused_1aizf","selected":"steps__selected_1aizf","checkbox":"steps__checkbox_1aizf","dot":"steps__dot_1aizf","error":"steps__error_1aizf","unordered":"steps__unordered_1aizf","completedIndicator":"steps__completedIndicator_1aizf"};
 require('./index.css');
 
 var Step = function (_a) {

package/steps/esm/components/step/index.css

@@ -1,4 +1,4 @@
-/* hash: k7srz */
+/* hash: 1900i */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -30,26 +30,26 @@
 } :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_udf5u {
+} .steps__step_1aizf {
     display: flex;
     outline: none
-} .steps__step_udf5u:not(.steps__vertical_udf5u) {
+} .steps__step_1aizf:not(.steps__vertical_1aizf) {
         align-items: center;
-    } .steps__step_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+    } .steps__step_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
     cursor: pointer;
-} .steps__step_udf5u.steps__disabled_udf5u:hover .steps__text_udf5u {
+} .steps__step_1aizf.steps__disabled_1aizf:hover .steps__text_1aizf {
         background: unset;
-    } .steps__step_udf5u.steps__disabled_udf5u .steps__indicator_udf5u {
+    } .steps__step_1aizf.steps__disabled_1aizf .steps__indicator_1aizf {
         cursor: unset;
-    } .steps__indicator_udf5u {
+    } .steps__indicator_1aizf {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-} .steps__indicator_udf5u.steps__vertical_udf5u {
+} .steps__indicator_1aizf.steps__vertical_1aizf {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    } .steps__option_udf5u {
+    } .steps__option_1aizf {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -62,25 +62,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_udf5u.steps__vertical_udf5u {
+} .steps__option_1aizf.steps__vertical_1aizf {
         margin-top: var(--gap-xs);
-    } .steps__dash_udf5u {
+    } .steps__dash_1aizf {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-xs)
-} .steps__dash_udf5u.steps__completed_udf5u {
+} .steps__dash_1aizf.steps__completed_1aizf {
         border-top: var(--steps-dash-border);
-    } .steps__dash_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__vertical_1aizf {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none;
-    } .steps__dash_udf5u.steps__completed_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__completed_1aizf.steps__vertical_1aizf {
         border-left: var(--steps-dash-border);
-    } .steps__text_udf5u {
+    } .steps__text_1aizf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -90,19 +90,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-} .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+} .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):active {
+        } .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_udf5u {
+        } .steps__focused_1aizf {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-} .steps__selected_udf5u .steps__text_udf5u {
+} .steps__selected_1aizf .steps__text_1aizf {
         color: var(--color-light-text-primary);
-    } .steps__selected_udf5u .steps__option_udf5u {
+    } .steps__selected_1aizf .steps__option_1aizf {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-1500);
-    } .steps__checkbox_udf5u {
+    } .steps__checkbox_1aizf {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -110,18 +110,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_udf5u {
+} .steps__dot_1aizf {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_udf5u .steps__checkbox_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf {
     border: 2px solid var(--color-light-neutral-1500)
-} .steps__selected_udf5u .steps__checkbox_udf5u .steps__dot_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf .steps__dot_1aizf {
         background: var(--color-light-neutral-1500);
-    } .steps__option_udf5u:not(.steps__error_udf5u).steps__unordered_udf5u {
+    } .steps__option_1aizf:not(.steps__error_1aizf).steps__unordered_1aizf {
     background: unset;
-} .steps__completedIndicator_udf5u > [class*='positive'] {
+} .steps__completedIndicator_1aizf > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/steps/esm/components/step-indicator/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Badge } from '../../../../badge/esm';
 
-var styles = {"component":"steps__component_1hxp4"};
+var styles = {"component":"steps__component_1y39e"};
 require('./index.css');
 
 var StepIndicator = function (_a) {

package/steps/esm/components/step-indicator/index.css

@@ -1,4 +1,4 @@
-/* hash: yw9u7 */
-.steps__component_1hxp4 {
+/* hash: 1nohl */
+.steps__component_1y39e {
     padding: 0;
 }

package/steps/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 29j93 */
+/* hash: 1ocdx */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .steps__component_99yyd {
+} .steps__component_19l3t {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_99yyd.steps__vertical_99yyd {
+} .steps__component_19l3t.steps__vertical_19l3t {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/index.css

@@ -1,4 +1,4 @@
-/* hash: 29j93 */
+/* hash: 1ocdx */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .steps__component_99yyd {
+} .steps__component_19l3t {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_99yyd.steps__vertical_99yyd {
+} .steps__component_19l3t.steps__vertical_19l3t {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/modern/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '../../badge/modern';
 
-const styles = {"component":"steps__component_99yyd","vertical":"steps__vertical_99yyd"};
+const styles = {"component":"steps__component_19l3t","vertical":"steps__vertical_19l3t"};
 require('./index.css');
 
 const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {

package/steps/modern/components/step/Component.js

@@ -7,7 +7,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '../../../../badge/modern';
 
-const styles = {"step":"steps__step_udf5u","vertical":"steps__vertical_udf5u","interactive":"steps__interactive_udf5u","disabled":"steps__disabled_udf5u","text":"steps__text_udf5u","indicator":"steps__indicator_udf5u","option":"steps__option_udf5u","dash":"steps__dash_udf5u","completed":"steps__completed_udf5u","focused":"steps__focused_udf5u","selected":"steps__selected_udf5u","checkbox":"steps__checkbox_udf5u","dot":"steps__dot_udf5u","error":"steps__error_udf5u","unordered":"steps__unordered_udf5u","completedIndicator":"steps__completedIndicator_udf5u"};
+const styles = {"step":"steps__step_1aizf","vertical":"steps__vertical_1aizf","interactive":"steps__interactive_1aizf","disabled":"steps__disabled_1aizf","text":"steps__text_1aizf","indicator":"steps__indicator_1aizf","option":"steps__option_1aizf","dash":"steps__dash_1aizf","completed":"steps__completed_1aizf","focused":"steps__focused_1aizf","selected":"steps__selected_1aizf","checkbox":"steps__checkbox_1aizf","dot":"steps__dot_1aizf","error":"steps__error_1aizf","unordered":"steps__unordered_1aizf","completedIndicator":"steps__completedIndicator_1aizf"};
 require('./index.css');
 
 const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive, isError, isWarning, isWaiting, customStepIndicator, isStepCompleted, onClick, interactive, isVerticalAlign, isNotLastStep, }) => {

package/steps/modern/components/step/index.css

@@ -1,4 +1,4 @@
-/* hash: k7srz */
+/* hash: 1900i */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -30,26 +30,26 @@
 } :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_udf5u {
+} .steps__step_1aizf {
     display: flex;
     outline: none
-} .steps__step_udf5u:not(.steps__vertical_udf5u) {
+} .steps__step_1aizf:not(.steps__vertical_1aizf) {
         align-items: center;
-    } .steps__step_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+    } .steps__step_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
     cursor: pointer;
-} .steps__step_udf5u.steps__disabled_udf5u:hover .steps__text_udf5u {
+} .steps__step_1aizf.steps__disabled_1aizf:hover .steps__text_1aizf {
         background: unset;
-    } .steps__step_udf5u.steps__disabled_udf5u .steps__indicator_udf5u {
+    } .steps__step_1aizf.steps__disabled_1aizf .steps__indicator_1aizf {
         cursor: unset;
-    } .steps__indicator_udf5u {
+    } .steps__indicator_1aizf {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-} .steps__indicator_udf5u.steps__vertical_udf5u {
+} .steps__indicator_1aizf.steps__vertical_1aizf {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    } .steps__option_udf5u {
+    } .steps__option_1aizf {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -62,25 +62,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_udf5u.steps__vertical_udf5u {
+} .steps__option_1aizf.steps__vertical_1aizf {
         margin-top: var(--gap-xs);
-    } .steps__dash_udf5u {
+    } .steps__dash_1aizf {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-xs)
-} .steps__dash_udf5u.steps__completed_udf5u {
+} .steps__dash_1aizf.steps__completed_1aizf {
         border-top: var(--steps-dash-border);
-    } .steps__dash_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__vertical_1aizf {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none;
-    } .steps__dash_udf5u.steps__completed_udf5u.steps__vertical_udf5u {
+    } .steps__dash_1aizf.steps__completed_1aizf.steps__vertical_1aizf {
         border-left: var(--steps-dash-border);
-    } .steps__text_udf5u {
+    } .steps__text_1aizf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -90,19 +90,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-} .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):hover {
+} .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_udf5u.steps__interactive_udf5u:not(.steps__disabled_udf5u):active {
+        } .steps__text_1aizf.steps__interactive_1aizf:not(.steps__disabled_1aizf):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_udf5u {
+        } .steps__focused_1aizf {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-} .steps__selected_udf5u .steps__text_udf5u {
+} .steps__selected_1aizf .steps__text_1aizf {
         color: var(--color-light-text-primary);
-    } .steps__selected_udf5u .steps__option_udf5u {
+    } .steps__selected_1aizf .steps__option_1aizf {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-1500);
-    } .steps__checkbox_udf5u {
+    } .steps__checkbox_1aizf {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -110,18 +110,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_udf5u {
+} .steps__dot_1aizf {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_udf5u .steps__checkbox_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf {
     border: 2px solid var(--color-light-neutral-1500)
-} .steps__selected_udf5u .steps__checkbox_udf5u .steps__dot_udf5u {
+} .steps__selected_1aizf .steps__checkbox_1aizf .steps__dot_1aizf {
         background: var(--color-light-neutral-1500);
-    } .steps__option_udf5u:not(.steps__error_udf5u).steps__unordered_udf5u {
+    } .steps__option_1aizf:not(.steps__error_1aizf).steps__unordered_1aizf {
     background: unset;
-} .steps__completedIndicator_udf5u > [class*='positive'] {
+} .steps__completedIndicator_1aizf > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/steps/modern/components/step-indicator/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Badge } from '../../../../badge/modern';
 
-const styles = {"component":"steps__component_1hxp4"};
+const styles = {"component":"steps__component_1y39e"};
 require('./index.css');
 
 const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));

package/steps/modern/components/step-indicator/index.css

@@ -1,4 +1,4 @@
-/* hash: yw9u7 */
-.steps__component_1hxp4 {
+/* hash: 1nohl */
+.steps__component_1y39e {
     padding: 0;
 }

package/steps/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 29j93 */
+/* hash: 1ocdx */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .steps__component_99yyd {
+} .steps__component_19l3t {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_99yyd.steps__vertical_99yyd {
+} .steps__component_19l3t.steps__vertical_19l3t {
         flex-direction: column;
         align-items: flex-start;
     }

package/switch/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"switch__component_1p7d6","start":"switch__start_1p7d6","center":"switch__center_1p7d6","addons":"switch__addons_1p7d6","block":"switch__block_1p7d6","switch":"switch__switch_1p7d6","content":"switch__content_1p7d6","label":"switch__label_1p7d6","hint":"switch__hint_1p7d6","reversed":"switch__reversed_1p7d6","checked":"switch__checked_1p7d6","disabled":"switch__disabled_1p7d6","focused":"switch__focused_1p7d6"};
+var styles = {"component":"switch__component_9y0c4","start":"switch__start_9y0c4","center":"switch__center_9y0c4","addons":"switch__addons_9y0c4","block":"switch__block_9y0c4","switch":"switch__switch_9y0c4","content":"switch__content_9y0c4","label":"switch__label_9y0c4","hint":"switch__hint_9y0c4","reversed":"switch__reversed_9y0c4","checked":"switch__checked_9y0c4","disabled":"switch__disabled_9y0c4","focused":"switch__focused_9y0c4"};
 require('./index.css');
 
 var Switch = React.forwardRef(function (_a, ref) {

package/switch/cssm/index.module.css

@@ -93,9 +93,9 @@
     position: absolute;
     top: 0;
     left: 0;
+    bottom: 0;
+    right: 16px;
     display: block;
-    width: 16px;
-    height: 16px;
     border-radius: var(--border-radius-circle);
     background-color: var(--switch-icon-color);
     box-sizing: border-box;