@alfalab/core-components 48.33.0 → 48.33.2

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

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

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

package/steps/esm/Component.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '../../badge/esm';
 
-var styles = {"component":"steps__component_5dxja","vertical":"steps__vertical_5dxja"};
+var styles = {"component":"steps__component_p5oqf","vertical":"steps__vertical_p5oqf"};
 require('./index.css');
 
 var Steps = function (_a) {

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

@@ -10,7 +10,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '../../../../badge/esm';
 
-var styles = {"step":"steps__step_izsdr","horizontal":"steps__horizontal_izsdr","vertical":"steps__vertical_izsdr","textWrapper":"steps__textWrapper_izsdr","interactive":"steps__interactive_izsdr","disabled":"steps__disabled_izsdr","text":"steps__text_izsdr","indicator":"steps__indicator_izsdr","option":"steps__option_izsdr","dash":"steps__dash_izsdr","completed":"steps__completed_izsdr","gap-24":"steps__gap-24_izsdr","gap-32":"steps__gap-32_izsdr","focused":"steps__focused_izsdr","selected":"steps__selected_izsdr","checkbox":"steps__checkbox_izsdr","dot":"steps__dot_izsdr","error":"steps__error_izsdr","unordered":"steps__unordered_izsdr","completedIndicator":"steps__completedIndicator_izsdr","fullWidth":"steps__fullWidth_izsdr"};
+var styles = {"step":"steps__step_1ivky","horizontal":"steps__horizontal_1ivky","vertical":"steps__vertical_1ivky","textWrapper":"steps__textWrapper_1ivky","interactive":"steps__interactive_1ivky","disabled":"steps__disabled_1ivky","text":"steps__text_1ivky","indicator":"steps__indicator_1ivky","option":"steps__option_1ivky","dash":"steps__dash_1ivky","completed":"steps__completed_1ivky","gap-24":"steps__gap-24_1ivky","gap-32":"steps__gap-32_1ivky","focused":"steps__focused_1ivky","selected":"steps__selected_1ivky","checkbox":"steps__checkbox_1ivky","dot":"steps__dot_1ivky","error":"steps__error_1ivky","unordered":"steps__unordered_1ivky","completedIndicator":"steps__completedIndicator_1ivky","fullWidth":"steps__fullWidth_1ivky"};
 require('./index.css');
 
 var Step = function (_a) {

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

@@ -43,30 +43,30 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_izsdr {
+} .steps__step_1ivky {
     display: flex;
     outline: none
-} .steps__step_izsdr.steps__horizontal_izsdr {
+} .steps__step_1ivky.steps__horizontal_1ivky {
         flex-grow: 1;
-    } .steps__step_izsdr:not(.steps__vertical_izsdr) {
+    } .steps__step_1ivky:not(.steps__vertical_1ivky) {
         align-items: center;
-    } .steps__step_izsdr:last-of-type .steps__textWrapper_izsdr.steps__vertical_izsdr {
+    } .steps__step_1ivky:last-of-type .steps__textWrapper_1ivky.steps__vertical_1ivky {
         margin-bottom: var(--gap-0);
-    } .steps__step_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):hover {
+    } .steps__step_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):hover {
     cursor: pointer;
-} .steps__step_izsdr.steps__disabled_izsdr:hover .steps__text_izsdr {
+} .steps__step_1ivky.steps__disabled_1ivky:hover .steps__text_1ivky {
         background: unset;
-    } .steps__step_izsdr.steps__disabled_izsdr .steps__indicator_izsdr {
+    } .steps__step_1ivky.steps__disabled_1ivky .steps__indicator_1ivky {
         cursor: unset;
-    } .steps__indicator_izsdr {
+    } .steps__indicator_1ivky {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_izsdr.steps__vertical_izsdr {
+} .steps__indicator_1ivky.steps__vertical_1ivky {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_izsdr {
+    } .steps__option_1ivky {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -79,31 +79,31 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_izsdr.steps__vertical_izsdr {
+} .steps__option_1ivky.steps__vertical_1ivky {
         margin-top: var(--gap-8);
-    } .steps__dash_izsdr {
+    } .steps__dash_1ivky {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_izsdr.steps__completed_izsdr {
+} .steps__dash_1ivky.steps__completed_1ivky {
         border-top: var(--steps-dash-border);
-    } .steps__dash_izsdr.steps__vertical_izsdr {
+    } .steps__dash_1ivky.steps__vertical_1ivky {
         min-width: unset;
         min-height: 8px;
         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_izsdr.steps__completed_izsdr.steps__vertical_izsdr {
+    } .steps__dash_1ivky.steps__completed_1ivky.steps__vertical_1ivky {
         border-left: var(--steps-dash-border);
-    } .steps__textWrapper_izsdr.steps__vertical_izsdr {
+    } .steps__textWrapper_1ivky.steps__vertical_1ivky {
         min-height: 48px
-    } .steps__textWrapper_izsdr.steps__vertical_izsdr.steps__gap-24_izsdr {
+    } .steps__textWrapper_1ivky.steps__vertical_1ivky.steps__gap-24_1ivky {
             margin-bottom: var(--gap-8);
-        } .steps__textWrapper_izsdr.steps__vertical_izsdr.steps__gap-32_izsdr {
+        } .steps__textWrapper_1ivky.steps__vertical_1ivky.steps__gap-32_1ivky {
             margin-bottom: var(--gap-16);
-        } .steps__text_izsdr {
+        } .steps__text_1ivky {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -113,19 +113,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):hover {
+} .steps__text_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):active {
+        } .steps__text_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_izsdr {
+        } .steps__focused_1ivky {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_izsdr .steps__text_izsdr {
+} .steps__selected_1ivky .steps__text_1ivky {
         color: var(--color-light-text-primary);
-    } .steps__selected_izsdr .steps__option_izsdr {
+    } .steps__selected_1ivky .steps__option_1ivky {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_izsdr {
+    } .steps__checkbox_1ivky {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -133,20 +133,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_izsdr {
+} .steps__dot_1ivky {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_izsdr .steps__checkbox_izsdr {
+} .steps__selected_1ivky .steps__checkbox_1ivky {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_izsdr .steps__checkbox_izsdr .steps__dot_izsdr {
+} .steps__selected_1ivky .steps__checkbox_1ivky .steps__dot_1ivky {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_izsdr:not(.steps__error_izsdr).steps__unordered_izsdr {
+    } .steps__option_1ivky:not(.steps__error_1ivky).steps__unordered_1ivky {
     background: unset;
-} .steps__completedIndicator_izsdr > [class*='positive'] {
+} .steps__completedIndicator_1ivky > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_izsdr {
+} .steps__fullWidth_1ivky {
     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_xwa4h"};
+var styles = {"component":"steps__component_1xs2p"};
 require('./index.css');
 
 var StepIndicator = function (_a) {

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

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

package/steps/esm/index.css

@@ -21,11 +21,11 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_5dxja {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_p5oqf {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_5dxja.steps__vertical_5dxja {
+} .steps__component_p5oqf.steps__vertical_p5oqf {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/index.css

@@ -21,11 +21,11 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_5dxja {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_p5oqf {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_5dxja.steps__vertical_5dxja {
+} .steps__component_p5oqf.steps__vertical_p5oqf {
         flex-direction: column;
         align-items: flex-start;
     }

package/steps/modern/Component.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '../../badge/modern';
 
-const styles = {"component":"steps__component_5dxja","vertical":"steps__vertical_5dxja"};
+const styles = {"component":"steps__component_p5oqf","vertical":"steps__vertical_p5oqf"};
 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, checkIsStepCriticalError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, completedDashColor, }) => {

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

@@ -9,7 +9,7 @@ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMI
 import { StepIndicator } from '../step-indicator/Component.js';
 import '../../../../badge/modern';
 
-const styles = {"step":"steps__step_izsdr","horizontal":"steps__horizontal_izsdr","vertical":"steps__vertical_izsdr","textWrapper":"steps__textWrapper_izsdr","interactive":"steps__interactive_izsdr","disabled":"steps__disabled_izsdr","text":"steps__text_izsdr","indicator":"steps__indicator_izsdr","option":"steps__option_izsdr","dash":"steps__dash_izsdr","completed":"steps__completed_izsdr","gap-24":"steps__gap-24_izsdr","gap-32":"steps__gap-32_izsdr","focused":"steps__focused_izsdr","selected":"steps__selected_izsdr","checkbox":"steps__checkbox_izsdr","dot":"steps__dot_izsdr","error":"steps__error_izsdr","unordered":"steps__unordered_izsdr","completedIndicator":"steps__completedIndicator_izsdr","fullWidth":"steps__fullWidth_izsdr"};
+const styles = {"step":"steps__step_1ivky","horizontal":"steps__horizontal_1ivky","vertical":"steps__vertical_1ivky","textWrapper":"steps__textWrapper_1ivky","interactive":"steps__interactive_1ivky","disabled":"steps__disabled_1ivky","text":"steps__text_1ivky","indicator":"steps__indicator_1ivky","option":"steps__option_1ivky","dash":"steps__dash_1ivky","completed":"steps__completed_1ivky","gap-24":"steps__gap-24_1ivky","gap-32":"steps__gap-32_1ivky","focused":"steps__focused_1ivky","selected":"steps__selected_1ivky","checkbox":"steps__checkbox_1ivky","dot":"steps__dot_1ivky","error":"steps__error_1ivky","unordered":"steps__unordered_1ivky","completedIndicator":"steps__completedIndicator_1ivky","fullWidth":"steps__fullWidth_1ivky"};
 require('./index.css');
 
 const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive, isError, isCriticalError, isWarning, isWaiting, customStepIndicator, isStepCompleted, onClick, interactive, isVerticalAlign, isNotLastStep, fullWidth, minSpaceBetweenSteps = 24, completedDashColor, dataTestId, }) => {

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

@@ -43,30 +43,30 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_izsdr {
+} .steps__step_1ivky {
     display: flex;
     outline: none
-} .steps__step_izsdr.steps__horizontal_izsdr {
+} .steps__step_1ivky.steps__horizontal_1ivky {
         flex-grow: 1;
-    } .steps__step_izsdr:not(.steps__vertical_izsdr) {
+    } .steps__step_1ivky:not(.steps__vertical_1ivky) {
         align-items: center;
-    } .steps__step_izsdr:last-of-type .steps__textWrapper_izsdr.steps__vertical_izsdr {
+    } .steps__step_1ivky:last-of-type .steps__textWrapper_1ivky.steps__vertical_1ivky {
         margin-bottom: var(--gap-0);
-    } .steps__step_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):hover {
+    } .steps__step_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):hover {
     cursor: pointer;
-} .steps__step_izsdr.steps__disabled_izsdr:hover .steps__text_izsdr {
+} .steps__step_1ivky.steps__disabled_1ivky:hover .steps__text_1ivky {
         background: unset;
-    } .steps__step_izsdr.steps__disabled_izsdr .steps__indicator_izsdr {
+    } .steps__step_1ivky.steps__disabled_1ivky .steps__indicator_1ivky {
         cursor: unset;
-    } .steps__indicator_izsdr {
+    } .steps__indicator_1ivky {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_izsdr.steps__vertical_izsdr {
+} .steps__indicator_1ivky.steps__vertical_1ivky {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_izsdr {
+    } .steps__option_1ivky {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -79,31 +79,31 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_izsdr.steps__vertical_izsdr {
+} .steps__option_1ivky.steps__vertical_1ivky {
         margin-top: var(--gap-8);
-    } .steps__dash_izsdr {
+    } .steps__dash_1ivky {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_izsdr.steps__completed_izsdr {
+} .steps__dash_1ivky.steps__completed_1ivky {
         border-top: var(--steps-dash-border);
-    } .steps__dash_izsdr.steps__vertical_izsdr {
+    } .steps__dash_1ivky.steps__vertical_1ivky {
         min-width: unset;
         min-height: 8px;
         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_izsdr.steps__completed_izsdr.steps__vertical_izsdr {
+    } .steps__dash_1ivky.steps__completed_1ivky.steps__vertical_1ivky {
         border-left: var(--steps-dash-border);
-    } .steps__textWrapper_izsdr.steps__vertical_izsdr {
+    } .steps__textWrapper_1ivky.steps__vertical_1ivky {
         min-height: 48px
-    } .steps__textWrapper_izsdr.steps__vertical_izsdr.steps__gap-24_izsdr {
+    } .steps__textWrapper_1ivky.steps__vertical_1ivky.steps__gap-24_1ivky {
             margin-bottom: var(--gap-8);
-        } .steps__textWrapper_izsdr.steps__vertical_izsdr.steps__gap-32_izsdr {
+        } .steps__textWrapper_1ivky.steps__vertical_1ivky.steps__gap-32_1ivky {
             margin-bottom: var(--gap-16);
-        } .steps__text_izsdr {
+        } .steps__text_1ivky {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -113,19 +113,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
     height: min-content
-} .steps__text_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):hover {
+} .steps__text_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_izsdr.steps__interactive_izsdr:not(.steps__disabled_izsdr):active {
+        } .steps__text_1ivky.steps__interactive_1ivky:not(.steps__disabled_1ivky):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_izsdr {
+        } .steps__focused_1ivky {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_izsdr .steps__text_izsdr {
+} .steps__selected_1ivky .steps__text_1ivky {
         color: var(--color-light-text-primary);
-    } .steps__selected_izsdr .steps__option_izsdr {
+    } .steps__selected_1ivky .steps__option_1ivky {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_izsdr {
+    } .steps__checkbox_1ivky {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -133,20 +133,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_izsdr {
+} .steps__dot_1ivky {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_izsdr .steps__checkbox_izsdr {
+} .steps__selected_1ivky .steps__checkbox_1ivky {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_izsdr .steps__checkbox_izsdr .steps__dot_izsdr {
+} .steps__selected_1ivky .steps__checkbox_1ivky .steps__dot_1ivky {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_izsdr:not(.steps__error_izsdr).steps__unordered_izsdr {
+    } .steps__option_1ivky:not(.steps__error_1ivky).steps__unordered_1ivky {
     background: unset;
-} .steps__completedIndicator_izsdr > [class*='positive'] {
+} .steps__completedIndicator_1ivky > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_izsdr {
+} .steps__fullWidth_1ivky {
     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_xwa4h"};
+const styles = {"component":"steps__component_1xs2p"};
 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

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

package/steps/modern/index.css

@@ -21,11 +21,11 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_5dxja {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_p5oqf {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_5dxja.steps__vertical_5dxja {
+} .steps__component_p5oqf.steps__vertical_p5oqf {
         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_1862v","label":"switch__label_1862v","hint":"switch__hint_1862v","checked":"switch__checked_1862v","disabled":"switch__disabled_1862v"};
+var defaultStyles = {"switch":"switch__switch_1vjsp","label":"switch__label_1vjsp","hint":"switch__hint_1vjsp","checked":"switch__checked_1vjsp","disabled":"switch__disabled_1vjsp"};
 require('./default.css');
 
-var styles = {"component":"switch__component_856jn","start":"switch__start_856jn","center":"switch__center_856jn","addons":"switch__addons_856jn","block":"switch__block_856jn","switch":"switch__switch_856jn","content":"switch__content_856jn","label":"switch__label_856jn","errorMessage":"switch__errorMessage_856jn","hint":"switch__hint_856jn","reversed":"switch__reversed_856jn","checked":"switch__checked_856jn","disabled":"switch__disabled_856jn","focused":"switch__focused_856jn"};
+var styles = {"component":"switch__component_lb3m5","start":"switch__start_lb3m5","center":"switch__center_lb3m5","addons":"switch__addons_lb3m5","block":"switch__block_lb3m5","switch":"switch__switch_lb3m5","content":"switch__content_lb3m5","label":"switch__label_lb3m5","errorMessage":"switch__errorMessage_lb3m5","hint":"switch__hint_lb3m5","reversed":"switch__reversed_lb3m5","checked":"switch__checked_lb3m5","disabled":"switch__disabled_lb3m5","focused":"switch__focused_lb3m5"};
 require('./index.css');
 
-var invertedStyles = {"switch":"switch__switch_kq5hc","label":"switch__label_kq5hc","hint":"switch__hint_kq5hc","checked":"switch__checked_kq5hc","disabled":"switch__disabled_kq5hc"};
+var invertedStyles = {"switch":"switch__switch_183vb","label":"switch__label_183vb","hint":"switch__hint_183vb","checked":"switch__checked_183vb","disabled":"switch__disabled_183vb"};
 require('./inverted.css');
 
 var colorStyles = {

package/switch/default.css

@@ -52,26 +52,26 @@
 
     /* icon */
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__switch_1862v {
+} .switch__switch_1vjsp {
     background-color: var(--switch-bg-color)
-} .switch__switch_1862v:hover {
+} .switch__switch_1vjsp:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__label_1862v {
+    } .switch__label_1vjsp {
     color: var(--switch-label-color);
-} .switch__hint_1862v {
+} .switch__hint_1vjsp {
     color: var(--switch-hint-color);
-} .switch__checked_1862v .switch__switch_1862v {
+} .switch__checked_1vjsp .switch__switch_1vjsp {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_1862v .switch__switch_1862v:hover {
+} .switch__checked_1vjsp .switch__switch_1vjsp:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__disabled_1862v .switch__label_1862v {
+    } .switch__disabled_1vjsp .switch__label_1vjsp {
     color: var(--switch-disabled-color);
-} .switch__disabled_1862v .switch__hint_1862v {
+} .switch__disabled_1vjsp .switch__hint_1vjsp {
     color: var(--switch-disabled-color);
-} .switch__disabled_1862v .switch__switch_1862v {
+} .switch__disabled_1vjsp .switch__switch_1vjsp {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_1862v .switch__switch_1862v:before {
+} .switch__disabled_1vjsp .switch__switch_1vjsp:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_1862v.switch__checked_1862v .switch__switch_1862v {
+    } .switch__disabled_1vjsp.switch__checked_1vjsp .switch__switch_1vjsp {
     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_1862v","label":"switch__label_1862v","hint":"switch__hint_1862v","checked":"switch__checked_1862v","disabled":"switch__disabled_1862v"};
+var defaultStyles = {"switch":"switch__switch_1vjsp","label":"switch__label_1vjsp","hint":"switch__hint_1vjsp","checked":"switch__checked_1vjsp","disabled":"switch__disabled_1vjsp"};
 require('./default.css');
 
-var styles = {"component":"switch__component_856jn","start":"switch__start_856jn","center":"switch__center_856jn","addons":"switch__addons_856jn","block":"switch__block_856jn","switch":"switch__switch_856jn","content":"switch__content_856jn","label":"switch__label_856jn","errorMessage":"switch__errorMessage_856jn","hint":"switch__hint_856jn","reversed":"switch__reversed_856jn","checked":"switch__checked_856jn","disabled":"switch__disabled_856jn","focused":"switch__focused_856jn"};
+var styles = {"component":"switch__component_lb3m5","start":"switch__start_lb3m5","center":"switch__center_lb3m5","addons":"switch__addons_lb3m5","block":"switch__block_lb3m5","switch":"switch__switch_lb3m5","content":"switch__content_lb3m5","label":"switch__label_lb3m5","errorMessage":"switch__errorMessage_lb3m5","hint":"switch__hint_lb3m5","reversed":"switch__reversed_lb3m5","checked":"switch__checked_lb3m5","disabled":"switch__disabled_lb3m5","focused":"switch__focused_lb3m5"};
 require('./index.css');
 
-var invertedStyles = {"switch":"switch__switch_kq5hc","label":"switch__label_kq5hc","hint":"switch__hint_kq5hc","checked":"switch__checked_kq5hc","disabled":"switch__disabled_kq5hc"};
+var invertedStyles = {"switch":"switch__switch_183vb","label":"switch__label_183vb","hint":"switch__hint_183vb","checked":"switch__checked_183vb","disabled":"switch__disabled_183vb"};
 require('./inverted.css');
 
 var colorStyles = {

package/switch/esm/default.css

@@ -52,26 +52,26 @@
 
     /* icon */
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__switch_1862v {
+} .switch__switch_1vjsp {
     background-color: var(--switch-bg-color)
-} .switch__switch_1862v:hover {
+} .switch__switch_1vjsp:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__label_1862v {
+    } .switch__label_1vjsp {
     color: var(--switch-label-color);
-} .switch__hint_1862v {
+} .switch__hint_1vjsp {
     color: var(--switch-hint-color);
-} .switch__checked_1862v .switch__switch_1862v {
+} .switch__checked_1vjsp .switch__switch_1vjsp {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_1862v .switch__switch_1862v:hover {
+} .switch__checked_1vjsp .switch__switch_1vjsp:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__disabled_1862v .switch__label_1862v {
+    } .switch__disabled_1vjsp .switch__label_1vjsp {
     color: var(--switch-disabled-color);
-} .switch__disabled_1862v .switch__hint_1862v {
+} .switch__disabled_1vjsp .switch__hint_1vjsp {
     color: var(--switch-disabled-color);
-} .switch__disabled_1862v .switch__switch_1862v {
+} .switch__disabled_1vjsp .switch__switch_1vjsp {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_1862v .switch__switch_1862v:before {
+} .switch__disabled_1vjsp .switch__switch_1vjsp:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_1862v.switch__checked_1862v .switch__switch_1862v {
+    } .switch__disabled_1vjsp.switch__checked_1vjsp .switch__switch_1vjsp {
     background-color: var(--switch-disabled-checked-bg-color);
 }