@alfalab/core-components 41.8.0 → 41.9.0

package/pure-input/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_98pyc {
+} .pure-input__input_1n5pv {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_98pyc:-webkit-autofill {
+} .pure-input__input_1n5pv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_98pyc::placeholder {
+} .pure-input__input_1n5pv::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_98pyc::placeholder {
+} .pure-input__hasInnerLabel_1n5pv::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_98pyc {
+} .pure-input__clearIcon_1n5pv {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_98pyc:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_1n5pv:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_98pyc:read-only:focus::placeholder {
+} .pure-input__input_1n5pv:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_98pyc:disabled {
+    } /* DISABLED STATE */ .pure-input__input_1n5pv:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_98pyc:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_1n5pv:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_98pyc {
+} /* ERROR STATE */ .pure-input__error_1n5pv {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_98pyc {
+} .pure-input__component_1n5pv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,39 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__component_98pyc::placeholder {
+} .pure-input__component_1n5pv::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_98pyc {
+} .pure-input__block_1n5pv {
     width: 100%;
-} /* SIZE */ .pure-input__s_98pyc {
+} /* SIZE */ .pure-input__s_1n5pv {
     height: var(--form-control-s-min-height);
-} .pure-input__m_98pyc {
+} .pure-input__m_1n5pv {
     height: var(--form-control-m-min-height);
-} .pure-input__l_98pyc {
+} .pure-input__l_1n5pv {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_98pyc {
+} .pure-input__xl_1n5pv {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_98pyc:disabled {
+} /* DISABLED STATE */ .pure-input__component_1n5pv: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_98pyc:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_1n5pv:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_98pyc:not(:disabled):focus::placeholder {
+} .pure-input__component_1n5pv:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_98pyc {
+    } .pure-input__focusVisible_1n5pv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_98pyc:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_1n5pv:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_98pyc::-ms-clear {
+} /* IE hide clear */ .pure-input__component_1n5pv::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/pure-input/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"input":"pure-input__input_98pyc","hasInnerLabel":"pure-input__hasInnerLabel_98pyc","clearIcon":"pure-input__clearIcon_98pyc","error":"pure-input__error_98pyc","component":"pure-input__component_98pyc","block":"pure-input__block_98pyc","s":"pure-input__s_98pyc","m":"pure-input__m_98pyc","l":"pure-input__l_98pyc","xl":"pure-input__xl_98pyc","focusVisible":"pure-input__focusVisible_98pyc"};
+const styles = {"input":"pure-input__input_1n5pv","hasInnerLabel":"pure-input__hasInnerLabel_1n5pv","clearIcon":"pure-input__clearIcon_1n5pv","error":"pure-input__error_1n5pv","component":"pure-input__component_1n5pv","block":"pure-input__block_1n5pv","s":"pure-input__s_1n5pv","m":"pure-input__m_1n5pv","l":"pure-input__l_1n5pv","xl":"pure-input__xl_1n5pv","focusVisible":"pure-input__focusVisible_1n5pv"};
 require('./index.css');
 
 const PureInput = React.forwardRef(({ size = 's', type = 'text', block = false, className, dataTestId, ...restProps }, ref) => {

package/pure-input/modern/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_98pyc {
+} .pure-input__input_1n5pv {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_98pyc:-webkit-autofill {
+} .pure-input__input_1n5pv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_98pyc::placeholder {
+} .pure-input__input_1n5pv::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_98pyc::placeholder {
+} .pure-input__hasInnerLabel_1n5pv::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_98pyc {
+} .pure-input__clearIcon_1n5pv {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_98pyc:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_1n5pv:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_98pyc:read-only:focus::placeholder {
+} .pure-input__input_1n5pv:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_98pyc:disabled {
+    } /* DISABLED STATE */ .pure-input__input_1n5pv:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_98pyc:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_1n5pv:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_98pyc {
+} /* ERROR STATE */ .pure-input__error_1n5pv {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_98pyc {
+} .pure-input__component_1n5pv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,39 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__component_98pyc::placeholder {
+} .pure-input__component_1n5pv::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_98pyc {
+} .pure-input__block_1n5pv {
     width: 100%;
-} /* SIZE */ .pure-input__s_98pyc {
+} /* SIZE */ .pure-input__s_1n5pv {
     height: var(--form-control-s-min-height);
-} .pure-input__m_98pyc {
+} .pure-input__m_1n5pv {
     height: var(--form-control-m-min-height);
-} .pure-input__l_98pyc {
+} .pure-input__l_1n5pv {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_98pyc {
+} .pure-input__xl_1n5pv {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_98pyc:disabled {
+} /* DISABLED STATE */ .pure-input__component_1n5pv: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_98pyc:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_1n5pv:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_98pyc:not(:disabled):focus::placeholder {
+} .pure-input__component_1n5pv:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_98pyc {
+    } .pure-input__focusVisible_1n5pv {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_98pyc:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_1n5pv:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_98pyc::-ms-clear {
+} /* IE hide clear */ .pure-input__component_1n5pv::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/radio/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"radio__container_p2hki","checked":"radio__checked_p2hki","disabled":"radio__disabled_p2hki","inactive":"radio__inactive_p2hki","circle":"radio__circle_p2hki","label":"radio__label_p2hki","hint":"radio__hint_p2hki","focused":"radio__focused_p2hki","s":"radio__s_p2hki","content":"radio__content_p2hki","start":"radio__start_p2hki","center":"radio__center_p2hki","addons":"radio__addons_p2hki","block":"radio__block_p2hki"};
+var styles = {"container":"radio__container_qn0mj","checked":"radio__checked_qn0mj","disabled":"radio__disabled_qn0mj","inactive":"radio__inactive_qn0mj","circle":"radio__circle_qn0mj","label":"radio__label_qn0mj","hint":"radio__hint_qn0mj","focused":"radio__focused_qn0mj","s":"radio__s_qn0mj","content":"radio__content_qn0mj","start":"radio__start_qn0mj","center":"radio__center_qn0mj","addons":"radio__addons_qn0mj","block":"radio__block_qn0mj"};
 require('./index.css');
 
 var Radio = React.forwardRef(function (_a, ref) {

package/radio/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"container":"radio__container_p2hki","checked":"radio__checked_p2hki","disabled":"radio__disabled_p2hki","inactive":"radio__inactive_p2hki","circle":"radio__circle_p2hki","label":"radio__label_p2hki","hint":"radio__hint_p2hki","focused":"radio__focused_p2hki","s":"radio__s_p2hki","content":"radio__content_p2hki","start":"radio__start_p2hki","center":"radio__center_p2hki","addons":"radio__addons_p2hki","block":"radio__block_p2hki"};
+var styles = {"container":"radio__container_qn0mj","checked":"radio__checked_qn0mj","disabled":"radio__disabled_qn0mj","inactive":"radio__inactive_qn0mj","circle":"radio__circle_qn0mj","label":"radio__label_qn0mj","hint":"radio__hint_qn0mj","focused":"radio__focused_qn0mj","s":"radio__s_qn0mj","content":"radio__content_qn0mj","start":"radio__start_qn0mj","center":"radio__center_qn0mj","addons":"radio__addons_qn0mj","block":"radio__block_qn0mj"};
 require('./index.css');
 
 var Radio = forwardRef(function (_a, ref) {

package/radio/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: pvtn3 */
+/* hash: mk8p6 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-static-graphic-light);
-} .radio__container_p2hki {
+} .radio__container_qn0mj {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki) .radio__circle_p2hki {
+} .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj) .radio__circle_qn0mj {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):hover:not(:active) .radio__circle_p2hki {
+        } .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj):hover:not(:active) .radio__circle_qn0mj {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):active .radio__circle_p2hki {
+        } .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj):active .radio__circle_qn0mj {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_p2hki.radio__disabled_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj {
         cursor: var(--disabled-cursor)
-    } .radio__container_p2hki.radio__disabled_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__disabled_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_p2hki.radio__disabled_p2hki .radio__label_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj .radio__label_qn0mj {
             color: var(--radio-disabled-color);
-        } .radio__container_p2hki.radio__disabled_p2hki .radio__hint_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj .radio__hint_qn0mj {
             color: var(--radio-disabled-color);
-        } .radio__container_p2hki.radio__inactive_p2hki {
+        } .radio__container_qn0mj.radio__inactive_qn0mj {
         cursor: var(--disabled-cursor)
-    } .radio__container_p2hki.radio__inactive_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__inactive_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki:before {
+        } .radio__container_qn0mj.radio__inactive_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_p2hki.radio__checked_p2hki:not(:active) .radio__circle_p2hki:before,
-    .radio__container_p2hki.radio__checked_p2hki.radio__disabled_p2hki:active .radio__circle_p2hki:before {
+        } .radio__container_qn0mj.radio__checked_qn0mj:not(:active) .radio__circle_qn0mj:before,
+    .radio__container_qn0mj.radio__checked_qn0mj.radio__disabled_qn0mj:active .radio__circle_qn0mj:before {
         opacity: 1;
-    } .radio__container_p2hki.radio__checked_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_p2hki.radio__checked_p2hki:hover .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__checked_qn0mj:hover .radio__circle_qn0mj {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_p2hki.radio__checked_p2hki:active .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__checked_qn0mj:active .radio__circle_qn0mj {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_p2hki.radio__focused_p2hki .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__focused_qn0mj .radio__circle_qn0mj {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_p2hki.radio__disabled_p2hki.radio__checked_p2hki .radio__circle_p2hki,
-    .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__disabled_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj,
+    .radio__container_qn0mj.radio__inactive_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_p2hki input {
+    } .radio__container_qn0mj input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_p2hki {
+    } .radio__circle_qn0mj {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -132,7 +132,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_p2hki:before {
+} .radio__circle_qn0mj:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -146,32 +146,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_p2hki .radio__circle_p2hki {
+    } .radio__s_qn0mj .radio__circle_qn0mj {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_p2hki {
+} .radio__content_qn0mj {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_p2hki .radio__content_p2hki {
+} .radio__s_qn0mj .radio__content_qn0mj {
     margin-left: var(--gap-xs);
-} .radio__start_p2hki {
+} .radio__start_qn0mj {
     align-items: flex-start;
-} .radio__center_p2hki {
+} .radio__center_qn0mj {
     align-items: center;
-} .radio__addons_p2hki {
+} .radio__addons_qn0mj {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_p2hki {
+} .radio__block_qn0mj {
     width: 100%;
-} .radio__label_p2hki {
+} .radio__label_qn0mj {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_p2hki {
+} .radio__hint_qn0mj {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css

@@ -1,4 +1,4 @@
-/* hash: pvtn3 */
+/* hash: mk8p6 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-static-graphic-light);
-} .radio__container_p2hki {
+} .radio__container_qn0mj {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki) .radio__circle_p2hki {
+} .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj) .radio__circle_qn0mj {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):hover:not(:active) .radio__circle_p2hki {
+        } .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj):hover:not(:active) .radio__circle_qn0mj {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):active .radio__circle_p2hki {
+        } .radio__container_qn0mj:not(.radio__checked_qn0mj):not(.radio__disabled_qn0mj):not(.radio__inactive_qn0mj):active .radio__circle_qn0mj {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_p2hki.radio__disabled_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj {
         cursor: var(--disabled-cursor)
-    } .radio__container_p2hki.radio__disabled_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__disabled_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_p2hki.radio__disabled_p2hki .radio__label_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj .radio__label_qn0mj {
             color: var(--radio-disabled-color);
-        } .radio__container_p2hki.radio__disabled_p2hki .radio__hint_p2hki {
+        } .radio__container_qn0mj.radio__disabled_qn0mj .radio__hint_qn0mj {
             color: var(--radio-disabled-color);
-        } .radio__container_p2hki.radio__inactive_p2hki {
+        } .radio__container_qn0mj.radio__inactive_qn0mj {
         cursor: var(--disabled-cursor)
-    } .radio__container_p2hki.radio__inactive_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__inactive_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki:before {
+        } .radio__container_qn0mj.radio__inactive_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_p2hki.radio__checked_p2hki:not(:active) .radio__circle_p2hki:before,
-    .radio__container_p2hki.radio__checked_p2hki.radio__disabled_p2hki:active .radio__circle_p2hki:before {
+        } .radio__container_qn0mj.radio__checked_qn0mj:not(:active) .radio__circle_qn0mj:before,
+    .radio__container_qn0mj.radio__checked_qn0mj.radio__disabled_qn0mj:active .radio__circle_qn0mj:before {
         opacity: 1;
-    } .radio__container_p2hki.radio__checked_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_p2hki.radio__checked_p2hki:hover .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__checked_qn0mj:hover .radio__circle_qn0mj {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_p2hki.radio__checked_p2hki:active .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__checked_qn0mj:active .radio__circle_qn0mj {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_p2hki.radio__focused_p2hki .radio__circle_p2hki {
+        } .radio__container_qn0mj.radio__focused_qn0mj .radio__circle_qn0mj {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_p2hki.radio__disabled_p2hki.radio__checked_p2hki .radio__circle_p2hki,
-    .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki {
+    } .radio__container_qn0mj.radio__disabled_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj,
+    .radio__container_qn0mj.radio__inactive_qn0mj.radio__checked_qn0mj .radio__circle_qn0mj {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_p2hki input {
+    } .radio__container_qn0mj input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_p2hki {
+    } .radio__circle_qn0mj {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -132,7 +132,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_p2hki:before {
+} .radio__circle_qn0mj:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -146,32 +146,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_p2hki .radio__circle_p2hki {
+    } .radio__s_qn0mj .radio__circle_qn0mj {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_p2hki {
+} .radio__content_qn0mj {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_p2hki .radio__content_p2hki {
+} .radio__s_qn0mj .radio__content_qn0mj {
     margin-left: var(--gap-xs);
-} .radio__start_p2hki {
+} .radio__start_qn0mj {
     align-items: flex-start;
-} .radio__center_p2hki {
+} .radio__center_qn0mj {
     align-items: center;
-} .radio__addons_p2hki {
+} .radio__addons_qn0mj {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_p2hki {
+} .radio__block_qn0mj {
     width: 100%;
-} .radio__label_p2hki {
+} .radio__label_qn0mj {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_p2hki {
+} .radio__hint_qn0mj {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"container":"radio__container_p2hki","checked":"radio__checked_p2hki","disabled":"radio__disabled_p2hki","inactive":"radio__inactive_p2hki","circle":"radio__circle_p2hki","label":"radio__label_p2hki","hint":"radio__hint_p2hki","focused":"radio__focused_p2hki","s":"radio__s_p2hki","content":"radio__content_p2hki","start":"radio__start_p2hki","center":"radio__center_p2hki","addons":"radio__addons_p2hki","block":"radio__block_p2hki"};
+const styles = {"container":"radio__container_qn0mj","checked":"radio__checked_qn0mj","disabled":"radio__disabled_qn0mj","inactive":"radio__inactive_qn0mj","circle":"radio__circle_qn0mj","label":"radio__label_qn0mj","hint":"radio__hint_qn0mj","focused":"radio__focused_qn0mj","s":"radio__s_qn0mj","content":"radio__content_qn0mj","start":"radio__start_qn0mj","center":"radio__center_qn0mj","addons":"radio__addons_qn0mj","block":"radio__block_qn0mj"};
 require('./index.css');
 
 const Radio = forwardRef(({ onChange, className, circleClassName, contentClassName, name, disabled, inactive, dataTestId, label, checked, hint, size = 's', align = 'start', addons, block, ...restProps }, ref) => {