@alfalab/core-components 48.0.0-beta.1 → 48.0.0

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_1om1w","positive":"stepped-progress-bar__positive_1om1w","attention":"stepped-progress-bar__attention_1om1w","negative":"stepped-progress-bar__negative_1om1w","link":"stepped-progress-bar__link_1om1w","tertiary":"stepped-progress-bar__tertiary_1om1w","secondary":"stepped-progress-bar__secondary_1om1w","primary":"stepped-progress-bar__primary_1om1w","accent":"stepped-progress-bar__accent_1om1w"};
+var styles = {"bar":"stepped-progress-bar__bar_j1wju","positive":"stepped-progress-bar__positive_j1wju","attention":"stepped-progress-bar__attention_j1wju","negative":"stepped-progress-bar__negative_j1wju","link":"stepped-progress-bar__link_j1wju","tertiary":"stepped-progress-bar__tertiary_j1wju","secondary":"stepped-progress-bar__secondary_j1wju","primary":"stepped-progress-bar__primary_j1wju","accent":"stepped-progress-bar__accent_j1wju"};
 require('./index.css');
 
 var StepBar = memo(function (_a) {

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

@@ -57,27 +57,27 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .stepped-progress-bar__bar_1om1w {
+} .stepped-progress-bar__bar_j1wju {
     width: 100%;
     height: var(--gap-4);
     margin-right: var(--gap-4);
     border-radius: var(--border-radius-2);
-} .stepped-progress-bar__bar_1om1w:last-child {
+} .stepped-progress-bar__bar_j1wju:last-child {
     margin-right: var(--gap-0);
-} .stepped-progress-bar__bar_1om1w.stepped-progress-bar__positive_1om1w {
+} .stepped-progress-bar__bar_j1wju.stepped-progress-bar__positive_j1wju {
         background: var(--progressbar-positive-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__attention_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__attention_j1wju {
         background: var(--progressbar-attention-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__negative_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__negative_j1wju {
         background: var(--progressbar-negative-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__link_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__link_j1wju {
         background: var(--progressbar-link-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__tertiary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__tertiary_j1wju {
         background: var(--progressbar-tertiary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__secondary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__secondary_j1wju {
         background: var(--progressbar-secondary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__primary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__primary_j1wju {
         background: var(--progressbar-primary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__accent_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__accent_j1wju {
         background: var(--progressbar-accent-color);
     }

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

@@ -20,8 +20,8 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_7etz7 {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_1cyzb {
     background: var(--color-light-neutral-translucent-300);
-} .stepped-progress-bar__description_7etz7 {
+} .stepped-progress-bar__description_1cyzb {
     color: var(--color-light-text-secondary);
 }

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

@@ -20,13 +20,13 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_74z44 {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_14v1i {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_74z44 {
+} .stepped-progress-bar__stepsContainer_14v1i {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_74z44 {
+} .stepped-progress-bar__description_14v1i {
     margin-top: var(--gap-8);
 }

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

@@ -20,8 +20,8 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_fb6ga {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_1kvbs {
     background: var(--color-light-neutral-translucent-300-inverted);
-} .stepped-progress-bar__description_fb6ga {
+} .stepped-progress-bar__description_1kvbs {
     color: var(--color-light-text-secondary-inverted);
 }

package/stepped-progress-bar/index.css

@@ -20,13 +20,13 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_74z44 {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_14v1i {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_74z44 {
+} .stepped-progress-bar__stepsContainer_14v1i {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_74z44 {
+} .stepped-progress-bar__description_14v1i {
     margin-top: var(--gap-8);
 }

package/stepped-progress-bar/inverted.css

@@ -20,8 +20,8 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_fb6ga {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_1kvbs {
     background: var(--color-light-neutral-translucent-300-inverted);
-} .stepped-progress-bar__description_fb6ga {
+} .stepped-progress-bar__description_1kvbs {
     color: var(--color-light-text-secondary-inverted);
 }

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

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 import { StepBar } from './components/step-bar/Component.js';
 
-const defaultColors = {"bar":"stepped-progress-bar__bar_7etz7","description":"stepped-progress-bar__description_7etz7"};
+const defaultColors = {"bar":"stepped-progress-bar__bar_1cyzb","description":"stepped-progress-bar__description_1cyzb"};
 require('./default.css');
 
-const styles = {"component":"stepped-progress-bar__component_74z44","stepsContainer":"stepped-progress-bar__stepsContainer_74z44","description":"stepped-progress-bar__description_74z44"};
+const styles = {"component":"stepped-progress-bar__component_14v1i","stepsContainer":"stepped-progress-bar__stepsContainer_14v1i","description":"stepped-progress-bar__description_14v1i"};
 require('./index.css');
 
-const invertedColors = {"bar":"stepped-progress-bar__bar_fb6ga","description":"stepped-progress-bar__description_fb6ga"};
+const invertedColors = {"bar":"stepped-progress-bar__bar_1kvbs","description":"stepped-progress-bar__description_1kvbs"};
 require('./inverted.css');
 
 const colorStyles = {

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

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import cn from 'classnames';
 
-const styles = {"bar":"stepped-progress-bar__bar_1om1w","positive":"stepped-progress-bar__positive_1om1w","attention":"stepped-progress-bar__attention_1om1w","negative":"stepped-progress-bar__negative_1om1w","link":"stepped-progress-bar__link_1om1w","tertiary":"stepped-progress-bar__tertiary_1om1w","secondary":"stepped-progress-bar__secondary_1om1w","primary":"stepped-progress-bar__primary_1om1w","accent":"stepped-progress-bar__accent_1om1w"};
+const styles = {"bar":"stepped-progress-bar__bar_j1wju","positive":"stepped-progress-bar__positive_j1wju","attention":"stepped-progress-bar__attention_j1wju","negative":"stepped-progress-bar__negative_j1wju","link":"stepped-progress-bar__link_j1wju","tertiary":"stepped-progress-bar__tertiary_j1wju","secondary":"stepped-progress-bar__secondary_j1wju","primary":"stepped-progress-bar__primary_j1wju","accent":"stepped-progress-bar__accent_j1wju"};
 require('./index.css');
 
 const StepBar = memo(({ isDone, view = 'positive', classNameStep }) => (React.createElement("span", { "data-test-id": isDone ? 'on' : 'off', className: cn(styles.bar, isDone && styles[view], classNameStep) })));

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

@@ -57,27 +57,27 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .stepped-progress-bar__bar_1om1w {
+} .stepped-progress-bar__bar_j1wju {
     width: 100%;
     height: var(--gap-4);
     margin-right: var(--gap-4);
     border-radius: var(--border-radius-2);
-} .stepped-progress-bar__bar_1om1w:last-child {
+} .stepped-progress-bar__bar_j1wju:last-child {
     margin-right: var(--gap-0);
-} .stepped-progress-bar__bar_1om1w.stepped-progress-bar__positive_1om1w {
+} .stepped-progress-bar__bar_j1wju.stepped-progress-bar__positive_j1wju {
         background: var(--progressbar-positive-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__attention_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__attention_j1wju {
         background: var(--progressbar-attention-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__negative_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__negative_j1wju {
         background: var(--progressbar-negative-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__link_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__link_j1wju {
         background: var(--progressbar-link-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__tertiary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__tertiary_j1wju {
         background: var(--progressbar-tertiary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__secondary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__secondary_j1wju {
         background: var(--progressbar-secondary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__primary_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__primary_j1wju {
         background: var(--progressbar-primary-color);
-    } .stepped-progress-bar__bar_1om1w.stepped-progress-bar__accent_1om1w {
+    } .stepped-progress-bar__bar_j1wju.stepped-progress-bar__accent_j1wju {
         background: var(--progressbar-accent-color);
     }

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

@@ -20,8 +20,8 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_7etz7 {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_1cyzb {
     background: var(--color-light-neutral-translucent-300);
-} .stepped-progress-bar__description_7etz7 {
+} .stepped-progress-bar__description_1cyzb {
     color: var(--color-light-text-secondary);
 }

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

@@ -20,13 +20,13 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_74z44 {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__component_14v1i {
     display: flex;
     flex-direction: column;
     text-align: center;
-} .stepped-progress-bar__stepsContainer_74z44 {
+} .stepped-progress-bar__stepsContainer_14v1i {
     width: 100%;
     display: flex;
-} .stepped-progress-bar__description_74z44 {
+} .stepped-progress-bar__description_14v1i {
     margin-top: var(--gap-8);
 }

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

@@ -20,8 +20,8 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_fb6ga {
+} /* сбрасывает синюю подсветку при нажатии */ .stepped-progress-bar__bar_1kvbs {
     background: var(--color-light-neutral-translucent-300-inverted);
-} .stepped-progress-bar__description_fb6ga {
+} .stepped-progress-bar__description_1kvbs {
     color: var(--color-light-text-secondary-inverted);
 }

package/steps/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_186x4","vertical":"steps__vertical_186x4"};
+var styles = {"component":"steps__component_1nkap","vertical":"steps__vertical_1nkap"};
 require('./index.css');
 
 var Steps = function (_a) {

package/steps/components/step/Component.js

@@ -14,7 +14,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_goy3j","vertical":"steps__vertical_goy3j","interactive":"steps__interactive_goy3j","disabled":"steps__disabled_goy3j","text":"steps__text_goy3j","indicator":"steps__indicator_goy3j","option":"steps__option_goy3j","dash":"steps__dash_goy3j","size-16":"steps__size-16_goy3j","size-8":"steps__size-8_goy3j","completed":"steps__completed_goy3j","focused":"steps__focused_goy3j","selected":"steps__selected_goy3j","checkbox":"steps__checkbox_goy3j","dot":"steps__dot_goy3j","error":"steps__error_goy3j","unordered":"steps__unordered_goy3j","completedIndicator":"steps__completedIndicator_goy3j","fullWidth":"steps__fullWidth_goy3j"};
+var styles = {"step":"steps__step_1f9dl","vertical":"steps__vertical_1f9dl","interactive":"steps__interactive_1f9dl","disabled":"steps__disabled_1f9dl","text":"steps__text_1f9dl","indicator":"steps__indicator_1f9dl","option":"steps__option_1f9dl","dash":"steps__dash_1f9dl","size-16":"steps__size-16_1f9dl","size-8":"steps__size-8_1f9dl","completed":"steps__completed_1f9dl","focused":"steps__focused_1f9dl","selected":"steps__selected_1f9dl","checkbox":"steps__checkbox_1f9dl","dot":"steps__dot_1f9dl","error":"steps__error_1f9dl","unordered":"steps__unordered_1f9dl","completedIndicator":"steps__completedIndicator_1f9dl","fullWidth":"steps__fullWidth_1f9dl"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/steps/components/step/index.css

@@ -38,26 +38,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_goy3j {
+} .steps__step_1f9dl {
     display: flex;
     outline: none
-} .steps__step_goy3j:not(.steps__vertical_goy3j) {
+} .steps__step_1f9dl:not(.steps__vertical_1f9dl) {
         align-items: center;
-    } .steps__step_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):hover {
+    } .steps__step_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):hover {
     cursor: pointer;
-} .steps__step_goy3j.steps__disabled_goy3j:hover .steps__text_goy3j {
+} .steps__step_1f9dl.steps__disabled_1f9dl:hover .steps__text_1f9dl {
         background: unset;
-    } .steps__step_goy3j.steps__disabled_goy3j .steps__indicator_goy3j {
+    } .steps__step_1f9dl.steps__disabled_1f9dl .steps__indicator_1f9dl {
         cursor: unset;
-    } .steps__indicator_goy3j {
+    } .steps__indicator_1f9dl {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_goy3j.steps__vertical_goy3j {
+} .steps__indicator_1f9dl.steps__vertical_1f9dl {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_goy3j {
+    } .steps__option_1f9dl {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -70,33 +70,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_goy3j.steps__vertical_goy3j {
+} .steps__option_1f9dl.steps__vertical_1f9dl {
         margin-top: var(--gap-8);
-    } .steps__dash_goy3j {
+    } .steps__dash_1f9dl {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_goy3j.steps__size-16_goy3j {
+} .steps__dash_1f9dl.steps__size-16_1f9dl {
         min-width: 16px;
-    } .steps__dash_goy3j.steps__size-8_goy3j {
+    } .steps__dash_1f9dl.steps__size-8_1f9dl {
         min-width: 8px;
-    } .steps__dash_goy3j.steps__completed_goy3j {
+    } .steps__dash_1f9dl.steps__completed_1f9dl {
         border-top: var(--steps-dash-border);
-    } .steps__dash_goy3j.steps__vertical_goy3j {
+    } .steps__dash_1f9dl.steps__vertical_1f9dl {
         min-width: unset;
         min-height: 24px;
         margin-right: var(--gap-0);
         margin-top: var(--gap-8);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none
-    } .steps__dash_goy3j.steps__vertical_goy3j.steps__size-16_goy3j {
+    } .steps__dash_1f9dl.steps__vertical_1f9dl.steps__size-16_1f9dl {
             min-height: 16px;
-        } .steps__dash_goy3j.steps__vertical_goy3j.steps__size-8_goy3j {
+        } .steps__dash_1f9dl.steps__vertical_1f9dl.steps__size-8_1f9dl {
             min-height: 8px;
-        } .steps__dash_goy3j.steps__completed_goy3j.steps__vertical_goy3j {
+        } .steps__dash_1f9dl.steps__completed_1f9dl.steps__vertical_1f9dl {
         border-left: var(--steps-dash-border);
-    } .steps__text_goy3j {
+    } .steps__text_1f9dl {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,19 +106,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):hover {
+} .steps__text_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):active {
+        } .steps__text_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_goy3j {
+        } .steps__focused_1f9dl {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_goy3j .steps__text_goy3j {
+} .steps__selected_1f9dl .steps__text_1f9dl {
         color: var(--color-light-text-primary);
-    } .steps__selected_goy3j .steps__option_goy3j {
+    } .steps__selected_1f9dl .steps__option_1f9dl {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_goy3j {
+    } .steps__checkbox_1f9dl {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,20 +126,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_goy3j {
+} .steps__dot_1f9dl {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_goy3j .steps__checkbox_goy3j {
+} .steps__selected_1f9dl .steps__checkbox_1f9dl {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_goy3j .steps__checkbox_goy3j .steps__dot_goy3j {
+} .steps__selected_1f9dl .steps__checkbox_1f9dl .steps__dot_1f9dl {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_goy3j:not(.steps__error_goy3j).steps__unordered_goy3j {
+    } .steps__option_1f9dl:not(.steps__error_1f9dl).steps__unordered_1f9dl {
     background: unset;
-} .steps__completedIndicator_goy3j > [class*='positive'] {
+} .steps__completedIndicator_1f9dl > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_goy3j {
+} .steps__fullWidth_1f9dl {
     width: 100%;
 }

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

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

@@ -19,6 +19,6 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_kf48v.steps__component_kf48v {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1izjq.steps__component_1izjq {
     padding: var(--gap-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_186x4","vertical":"steps__vertical_186x4"};
+var styles = {"component":"steps__component_1nkap","vertical":"steps__vertical_1nkap"};
 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_goy3j","vertical":"steps__vertical_goy3j","interactive":"steps__interactive_goy3j","disabled":"steps__disabled_goy3j","text":"steps__text_goy3j","indicator":"steps__indicator_goy3j","option":"steps__option_goy3j","dash":"steps__dash_goy3j","size-16":"steps__size-16_goy3j","size-8":"steps__size-8_goy3j","completed":"steps__completed_goy3j","focused":"steps__focused_goy3j","selected":"steps__selected_goy3j","checkbox":"steps__checkbox_goy3j","dot":"steps__dot_goy3j","error":"steps__error_goy3j","unordered":"steps__unordered_goy3j","completedIndicator":"steps__completedIndicator_goy3j","fullWidth":"steps__fullWidth_goy3j"};
+var styles = {"step":"steps__step_1f9dl","vertical":"steps__vertical_1f9dl","interactive":"steps__interactive_1f9dl","disabled":"steps__disabled_1f9dl","text":"steps__text_1f9dl","indicator":"steps__indicator_1f9dl","option":"steps__option_1f9dl","dash":"steps__dash_1f9dl","size-16":"steps__size-16_1f9dl","size-8":"steps__size-8_1f9dl","completed":"steps__completed_1f9dl","focused":"steps__focused_1f9dl","selected":"steps__selected_1f9dl","checkbox":"steps__checkbox_1f9dl","dot":"steps__dot_1f9dl","error":"steps__error_1f9dl","unordered":"steps__unordered_1f9dl","completedIndicator":"steps__completedIndicator_1f9dl","fullWidth":"steps__fullWidth_1f9dl"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

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

@@ -38,26 +38,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_goy3j {
+} .steps__step_1f9dl {
     display: flex;
     outline: none
-} .steps__step_goy3j:not(.steps__vertical_goy3j) {
+} .steps__step_1f9dl:not(.steps__vertical_1f9dl) {
         align-items: center;
-    } .steps__step_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):hover {
+    } .steps__step_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):hover {
     cursor: pointer;
-} .steps__step_goy3j.steps__disabled_goy3j:hover .steps__text_goy3j {
+} .steps__step_1f9dl.steps__disabled_1f9dl:hover .steps__text_1f9dl {
         background: unset;
-    } .steps__step_goy3j.steps__disabled_goy3j .steps__indicator_goy3j {
+    } .steps__step_1f9dl.steps__disabled_1f9dl .steps__indicator_1f9dl {
         cursor: unset;
-    } .steps__indicator_goy3j {
+    } .steps__indicator_1f9dl {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_goy3j.steps__vertical_goy3j {
+} .steps__indicator_1f9dl.steps__vertical_1f9dl {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_goy3j {
+    } .steps__option_1f9dl {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -70,33 +70,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_goy3j.steps__vertical_goy3j {
+} .steps__option_1f9dl.steps__vertical_1f9dl {
         margin-top: var(--gap-8);
-    } .steps__dash_goy3j {
+    } .steps__dash_1f9dl {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_goy3j.steps__size-16_goy3j {
+} .steps__dash_1f9dl.steps__size-16_1f9dl {
         min-width: 16px;
-    } .steps__dash_goy3j.steps__size-8_goy3j {
+    } .steps__dash_1f9dl.steps__size-8_1f9dl {
         min-width: 8px;
-    } .steps__dash_goy3j.steps__completed_goy3j {
+    } .steps__dash_1f9dl.steps__completed_1f9dl {
         border-top: var(--steps-dash-border);
-    } .steps__dash_goy3j.steps__vertical_goy3j {
+    } .steps__dash_1f9dl.steps__vertical_1f9dl {
         min-width: unset;
         min-height: 24px;
         margin-right: var(--gap-0);
         margin-top: var(--gap-8);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none
-    } .steps__dash_goy3j.steps__vertical_goy3j.steps__size-16_goy3j {
+    } .steps__dash_1f9dl.steps__vertical_1f9dl.steps__size-16_1f9dl {
             min-height: 16px;
-        } .steps__dash_goy3j.steps__vertical_goy3j.steps__size-8_goy3j {
+        } .steps__dash_1f9dl.steps__vertical_1f9dl.steps__size-8_1f9dl {
             min-height: 8px;
-        } .steps__dash_goy3j.steps__completed_goy3j.steps__vertical_goy3j {
+        } .steps__dash_1f9dl.steps__completed_1f9dl.steps__vertical_1f9dl {
         border-left: var(--steps-dash-border);
-    } .steps__text_goy3j {
+    } .steps__text_1f9dl {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,19 +106,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):hover {
+} .steps__text_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_goy3j.steps__interactive_goy3j:not(.steps__disabled_goy3j):active {
+        } .steps__text_1f9dl.steps__interactive_1f9dl:not(.steps__disabled_1f9dl):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_goy3j {
+        } .steps__focused_1f9dl {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_goy3j .steps__text_goy3j {
+} .steps__selected_1f9dl .steps__text_1f9dl {
         color: var(--color-light-text-primary);
-    } .steps__selected_goy3j .steps__option_goy3j {
+    } .steps__selected_1f9dl .steps__option_1f9dl {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_goy3j {
+    } .steps__checkbox_1f9dl {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,20 +126,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_goy3j {
+} .steps__dot_1f9dl {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_goy3j .steps__checkbox_goy3j {
+} .steps__selected_1f9dl .steps__checkbox_1f9dl {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_goy3j .steps__checkbox_goy3j .steps__dot_goy3j {
+} .steps__selected_1f9dl .steps__checkbox_1f9dl .steps__dot_1f9dl {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_goy3j:not(.steps__error_goy3j).steps__unordered_goy3j {
+    } .steps__option_1f9dl:not(.steps__error_1f9dl).steps__unordered_1f9dl {
     background: unset;
-} .steps__completedIndicator_goy3j > [class*='positive'] {
+} .steps__completedIndicator_1f9dl > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_goy3j {
+} .steps__fullWidth_1f9dl {
     width: 100%;
 }

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

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

@@ -19,6 +19,6 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_kf48v.steps__component_kf48v {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1izjq.steps__component_1izjq {
     padding: var(--gap-0);
 }

package/steps/esm/index.css

@@ -18,11 +18,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_186x4 {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1nkap {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_186x4.steps__vertical_186x4 {
+} .steps__component_1nkap.steps__vertical_1nkap {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/index.css

@@ -18,11 +18,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_186x4 {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1nkap {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_186x4.steps__vertical_186x4 {
+} .steps__component_1nkap.steps__vertical_1nkap {
         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_186x4","vertical":"steps__vertical_186x4"};
+const styles = {"component":"steps__component_1nkap","vertical":"steps__vertical_1nkap"};
 require('./index.css');
 
 const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {