@alfalab/core-components-steps 1.1.5 → 1.1.7

package/esm/components/step/Component.js

@@ -1,3 +1,4 @@
+import { __assign } from 'tslib';
 import React, { useRef } from 'react';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
@@ -7,34 +8,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '@alfalab/core-components-badge/esm';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var styles = {"step":"steps__step_1mmvm","vertical":"steps__vertical_1mmvm","interactive":"steps__interactive_1mmvm","disabled":"steps__disabled_1mmvm","text":"steps__text_1mmvm","indicator":"steps__indicator_1mmvm","option":"steps__option_1mmvm","dash":"steps__dash_1mmvm","completed":"steps__completed_1mmvm","focused":"steps__focused_1mmvm","selected":"steps__selected_1mmvm","checkbox":"steps__checkbox_1mmvm","dot":"steps__dot_1mmvm","error":"steps__error_1mmvm","unordered":"steps__unordered_1mmvm","completedIndicator":"steps__completedIndicator_1mmvm"};
+var styles = {"step":"steps__step_1s0c8","vertical":"steps__vertical_1s0c8","interactive":"steps__interactive_1s0c8","disabled":"steps__disabled_1s0c8","text":"steps__text_1s0c8","indicator":"steps__indicator_1s0c8","option":"steps__option_1s0c8","dash":"steps__dash_1s0c8","completed":"steps__completed_1s0c8","focused":"steps__focused_1s0c8","selected":"steps__selected_1s0c8","checkbox":"steps__checkbox_1s0c8","dot":"steps__dot_1s0c8","error":"steps__error_1s0c8","unordered":"steps__unordered_1s0c8","completedIndicator":"steps__completedIndicator_1s0c8"};
 require('./index.css')
 
 var Step = function (_a) {

package/esm/components/step/index.css

@@ -1,65 +1,56 @@
-/* hash: leby6 */
+/* hash: 9lg60 */
 :root {
-    --color-light-border-link: #007aff;
-    --color-light-border-primary: #dbdee1;
+} /* deprecated */ :root {
+    --color-light-border-link: #0072ef;
+    --color-light-border-primary: #dcdcdd;
     --color-light-graphic-positive: #2fc26e;
-    --color-light-graphic-primary: #0b1f35;
+    --color-light-graphic-primary: #0e0e0e;
     --color-light-graphic-primary-inverted: #fff;
-    --color-light-graphic-quaternary: #dbdee1;
-    --color-light-text-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
-    --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
-}
-:root {
+    --color-light-graphic-quaternary: #dcdcdd;
+    --color-light-text-primary: #0e0e0e; /* 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 */
+    --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
+    --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
+} :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 */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
-}
-:root {
+} :root {
     --steps-option-svg-color: var(--color-light-graphic-positive);
     --steps-dash-border: 2px solid var(--color-light-graphic-positive);
-}
-.steps__step_1mmvm {
+} .steps__step_1s0c8 {
     display: flex;
     outline: none
-}
-.steps__step_1mmvm:not(.steps__vertical_1mmvm) {
+} .steps__step_1s0c8:not(.steps__vertical_1s0c8) {
         align-items: center;
-    }
-.steps__step_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+    } .steps__step_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
     cursor: pointer;
-}
-.steps__step_1mmvm.steps__disabled_1mmvm:hover .steps__text_1mmvm {
+} .steps__step_1s0c8.steps__disabled_1s0c8:hover .steps__text_1s0c8 {
         background: unset;
-    }
-.steps__step_1mmvm.steps__disabled_1mmvm .steps__indicator_1mmvm {
+    } .steps__step_1s0c8.steps__disabled_1s0c8 .steps__indicator_1s0c8 {
         cursor: unset;
-    }
-.steps__indicator_1mmvm {
+    } .steps__indicator_1s0c8 {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-}
-.steps__indicator_1mmvm.steps__vertical_1mmvm {
+} .steps__indicator_1s0c8.steps__vertical_1s0c8 {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    }
-.steps__option_1mmvm {
+    } .steps__option_1s0c8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -72,31 +63,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-}
-.steps__option_1mmvm.steps__vertical_1mmvm {
+} .steps__option_1s0c8.steps__vertical_1s0c8 {
         margin-top: var(--gap-xs);
-    }
-.steps__dash_1mmvm {
+    } .steps__dash_1s0c8 {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-border-primary);
     margin-right: var(--gap-xs)
-}
-.steps__dash_1mmvm.steps__completed_1mmvm {
+} .steps__dash_1s0c8.steps__completed_1s0c8 {
         border-top: var(--steps-dash-border);
-    }
-.steps__dash_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__vertical_1s0c8 {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-border-primary);
         border-top: none;
-    }
-.steps__dash_1mmvm.steps__completed_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__completed_1s0c8.steps__vertical_1s0c8 {
         border-left: var(--steps-dash-border);
-    }
-.steps__text_1mmvm {
+    } .steps__text_1s0c8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,25 +91,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-}
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+} .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
             background: var(--color-light-bg-primary-inverted-alpha-7);
-        }
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):active {
+        } .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):active {
             background: var(--color-light-bg-primary-inverted-alpha-15);
-        }
-.steps__focused_1mmvm {
+        } .steps__focused_1s0c8 {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-}
-.steps__selected_1mmvm .steps__text_1mmvm {
+} .steps__selected_1s0c8 .steps__text_1s0c8 {
         color: var(--color-light-graphic-primary);
-    }
-.steps__selected_1mmvm .steps__option_1mmvm {
+    } .steps__selected_1s0c8 .steps__option_1s0c8 {
         color: var(--color-light-graphic-primary-inverted);
         background: var(--color-light-graphic-primary);
-    }
-.steps__checkbox_1mmvm {
+    } .steps__checkbox_1s0c8 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -132,23 +111,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-graphic-quaternary);
-}
-.steps__dot_1mmvm {
+} .steps__dot_1s0c8 {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-graphic-quaternary);
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 {
     border: 2px solid var(--color-light-graphic-primary)
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm .steps__dot_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 .steps__dot_1s0c8 {
         background: var(--color-light-graphic-primary);
-    }
-.steps__option_1mmvm:not(.steps__error_1mmvm).steps__unordered_1mmvm {
+    } .steps__option_1s0c8:not(.steps__error_1s0c8).steps__unordered_1s0c8 {
     background: unset;
-}
-.steps__completedIndicator_1mmvm > [class*='positive'] {
+} .steps__completedIndicator_1s0c8 > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/esm/components/step/index.js

@@ -1,4 +1,5 @@
 export { Step } from './Component.js';
+import 'tslib';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

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

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

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

@@ -1,4 +1,4 @@
-/* hash: xpqo1 */
-.steps__component_1lzbr {
+/* hash: lwuvw */
+.steps__component_f3cx7 {
     padding: 0;
 }

package/esm/index.css

@@ -1,18 +1,24 @@
-/* hash: 1302x */
+/* hash: ljgg7 */
 :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 */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.steps__component_1cb0a {
+} :root {
+} :root {
+} :root {
+} :root {
+} .steps__component_1nzqd {
     display: flex;
     align-items: center;
     flex-direction: row
-}
-.steps__component_1cb0a.steps__vertical_1cb0a {
+} .steps__component_1nzqd.steps__vertical_1nzqd {
         flex-direction: column;
         align-items: flex-start;
     }

package/esm/index.js

@@ -2,6 +2,7 @@ export { Steps } from './Component.js';
 import 'react';
 import 'classnames';
 import './components/step/Component.js';
+import 'tslib';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ClockMIcon';

package/index.css

@@ -1,18 +1,24 @@
-/* hash: 1302x */
+/* hash: ljgg7 */
 :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 */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.steps__component_1cb0a {
+} :root {
+} :root {
+} :root {
+} :root {
+} .steps__component_1nzqd {
     display: flex;
     align-items: center;
     flex-direction: row
-}
-.steps__component_1cb0a.steps__vertical_1cb0a {
+} .steps__component_1nzqd.steps__vertical_1nzqd {
         flex-direction: column;
         align-items: flex-start;
     }

package/index.js

@@ -1,9 +1,12 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./components/step/Component.js');
+require('tslib');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');

package/modern/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '@alfalab/core-components-badge/modern';
 
-const styles = {"component":"steps__component_1cb0a","vertical":"steps__vertical_1cb0a"};
+const styles = {"component":"steps__component_1nzqd","vertical":"steps__vertical_1nzqd"};
 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/modern/components/step/Component.js

@@ -7,7 +7,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '@alfalab/core-components-badge/modern';
 
-const styles = {"step":"steps__step_1mmvm","vertical":"steps__vertical_1mmvm","interactive":"steps__interactive_1mmvm","disabled":"steps__disabled_1mmvm","text":"steps__text_1mmvm","indicator":"steps__indicator_1mmvm","option":"steps__option_1mmvm","dash":"steps__dash_1mmvm","completed":"steps__completed_1mmvm","focused":"steps__focused_1mmvm","selected":"steps__selected_1mmvm","checkbox":"steps__checkbox_1mmvm","dot":"steps__dot_1mmvm","error":"steps__error_1mmvm","unordered":"steps__unordered_1mmvm","completedIndicator":"steps__completedIndicator_1mmvm"};
+const styles = {"step":"steps__step_1s0c8","vertical":"steps__vertical_1s0c8","interactive":"steps__interactive_1s0c8","disabled":"steps__disabled_1s0c8","text":"steps__text_1s0c8","indicator":"steps__indicator_1s0c8","option":"steps__option_1s0c8","dash":"steps__dash_1s0c8","completed":"steps__completed_1s0c8","focused":"steps__focused_1s0c8","selected":"steps__selected_1s0c8","checkbox":"steps__checkbox_1s0c8","dot":"steps__dot_1s0c8","error":"steps__error_1s0c8","unordered":"steps__unordered_1s0c8","completedIndicator":"steps__completedIndicator_1s0c8"};
 require('./index.css')
 
 const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive, isError, isWarning, isWaiting, customStepIndicator, isStepCompleted, onClick, interactive, isVerticalAlign, isNotLastStep, }) => {

package/modern/components/step/index.css

@@ -1,65 +1,56 @@
-/* hash: leby6 */
+/* hash: 9lg60 */
 :root {
-    --color-light-border-link: #007aff;
-    --color-light-border-primary: #dbdee1;
+} /* deprecated */ :root {
+    --color-light-border-link: #0072ef;
+    --color-light-border-primary: #dcdcdd;
     --color-light-graphic-positive: #2fc26e;
-    --color-light-graphic-primary: #0b1f35;
+    --color-light-graphic-primary: #0e0e0e;
     --color-light-graphic-primary-inverted: #fff;
-    --color-light-graphic-quaternary: #dbdee1;
-    --color-light-text-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
-    --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
-}
-:root {
+    --color-light-graphic-quaternary: #dcdcdd;
+    --color-light-text-primary: #0e0e0e; /* 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 */
+    --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
+    --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
+} :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 */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
-}
-:root {
+} :root {
     --steps-option-svg-color: var(--color-light-graphic-positive);
     --steps-dash-border: 2px solid var(--color-light-graphic-positive);
-}
-.steps__step_1mmvm {
+} .steps__step_1s0c8 {
     display: flex;
     outline: none
-}
-.steps__step_1mmvm:not(.steps__vertical_1mmvm) {
+} .steps__step_1s0c8:not(.steps__vertical_1s0c8) {
         align-items: center;
-    }
-.steps__step_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+    } .steps__step_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
     cursor: pointer;
-}
-.steps__step_1mmvm.steps__disabled_1mmvm:hover .steps__text_1mmvm {
+} .steps__step_1s0c8.steps__disabled_1s0c8:hover .steps__text_1s0c8 {
         background: unset;
-    }
-.steps__step_1mmvm.steps__disabled_1mmvm .steps__indicator_1mmvm {
+    } .steps__step_1s0c8.steps__disabled_1s0c8 .steps__indicator_1s0c8 {
         cursor: unset;
-    }
-.steps__indicator_1mmvm {
+    } .steps__indicator_1s0c8 {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-}
-.steps__indicator_1mmvm.steps__vertical_1mmvm {
+} .steps__indicator_1s0c8.steps__vertical_1s0c8 {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    }
-.steps__option_1mmvm {
+    } .steps__option_1s0c8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -72,31 +63,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-}
-.steps__option_1mmvm.steps__vertical_1mmvm {
+} .steps__option_1s0c8.steps__vertical_1s0c8 {
         margin-top: var(--gap-xs);
-    }
-.steps__dash_1mmvm {
+    } .steps__dash_1s0c8 {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-border-primary);
     margin-right: var(--gap-xs)
-}
-.steps__dash_1mmvm.steps__completed_1mmvm {
+} .steps__dash_1s0c8.steps__completed_1s0c8 {
         border-top: var(--steps-dash-border);
-    }
-.steps__dash_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__vertical_1s0c8 {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-border-primary);
         border-top: none;
-    }
-.steps__dash_1mmvm.steps__completed_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__completed_1s0c8.steps__vertical_1s0c8 {
         border-left: var(--steps-dash-border);
-    }
-.steps__text_1mmvm {
+    } .steps__text_1s0c8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,25 +91,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-}
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+} .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
             background: var(--color-light-bg-primary-inverted-alpha-7);
-        }
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):active {
+        } .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):active {
             background: var(--color-light-bg-primary-inverted-alpha-15);
-        }
-.steps__focused_1mmvm {
+        } .steps__focused_1s0c8 {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-}
-.steps__selected_1mmvm .steps__text_1mmvm {
+} .steps__selected_1s0c8 .steps__text_1s0c8 {
         color: var(--color-light-graphic-primary);
-    }
-.steps__selected_1mmvm .steps__option_1mmvm {
+    } .steps__selected_1s0c8 .steps__option_1s0c8 {
         color: var(--color-light-graphic-primary-inverted);
         background: var(--color-light-graphic-primary);
-    }
-.steps__checkbox_1mmvm {
+    } .steps__checkbox_1s0c8 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -132,23 +111,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-graphic-quaternary);
-}
-.steps__dot_1mmvm {
+} .steps__dot_1s0c8 {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-graphic-quaternary);
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 {
     border: 2px solid var(--color-light-graphic-primary)
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm .steps__dot_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 .steps__dot_1s0c8 {
         background: var(--color-light-graphic-primary);
-    }
-.steps__option_1mmvm:not(.steps__error_1mmvm).steps__unordered_1mmvm {
+    } .steps__option_1s0c8:not(.steps__error_1s0c8).steps__unordered_1s0c8 {
     background: unset;
-}
-.steps__completedIndicator_1mmvm > [class*='positive'] {
+} .steps__completedIndicator_1s0c8 > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Badge } from '@alfalab/core-components-badge/modern';
 
-const styles = {"component":"steps__component_1lzbr"};
+const styles = {"component":"steps__component_f3cx7"};
 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/modern/components/step-indicator/index.css

@@ -1,4 +1,4 @@
-/* hash: xpqo1 */
-.steps__component_1lzbr {
+/* hash: lwuvw */
+.steps__component_f3cx7 {
     padding: 0;
 }

package/modern/index.css

@@ -1,18 +1,24 @@
-/* hash: 1302x */
+/* hash: ljgg7 */
 :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 */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.steps__component_1cb0a {
+} :root {
+} :root {
+} :root {
+} :root {
+} .steps__component_1nzqd {
     display: flex;
     align-items: center;
     flex-direction: row
-}
-.steps__component_1cb0a.steps__vertical_1cb0a {
+} .steps__component_1nzqd.steps__vertical_1nzqd {
         flex-direction: column;
         align-items: flex-start;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-steps",
-    "version": "1.1.5",
+    "version": "1.1.7",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -17,9 +17,10 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-badge": "^5.0.0",
+        "@alfalab/core-components-badge": "^5.0.2",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.89.0",
-        "classnames": "^2.3.1"
+        "classnames": "^2.3.1",
+        "tslib": "^2.4.0"
     }
 }