@alfalab/core-components 48.13.0 → 48.14.0

package/steps/components/step/index.css

@@ -28,7 +28,10 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -38,26 +41,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_4bnes {
+} .steps__step_117fi {
     display: flex;
     outline: none
-} .steps__step_4bnes:not(.steps__vertical_4bnes) {
+} .steps__step_117fi:not(.steps__vertical_117fi) {
         align-items: center;
-    } .steps__step_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+    } .steps__step_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
     cursor: pointer;
-} .steps__step_4bnes.steps__disabled_4bnes:hover .steps__text_4bnes {
+} .steps__step_117fi.steps__disabled_117fi:hover .steps__text_117fi {
         background: unset;
-    } .steps__step_4bnes.steps__disabled_4bnes .steps__indicator_4bnes {
+    } .steps__step_117fi.steps__disabled_117fi .steps__indicator_117fi {
         cursor: unset;
-    } .steps__indicator_4bnes {
+    } .steps__indicator_117fi {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_4bnes.steps__vertical_4bnes {
+} .steps__indicator_117fi.steps__vertical_117fi {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_4bnes {
+    } .steps__option_117fi {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -70,33 +73,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_4bnes.steps__vertical_4bnes {
+} .steps__option_117fi.steps__vertical_117fi {
         margin-top: var(--gap-8);
-    } .steps__dash_4bnes {
+    } .steps__dash_117fi {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_4bnes.steps__size-16_4bnes {
+} .steps__dash_117fi.steps__size-16_117fi {
         min-width: 16px;
-    } .steps__dash_4bnes.steps__size-8_4bnes {
+    } .steps__dash_117fi.steps__size-8_117fi {
         min-width: 8px;
-    } .steps__dash_4bnes.steps__completed_4bnes {
+    } .steps__dash_117fi.steps__completed_117fi {
         border-top: var(--steps-dash-border);
-    } .steps__dash_4bnes.steps__vertical_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi {
         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_4bnes.steps__vertical_4bnes.steps__size-16_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi.steps__size-16_117fi {
             min-height: 16px;
-        } .steps__dash_4bnes.steps__vertical_4bnes.steps__size-8_4bnes {
+        } .steps__dash_117fi.steps__vertical_117fi.steps__size-8_117fi {
             min-height: 8px;
-        } .steps__dash_4bnes.steps__completed_4bnes.steps__vertical_4bnes {
+        } .steps__dash_117fi.steps__completed_117fi.steps__vertical_117fi {
         border-left: var(--steps-dash-border);
-    } .steps__text_4bnes {
+    } .steps__text_117fi {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,19 +109,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+} .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):active {
+        } .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_4bnes {
+        } .steps__focused_117fi {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_4bnes .steps__text_4bnes {
+} .steps__selected_117fi .steps__text_117fi {
         color: var(--color-light-text-primary);
-    } .steps__selected_4bnes .steps__option_4bnes {
+    } .steps__selected_117fi .steps__option_117fi {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_4bnes {
+    } .steps__checkbox_117fi {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,20 +129,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_4bnes {
+} .steps__dot_117fi {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_4bnes .steps__checkbox_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_4bnes .steps__checkbox_4bnes .steps__dot_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi .steps__dot_117fi {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_4bnes:not(.steps__error_4bnes).steps__unordered_4bnes {
+    } .steps__option_117fi:not(.steps__error_117fi).steps__unordered_117fi {
     background: unset;
-} .steps__completedIndicator_4bnes > [class*='positive'] {
+} .steps__completedIndicator_117fi > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_4bnes {
+} .steps__fullWidth_117fi {
     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_j855j"};
+var styles = {"component":"steps__component_1g3x9"};
 require('./index.css');
 
 var StepIndicator = function (_a) {

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

@@ -16,9 +16,12 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_j855j.steps__component_j855j {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1g3x9.steps__component_1g3x9 {
     padding: var(--gap-0);
 }

package/steps/cssm/components/step/index.module.css

@@ -27,7 +27,10 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);

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

@@ -15,7 +15,10 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .component.component {

package/steps/cssm/index.module.css

@@ -15,6 +15,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .component {

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_1jmad","vertical":"steps__vertical_1jmad"};
+var styles = {"component":"steps__component_16xra","vertical":"steps__vertical_16xra"};
 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_4bnes","vertical":"steps__vertical_4bnes","interactive":"steps__interactive_4bnes","disabled":"steps__disabled_4bnes","text":"steps__text_4bnes","indicator":"steps__indicator_4bnes","option":"steps__option_4bnes","dash":"steps__dash_4bnes","size-16":"steps__size-16_4bnes","size-8":"steps__size-8_4bnes","completed":"steps__completed_4bnes","focused":"steps__focused_4bnes","selected":"steps__selected_4bnes","checkbox":"steps__checkbox_4bnes","dot":"steps__dot_4bnes","error":"steps__error_4bnes","unordered":"steps__unordered_4bnes","completedIndicator":"steps__completedIndicator_4bnes","fullWidth":"steps__fullWidth_4bnes"};
+var styles = {"step":"steps__step_117fi","vertical":"steps__vertical_117fi","interactive":"steps__interactive_117fi","disabled":"steps__disabled_117fi","text":"steps__text_117fi","indicator":"steps__indicator_117fi","option":"steps__option_117fi","dash":"steps__dash_117fi","size-16":"steps__size-16_117fi","size-8":"steps__size-8_117fi","completed":"steps__completed_117fi","focused":"steps__focused_117fi","selected":"steps__selected_117fi","checkbox":"steps__checkbox_117fi","dot":"steps__dot_117fi","error":"steps__error_117fi","unordered":"steps__unordered_117fi","completedIndicator":"steps__completedIndicator_117fi","fullWidth":"steps__fullWidth_117fi"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

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

@@ -28,7 +28,10 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -38,26 +41,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_4bnes {
+} .steps__step_117fi {
     display: flex;
     outline: none
-} .steps__step_4bnes:not(.steps__vertical_4bnes) {
+} .steps__step_117fi:not(.steps__vertical_117fi) {
         align-items: center;
-    } .steps__step_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+    } .steps__step_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
     cursor: pointer;
-} .steps__step_4bnes.steps__disabled_4bnes:hover .steps__text_4bnes {
+} .steps__step_117fi.steps__disabled_117fi:hover .steps__text_117fi {
         background: unset;
-    } .steps__step_4bnes.steps__disabled_4bnes .steps__indicator_4bnes {
+    } .steps__step_117fi.steps__disabled_117fi .steps__indicator_117fi {
         cursor: unset;
-    } .steps__indicator_4bnes {
+    } .steps__indicator_117fi {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_4bnes.steps__vertical_4bnes {
+} .steps__indicator_117fi.steps__vertical_117fi {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_4bnes {
+    } .steps__option_117fi {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -70,33 +73,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_4bnes.steps__vertical_4bnes {
+} .steps__option_117fi.steps__vertical_117fi {
         margin-top: var(--gap-8);
-    } .steps__dash_4bnes {
+    } .steps__dash_117fi {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_4bnes.steps__size-16_4bnes {
+} .steps__dash_117fi.steps__size-16_117fi {
         min-width: 16px;
-    } .steps__dash_4bnes.steps__size-8_4bnes {
+    } .steps__dash_117fi.steps__size-8_117fi {
         min-width: 8px;
-    } .steps__dash_4bnes.steps__completed_4bnes {
+    } .steps__dash_117fi.steps__completed_117fi {
         border-top: var(--steps-dash-border);
-    } .steps__dash_4bnes.steps__vertical_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi {
         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_4bnes.steps__vertical_4bnes.steps__size-16_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi.steps__size-16_117fi {
             min-height: 16px;
-        } .steps__dash_4bnes.steps__vertical_4bnes.steps__size-8_4bnes {
+        } .steps__dash_117fi.steps__vertical_117fi.steps__size-8_117fi {
             min-height: 8px;
-        } .steps__dash_4bnes.steps__completed_4bnes.steps__vertical_4bnes {
+        } .steps__dash_117fi.steps__completed_117fi.steps__vertical_117fi {
         border-left: var(--steps-dash-border);
-    } .steps__text_4bnes {
+    } .steps__text_117fi {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,19 +109,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+} .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):active {
+        } .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_4bnes {
+        } .steps__focused_117fi {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_4bnes .steps__text_4bnes {
+} .steps__selected_117fi .steps__text_117fi {
         color: var(--color-light-text-primary);
-    } .steps__selected_4bnes .steps__option_4bnes {
+    } .steps__selected_117fi .steps__option_117fi {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_4bnes {
+    } .steps__checkbox_117fi {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,20 +129,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_4bnes {
+} .steps__dot_117fi {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_4bnes .steps__checkbox_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_4bnes .steps__checkbox_4bnes .steps__dot_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi .steps__dot_117fi {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_4bnes:not(.steps__error_4bnes).steps__unordered_4bnes {
+    } .steps__option_117fi:not(.steps__error_117fi).steps__unordered_117fi {
     background: unset;
-} .steps__completedIndicator_4bnes > [class*='positive'] {
+} .steps__completedIndicator_117fi > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_4bnes {
+} .steps__fullWidth_117fi {
     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_j855j"};
+var styles = {"component":"steps__component_1g3x9"};
 require('./index.css');
 
 var StepIndicator = function (_a) {

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

@@ -16,9 +16,12 @@
 } :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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_j855j.steps__component_j855j {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1g3x9.steps__component_1g3x9 {
     padding: var(--gap-0);
 }

package/steps/esm/index.css

@@ -16,13 +16,16 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1jmad {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_16xra {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_1jmad.steps__vertical_1jmad {
+} .steps__component_16xra.steps__vertical_16xra {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/index.css

@@ -16,13 +16,16 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1jmad {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_16xra {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_1jmad.steps__vertical_1jmad {
+} .steps__component_16xra.steps__vertical_16xra {
         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_1jmad","vertical":"steps__vertical_1jmad"};
+const styles = {"component":"steps__component_16xra","vertical":"steps__vertical_16xra"};
 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, }) => {

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_4bnes","vertical":"steps__vertical_4bnes","interactive":"steps__interactive_4bnes","disabled":"steps__disabled_4bnes","text":"steps__text_4bnes","indicator":"steps__indicator_4bnes","option":"steps__option_4bnes","dash":"steps__dash_4bnes","size-16":"steps__size-16_4bnes","size-8":"steps__size-8_4bnes","completed":"steps__completed_4bnes","focused":"steps__focused_4bnes","selected":"steps__selected_4bnes","checkbox":"steps__checkbox_4bnes","dot":"steps__dot_4bnes","error":"steps__error_4bnes","unordered":"steps__unordered_4bnes","completedIndicator":"steps__completedIndicator_4bnes","fullWidth":"steps__fullWidth_4bnes"};
+const styles = {"step":"steps__step_117fi","vertical":"steps__vertical_117fi","interactive":"steps__interactive_117fi","disabled":"steps__disabled_117fi","text":"steps__text_117fi","indicator":"steps__indicator_117fi","option":"steps__option_117fi","dash":"steps__dash_117fi","size-16":"steps__size-16_117fi","size-8":"steps__size-8_117fi","completed":"steps__completed_117fi","focused":"steps__focused_117fi","selected":"steps__selected_117fi","checkbox":"steps__checkbox_117fi","dot":"steps__dot_117fi","error":"steps__error_117fi","unordered":"steps__unordered_117fi","completedIndicator":"steps__completedIndicator_117fi","fullWidth":"steps__fullWidth_117fi"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

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

@@ -28,7 +28,10 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -38,26 +41,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_4bnes {
+} .steps__step_117fi {
     display: flex;
     outline: none
-} .steps__step_4bnes:not(.steps__vertical_4bnes) {
+} .steps__step_117fi:not(.steps__vertical_117fi) {
         align-items: center;
-    } .steps__step_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+    } .steps__step_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
     cursor: pointer;
-} .steps__step_4bnes.steps__disabled_4bnes:hover .steps__text_4bnes {
+} .steps__step_117fi.steps__disabled_117fi:hover .steps__text_117fi {
         background: unset;
-    } .steps__step_4bnes.steps__disabled_4bnes .steps__indicator_4bnes {
+    } .steps__step_117fi.steps__disabled_117fi .steps__indicator_117fi {
         cursor: unset;
-    } .steps__indicator_4bnes {
+    } .steps__indicator_117fi {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_4bnes.steps__vertical_4bnes {
+} .steps__indicator_117fi.steps__vertical_117fi {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_4bnes {
+    } .steps__option_117fi {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -70,33 +73,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_4bnes.steps__vertical_4bnes {
+} .steps__option_117fi.steps__vertical_117fi {
         margin-top: var(--gap-8);
-    } .steps__dash_4bnes {
+    } .steps__dash_117fi {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_4bnes.steps__size-16_4bnes {
+} .steps__dash_117fi.steps__size-16_117fi {
         min-width: 16px;
-    } .steps__dash_4bnes.steps__size-8_4bnes {
+    } .steps__dash_117fi.steps__size-8_117fi {
         min-width: 8px;
-    } .steps__dash_4bnes.steps__completed_4bnes {
+    } .steps__dash_117fi.steps__completed_117fi {
         border-top: var(--steps-dash-border);
-    } .steps__dash_4bnes.steps__vertical_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi {
         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_4bnes.steps__vertical_4bnes.steps__size-16_4bnes {
+    } .steps__dash_117fi.steps__vertical_117fi.steps__size-16_117fi {
             min-height: 16px;
-        } .steps__dash_4bnes.steps__vertical_4bnes.steps__size-8_4bnes {
+        } .steps__dash_117fi.steps__vertical_117fi.steps__size-8_117fi {
             min-height: 8px;
-        } .steps__dash_4bnes.steps__completed_4bnes.steps__vertical_4bnes {
+        } .steps__dash_117fi.steps__completed_117fi.steps__vertical_117fi {
         border-left: var(--steps-dash-border);
-    } .steps__text_4bnes {
+    } .steps__text_117fi {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,19 +109,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):hover {
+} .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_4bnes.steps__interactive_4bnes:not(.steps__disabled_4bnes):active {
+        } .steps__text_117fi.steps__interactive_117fi:not(.steps__disabled_117fi):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_4bnes {
+        } .steps__focused_117fi {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_4bnes .steps__text_4bnes {
+} .steps__selected_117fi .steps__text_117fi {
         color: var(--color-light-text-primary);
-    } .steps__selected_4bnes .steps__option_4bnes {
+    } .steps__selected_117fi .steps__option_117fi {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_4bnes {
+    } .steps__checkbox_117fi {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,20 +129,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_4bnes {
+} .steps__dot_117fi {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_4bnes .steps__checkbox_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_4bnes .steps__checkbox_4bnes .steps__dot_4bnes {
+} .steps__selected_117fi .steps__checkbox_117fi .steps__dot_117fi {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_4bnes:not(.steps__error_4bnes).steps__unordered_4bnes {
+    } .steps__option_117fi:not(.steps__error_117fi).steps__unordered_117fi {
     background: unset;
-} .steps__completedIndicator_4bnes > [class*='positive'] {
+} .steps__completedIndicator_117fi > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_4bnes {
+} .steps__fullWidth_117fi {
     width: 100%;
 }

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_j855j"};
+const styles = {"component":"steps__component_1g3x9"};
 require('./index.css');
 
 const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));