@alfalab/core-components 45.8.0 → 45.9.0

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

@@ -30,26 +30,26 @@
 } :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_186q4 {
+} .steps__step_1qph9 {
     display: flex;
     outline: none
-} .steps__step_186q4:not(.steps__vertical_186q4) {
+} .steps__step_1qph9:not(.steps__vertical_1qph9) {
         align-items: center;
-    } .steps__step_186q4.steps__interactive_186q4:not(.steps__disabled_186q4):hover {
+    } .steps__step_1qph9.steps__interactive_1qph9:not(.steps__disabled_1qph9):hover {
     cursor: pointer;
-} .steps__step_186q4.steps__disabled_186q4:hover .steps__text_186q4 {
+} .steps__step_1qph9.steps__disabled_1qph9:hover .steps__text_1qph9 {
         background: unset;
-    } .steps__step_186q4.steps__disabled_186q4 .steps__indicator_186q4 {
+    } .steps__step_1qph9.steps__disabled_1qph9 .steps__indicator_1qph9 {
         cursor: unset;
-    } .steps__indicator_186q4 {
+    } .steps__indicator_1qph9 {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-} .steps__indicator_186q4.steps__vertical_186q4 {
+} .steps__indicator_1qph9.steps__vertical_1qph9 {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    } .steps__option_186q4 {
+    } .steps__option_1qph9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -62,33 +62,33 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_186q4.steps__vertical_186q4 {
+} .steps__option_1qph9.steps__vertical_1qph9 {
         margin-top: var(--gap-xs);
-    } .steps__dash_186q4 {
+    } .steps__dash_1qph9 {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-xs)
-} .steps__dash_186q4.steps__size-16_186q4 {
+} .steps__dash_1qph9.steps__size-16_1qph9 {
         min-width: 16px;
-    } .steps__dash_186q4.steps__size-8_186q4 {
+    } .steps__dash_1qph9.steps__size-8_1qph9 {
         min-width: 8px;
-    } .steps__dash_186q4.steps__completed_186q4 {
+    } .steps__dash_1qph9.steps__completed_1qph9 {
         border-top: var(--steps-dash-border);
-    } .steps__dash_186q4.steps__vertical_186q4 {
+    } .steps__dash_1qph9.steps__vertical_1qph9 {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none
-    } .steps__dash_186q4.steps__vertical_186q4.steps__size-16_186q4 {
+    } .steps__dash_1qph9.steps__vertical_1qph9.steps__size-16_1qph9 {
             min-height: 16px;
-        } .steps__dash_186q4.steps__vertical_186q4.steps__size-8_186q4 {
+        } .steps__dash_1qph9.steps__vertical_1qph9.steps__size-8_1qph9 {
             min-height: 8px;
-        } .steps__dash_186q4.steps__completed_186q4.steps__vertical_186q4 {
+        } .steps__dash_1qph9.steps__completed_1qph9.steps__vertical_1qph9 {
         border-left: var(--steps-dash-border);
-    } .steps__text_186q4 {
+    } .steps__text_1qph9 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -98,19 +98,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-} .steps__text_186q4.steps__interactive_186q4:not(.steps__disabled_186q4):hover {
+} .steps__text_1qph9.steps__interactive_1qph9:not(.steps__disabled_1qph9):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_186q4.steps__interactive_186q4:not(.steps__disabled_186q4):active {
+        } .steps__text_1qph9.steps__interactive_1qph9:not(.steps__disabled_1qph9):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_186q4 {
+        } .steps__focused_1qph9 {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-} .steps__selected_186q4 .steps__text_186q4 {
+} .steps__selected_1qph9 .steps__text_1qph9 {
         color: var(--color-light-text-primary);
-    } .steps__selected_186q4 .steps__option_186q4 {
+    } .steps__selected_1qph9 .steps__option_1qph9 {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-1500);
-    } .steps__checkbox_186q4 {
+    } .steps__checkbox_1qph9 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -118,20 +118,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_186q4 {
+} .steps__dot_1qph9 {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_186q4 .steps__checkbox_186q4 {
+} .steps__selected_1qph9 .steps__checkbox_1qph9 {
     border: 2px solid var(--color-light-neutral-1500)
-} .steps__selected_186q4 .steps__checkbox_186q4 .steps__dot_186q4 {
+} .steps__selected_1qph9 .steps__checkbox_1qph9 .steps__dot_1qph9 {
         background: var(--color-light-neutral-1500);
-    } .steps__option_186q4:not(.steps__error_186q4).steps__unordered_186q4 {
+    } .steps__option_1qph9:not(.steps__error_1qph9).steps__unordered_1qph9 {
     background: unset;
-} .steps__completedIndicator_186q4 > [class*='positive'] {
+} .steps__completedIndicator_1qph9 > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_186q4 {
+} .steps__fullWidth_1qph9 {
     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_1vr03"};
+const styles = {"component":"steps__component_1xh16"};
 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

@@ -1,4 +1,4 @@
 /* hash: 1w3kq */
-.steps__component_1vr03 {
+.steps__component_1xh16 {
     padding: 0;
 }

package/steps/modern/index.css

@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .steps__component_1edbo {
+} .steps__component_127j8 {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_1edbo.steps__vertical_1edbo {
+} .steps__component_127j8.steps__vertical_127j8 {
         flex-direction: column;
         align-items: flex-start;
     }

package/switch/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"switch__component_918uu","start":"switch__start_918uu","center":"switch__center_918uu","addons":"switch__addons_918uu","block":"switch__block_918uu","switch":"switch__switch_918uu","content":"switch__content_918uu","label":"switch__label_918uu","errorMessage":"switch__errorMessage_918uu","hint":"switch__hint_918uu","reversed":"switch__reversed_918uu","checked":"switch__checked_918uu","disabled":"switch__disabled_918uu","focused":"switch__focused_918uu"};
+var styles = {"component":"switch__component_13ufx","start":"switch__start_13ufx","center":"switch__center_13ufx","addons":"switch__addons_13ufx","block":"switch__block_13ufx","switch":"switch__switch_13ufx","content":"switch__content_13ufx","label":"switch__label_13ufx","errorMessage":"switch__errorMessage_13ufx","hint":"switch__hint_13ufx","reversed":"switch__reversed_13ufx","checked":"switch__checked_13ufx","disabled":"switch__disabled_13ufx","focused":"switch__focused_13ufx"};
 require('./index.css');
 
 var Switch = React.forwardRef(function (_a, ref) {

package/switch/esm/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { dom } from '../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"switch__component_918uu","start":"switch__start_918uu","center":"switch__center_918uu","addons":"switch__addons_918uu","block":"switch__block_918uu","switch":"switch__switch_918uu","content":"switch__content_918uu","label":"switch__label_918uu","errorMessage":"switch__errorMessage_918uu","hint":"switch__hint_918uu","reversed":"switch__reversed_918uu","checked":"switch__checked_918uu","disabled":"switch__disabled_918uu","focused":"switch__focused_918uu"};
+var styles = {"component":"switch__component_13ufx","start":"switch__start_13ufx","center":"switch__center_13ufx","addons":"switch__addons_13ufx","block":"switch__block_13ufx","switch":"switch__switch_13ufx","content":"switch__content_13ufx","label":"switch__label_13ufx","errorMessage":"switch__errorMessage_13ufx","hint":"switch__hint_13ufx","reversed":"switch__reversed_13ufx","checked":"switch__checked_13ufx","disabled":"switch__disabled_13ufx","focused":"switch__focused_13ufx"};
 require('./index.css');
 
 var Switch = forwardRef(function (_a, ref) {

package/switch/esm/index.css

@@ -57,7 +57,7 @@
     /* icon */
     --switch-icon-color: var(--color-static-neutral-1500-inverted);
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__component_918uu {
+} .switch__component_13ufx {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -65,20 +65,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_918uu input {
+} .switch__component_13ufx input {
     opacity: 0;
     position: absolute;
-} .switch__start_918uu {
+} .switch__start_13ufx {
     align-items: flex-start;
-} .switch__center_918uu {
+} .switch__center_13ufx {
     align-items: center;
-} .switch__addons_918uu {
+} .switch__addons_13ufx {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_918uu {
+} .switch__block_13ufx {
     width: 100%;
-} .switch__switch_918uu {
+} .switch__switch_13ufx {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -89,9 +89,9 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box
-} .switch__switch_918uu:hover {
+} .switch__switch_13ufx:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__switch_918uu:before {
+    } .switch__switch_13ufx:before {
     content: '';
     position: absolute;
     top: 0;
@@ -103,58 +103,58 @@
     background-color: var(--switch-icon-color);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_918uu {
+} .switch__content_13ufx {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_918uu {
+} .switch__label_13ufx {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_918uu:not(:only-child) {
+} .switch__label_13ufx:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__errorMessage_918uu {
+} .switch__errorMessage_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--switch-error-color);
-} .switch__hint_918uu {
+} .switch__hint_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_918uu.switch__reversed_918uu {
+} /* Reversed state */ .switch__component_13ufx.switch__reversed_13ufx {
     flex-direction: row-reverse;
-} .switch__reversed_918uu .switch__content_918uu {
+} .switch__reversed_13ufx .switch__content_13ufx {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_918uu .switch__addons_918uu {
+} .switch__reversed_13ufx .switch__addons_13ufx {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_918uu .switch__switch_918uu {
+} /* Checked state */ .switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_918uu .switch__switch_918uu:hover {
+} .switch__checked_13ufx .switch__switch_13ufx:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__checked_918uu .switch__switch_918uu:before {
+    } .switch__checked_13ufx .switch__switch_13ufx:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_918uu {
+} /* Disabled state */ .switch__disabled_13ufx {
     cursor: var(--disabled-cursor);
-} .switch__disabled_918uu .switch__switch_918uu {
+} .switch__disabled_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_918uu .switch__switch_918uu:before {
+} .switch__disabled_13ufx .switch__switch_13ufx:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_918uu.switch__checked_918uu .switch__switch_918uu {
+    } .switch__disabled_13ufx.switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-checked-bg-color);
-} .switch__disabled_918uu .switch__label_918uu {
+} .switch__disabled_13ufx .switch__label_13ufx {
     color: var(--switch-disabled-color);
-} .switch__disabled_918uu .switch__hint_918uu {
+} .switch__disabled_13ufx .switch__hint_13ufx {
     color: var(--switch-disabled-color);
-} /* Focused state */ .switch__focused_918uu .switch__switch_918uu {
+} /* Focused state */ .switch__focused_13ufx .switch__switch_13ufx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/index.css

@@ -57,7 +57,7 @@
     /* icon */
     --switch-icon-color: var(--color-static-neutral-1500-inverted);
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__component_918uu {
+} .switch__component_13ufx {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -65,20 +65,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_918uu input {
+} .switch__component_13ufx input {
     opacity: 0;
     position: absolute;
-} .switch__start_918uu {
+} .switch__start_13ufx {
     align-items: flex-start;
-} .switch__center_918uu {
+} .switch__center_13ufx {
     align-items: center;
-} .switch__addons_918uu {
+} .switch__addons_13ufx {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_918uu {
+} .switch__block_13ufx {
     width: 100%;
-} .switch__switch_918uu {
+} .switch__switch_13ufx {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -89,9 +89,9 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box
-} .switch__switch_918uu:hover {
+} .switch__switch_13ufx:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__switch_918uu:before {
+    } .switch__switch_13ufx:before {
     content: '';
     position: absolute;
     top: 0;
@@ -103,58 +103,58 @@
     background-color: var(--switch-icon-color);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_918uu {
+} .switch__content_13ufx {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_918uu {
+} .switch__label_13ufx {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_918uu:not(:only-child) {
+} .switch__label_13ufx:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__errorMessage_918uu {
+} .switch__errorMessage_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--switch-error-color);
-} .switch__hint_918uu {
+} .switch__hint_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_918uu.switch__reversed_918uu {
+} /* Reversed state */ .switch__component_13ufx.switch__reversed_13ufx {
     flex-direction: row-reverse;
-} .switch__reversed_918uu .switch__content_918uu {
+} .switch__reversed_13ufx .switch__content_13ufx {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_918uu .switch__addons_918uu {
+} .switch__reversed_13ufx .switch__addons_13ufx {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_918uu .switch__switch_918uu {
+} /* Checked state */ .switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_918uu .switch__switch_918uu:hover {
+} .switch__checked_13ufx .switch__switch_13ufx:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__checked_918uu .switch__switch_918uu:before {
+    } .switch__checked_13ufx .switch__switch_13ufx:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_918uu {
+} /* Disabled state */ .switch__disabled_13ufx {
     cursor: var(--disabled-cursor);
-} .switch__disabled_918uu .switch__switch_918uu {
+} .switch__disabled_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_918uu .switch__switch_918uu:before {
+} .switch__disabled_13ufx .switch__switch_13ufx:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_918uu.switch__checked_918uu .switch__switch_918uu {
+    } .switch__disabled_13ufx.switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-checked-bg-color);
-} .switch__disabled_918uu .switch__label_918uu {
+} .switch__disabled_13ufx .switch__label_13ufx {
     color: var(--switch-disabled-color);
-} .switch__disabled_918uu .switch__hint_918uu {
+} .switch__disabled_13ufx .switch__hint_13ufx {
     color: var(--switch-disabled-color);
-} /* Focused state */ .switch__focused_918uu .switch__switch_918uu {
+} /* Focused state */ .switch__focused_13ufx .switch__switch_13ufx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/switch/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { dom } from '../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"switch__component_918uu","start":"switch__start_918uu","center":"switch__center_918uu","addons":"switch__addons_918uu","block":"switch__block_918uu","switch":"switch__switch_918uu","content":"switch__content_918uu","label":"switch__label_918uu","errorMessage":"switch__errorMessage_918uu","hint":"switch__hint_918uu","reversed":"switch__reversed_918uu","checked":"switch__checked_918uu","disabled":"switch__disabled_918uu","focused":"switch__focused_918uu"};
+const styles = {"component":"switch__component_13ufx","start":"switch__start_13ufx","center":"switch__center_13ufx","addons":"switch__addons_13ufx","block":"switch__block_13ufx","switch":"switch__switch_13ufx","content":"switch__content_13ufx","label":"switch__label_13ufx","errorMessage":"switch__errorMessage_13ufx","hint":"switch__hint_13ufx","reversed":"switch__reversed_13ufx","checked":"switch__checked_13ufx","disabled":"switch__disabled_13ufx","focused":"switch__focused_13ufx"};
 require('./index.css');
 
 const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, error, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {

package/switch/modern/index.css

@@ -57,7 +57,7 @@
     /* icon */
     --switch-icon-color: var(--color-static-neutral-1500-inverted);
     --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .switch__component_918uu {
+} .switch__component_13ufx {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -65,20 +65,20 @@
     border: 0;
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .switch__component_918uu input {
+} .switch__component_13ufx input {
     opacity: 0;
     position: absolute;
-} .switch__start_918uu {
+} .switch__start_13ufx {
     align-items: flex-start;
-} .switch__center_918uu {
+} .switch__center_13ufx {
     align-items: center;
-} .switch__addons_918uu {
+} .switch__addons_13ufx {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .switch__block_918uu {
+} .switch__block_13ufx {
     width: 100%;
-} .switch__switch_918uu {
+} .switch__switch_13ufx {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -89,9 +89,9 @@
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box
-} .switch__switch_918uu:hover {
+} .switch__switch_13ufx:hover {
         background-color: var(--switch-hover-bg-color);
-    } .switch__switch_918uu:before {
+    } .switch__switch_13ufx:before {
     content: '';
     position: absolute;
     top: 0;
@@ -103,58 +103,58 @@
     background-color: var(--switch-icon-color);
     box-sizing: border-box;
     transition: transform 0.2s ease;
-} .switch__content_918uu {
+} .switch__content_13ufx {
     margin-left: var(--gap-s);
     flex-grow: 1;
-} .switch__label_918uu {
+} .switch__label_13ufx {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
-} .switch__label_918uu:not(:only-child) {
+} .switch__label_13ufx:not(:only-child) {
     margin-bottom: var(--gap-2xs);
-} .switch__errorMessage_918uu {
+} .switch__errorMessage_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--switch-error-color);
-} .switch__hint_918uu {
+} .switch__hint_13ufx {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     color: var(--switch-hint-color);
-} /* Reversed state */ .switch__component_918uu.switch__reversed_918uu {
+} /* Reversed state */ .switch__component_13ufx.switch__reversed_13ufx {
     flex-direction: row-reverse;
-} .switch__reversed_918uu .switch__content_918uu {
+} .switch__reversed_13ufx .switch__content_13ufx {
     margin-right: var(--gap-m);
     margin-left: 0;
-} .switch__reversed_918uu .switch__addons_918uu {
+} .switch__reversed_13ufx .switch__addons_13ufx {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
-} /* Checked state */ .switch__checked_918uu .switch__switch_918uu {
+} /* Checked state */ .switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-checked-bg-color)
-} .switch__checked_918uu .switch__switch_918uu:hover {
+} .switch__checked_13ufx .switch__switch_13ufx:hover {
         background-color: var(--switch-checked-hover-bg-color);
-    } .switch__checked_918uu .switch__switch_918uu:before {
+    } .switch__checked_13ufx .switch__switch_13ufx:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
-} /* Disabled state */ .switch__disabled_918uu {
+} /* Disabled state */ .switch__disabled_13ufx {
     cursor: var(--disabled-cursor);
-} .switch__disabled_918uu .switch__switch_918uu {
+} .switch__disabled_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-bg-color)
-} .switch__disabled_918uu .switch__switch_918uu:before {
+} .switch__disabled_13ufx .switch__switch_13ufx:before {
         background-color: var(--switch-icon-disabled-color);
-    } .switch__disabled_918uu.switch__checked_918uu .switch__switch_918uu {
+    } .switch__disabled_13ufx.switch__checked_13ufx .switch__switch_13ufx {
     background-color: var(--switch-disabled-checked-bg-color);
-} .switch__disabled_918uu .switch__label_918uu {
+} .switch__disabled_13ufx .switch__label_13ufx {
     color: var(--switch-disabled-color);
-} .switch__disabled_918uu .switch__hint_918uu {
+} .switch__disabled_13ufx .switch__hint_13ufx {
     color: var(--switch-disabled-color);
-} /* Focused state */ .switch__focused_918uu .switch__switch_918uu {
+} /* Focused state */ .switch__focused_13ufx .switch__switch_13ufx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/system-message/Component.js

@@ -11,7 +11,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":"system-message__component_1vq9n","fullHeight":"system-message__fullHeight_1vq9n","first":"system-message__first_1vq9n","last":"system-message__last_1vq9n","controls":"system-message__controls_1vq9n","both":"system-message__both_1vq9n"};
+var styles = {"component":"system-message__component_1tnuh","fullHeight":"system-message__fullHeight_1tnuh","first":"system-message__first_1tnuh","last":"system-message__last_1tnuh","controls":"system-message__controls_1tnuh","both":"system-message__both_1tnuh"};
 require('./index.css');
 
 var isControlsElement = function (obj) {

package/system-message/components/caption/Component.js

@@ -10,7 +10,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":"system-message__component_i99tm"};
+var styles = {"component":"system-message__component_1nrkd"};
 require('./index.css');
 
 var DEFAULT_PADDING = { bottom: 12 };

package/system-message/components/caption/index.css

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .system-message__component_i99tm {
+} .system-message__component_1nrkd {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;

package/system-message/components/controls/Component.js

@@ -10,7 +10,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":"system-message__component_1tejj","column":"system-message__column_1tejj","row":"system-message__row_1tejj","stretch":"system-message__stretch_1tejj"};
+var styles = {"component":"system-message__component_1hmmh","column":"system-message__column_1hmmh","row":"system-message__row_1hmmh","stretch":"system-message__stretch_1hmmh"};
 require('./index.css');
 
 var DEFAULT_DESKTOP_PADDING = { top: 24 };

package/system-message/components/controls/index.css

@@ -15,24 +15,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .system-message__component_1tejj {
+} .system-message__component_1hmmh {
     display: flex;
     justify-content: center;
     width: 100%;
-} .system-message__column_1tejj {
+} .system-message__column_1hmmh {
     flex-flow: column nowrap
-} .system-message__column_1tejj > * {
+} .system-message__column_1hmmh > * {
         margin-bottom: var(--gap-m);
-    } .system-message__column_1tejj > *:last-child,
-    .system-message__column_1tejj > *:only-child {
+    } .system-message__column_1hmmh > *:last-child,
+    .system-message__column_1hmmh > *:only-child {
         margin-bottom: 0;
-    } .system-message__row_1tejj {
+    } .system-message__row_1hmmh {
     flex-flow: row nowrap
-} .system-message__row_1tejj > * {
+} .system-message__row_1hmmh > * {
         margin-right: var(--gap-m);
-    } .system-message__row_1tejj > *:last-child,
-    .system-message__row_1tejj > *:only-child {
+    } .system-message__row_1hmmh > *:last-child,
+    .system-message__row_1hmmh > *:only-child {
         margin-right: 0;
-    } .system-message__stretch_1tejj > * {
+    } .system-message__stretch_1hmmh > * {
         flex: 1;
     }