@alfalab/core-components 48.0.1 → 48.1.1

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_gwo38 {
+} .steps__step_1oiuz {
     display: flex;
     outline: none
-} .steps__step_gwo38:not(.steps__vertical_gwo38) {
+} .steps__step_1oiuz:not(.steps__vertical_1oiuz) {
         align-items: center;
-    } .steps__step_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):hover {
+    } .steps__step_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):hover {
     cursor: pointer;
-} .steps__step_gwo38.steps__disabled_gwo38:hover .steps__text_gwo38 {
+} .steps__step_1oiuz.steps__disabled_1oiuz:hover .steps__text_1oiuz {
         background: unset;
-    } .steps__step_gwo38.steps__disabled_gwo38 .steps__indicator_gwo38 {
+    } .steps__step_1oiuz.steps__disabled_1oiuz .steps__indicator_1oiuz {
         cursor: unset;
-    } .steps__indicator_gwo38 {
+    } .steps__indicator_1oiuz {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_gwo38.steps__vertical_gwo38 {
+} .steps__indicator_1oiuz.steps__vertical_1oiuz {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_gwo38 {
+    } .steps__option_1oiuz {
     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_gwo38.steps__vertical_gwo38 {
+} .steps__option_1oiuz.steps__vertical_1oiuz {
         margin-top: var(--gap-8);
-    } .steps__dash_gwo38 {
+    } .steps__dash_1oiuz {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_gwo38.steps__size-16_gwo38 {
+} .steps__dash_1oiuz.steps__size-16_1oiuz {
         min-width: 16px;
-    } .steps__dash_gwo38.steps__size-8_gwo38 {
+    } .steps__dash_1oiuz.steps__size-8_1oiuz {
         min-width: 8px;
-    } .steps__dash_gwo38.steps__completed_gwo38 {
+    } .steps__dash_1oiuz.steps__completed_1oiuz {
         border-top: var(--steps-dash-border);
-    } .steps__dash_gwo38.steps__vertical_gwo38 {
+    } .steps__dash_1oiuz.steps__vertical_1oiuz {
         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_gwo38.steps__vertical_gwo38.steps__size-16_gwo38 {
+    } .steps__dash_1oiuz.steps__vertical_1oiuz.steps__size-16_1oiuz {
             min-height: 16px;
-        } .steps__dash_gwo38.steps__vertical_gwo38.steps__size-8_gwo38 {
+        } .steps__dash_1oiuz.steps__vertical_1oiuz.steps__size-8_1oiuz {
             min-height: 8px;
-        } .steps__dash_gwo38.steps__completed_gwo38.steps__vertical_gwo38 {
+        } .steps__dash_1oiuz.steps__completed_1oiuz.steps__vertical_1oiuz {
         border-left: var(--steps-dash-border);
-    } .steps__text_gwo38 {
+    } .steps__text_1oiuz {
     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_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):hover {
+} .steps__text_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):active {
+        } .steps__text_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_gwo38 {
+        } .steps__focused_1oiuz {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_gwo38 .steps__text_gwo38 {
+} .steps__selected_1oiuz .steps__text_1oiuz {
         color: var(--color-light-text-primary);
-    } .steps__selected_gwo38 .steps__option_gwo38 {
+    } .steps__selected_1oiuz .steps__option_1oiuz {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_gwo38 {
+    } .steps__checkbox_1oiuz {
     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_gwo38 {
+} .steps__dot_1oiuz {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_gwo38 .steps__checkbox_gwo38 {
+} .steps__selected_1oiuz .steps__checkbox_1oiuz {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_gwo38 .steps__checkbox_gwo38 .steps__dot_gwo38 {
+} .steps__selected_1oiuz .steps__checkbox_1oiuz .steps__dot_1oiuz {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_gwo38:not(.steps__error_gwo38).steps__unordered_gwo38 {
+    } .steps__option_1oiuz:not(.steps__error_1oiuz).steps__unordered_1oiuz {
     background: unset;
-} .steps__completedIndicator_gwo38 > [class*='positive'] {
+} .steps__completedIndicator_1oiuz > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_gwo38 {
+} .steps__fullWidth_1oiuz {
     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_1veg6"};
+var styles = {"component":"steps__component_13zj1"};
 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_1veg6.steps__component_1veg6 {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_13zj1.steps__component_13zj1 {
     padding: var(--gap-0);
 }

package/steps/esm/index.css

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

package/steps/index.css

@@ -18,11 +18,11 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_mqq0z {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_ff372 {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_mqq0z.steps__vertical_mqq0z {
+} .steps__component_ff372.steps__vertical_ff372 {
         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_mqq0z","vertical":"steps__vertical_mqq0z"};
+const styles = {"component":"steps__component_ff372","vertical":"steps__vertical_ff372"};
 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_gwo38","vertical":"steps__vertical_gwo38","interactive":"steps__interactive_gwo38","disabled":"steps__disabled_gwo38","text":"steps__text_gwo38","indicator":"steps__indicator_gwo38","option":"steps__option_gwo38","dash":"steps__dash_gwo38","size-16":"steps__size-16_gwo38","size-8":"steps__size-8_gwo38","completed":"steps__completed_gwo38","focused":"steps__focused_gwo38","selected":"steps__selected_gwo38","checkbox":"steps__checkbox_gwo38","dot":"steps__dot_gwo38","error":"steps__error_gwo38","unordered":"steps__unordered_gwo38","completedIndicator":"steps__completedIndicator_gwo38","fullWidth":"steps__fullWidth_gwo38"};
+const styles = {"step":"steps__step_1oiuz","vertical":"steps__vertical_1oiuz","interactive":"steps__interactive_1oiuz","disabled":"steps__disabled_1oiuz","text":"steps__text_1oiuz","indicator":"steps__indicator_1oiuz","option":"steps__option_1oiuz","dash":"steps__dash_1oiuz","size-16":"steps__size-16_1oiuz","size-8":"steps__size-8_1oiuz","completed":"steps__completed_1oiuz","focused":"steps__focused_1oiuz","selected":"steps__selected_1oiuz","checkbox":"steps__checkbox_1oiuz","dot":"steps__dot_1oiuz","error":"steps__error_1oiuz","unordered":"steps__unordered_1oiuz","completedIndicator":"steps__completedIndicator_1oiuz","fullWidth":"steps__fullWidth_1oiuz"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/steps/modern/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_gwo38 {
+} .steps__step_1oiuz {
     display: flex;
     outline: none
-} .steps__step_gwo38:not(.steps__vertical_gwo38) {
+} .steps__step_1oiuz:not(.steps__vertical_1oiuz) {
         align-items: center;
-    } .steps__step_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):hover {
+    } .steps__step_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):hover {
     cursor: pointer;
-} .steps__step_gwo38.steps__disabled_gwo38:hover .steps__text_gwo38 {
+} .steps__step_1oiuz.steps__disabled_1oiuz:hover .steps__text_1oiuz {
         background: unset;
-    } .steps__step_gwo38.steps__disabled_gwo38 .steps__indicator_gwo38 {
+    } .steps__step_1oiuz.steps__disabled_1oiuz .steps__indicator_1oiuz {
         cursor: unset;
-    } .steps__indicator_gwo38 {
+    } .steps__indicator_1oiuz {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_gwo38.steps__vertical_gwo38 {
+} .steps__indicator_1oiuz.steps__vertical_1oiuz {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_gwo38 {
+    } .steps__option_1oiuz {
     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_gwo38.steps__vertical_gwo38 {
+} .steps__option_1oiuz.steps__vertical_1oiuz {
         margin-top: var(--gap-8);
-    } .steps__dash_gwo38 {
+    } .steps__dash_1oiuz {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_gwo38.steps__size-16_gwo38 {
+} .steps__dash_1oiuz.steps__size-16_1oiuz {
         min-width: 16px;
-    } .steps__dash_gwo38.steps__size-8_gwo38 {
+    } .steps__dash_1oiuz.steps__size-8_1oiuz {
         min-width: 8px;
-    } .steps__dash_gwo38.steps__completed_gwo38 {
+    } .steps__dash_1oiuz.steps__completed_1oiuz {
         border-top: var(--steps-dash-border);
-    } .steps__dash_gwo38.steps__vertical_gwo38 {
+    } .steps__dash_1oiuz.steps__vertical_1oiuz {
         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_gwo38.steps__vertical_gwo38.steps__size-16_gwo38 {
+    } .steps__dash_1oiuz.steps__vertical_1oiuz.steps__size-16_1oiuz {
             min-height: 16px;
-        } .steps__dash_gwo38.steps__vertical_gwo38.steps__size-8_gwo38 {
+        } .steps__dash_1oiuz.steps__vertical_1oiuz.steps__size-8_1oiuz {
             min-height: 8px;
-        } .steps__dash_gwo38.steps__completed_gwo38.steps__vertical_gwo38 {
+        } .steps__dash_1oiuz.steps__completed_1oiuz.steps__vertical_1oiuz {
         border-left: var(--steps-dash-border);
-    } .steps__text_gwo38 {
+    } .steps__text_1oiuz {
     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_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):hover {
+} .steps__text_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_gwo38.steps__interactive_gwo38:not(.steps__disabled_gwo38):active {
+        } .steps__text_1oiuz.steps__interactive_1oiuz:not(.steps__disabled_1oiuz):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_gwo38 {
+        } .steps__focused_1oiuz {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_gwo38 .steps__text_gwo38 {
+} .steps__selected_1oiuz .steps__text_1oiuz {
         color: var(--color-light-text-primary);
-    } .steps__selected_gwo38 .steps__option_gwo38 {
+    } .steps__selected_1oiuz .steps__option_1oiuz {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_gwo38 {
+    } .steps__checkbox_1oiuz {
     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_gwo38 {
+} .steps__dot_1oiuz {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_gwo38 .steps__checkbox_gwo38 {
+} .steps__selected_1oiuz .steps__checkbox_1oiuz {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_gwo38 .steps__checkbox_gwo38 .steps__dot_gwo38 {
+} .steps__selected_1oiuz .steps__checkbox_1oiuz .steps__dot_1oiuz {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_gwo38:not(.steps__error_gwo38).steps__unordered_gwo38 {
+    } .steps__option_1oiuz:not(.steps__error_1oiuz).steps__unordered_1oiuz {
     background: unset;
-} .steps__completedIndicator_gwo38 > [class*='positive'] {
+} .steps__completedIndicator_1oiuz > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_gwo38 {
+} .steps__fullWidth_1oiuz {
     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_1veg6"};
+const styles = {"component":"steps__component_13zj1"};
 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

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

package/steps/modern/index.css

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

package/switch/Component.js

@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultStyles = {"switch":"switch__switch_a98c2","label":"switch__label_a98c2","hint":"switch__hint_a98c2","checked":"switch__checked_a98c2","disabled":"switch__disabled_a98c2"};
+var defaultStyles = {"switch":"switch__switch_nkh48","label":"switch__label_nkh48","hint":"switch__hint_nkh48","checked":"switch__checked_nkh48","disabled":"switch__disabled_nkh48"};
 require('./default.css');
 
-var styles = {"component":"switch__component_1uk80","start":"switch__start_1uk80","center":"switch__center_1uk80","addons":"switch__addons_1uk80","block":"switch__block_1uk80","switch":"switch__switch_1uk80","content":"switch__content_1uk80","label":"switch__label_1uk80","errorMessage":"switch__errorMessage_1uk80","hint":"switch__hint_1uk80","reversed":"switch__reversed_1uk80","checked":"switch__checked_1uk80","disabled":"switch__disabled_1uk80","focused":"switch__focused_1uk80"};
+var styles = {"component":"switch__component_1sixd","start":"switch__start_1sixd","center":"switch__center_1sixd","addons":"switch__addons_1sixd","block":"switch__block_1sixd","switch":"switch__switch_1sixd","content":"switch__content_1sixd","label":"switch__label_1sixd","errorMessage":"switch__errorMessage_1sixd","hint":"switch__hint_1sixd","reversed":"switch__reversed_1sixd","checked":"switch__checked_1sixd","disabled":"switch__disabled_1sixd","focused":"switch__focused_1sixd"};
 require('./index.css');
 
-var invertedStyles = {"switch":"switch__switch_15s4w","label":"switch__label_15s4w","hint":"switch__hint_15s4w","checked":"switch__checked_15s4w","disabled":"switch__disabled_15s4w"};
+var invertedStyles = {"switch":"switch__switch_1j3do","label":"switch__label_1j3do","hint":"switch__hint_1j3do","checked":"switch__checked_1j3do","disabled":"switch__disabled_1j3do"};
 require('./inverted.css');
 
 var colorStyles = {

package/switch/default.css

@@ -49,26 +49,26 @@
 
     /* icon */
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__switch_a98c2 {
+} .switch__switch_nkh48 {
     background-color: var(--switch-bg-color)
-} .switch__switch_a98c2:hover {
+} .switch__switch_nkh48:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__label_a98c2 {
+    } .switch__label_nkh48 {
     color: var(--switch-label-color);
-} .switch__hint_a98c2 {
+} .switch__hint_nkh48 {
     color: var(--switch-hint-color);
-} .switch__checked_a98c2 .switch__switch_a98c2 {
+} .switch__checked_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_a98c2 .switch__switch_a98c2:hover {
+} .switch__checked_nkh48 .switch__switch_nkh48:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__disabled_a98c2 .switch__label_a98c2 {
+    } .switch__disabled_nkh48 .switch__label_nkh48 {
     color: var(--switch-disabled-color);
-} .switch__disabled_a98c2 .switch__hint_a98c2 {
+} .switch__disabled_nkh48 .switch__hint_nkh48 {
     color: var(--switch-disabled-color);
-} .switch__disabled_a98c2 .switch__switch_a98c2 {
+} .switch__disabled_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_a98c2 .switch__switch_a98c2:before {
+} .switch__disabled_nkh48 .switch__switch_nkh48:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_a98c2.switch__checked_a98c2 .switch__switch_a98c2 {
+    } .switch__disabled_nkh48.switch__checked_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-disabled-checked-bg-color);
 }

package/switch/esm/Component.js

@@ -5,13 +5,13 @@ import cn from 'classnames';
 import { dom } from '../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultStyles = {"switch":"switch__switch_a98c2","label":"switch__label_a98c2","hint":"switch__hint_a98c2","checked":"switch__checked_a98c2","disabled":"switch__disabled_a98c2"};
+var defaultStyles = {"switch":"switch__switch_nkh48","label":"switch__label_nkh48","hint":"switch__hint_nkh48","checked":"switch__checked_nkh48","disabled":"switch__disabled_nkh48"};
 require('./default.css');
 
-var styles = {"component":"switch__component_1uk80","start":"switch__start_1uk80","center":"switch__center_1uk80","addons":"switch__addons_1uk80","block":"switch__block_1uk80","switch":"switch__switch_1uk80","content":"switch__content_1uk80","label":"switch__label_1uk80","errorMessage":"switch__errorMessage_1uk80","hint":"switch__hint_1uk80","reversed":"switch__reversed_1uk80","checked":"switch__checked_1uk80","disabled":"switch__disabled_1uk80","focused":"switch__focused_1uk80"};
+var styles = {"component":"switch__component_1sixd","start":"switch__start_1sixd","center":"switch__center_1sixd","addons":"switch__addons_1sixd","block":"switch__block_1sixd","switch":"switch__switch_1sixd","content":"switch__content_1sixd","label":"switch__label_1sixd","errorMessage":"switch__errorMessage_1sixd","hint":"switch__hint_1sixd","reversed":"switch__reversed_1sixd","checked":"switch__checked_1sixd","disabled":"switch__disabled_1sixd","focused":"switch__focused_1sixd"};
 require('./index.css');
 
-var invertedStyles = {"switch":"switch__switch_15s4w","label":"switch__label_15s4w","hint":"switch__hint_15s4w","checked":"switch__checked_15s4w","disabled":"switch__disabled_15s4w"};
+var invertedStyles = {"switch":"switch__switch_1j3do","label":"switch__label_1j3do","hint":"switch__hint_1j3do","checked":"switch__checked_1j3do","disabled":"switch__disabled_1j3do"};
 require('./inverted.css');
 
 var colorStyles = {

package/switch/esm/default.css

@@ -49,26 +49,26 @@
 
     /* icon */
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__switch_a98c2 {
+} .switch__switch_nkh48 {
     background-color: var(--switch-bg-color)
-} .switch__switch_a98c2:hover {
+} .switch__switch_nkh48:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__label_a98c2 {
+    } .switch__label_nkh48 {
     color: var(--switch-label-color);
-} .switch__hint_a98c2 {
+} .switch__hint_nkh48 {
     color: var(--switch-hint-color);
-} .switch__checked_a98c2 .switch__switch_a98c2 {
+} .switch__checked_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_a98c2 .switch__switch_a98c2:hover {
+} .switch__checked_nkh48 .switch__switch_nkh48:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__disabled_a98c2 .switch__label_a98c2 {
+    } .switch__disabled_nkh48 .switch__label_nkh48 {
     color: var(--switch-disabled-color);
-} .switch__disabled_a98c2 .switch__hint_a98c2 {
+} .switch__disabled_nkh48 .switch__hint_nkh48 {
     color: var(--switch-disabled-color);
-} .switch__disabled_a98c2 .switch__switch_a98c2 {
+} .switch__disabled_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_a98c2 .switch__switch_a98c2:before {
+} .switch__disabled_nkh48 .switch__switch_nkh48:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_a98c2.switch__checked_a98c2 .switch__switch_a98c2 {
+    } .switch__disabled_nkh48.switch__checked_nkh48 .switch__switch_nkh48 {
     background-color: var(--switch-disabled-checked-bg-color);
 }

package/switch/esm/index.css

@@ -51,7 +51,7 @@
 
     /* icon */
     --switch-icon-color: var(--color-static-neutral-0);
-} .switch__component_1uk80 {
+} .switch__component_1sixd {
     display: inline-flex;
     align-items: flex-start;
     margin: var(--gap-0);
@@ -59,20 +59,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_1uk80 input {
+} .switch__component_1sixd input {
     opacity: 0;
     position: absolute;
-} .switch__start_1uk80 {
+} .switch__start_1sixd {
     align-items: flex-start;
-} .switch__center_1uk80 {
+} .switch__center_1sixd {
     align-items: center;
-} .switch__addons_1uk80 {
+} .switch__addons_1sixd {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .switch__block_1uk80 {
+} .switch__block_1sixd {
     width: 100%;
-} .switch__switch_1uk80 {
+} .switch__switch_1sixd {
     position: relative;
     border-radius: var(--border-radius-16);
     width: 36px;
@@ -82,7 +82,7 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
-} .switch__switch_1uk80:before {
+} .switch__switch_1sixd:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -94,42 +94,42 @@
     background-color: var(--switch-icon-color);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_1uk80 {
+} .switch__content_1sixd {
     margin-left: var(--gap-12);
     flex-grow: 1;
-} .switch__label_1uk80 {
+} .switch__label_1sixd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
-} .switch__label_1uk80:not(:only-child) {
+} .switch__label_1sixd:not(:only-child) {
     margin-bottom: var(--gap-4);
-} .switch__errorMessage_1uk80 {
+} .switch__errorMessage_1sixd {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--switch-error-color);
-} .switch__hint_1uk80 {
+} .switch__hint_1sixd {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
-} /* Reversed state */ .switch__component_1uk80.switch__reversed_1uk80 {
+} /* Reversed state */ .switch__component_1sixd.switch__reversed_1sixd {
     flex-direction: row-reverse;
-} .switch__reversed_1uk80 .switch__content_1uk80 {
+} .switch__reversed_1sixd .switch__content_1sixd {
     margin-right: var(--gap-16);
     margin-left: var(--gap-0);
-} .switch__reversed_1uk80 .switch__addons_1uk80 {
+} .switch__reversed_1sixd .switch__addons_1sixd {
     margin-left: var(--gap-0);
     padding-left: var(--gap-0);
     margin-right: auto;
     padding-right: var(--gap-16);
-} /* Checked state */ .switch__checked_1uk80 .switch__switch_1uk80:before {
+} /* Checked state */ .switch__checked_1sixd .switch__switch_1sixd:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_1uk80 {
+} /* Disabled state */ .switch__disabled_1sixd {
     cursor: var(--disabled-cursor);
-} /* Focused state */ .switch__focused_1uk80 .switch__switch_1uk80 {
+} /* Focused state */ .switch__focused_1sixd .switch__switch_1sixd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/esm/inverted.css

@@ -49,26 +49,26 @@
 
     /* icon */
     --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
-} .switch__switch_15s4w {
+} .switch__switch_1j3do {
     background-color: var(--switch-bg-inverted-color)
-} .switch__switch_15s4w:hover {
+} .switch__switch_1j3do:hover {
         background-color: var(--switch-hover-bg-inverted-color);
-    } .switch__label_15s4w {
+    } .switch__label_1j3do {
     color: var(--switch-label-inverted-color);
-} .switch__hint_15s4w {
+} .switch__hint_1j3do {
     color: var(--switch-hint-inverted-color);
-} .switch__checked_15s4w .switch__switch_15s4w {
+} .switch__checked_1j3do .switch__switch_1j3do {
     background-color: var(--switch-checked-bg-inverted-color)
-} .switch__checked_15s4w .switch__switch_15s4w:hover {
+} .switch__checked_1j3do .switch__switch_1j3do:hover {
         background-color: var(--switch-checked-hover-bg-inverted-color);
-    } .switch__disabled_15s4w .switch__label_15s4w {
+    } .switch__disabled_1j3do .switch__label_1j3do {
     color: var(--switch-disabled-inverted-color);
-} .switch__disabled_15s4w .switch__hint_15s4w {
+} .switch__disabled_1j3do .switch__hint_1j3do {
     color: var(--switch-disabled-inverted-color);
-} .switch__disabled_15s4w .switch__switch_15s4w {
+} .switch__disabled_1j3do .switch__switch_1j3do {
     background-color: var(--switch-disabled-bg-inverted-color)
-} .switch__disabled_15s4w .switch__switch_15s4w:before {
+} .switch__disabled_1j3do .switch__switch_1j3do:before {
         background-color: var(--switch-icon-disabled-inverted-color);
-    } .switch__disabled_15s4w.switch__checked_15s4w .switch__switch_15s4w {
+    } .switch__disabled_1j3do.switch__checked_1j3do .switch__switch_1j3do {
     background-color: var(--switch-disabled-checked-bg-inverted-color);
 }