@alfalab/core-components 20.4.0 → 20.7.1

package/modal/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ccd35f7f.js');
+require('./tslib.es6-dffc199b.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -15,7 +15,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-b67d0f1c.js');
+require('./transitions.module-fb5051a6.js');
 require('@alfalab/hooks');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "20.4.0",
+  "version": "20.7.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -71,7 +71,7 @@
     "react-focus-lock": "^2.5.0",
     "react-merge-refs": "^1.1.0",
     "react-node-resolver": "^2.0.1",
-    "react-popper": "^2.2.2",
+    "react-popper": "^2.2.5",
     "react-swipeable": "^5.5.0",
     "react-textarea-autosize": "^8.2.0",
     "react-transition-group": "^4.3.0",
@@ -102,6 +102,7 @@
     "@testing-library/dom": "^7.22.2",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^10.2.1",
+    "@testing-library/react-hooks": "5.1.3",
     "@testing-library/user-event": "^12.0.2",
     "@types/classnames": "^2.2.9",
     "@types/element-closest": "^3.0.0",

package/password-input/component.js

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_r6oey","xl":"password-input__xl_r6oey","input":"password-input__input_r6oey"};
+var styles = {"eye":"password-input__eye_1f90h","xl":"password-input__xl_1f90h","input":"password-input__input_1f90h"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_r6oey","xl":"password-input__xl_r6oey","input":"password-input__input_r6oey"};
+var styles = {"eye":"password-input__eye_1f90h","xl":"password-input__xl_1f90h","input":"password-input__input_1f90h"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -1,16 +1,16 @@
-/* hash: r6oey */
-.password-input__eye_r6oey:last-child {
+/* hash: 1f90h */
+.password-input__eye_1f90h:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_r6oey .password-input__eye_r6oey:last-child {
+.password-input__xl_1f90h .password-input__eye_1f90h:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_r6oey .password-input__eye_r6oey {
+.password-input__xl_1f90h .password-input__eye_1f90h {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_r6oey::-ms-reveal {
+.password-input__input_1f90h::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -1,16 +1,16 @@
-/* hash: r6oey */
-.password-input__eye_r6oey:last-child {
+/* hash: 1f90h */
+.password-input__eye_1f90h:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_r6oey .password-input__eye_r6oey:last-child {
+.password-input__xl_1f90h .password-input__eye_1f90h:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_r6oey .password-input__eye_r6oey {
+.password-input__xl_1f90h .password-input__eye_1f90h {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_r6oey::-ms-reveal {
+.password-input__input_1f90h::-ms-reveal {
     display: none;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import EyeOffMIcon from '@alfalab/icons-glyph/EyeOffMIcon';
 import { Input } from '../../input/modern';
 import { IconButton } from '../../icon-button/modern';
 
-var styles = {"eye":"password-input__eye_r6oey","xl":"password-input__xl_r6oey","input":"password-input__input_r6oey"};
+var styles = {"eye":"password-input__eye_1f90h","xl":"password-input__xl_1f90h","input":"password-input__input_1f90h"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -1,16 +1,16 @@
-/* hash: r6oey */
-.password-input__eye_r6oey:last-child {
+/* hash: 1f90h */
+.password-input__eye_1f90h:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_r6oey .password-input__eye_r6oey:last-child {
+.password-input__xl_1f90h .password-input__eye_1f90h:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_r6oey .password-input__eye_r6oey {
+.password-input__xl_1f90h .password-input__eye_1f90h {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_r6oey::-ms-reveal {
+.password-input__input_1f90h::-ms-reveal {
     display: none;
 }

package/picker-button/{Component-cb99627b.js → Component-8a497560.js}

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_1r9iy","open":"picker-button__open_1r9iy"};
+var styles = {"iconContainer":"picker-button__iconContainer_92d9n","open":"picker-button__open_92d9n"};
 require('./field/index.css');
 
 var Field = function (_a) {

package/picker-button/Component.d.ts

@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     size?: PickerButtonSize;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "open" | "options" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
     /**
      * Размер кнопки
      */

package/picker-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('./Component-cb99627b.js');
+var field_Component = require('./Component-8a497560.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"picker-button__container_azo3q"};
+var styles = {"container":"picker-button__container_unhb2"};
 require('./index.css');
 
 var PickerButton = React.forwardRef(function (_a, ref) {

package/picker-button/esm/{Component-94ad1b6c.js → Component-a0f8bf33.js}

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_1r9iy","open":"picker-button__open_1r9iy"};
+var styles = {"iconContainer":"picker-button__iconContainer_92d9n","open":"picker-button__open_92d9n"};
 require('./field/index.css');
 
 var Field = function (_a) {

package/picker-button/esm/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-import { _ as __rest, a as __assign, F as Field } from './Component-94ad1b6c.js';
+import { _ as __rest, a as __assign, F as Field } from './Component-a0f8bf33.js';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 
-var styles = {"container":"picker-button__container_azo3q"};
+var styles = {"container":"picker-button__container_unhb2"};
 require('./index.css');
 
 var PickerButton = forwardRef(function (_a, ref) {

package/picker-button/esm/field/Component.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-export { F as Field } from '../Component-94ad1b6c.js';
+export { F as Field } from '../Component-a0f8bf33.js';

package/picker-button/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1r9iy */
+/* hash: 92d9n */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1r9iy {
+.picker-button__iconContainer_92d9n {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_1r9iy {
+.picker-button__open_92d9n {
     transform: var(--arrow-transform);
 }

package/picker-button/esm/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-94ad1b6c";
+export * from "../Component-a0f8bf33";

package/picker-button/esm/field/index.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-export { F as Field } from '../Component-94ad1b6c.js';
+export { F as Field } from '../Component-a0f8bf33.js';

package/picker-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: azo3q */
-.picker-button__container_azo3q {
+/* hash: unhb2 */
+.picker-button__container_unhb2 {
     min-width: auto;
 }

package/picker-button/esm/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import '../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-import './Component-94ad1b6c.js';
+import './Component-a0f8bf33.js';
 import '../../select/esm';
 export { PickerButton } from './Component.js';

package/picker-button/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-cb99627b.js');
+var field_Component = require('../Component-8a497560.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1r9iy */
+/* hash: 92d9n */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1r9iy {
+.picker-button__iconContainer_92d9n {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_1r9iy {
+.picker-button__open_92d9n {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-cb99627b";
+export * from "../Component-8a497560";

package/picker-button/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-cb99627b.js');
+var field_Component = require('../Component-8a497560.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/index.css

@@ -1,4 +1,4 @@
-/* hash: azo3q */
-.picker-button__container_azo3q {
+/* hash: unhb2 */
+.picker-button__container_unhb2 {
     min-width: auto;
 }

package/picker-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-cb99627b.js');
+require('./Component-8a497560.js');
 require('react');
 require('classnames');
 require('../select');

package/picker-button/modern/Component.js

@@ -6,7 +6,7 @@ import { OptionsList, Optgroup, Option, BaseSelect } from '../../select/modern';
 import '../../button/modern';
 import { Field } from './field/Component.js';
 
-var styles = {"container":"picker-button__container_azo3q"};
+var styles = {"container":"picker-button__container_unhb2"};
 require('./index.css');
 
 const PickerButton = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', className, leftAddons, ...restProps }, ref) => (React.createElement(BaseSelect, Object.assign({}, restProps, { ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {

package/picker-button/modern/field/Component.js

@@ -4,7 +4,7 @@ import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';
 import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';
 import { Button } from '../../../button/modern';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1r9iy","open":"picker-button__open_1r9iy"};
+var styles = {"iconContainer":"picker-button__iconContainer_92d9n","open":"picker-button__open_92d9n"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {

package/picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1r9iy */
+/* hash: 92d9n */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1r9iy {
+.picker-button__iconContainer_92d9n {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_1r9iy {
+.picker-button__open_92d9n {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: azo3q */
-.picker-button__container_azo3q {
+/* hash: unhb2 */
+.picker-button__container_unhb2 {
     min-width: auto;
 }

package/radio-group/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_5fihh","error":"radio-group__error_5fihh","radioList":"radio-group__radioList_5fihh","vertical":"radio-group__vertical_5fihh","radio":"radio-group__radio_5fihh","horizontal":"radio-group__horizontal_5fihh","tag":"radio-group__tag_5fihh","tagLabel":"radio-group__tagLabel_5fihh","label":"radio-group__label_5fihh","sub":"radio-group__sub_5fihh","errorMessage":"radio-group__errorMessage_5fihh","hint":"radio-group__hint_5fihh","hiddenInput":"radio-group__hiddenInput_5fihh"};
+var styles = {"component":"radio-group__component_1diw5","error":"radio-group__error_1diw5","radioList":"radio-group__radioList_1diw5","vertical":"radio-group__vertical_1diw5","radio":"radio-group__radio_1diw5","horizontal":"radio-group__horizontal_1diw5","tag":"radio-group__tag_1diw5","tagLabel":"radio-group__tagLabel_1diw5","label":"radio-group__label_1diw5","sub":"radio-group__sub_1diw5","errorMessage":"radio-group__errorMessage_1diw5","hint":"radio-group__hint_1diw5","hiddenInput":"radio-group__hiddenInput_1diw5"};
 require('./index.css');
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
@@ -79,7 +79,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
             }
             return null;
         }))) : null,
-        errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles.sub, styles.errorMessage) }, errorMessage)),
+        errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles.sub, styles.hint) }, hint))));
 });
 /**

package/radio-group/cssm/Component.js

@@ -78,7 +78,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
             }
             return null;
         }))) : null,
-        errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].sub, styles__default['default'].errorMessage) }, errorMessage)),
+        errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].sub, styles__default['default'].errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].sub, styles__default['default'].hint) }, hint))));
 });
 /**

package/radio-group/esm/Component.js

@@ -28,7 +28,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_5fihh","error":"radio-group__error_5fihh","radioList":"radio-group__radioList_5fihh","vertical":"radio-group__vertical_5fihh","radio":"radio-group__radio_5fihh","horizontal":"radio-group__horizontal_5fihh","tag":"radio-group__tag_5fihh","tagLabel":"radio-group__tagLabel_5fihh","label":"radio-group__label_5fihh","sub":"radio-group__sub_5fihh","errorMessage":"radio-group__errorMessage_5fihh","hint":"radio-group__hint_5fihh","hiddenInput":"radio-group__hiddenInput_5fihh"};
+var styles = {"component":"radio-group__component_1diw5","error":"radio-group__error_1diw5","radioList":"radio-group__radioList_1diw5","vertical":"radio-group__vertical_1diw5","radio":"radio-group__radio_1diw5","horizontal":"radio-group__horizontal_1diw5","tag":"radio-group__tag_1diw5","tagLabel":"radio-group__tagLabel_1diw5","label":"radio-group__label_1diw5","sub":"radio-group__sub_1diw5","errorMessage":"radio-group__errorMessage_1diw5","hint":"radio-group__hint_1diw5","hiddenInput":"radio-group__hiddenInput_1diw5"};
 require('./index.css');
 
 var RadioGroup = forwardRef(function (_a, ref) {
@@ -72,7 +72,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
             }
             return null;
         }))) : null,
-        errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.errorMessage) }, errorMessage)),
+        errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.hint) }, hint))));
 });
 /**

package/radio-group/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 5fihh */
+/* hash: 1diw5 */
 :root {
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_5fihh {
+.radio-group__component_1diw5 {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_5fihh {
+.radio-group__error_1diw5 {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_5fihh {
+.radio-group__radioList_1diw5 {
     display: flex;
 }
-.radio-group__vertical_5fihh .radio-group__radioList_5fihh {
+.radio-group__vertical_1diw5 .radio-group__radioList_1diw5 {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_5fihh .radio-group__radio_5fihh {
+.radio-group__vertical_1diw5 .radio-group__radio_1diw5 {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_5fihh .radio-group__radio_5fihh:last-child {
+.radio-group__vertical_1diw5 .radio-group__radio_1diw5:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_5fihh .radio-group__radioList_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__radioList_1diw5 {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_5fihh.radio-group__horizontal_5fihh .radio-group__radioList_5fihh {
+.radio-group__tag_1diw5.radio-group__horizontal_1diw5 .radio-group__radioList_1diw5 {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_5fihh .radio-group__radio_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__radio_1diw5 {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_5fihh .radio-group__tagLabel_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__tagLabel_1diw5 {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_5fihh {
+.radio-group__label_1diw5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_5fihh {
+.radio-group__sub_1diw5 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_5fihh {
+.radio-group__errorMessage_1diw5 {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_5fihh {
+.radio-group__hint_1diw5 {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_5fihh {
+.radio-group__hiddenInput_1diw5 {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_5fihh {
+.radio-group__tagLabel_1diw5 {
     position: relative;
 }

package/radio-group/index.css

@@ -1,4 +1,4 @@
-/* hash: 5fihh */
+/* hash: 1diw5 */
 :root {
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_5fihh {
+.radio-group__component_1diw5 {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_5fihh {
+.radio-group__error_1diw5 {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_5fihh {
+.radio-group__radioList_1diw5 {
     display: flex;
 }
-.radio-group__vertical_5fihh .radio-group__radioList_5fihh {
+.radio-group__vertical_1diw5 .radio-group__radioList_1diw5 {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_5fihh .radio-group__radio_5fihh {
+.radio-group__vertical_1diw5 .radio-group__radio_1diw5 {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_5fihh .radio-group__radio_5fihh:last-child {
+.radio-group__vertical_1diw5 .radio-group__radio_1diw5:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_5fihh .radio-group__radioList_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__radioList_1diw5 {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_5fihh.radio-group__horizontal_5fihh .radio-group__radioList_5fihh {
+.radio-group__tag_1diw5.radio-group__horizontal_1diw5 .radio-group__radioList_1diw5 {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_5fihh .radio-group__radio_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__radio_1diw5 {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_5fihh .radio-group__tagLabel_5fihh {
+.radio-group__horizontal_1diw5 .radio-group__tagLabel_1diw5 {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_5fihh {
+.radio-group__label_1diw5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_5fihh {
+.radio-group__sub_1diw5 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_5fihh {
+.radio-group__errorMessage_1diw5 {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_5fihh {
+.radio-group__hint_1diw5 {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_5fihh {
+.radio-group__hiddenInput_1diw5 {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_5fihh {
+.radio-group__tagLabel_1diw5 {
     position: relative;
 }