@alfalab/core-components 47.22.0-beta.0 → 47.22.0-beta.2

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_7fhq4 {
+} .steps__step_y37ew {
     display: flex;
     outline: none
-} .steps__step_7fhq4:not(.steps__vertical_7fhq4) {
+} .steps__step_y37ew:not(.steps__vertical_y37ew) {
         align-items: center;
-    } .steps__step_7fhq4.steps__interactive_7fhq4:not(.steps__disabled_7fhq4):hover {
+    } .steps__step_y37ew.steps__interactive_y37ew:not(.steps__disabled_y37ew):hover {
     cursor: pointer;
-} .steps__step_7fhq4.steps__disabled_7fhq4:hover .steps__text_7fhq4 {
+} .steps__step_y37ew.steps__disabled_y37ew:hover .steps__text_y37ew {
         background: unset;
-    } .steps__step_7fhq4.steps__disabled_7fhq4 .steps__indicator_7fhq4 {
+    } .steps__step_y37ew.steps__disabled_y37ew .steps__indicator_y37ew {
         cursor: unset;
-    } .steps__indicator_7fhq4 {
+    } .steps__indicator_y37ew {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_7fhq4.steps__vertical_7fhq4 {
+} .steps__indicator_y37ew.steps__vertical_y37ew {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_7fhq4 {
+    } .steps__option_y37ew {
     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_7fhq4.steps__vertical_7fhq4 {
+} .steps__option_y37ew.steps__vertical_y37ew {
         margin-top: var(--gap-8);
-    } .steps__dash_7fhq4 {
+    } .steps__dash_y37ew {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_7fhq4.steps__size-16_7fhq4 {
+} .steps__dash_y37ew.steps__size-16_y37ew {
         min-width: 16px;
-    } .steps__dash_7fhq4.steps__size-8_7fhq4 {
+    } .steps__dash_y37ew.steps__size-8_y37ew {
         min-width: 8px;
-    } .steps__dash_7fhq4.steps__completed_7fhq4 {
+    } .steps__dash_y37ew.steps__completed_y37ew {
         border-top: var(--steps-dash-border);
-    } .steps__dash_7fhq4.steps__vertical_7fhq4 {
+    } .steps__dash_y37ew.steps__vertical_y37ew {
         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_7fhq4.steps__vertical_7fhq4.steps__size-16_7fhq4 {
+    } .steps__dash_y37ew.steps__vertical_y37ew.steps__size-16_y37ew {
             min-height: 16px;
-        } .steps__dash_7fhq4.steps__vertical_7fhq4.steps__size-8_7fhq4 {
+        } .steps__dash_y37ew.steps__vertical_y37ew.steps__size-8_y37ew {
             min-height: 8px;
-        } .steps__dash_7fhq4.steps__completed_7fhq4.steps__vertical_7fhq4 {
+        } .steps__dash_y37ew.steps__completed_y37ew.steps__vertical_y37ew {
         border-left: var(--steps-dash-border);
-    } .steps__text_7fhq4 {
+    } .steps__text_y37ew {
     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_7fhq4.steps__interactive_7fhq4:not(.steps__disabled_7fhq4):hover {
+} .steps__text_y37ew.steps__interactive_y37ew:not(.steps__disabled_y37ew):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_7fhq4.steps__interactive_7fhq4:not(.steps__disabled_7fhq4):active {
+        } .steps__text_y37ew.steps__interactive_y37ew:not(.steps__disabled_y37ew):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_7fhq4 {
+        } .steps__focused_y37ew {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_7fhq4 .steps__text_7fhq4 {
+} .steps__selected_y37ew .steps__text_y37ew {
         color: var(--color-light-text-primary);
-    } .steps__selected_7fhq4 .steps__option_7fhq4 {
+    } .steps__selected_y37ew .steps__option_y37ew {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_7fhq4 {
+    } .steps__checkbox_y37ew {
     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_7fhq4 {
+} .steps__dot_y37ew {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_7fhq4 .steps__checkbox_7fhq4 {
+} .steps__selected_y37ew .steps__checkbox_y37ew {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_7fhq4 .steps__checkbox_7fhq4 .steps__dot_7fhq4 {
+} .steps__selected_y37ew .steps__checkbox_y37ew .steps__dot_y37ew {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_7fhq4:not(.steps__error_7fhq4).steps__unordered_7fhq4 {
+    } .steps__option_y37ew:not(.steps__error_y37ew).steps__unordered_y37ew {
     background: unset;
-} .steps__completedIndicator_7fhq4 > [class*='positive'] {
+} .steps__completedIndicator_y37ew > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_7fhq4 {
+} .steps__fullWidth_y37ew {
     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_sy3il"};
+const styles = {"component":"steps__component_1jlt7"};
 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_sy3il.steps__component_sy3il {
+} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1jlt7.steps__component_1jlt7 {
     padding: var(--gap-0);
 }

package/steps/modern/index.css

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

package/switch/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+import { Colors } from "./types/colors";
 type Align = 'start' | 'center';
 type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
     /**
@@ -56,6 +57,11 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors;
 };
 declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
     /**
@@ -111,5 +117,10 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttrib
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string | undefined;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { SwitchProps, Switch };

package/switch/Component.js

@@ -13,12 +13,22 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"switch__component_opd3m","start":"switch__start_opd3m","center":"switch__center_opd3m","addons":"switch__addons_opd3m","block":"switch__block_opd3m","switch":"switch__switch_opd3m","content":"switch__content_opd3m","label":"switch__label_opd3m","errorMessage":"switch__errorMessage_opd3m","hint":"switch__hint_opd3m","reversed":"switch__reversed_opd3m","checked":"switch__checked_opd3m","disabled":"switch__disabled_opd3m","focused":"switch__focused_opd3m"};
+var defaultStyles = {"switch":"switch__switch_14m20","label":"switch__label_14m20","hint":"switch__hint_14m20","checked":"switch__checked_14m20","disabled":"switch__disabled_14m20"};
+require('./default.css');
+
+var styles = {"component":"switch__component_110yj","start":"switch__start_110yj","center":"switch__center_110yj","addons":"switch__addons_110yj","block":"switch__block_110yj","switch":"switch__switch_110yj","content":"switch__content_110yj","label":"switch__label_110yj","errorMessage":"switch__errorMessage_110yj","hint":"switch__hint_110yj","reversed":"switch__reversed_110yj","checked":"switch__checked_110yj","disabled":"switch__disabled_110yj","focused":"switch__focused_110yj"};
 require('./index.css');
 
+var invertedStyles = {"switch":"switch__switch_u8wl7","label":"switch__label_u8wl7","hint":"switch__hint_u8wl7","checked":"switch__checked_u8wl7","disabled":"switch__disabled_u8wl7"};
+require('./inverted.css');
+
+var colorStyles = {
+    default: defaultStyles,
+    inverted: invertedStyles,
+};
 var Switch = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId"]);
+    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId", "colors"]);
     var labelRef = React.useRef(null);
     var focused = hooks.useFocus(labelRef, 'keyboard')[0];
     var handleChange = function (e) {
@@ -29,16 +39,18 @@ var Switch = React.forwardRef(function (_a, ref) {
     var errorMessage = typeof error === 'boolean' ? '' : error;
     return (React__default.default.createElement("label", { className: cn__default.default(styles.component, styles[align], className, (_b = {},
             _b[styles.disabled] = disabled || inactive,
+            _b[colorStyles[colors].disabled] = disabled || inactive,
             _b[styles.checked] = checked,
+            _b[colorStyles[colors].checked] = checked,
             _b[styles.reversed] = reversed,
             _b[styles.focused] = focused,
             _b[styles.block] = block,
             _b)), ref: mergeRefs__default.default([labelRef, ref]) },
         React__default.default.createElement("input", tslib.__assign({ type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId }, restProps)),
-        React__default.default.createElement("span", { className: styles.switch }),
+        React__default.default.createElement("span", { className: cn__default.default(styles.switch, colorStyles[colors].switch) }),
         (label || hint || errorMessage) && (React__default.default.createElement("span", { className: styles.content },
-            label && React__default.default.createElement("span", { className: styles.label }, label),
-            hint && !errorMessage && React__default.default.createElement("span", { className: styles.hint }, hint),
+            label && (React__default.default.createElement("span", { className: cn__default.default(styles.label, colorStyles[colors].label) }, label)),
+            hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles.hint, colorStyles[colors].hint) }, hint)),
             errorMessage && (React__default.default.createElement("span", { className: styles.errorMessage, role: 'alert' }, errorMessage)))),
         addons && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions

package/switch/cssm/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+import { Colors } from "./types/colors";
 type Align = 'start' | 'center';
 type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
     /**
@@ -56,6 +57,11 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors;
 };
 declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
     /**
@@ -111,5 +117,10 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttrib
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string | undefined;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { SwitchProps, Switch };

package/switch/cssm/Component.js

@@ -6,18 +6,26 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
+var defaultStyles = require('./default.module.css');
 var styles = require('./index.module.css');
+var invertedStyles = require('./inverted.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultStyles__default = /*#__PURE__*/_interopDefaultCompat(defaultStyles);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedStyles__default = /*#__PURE__*/_interopDefaultCompat(invertedStyles);
 
+var colorStyles = {
+    default: defaultStyles__default.default,
+    inverted: invertedStyles__default.default,
+};
 var Switch = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId"]);
+    var _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.checked, checked = _d === void 0 ? false : _d, _e = _a.align, align = _e === void 0 ? 'start' : _e, addons = _a.addons, block = _a.block, disabled = _a.disabled, inactive = _a.inactive, error = _a.error, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, className = _a.className, onChange = _a.onChange, dataTestId = _a.dataTestId, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, restProps = tslib.__rest(_a, ["reversed", "checked", "align", "addons", "block", "disabled", "inactive", "error", "label", "hint", "name", "value", "className", "onChange", "dataTestId", "colors"]);
     var labelRef = React.useRef(null);
     var focused = hooks.useFocus(labelRef, 'keyboard')[0];
     var handleChange = function (e) {
@@ -28,16 +36,18 @@ var Switch = React.forwardRef(function (_a, ref) {
     var errorMessage = typeof error === 'boolean' ? '' : error;
     return (React__default.default.createElement("label", { className: cn__default.default(styles__default.default.component, styles__default.default[align], className, (_b = {},
             _b[styles__default.default.disabled] = disabled || inactive,
+            _b[colorStyles[colors].disabled] = disabled || inactive,
             _b[styles__default.default.checked] = checked,
+            _b[colorStyles[colors].checked] = checked,
             _b[styles__default.default.reversed] = reversed,
             _b[styles__default.default.focused] = focused,
             _b[styles__default.default.block] = block,
             _b)), ref: mergeRefs__default.default([labelRef, ref]) },
         React__default.default.createElement("input", tslib.__assign({ type: 'checkbox', onChange: handleChange, disabled: disabled || inactive, checked: checked, name: name, value: value, "data-test-id": dataTestId }, restProps)),
-        React__default.default.createElement("span", { className: styles__default.default.switch }),
+        React__default.default.createElement("span", { className: cn__default.default(styles__default.default.switch, colorStyles[colors].switch) }),
         (label || hint || errorMessage) && (React__default.default.createElement("span", { className: styles__default.default.content },
-            label && React__default.default.createElement("span", { className: styles__default.default.label }, label),
-            hint && !errorMessage && React__default.default.createElement("span", { className: styles__default.default.hint }, hint),
+            label && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.label, colorStyles[colors].label) }, label)),
+            hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.hint, colorStyles[colors].hint) }, hint)),
             errorMessage && (React__default.default.createElement("span", { className: styles__default.default.errorMessage, role: 'alert' }, errorMessage)))),
         addons && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions

package/switch/cssm/default.module.css

@@ -0,0 +1,73 @@
+: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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
+    --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
+    --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
+    --color-light-status-positive: #0cc44d;
+    --color-light-status-positive-hover: #04b545;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */
+} :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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :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 */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :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 */
+
+    /* новые значения, используйте их */
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --switch-label-color: var(--color-light-text-primary);
+    --switch-hint-color: var(--color-light-text-secondary);
+    --switch-bg-color: var(--color-light-neutral-translucent-700);
+
+    /* inverted */
+
+    /* hover */
+    --switch-hover-bg-color: var(--color-light-neutral-translucent-700-hover);
+
+    /* checked */
+    --switch-checked-bg-color: var(--color-light-status-positive);
+    --switch-checked-hover-bg-color: var(--color-light-status-positive-hover);
+
+    /* disabled */
+    --switch-disabled-color: var(--color-light-text-secondary);
+    --switch-disabled-bg-color: var(--color-light-neutral-translucent-200);
+
+    /* disabled checked */
+    --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
+
+    /* icon */
+    --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
+} .switch {
+    background-color: var(--switch-bg-color)
+} .switch:hover {
+        background-color: var(--switch-hover-bg-color);
+    } .label {
+    color: var(--switch-label-color);
+} .hint {
+    color: var(--switch-hint-color);
+} .checked .switch {
+    background-color: var(--switch-checked-bg-color)
+} .checked .switch:hover {
+        background-color: var(--switch-checked-hover-bg-color);
+    } .disabled .label {
+    color: var(--switch-disabled-color);
+} .disabled .hint {
+    color: var(--switch-disabled-color);
+} .disabled .switch {
+    background-color: var(--switch-disabled-bg-color)
+} .disabled .switch:before {
+        background-color: var(--switch-icon-disabled-color);
+    } .disabled.checked .switch {
+    background-color: var(--switch-disabled-checked-bg-color);
+}

package/switch/cssm/index.module.css

@@ -1,15 +1,7 @@
 :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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
-    --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
-    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-    --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
     --color-light-status-info: #2288fa;
-    --color-light-status-positive: #0cc44d;
-    --color-light-status-positive-hover: #04b545;
     --color-light-text-negative: #ec2d20;
-    --color-light-text-primary: rgba(3, 3, 6, 0.88);
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
     --color-static-neutral-0: #fff; /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */
 } :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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -43,29 +35,21 @@
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
-    --switch-label-color: var(--color-light-text-primary);
-    --switch-hint-color: var(--color-light-text-secondary);
-    --switch-bg-color: var(--color-light-neutral-translucent-700);
     --switch-border-color: transparent;
     --switch-error-color: var(--color-light-text-negative);
 
+    /* inverted */
+
     /* hover */
-    --switch-hover-bg-color: var(--color-light-neutral-translucent-700-hover);
 
     /* checked */
-    --switch-checked-bg-color: var(--color-light-status-positive);
-    --switch-checked-hover-bg-color: var(--color-light-status-positive-hover);
 
     /* disabled */
-    --switch-disabled-color: var(--color-light-text-secondary);
-    --switch-disabled-bg-color: var(--color-light-neutral-translucent-200);
 
     /* disabled checked */
-    --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
 
     /* icon */
     --switch-icon-color: var(--color-static-neutral-0);
-    --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
 } .component {
     display: inline-flex;
     align-items: flex-start;
@@ -94,13 +78,10 @@
     height: 20px;
     margin: var(--gap-2);
     flex-shrink: 0;
-    background-color: var(--switch-bg-color);
     border: 2px solid var(--switch-border-color);
     transition: background-color 0.2s ease, border-color 0.2s ease;
-    box-sizing: border-box
-} .switch:hover {
-        background-color: var(--switch-hover-bg-color);
-    } .switch:before {
+    box-sizing: border-box;
+} .switch:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -120,7 +101,6 @@
     line-height: 24px;
     font-weight: 400;
     display: block;
-    color: var(--switch-label-color);
 } .label:not(:only-child) {
     margin-bottom: var(--gap-4);
 } .errorMessage {
@@ -133,7 +113,6 @@
     line-height: 18px;
     font-weight: 400;
     display: block;
-    color: var(--switch-hint-color);
 } /* Reversed state */ .component.reversed {
     flex-direction: row-reverse;
 } .reversed .content {
@@ -144,25 +123,11 @@
     padding-left: var(--gap-0);
     margin-right: auto;
     padding-right: var(--gap-16);
-} /* Checked state */ .checked .switch {
-    background-color: var(--switch-checked-bg-color)
-} .checked .switch:hover {
-        background-color: var(--switch-checked-hover-bg-color);
-    } .checked .switch:before {
+} /* Checked state */ .checked .switch:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
 } /* Disabled state */ .disabled {
     cursor: var(--disabled-cursor);
-} .disabled .switch {
-    background-color: var(--switch-disabled-bg-color)
-} .disabled .switch:before {
-        background-color: var(--switch-icon-disabled-color);
-    } .disabled.checked .switch {
-    background-color: var(--switch-disabled-checked-bg-color);
-} .disabled .label {
-    color: var(--switch-disabled-color);
-} .disabled .hint {
-    color: var(--switch-disabled-color);
 } /* Focused state */ .focused .switch {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;