@alfalab/core-components 36.3.1 → 36.5.0

package/pure-input/modern/index.css

@@ -48,41 +48,41 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.pure-input__input_m6e7f {
+.pure-input__input_7cm8m {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.pure-input__input_m6e7f:-webkit-autofill {
+.pure-input__input_7cm8m:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.pure-input__input_m6e7f::placeholder {
+.pure-input__input_7cm8m::placeholder {
     color: var(--input-placeholder-color);
 }
-.pure-input__hasInnerLabel_m6e7f::placeholder {
+.pure-input__hasInnerLabel_7cm8m::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.pure-input__clearIcon_m6e7f {
+.pure-input__clearIcon_7cm8m {
     color: var(--color-light-graphic-primary);
 }
 /* READ-ONLY STATE */
-.pure-input__input_m6e7f:read-only {
+.pure-input__input_7cm8m:read-only {
     color: var(--input-read-only-color)
 }
-.pure-input__input_m6e7f:read-only:focus::placeholder {
+.pure-input__input_7cm8m:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.pure-input__input_m6e7f:disabled {
+.pure-input__input_7cm8m:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.pure-input__input_m6e7f:focus::placeholder {
+.pure-input__input_7cm8m:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.pure-input__error_m6e7f {
+.pure-input__error_7cm8m {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
@@ -119,7 +119,7 @@
 
     /* border-radius */
 }
-.pure-input__component_m6e7f {
+.pure-input__component_7cm8m {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -140,55 +140,55 @@
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.pure-input__component_m6e7f::placeholder {
+.pure-input__component_7cm8m::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
 }
-.pure-input__block_m6e7f {
+.pure-input__block_7cm8m {
     width: 100%;
 }
 /* SIZE */
-.pure-input__s_m6e7f {
+.pure-input__s_7cm8m {
     height: var(--form-control-s-min-height);
 }
-.pure-input__m_m6e7f {
+.pure-input__m_7cm8m {
     height: var(--form-control-m-min-height);
 }
-.pure-input__l_m6e7f {
+.pure-input__l_7cm8m {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
 }
-.pure-input__xl_m6e7f {
+.pure-input__xl_7cm8m {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
 }
 /* DISABLED STATE */
-.pure-input__component_m6e7f:disabled {
+.pure-input__component_7cm8m:disabled {
     cursor: var(--disabled-cursor);
     color: var(--input-disabled-color);
     border-bottom: var(--form-control-disabled-border-bottom);
     background-color: var(--form-control-disabled-bg-color);
 }
 /* FOCUS STATE */
-.pure-input__component_m6e7f:not(:disabled):focus {
+.pure-input__component_7cm8m:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
 }
-.pure-input__component_m6e7f:not(:disabled):focus::placeholder {
+.pure-input__component_7cm8m:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
     }
-.pure-input__focusVisible_m6e7f {
+.pure-input__focusVisible_7cm8m {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* HOVER STATE */
-.pure-input__component_m6e7f:not(:disabled):hover {
+.pure-input__component_7cm8m:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* IE hide clear */
-.pure-input__component_m6e7f::-ms-clear {
+.pure-input__component_7cm8m::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/pure-input/modern/index.js

@@ -1,5 +1,5 @@
+export { PureInput } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-export { PureInput } from './Component.js';

package/radio/Component.d.ts

@@ -128,9 +128,9 @@ declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "size" |
     /**
      * Обработчик на выбор элемента
      */
-    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+    onChange?: ((event?: ChangeEvent<HTMLInputElement>, payload?: {
         checked: boolean;
-        name?: string | undefined;
-    } | undefined) => void) | undefined;
+        name?: string;
+    }) => void) | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { RadioProps, Radio };

package/radio/Component.js

@@ -1,15 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"radio__container_v6sk6","checked":"radio__checked_v6sk6","disabled":"radio__disabled_v6sk6","inactive":"radio__inactive_v6sk6","circle":"radio__circle_v6sk6","label":"radio__label_v6sk6","hint":"radio__hint_v6sk6","focused":"radio__focused_v6sk6","s":"radio__s_v6sk6","content":"radio__content_v6sk6","start":"radio__start_v6sk6","center":"radio__center_v6sk6","addons":"radio__addons_v6sk6","block":"radio__block_v6sk6"};
+var styles = {"container":"radio__container_ogxck","checked":"radio__checked_ogxck","disabled":"radio__disabled_ogxck","inactive":"radio__inactive_ogxck","circle":"radio__circle_ogxck","label":"radio__label_ogxck","hint":"radio__hint_ogxck","focused":"radio__focused_ogxck","s":"radio__s_ogxck","content":"radio__content_ogxck","start":"radio__start_ogxck","center":"radio__center_ogxck","addons":"radio__addons_ogxck","block":"radio__block_ogxck"};
 require('./index.css');
 
 var Radio = React.forwardRef(function (_a, ref) {
@@ -65,19 +63,19 @@ var Radio = React.forwardRef(function (_a, ref) {
     };
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    React__default['default'].createElement("label", { className: cn__default['default'](styles.container, styles[size], styles[align], className, (_b = {},
+    React__default.default.createElement("label", { className: cn__default.default(styles.container, styles[size], styles[align], className, (_b = {},
             _b[styles.disabled] = disabled,
             _b[styles.inactive] = inactive,
             _b[styles.checked] = checked,
             _b[styles.focused] = focused,
             _b[styles.block] = block,
-            _b)), ref: mergeRefs__default['default']([labelRef, ref]) },
-        React__default['default'].createElement("input", __assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
-        React__default['default'].createElement("span", { className: cn__default['default'](styles.circle, circleClassName) }),
-        (label || hint) && (React__default['default'].createElement("span", { className: cn__default['default'](styles.content, contentClassName) },
-            label && React__default['default'].createElement("span", { className: styles.label }, label),
-            hint && React__default['default'].createElement("span", { className: styles.hint }, hint))),
-        addons && React__default['default'].createElement("span", { className: styles.addons }, addons)));
+            _b)), ref: mergeRefs__default.default([labelRef, ref]) },
+        React__default.default.createElement("input", __assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
+        React__default.default.createElement("span", { className: cn__default.default(styles.circle, circleClassName) }),
+        (label || hint) && (React__default.default.createElement("span", { className: cn__default.default(styles.content, contentClassName) },
+            label && React__default.default.createElement("span", { className: styles.label }, label),
+            hint && React__default.default.createElement("span", { className: styles.hint }, hint))),
+        addons && React__default.default.createElement("span", { className: styles.addons }, addons)));
 });
 
 exports.Radio = Radio;

package/radio/cssm/Component.d.ts

@@ -128,9 +128,9 @@ declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "size" |
     /**
      * Обработчик на выбор элемента
      */
-    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+    onChange?: ((event?: ChangeEvent<HTMLInputElement>, payload?: {
         checked: boolean;
-        name?: string | undefined;
-    } | undefined) => void) | undefined;
+        name?: string;
+    }) => void) | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { RadioProps, Radio };

package/radio/cssm/Component.js

@@ -1,17 +1,15 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -64,19 +62,19 @@ var Radio = React.forwardRef(function (_a, ref) {
     };
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    React__default['default'].createElement("label", { className: cn__default['default'](styles__default['default'].container, styles__default['default'][size], styles__default['default'][align], className, (_b = {},
-            _b[styles__default['default'].disabled] = disabled,
-            _b[styles__default['default'].inactive] = inactive,
-            _b[styles__default['default'].checked] = checked,
-            _b[styles__default['default'].focused] = focused,
-            _b[styles__default['default'].block] = block,
-            _b)), ref: mergeRefs__default['default']([labelRef, ref]) },
-        React__default['default'].createElement("input", __assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
-        React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].circle, circleClassName) }),
-        (label || hint) && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].content, contentClassName) },
-            label && React__default['default'].createElement("span", { className: styles__default['default'].label }, label),
-            hint && React__default['default'].createElement("span", { className: styles__default['default'].hint }, hint))),
-        addons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, addons)));
+    React__default.default.createElement("label", { className: cn__default.default(styles__default.default.container, styles__default.default[size], styles__default.default[align], className, (_b = {},
+            _b[styles__default.default.disabled] = disabled,
+            _b[styles__default.default.inactive] = inactive,
+            _b[styles__default.default.checked] = checked,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.block] = block,
+            _b)), ref: mergeRefs__default.default([labelRef, ref]) },
+        React__default.default.createElement("input", __assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
+        React__default.default.createElement("span", { className: cn__default.default(styles__default.default.circle, circleClassName) }),
+        (label || hint) && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.content, contentClassName) },
+            label && React__default.default.createElement("span", { className: styles__default.default.label }, label),
+            hint && React__default.default.createElement("span", { className: styles__default.default.hint }, hint))),
+        addons && React__default.default.createElement("span", { className: styles__default.default.addons }, addons)));
 });
 
 exports.Radio = Radio;

package/radio/cssm/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
 require('react');
 require('react-merge-refs');

package/radio/esm/Component.d.ts

@@ -128,9 +128,9 @@ declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "size" |
     /**
      * Обработчик на выбор элемента
      */
-    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+    onChange?: ((event?: ChangeEvent<HTMLInputElement>, payload?: {
         checked: boolean;
-        name?: string | undefined;
-    } | undefined) => void) | undefined;
+        name?: string;
+    }) => void) | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { RadioProps, Radio };

package/radio/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"radio__container_v6sk6","checked":"radio__checked_v6sk6","disabled":"radio__disabled_v6sk6","inactive":"radio__inactive_v6sk6","circle":"radio__circle_v6sk6","label":"radio__label_v6sk6","hint":"radio__hint_v6sk6","focused":"radio__focused_v6sk6","s":"radio__s_v6sk6","content":"radio__content_v6sk6","start":"radio__start_v6sk6","center":"radio__center_v6sk6","addons":"radio__addons_v6sk6","block":"radio__block_v6sk6"};
+var styles = {"container":"radio__container_ogxck","checked":"radio__checked_ogxck","disabled":"radio__disabled_ogxck","inactive":"radio__inactive_ogxck","circle":"radio__circle_ogxck","label":"radio__label_ogxck","hint":"radio__hint_ogxck","focused":"radio__focused_ogxck","s":"radio__s_ogxck","content":"radio__content_ogxck","start":"radio__start_ogxck","center":"radio__center_ogxck","addons":"radio__addons_ogxck","block":"radio__block_ogxck"};
 require('./index.css');
 
 var Radio = forwardRef(function (_a, ref) {

package/radio/esm/index.css

@@ -73,77 +73,77 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
 }
-.radio__container_v6sk6 {
+.radio__container_ogxck {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
 }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6) .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck) .radio__circle_ogxck {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
         }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6):hover:not(:active) .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck):hover:not(:active) .radio__circle_ogxck {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
         }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6):active .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck):active .radio__circle_ogxck {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck {
         cursor: var(--disabled-cursor)
     }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__circle_ogxck {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__label_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__label_ogxck {
             color: var(--radio-disabled-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__hint_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__hint_ogxck {
             color: var(--radio-disabled-color);
         }
-.radio__container_v6sk6.radio__inactive_v6sk6 {
+.radio__container_ogxck.radio__inactive_ogxck {
         cursor: var(--disabled-cursor)
     }
-.radio__container_v6sk6.radio__inactive_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__inactive_ogxck .radio__circle_ogxck {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
         }
-.radio__container_v6sk6.radio__inactive_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6:before {
+.radio__container_ogxck.radio__inactive_ogxck.radio__checked_ogxck .radio__circle_ogxck:before {
             background-color: var(--radio-checked-inactive-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:not(:active) .radio__circle_v6sk6:before,
-    .radio__container_v6sk6.radio__checked_v6sk6.radio__disabled_v6sk6:active .radio__circle_v6sk6:before {
+.radio__container_ogxck.radio__checked_ogxck:not(:active) .radio__circle_ogxck:before,
+    .radio__container_ogxck.radio__checked_ogxck.radio__disabled_ogxck:active .radio__circle_ogxck:before {
         opacity: 1;
     }
-.radio__container_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck .radio__circle_ogxck {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:hover .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck:hover .radio__circle_ogxck {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:active .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck:active .radio__circle_ogxck {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
         }
-.radio__container_v6sk6.radio__focused_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__focused_ogxck .radio__circle_ogxck {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
-.radio__container_v6sk6.radio__disabled_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6,
-    .radio__container_v6sk6.radio__inactive_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck.radio__checked_ogxck .radio__circle_ogxck,
+    .radio__container_ogxck.radio__inactive_ogxck.radio__checked_ogxck .radio__circle_ogxck {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
     }
-.radio__container_v6sk6 input {
+.radio__container_ogxck input {
         position: absolute;
         z-index: -1;
         opacity: 0;
     }
-.radio__circle_v6sk6 {
+.radio__circle_ogxck {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -153,7 +153,7 @@
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
 }
-.radio__circle_v6sk6:before {
+.radio__circle_ogxck:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -168,40 +168,40 @@
         transition: opacity 0.2s ease;
         opacity: 0;
     }
-.radio__s_v6sk6 .radio__circle_v6sk6 {
+.radio__s_ogxck .radio__circle_ogxck {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.radio__content_v6sk6 {
+.radio__content_ogxck {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
 }
-.radio__s_v6sk6 .radio__content_v6sk6 {
+.radio__s_ogxck .radio__content_ogxck {
     margin-left: var(--gap-xs);
 }
-.radio__start_v6sk6 {
+.radio__start_ogxck {
     align-items: flex-start;
 }
-.radio__center_v6sk6 {
+.radio__center_ogxck {
     align-items: center;
 }
-.radio__addons_v6sk6 {
+.radio__addons_ogxck {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.radio__block_v6sk6 {
+.radio__block_ogxck {
     width: 100%;
 }
-.radio__label_v6sk6 {
+.radio__label_ogxck {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
 }
-.radio__hint_v6sk6 {
+.radio__hint_ogxck {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/esm/index.js

@@ -1,5 +1,5 @@
+export { Radio } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-export { Radio } from './Component.js';

package/radio/index.css

@@ -73,77 +73,77 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
 }
-.radio__container_v6sk6 {
+.radio__container_ogxck {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
 }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6) .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck) .radio__circle_ogxck {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
         }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6):hover:not(:active) .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck):hover:not(:active) .radio__circle_ogxck {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
         }
-.radio__container_v6sk6:not(.radio__checked_v6sk6):not(.radio__disabled_v6sk6):not(.radio__inactive_v6sk6):active .radio__circle_v6sk6 {
+.radio__container_ogxck:not(.radio__checked_ogxck):not(.radio__disabled_ogxck):not(.radio__inactive_ogxck):active .radio__circle_ogxck {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck {
         cursor: var(--disabled-cursor)
     }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__circle_ogxck {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__label_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__label_ogxck {
             color: var(--radio-disabled-color);
         }
-.radio__container_v6sk6.radio__disabled_v6sk6 .radio__hint_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck .radio__hint_ogxck {
             color: var(--radio-disabled-color);
         }
-.radio__container_v6sk6.radio__inactive_v6sk6 {
+.radio__container_ogxck.radio__inactive_ogxck {
         cursor: var(--disabled-cursor)
     }
-.radio__container_v6sk6.radio__inactive_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__inactive_ogxck .radio__circle_ogxck {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
         }
-.radio__container_v6sk6.radio__inactive_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6:before {
+.radio__container_ogxck.radio__inactive_ogxck.radio__checked_ogxck .radio__circle_ogxck:before {
             background-color: var(--radio-checked-inactive-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:not(:active) .radio__circle_v6sk6:before,
-    .radio__container_v6sk6.radio__checked_v6sk6.radio__disabled_v6sk6:active .radio__circle_v6sk6:before {
+.radio__container_ogxck.radio__checked_ogxck:not(:active) .radio__circle_ogxck:before,
+    .radio__container_ogxck.radio__checked_ogxck.radio__disabled_ogxck:active .radio__circle_ogxck:before {
         opacity: 1;
     }
-.radio__container_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck .radio__circle_ogxck {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:hover .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck:hover .radio__circle_ogxck {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
         }
-.radio__container_v6sk6.radio__checked_v6sk6:active .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__checked_ogxck:active .radio__circle_ogxck {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
         }
-.radio__container_v6sk6.radio__focused_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__focused_ogxck .radio__circle_ogxck {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
-.radio__container_v6sk6.radio__disabled_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6,
-    .radio__container_v6sk6.radio__inactive_v6sk6.radio__checked_v6sk6 .radio__circle_v6sk6 {
+.radio__container_ogxck.radio__disabled_ogxck.radio__checked_ogxck .radio__circle_ogxck,
+    .radio__container_ogxck.radio__inactive_ogxck.radio__checked_ogxck .radio__circle_ogxck {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
     }
-.radio__container_v6sk6 input {
+.radio__container_ogxck input {
         position: absolute;
         z-index: -1;
         opacity: 0;
     }
-.radio__circle_v6sk6 {
+.radio__circle_ogxck {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -153,7 +153,7 @@
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
 }
-.radio__circle_v6sk6:before {
+.radio__circle_ogxck:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -168,40 +168,40 @@
         transition: opacity 0.2s ease;
         opacity: 0;
     }
-.radio__s_v6sk6 .radio__circle_v6sk6 {
+.radio__s_ogxck .radio__circle_ogxck {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.radio__content_v6sk6 {
+.radio__content_ogxck {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
 }
-.radio__s_v6sk6 .radio__content_v6sk6 {
+.radio__s_ogxck .radio__content_ogxck {
     margin-left: var(--gap-xs);
 }
-.radio__start_v6sk6 {
+.radio__start_ogxck {
     align-items: flex-start;
 }
-.radio__center_v6sk6 {
+.radio__center_ogxck {
     align-items: center;
 }
-.radio__addons_v6sk6 {
+.radio__addons_ogxck {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.radio__block_v6sk6 {
+.radio__block_ogxck {
     width: 100%;
 }
-.radio__label_v6sk6 {
+.radio__label_ogxck {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
 }
-.radio__hint_v6sk6 {
+.radio__hint_ogxck {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;