@alfalab/core-components 41.3.1 → 41.4.0

package/pure-input/modern/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_12bce {
+} .pure-input__input_gz19v {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_12bce:-webkit-autofill {
+} .pure-input__input_gz19v:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_12bce::placeholder {
+} .pure-input__input_gz19v::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_12bce::placeholder {
+} .pure-input__hasInnerLabel_gz19v::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_12bce {
+} .pure-input__clearIcon_gz19v {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_12bce:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_gz19v:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_12bce:read-only:focus::placeholder {
+} .pure-input__input_gz19v:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_12bce:disabled {
+    } /* DISABLED STATE */ .pure-input__input_gz19v:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_12bce:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_gz19v:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_12bce {
+} /* ERROR STATE */ .pure-input__error_gz19v {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_12bce {
+} .pure-input__component_gz19v {
     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_12bce::placeholder {
+} .pure-input__component_gz19v::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_12bce {
+} .pure-input__block_gz19v {
     width: 100%;
-} /* SIZE */ .pure-input__s_12bce {
+} /* SIZE */ .pure-input__s_gz19v {
     height: var(--form-control-s-min-height);
-} .pure-input__m_12bce {
+} .pure-input__m_gz19v {
     height: var(--form-control-m-min-height);
-} .pure-input__l_12bce {
+} .pure-input__l_gz19v {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_12bce {
+} .pure-input__xl_gz19v {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_12bce:disabled {
+} /* DISABLED STATE */ .pure-input__component_gz19v: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_12bce:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_gz19v:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_12bce:not(:disabled):focus::placeholder {
+} .pure-input__component_gz19v:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_12bce {
+    } .pure-input__focusVisible_gz19v {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_12bce:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_gz19v:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_12bce::-ms-clear {
+} /* IE hide clear */ .pure-input__component_gz19v::-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_1rbpd","checked":"radio__checked_1rbpd","disabled":"radio__disabled_1rbpd","inactive":"radio__inactive_1rbpd","circle":"radio__circle_1rbpd","label":"radio__label_1rbpd","hint":"radio__hint_1rbpd","focused":"radio__focused_1rbpd","s":"radio__s_1rbpd","content":"radio__content_1rbpd","start":"radio__start_1rbpd","center":"radio__center_1rbpd","addons":"radio__addons_1rbpd","block":"radio__block_1rbpd"};
+var styles = {"container":"radio__container_y4k8i","checked":"radio__checked_y4k8i","disabled":"radio__disabled_y4k8i","inactive":"radio__inactive_y4k8i","circle":"radio__circle_y4k8i","label":"radio__label_y4k8i","hint":"radio__hint_y4k8i","focused":"radio__focused_y4k8i","s":"radio__s_y4k8i","content":"radio__content_y4k8i","start":"radio__start_y4k8i","center":"radio__center_y4k8i","addons":"radio__addons_y4k8i","block":"radio__block_y4k8i"};
 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_1rbpd","checked":"radio__checked_1rbpd","disabled":"radio__disabled_1rbpd","inactive":"radio__inactive_1rbpd","circle":"radio__circle_1rbpd","label":"radio__label_1rbpd","hint":"radio__hint_1rbpd","focused":"radio__focused_1rbpd","s":"radio__s_1rbpd","content":"radio__content_1rbpd","start":"radio__start_1rbpd","center":"radio__center_1rbpd","addons":"radio__addons_1rbpd","block":"radio__block_1rbpd"};
+var styles = {"container":"radio__container_y4k8i","checked":"radio__checked_y4k8i","disabled":"radio__disabled_y4k8i","inactive":"radio__inactive_y4k8i","circle":"radio__circle_y4k8i","label":"radio__label_y4k8i","hint":"radio__hint_y4k8i","focused":"radio__focused_y4k8i","s":"radio__s_y4k8i","content":"radio__content_y4k8i","start":"radio__start_y4k8i","center":"radio__center_y4k8i","addons":"radio__addons_y4k8i","block":"radio__block_y4k8i"};
 require('./index.css');
 
 var Radio = forwardRef(function (_a, ref) {

package/radio/esm/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1rbpd {
+} .radio__container_y4k8i {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd) .radio__circle_1rbpd {
+} .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i) .radio__circle_y4k8i {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):hover:not(:active) .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):hover:not(:active) .radio__circle_y4k8i {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):active .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):active .radio__circle_y4k8i {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__disabled_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__label_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__label_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__hint_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__hint_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd {
+        } .radio__container_y4k8i.radio__inactive_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__inactive_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__inactive_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:not(:active) .radio__circle_1rbpd:before,
-    .radio__container_1rbpd.radio__checked_1rbpd.radio__disabled_1rbpd:active .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__checked_y4k8i:not(:active) .radio__circle_y4k8i:before,
+    .radio__container_y4k8i.radio__checked_y4k8i.radio__disabled_y4k8i:active .radio__circle_y4k8i:before {
         opacity: 1;
-    } .radio__container_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:hover .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:hover .radio__circle_y4k8i {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:active .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:active .radio__circle_y4k8i {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1rbpd.radio__focused_1rbpd .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__focused_y4k8i .radio__circle_y4k8i {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1rbpd.radio__disabled_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd,
-    .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i,
+    .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1rbpd input {
+    } .radio__container_y4k8i input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1rbpd {
+    } .radio__circle_y4k8i {
     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_1rbpd:before {
+} .radio__circle_y4k8i: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_1rbpd .radio__circle_1rbpd {
+    } .radio__s_y4k8i .radio__circle_y4k8i {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1rbpd {
+} .radio__content_y4k8i {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1rbpd .radio__content_1rbpd {
+} .radio__s_y4k8i .radio__content_y4k8i {
     margin-left: var(--gap-xs);
-} .radio__start_1rbpd {
+} .radio__start_y4k8i {
     align-items: flex-start;
-} .radio__center_1rbpd {
+} .radio__center_y4k8i {
     align-items: center;
-} .radio__addons_1rbpd {
+} .radio__addons_y4k8i {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1rbpd {
+} .radio__block_y4k8i {
     width: 100%;
-} .radio__label_1rbpd {
+} .radio__label_y4k8i {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1rbpd {
+} .radio__hint_y4k8i {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1rbpd {
+} .radio__container_y4k8i {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd) .radio__circle_1rbpd {
+} .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i) .radio__circle_y4k8i {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):hover:not(:active) .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):hover:not(:active) .radio__circle_y4k8i {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):active .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):active .radio__circle_y4k8i {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__disabled_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__label_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__label_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__hint_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__hint_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd {
+        } .radio__container_y4k8i.radio__inactive_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__inactive_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__inactive_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:not(:active) .radio__circle_1rbpd:before,
-    .radio__container_1rbpd.radio__checked_1rbpd.radio__disabled_1rbpd:active .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__checked_y4k8i:not(:active) .radio__circle_y4k8i:before,
+    .radio__container_y4k8i.radio__checked_y4k8i.radio__disabled_y4k8i:active .radio__circle_y4k8i:before {
         opacity: 1;
-    } .radio__container_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:hover .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:hover .radio__circle_y4k8i {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:active .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:active .radio__circle_y4k8i {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1rbpd.radio__focused_1rbpd .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__focused_y4k8i .radio__circle_y4k8i {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1rbpd.radio__disabled_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd,
-    .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i,
+    .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1rbpd input {
+    } .radio__container_y4k8i input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1rbpd {
+    } .radio__circle_y4k8i {
     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_1rbpd:before {
+} .radio__circle_y4k8i: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_1rbpd .radio__circle_1rbpd {
+    } .radio__s_y4k8i .radio__circle_y4k8i {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1rbpd {
+} .radio__content_y4k8i {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1rbpd .radio__content_1rbpd {
+} .radio__s_y4k8i .radio__content_y4k8i {
     margin-left: var(--gap-xs);
-} .radio__start_1rbpd {
+} .radio__start_y4k8i {
     align-items: flex-start;
-} .radio__center_1rbpd {
+} .radio__center_y4k8i {
     align-items: center;
-} .radio__addons_1rbpd {
+} .radio__addons_y4k8i {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1rbpd {
+} .radio__block_y4k8i {
     width: 100%;
-} .radio__label_1rbpd {
+} .radio__label_y4k8i {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1rbpd {
+} .radio__hint_y4k8i {
     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_1rbpd","checked":"radio__checked_1rbpd","disabled":"radio__disabled_1rbpd","inactive":"radio__inactive_1rbpd","circle":"radio__circle_1rbpd","label":"radio__label_1rbpd","hint":"radio__hint_1rbpd","focused":"radio__focused_1rbpd","s":"radio__s_1rbpd","content":"radio__content_1rbpd","start":"radio__start_1rbpd","center":"radio__center_1rbpd","addons":"radio__addons_1rbpd","block":"radio__block_1rbpd"};
+const styles = {"container":"radio__container_y4k8i","checked":"radio__checked_y4k8i","disabled":"radio__disabled_y4k8i","inactive":"radio__inactive_y4k8i","circle":"radio__circle_y4k8i","label":"radio__label_y4k8i","hint":"radio__hint_y4k8i","focused":"radio__focused_y4k8i","s":"radio__s_y4k8i","content":"radio__content_y4k8i","start":"radio__start_y4k8i","center":"radio__center_y4k8i","addons":"radio__addons_y4k8i","block":"radio__block_y4k8i"};
 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) => {

package/radio/modern/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1rbpd {
+} .radio__container_y4k8i {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd) .radio__circle_1rbpd {
+} .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i) .radio__circle_y4k8i {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):hover:not(:active) .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):hover:not(:active) .radio__circle_y4k8i {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1rbpd:not(.radio__checked_1rbpd):not(.radio__disabled_1rbpd):not(.radio__inactive_1rbpd):active .radio__circle_1rbpd {
+        } .radio__container_y4k8i:not(.radio__checked_y4k8i):not(.radio__disabled_y4k8i):not(.radio__inactive_y4k8i):active .radio__circle_y4k8i {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__disabled_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__label_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__label_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__disabled_1rbpd .radio__hint_1rbpd {
+        } .radio__container_y4k8i.radio__disabled_y4k8i .radio__hint_y4k8i {
             color: var(--radio-disabled-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd {
+        } .radio__container_y4k8i.radio__inactive_y4k8i {
         cursor: var(--disabled-cursor)
-    } .radio__container_1rbpd.radio__inactive_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__inactive_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:not(:active) .radio__circle_1rbpd:before,
-    .radio__container_1rbpd.radio__checked_1rbpd.radio__disabled_1rbpd:active .radio__circle_1rbpd:before {
+        } .radio__container_y4k8i.radio__checked_y4k8i:not(:active) .radio__circle_y4k8i:before,
+    .radio__container_y4k8i.radio__checked_y4k8i.radio__disabled_y4k8i:active .radio__circle_y4k8i:before {
         opacity: 1;
-    } .radio__container_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:hover .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:hover .radio__circle_y4k8i {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1rbpd.radio__checked_1rbpd:active .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__checked_y4k8i:active .radio__circle_y4k8i {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1rbpd.radio__focused_1rbpd .radio__circle_1rbpd {
+        } .radio__container_y4k8i.radio__focused_y4k8i .radio__circle_y4k8i {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1rbpd.radio__disabled_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd,
-    .radio__container_1rbpd.radio__inactive_1rbpd.radio__checked_1rbpd .radio__circle_1rbpd {
+    } .radio__container_y4k8i.radio__disabled_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i,
+    .radio__container_y4k8i.radio__inactive_y4k8i.radio__checked_y4k8i .radio__circle_y4k8i {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1rbpd input {
+    } .radio__container_y4k8i input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1rbpd {
+    } .radio__circle_y4k8i {
     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_1rbpd:before {
+} .radio__circle_y4k8i: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_1rbpd .radio__circle_1rbpd {
+    } .radio__s_y4k8i .radio__circle_y4k8i {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1rbpd {
+} .radio__content_y4k8i {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1rbpd .radio__content_1rbpd {
+} .radio__s_y4k8i .radio__content_y4k8i {
     margin-left: var(--gap-xs);
-} .radio__start_1rbpd {
+} .radio__start_y4k8i {
     align-items: flex-start;
-} .radio__center_1rbpd {
+} .radio__center_y4k8i {
     align-items: center;
-} .radio__addons_1rbpd {
+} .radio__addons_y4k8i {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1rbpd {
+} .radio__block_y4k8i {
     width: 100%;
-} .radio__label_1rbpd {
+} .radio__label_y4k8i {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1rbpd {
+} .radio__hint_y4k8i {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"radio-group__component_phgvy","error":"radio-group__error_phgvy","radioList":"radio-group__radioList_phgvy","vertical":"radio-group__vertical_phgvy","radio":"radio-group__radio_phgvy","horizontal":"radio-group__horizontal_phgvy","tagLabel":"radio-group__tagLabel_phgvy","label":"radio-group__label_phgvy","sub":"radio-group__sub_phgvy","errorMessage":"radio-group__errorMessage_phgvy","hint":"radio-group__hint_phgvy","hiddenInput":"radio-group__hiddenInput_phgvy"};
+var styles = {"component":"radio-group__component_1kj78","error":"radio-group__error_1kj78","radioList":"radio-group__radioList_1kj78","vertical":"radio-group__vertical_1kj78","radio":"radio-group__radio_1kj78","horizontal":"radio-group__horizontal_1kj78","tagLabel":"radio-group__tagLabel_1kj78","label":"radio-group__label_1kj78","sub":"radio-group__sub_1kj78","errorMessage":"radio-group__errorMessage_1kj78","hint":"radio-group__hint_1kj78","hiddenInput":"radio-group__hiddenInput_1kj78"};
 require('./index.css');
 
 var RadioGroup = React.forwardRef(function (_a, ref) {

package/radio-group/esm/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-var styles = {"component":"radio-group__component_phgvy","error":"radio-group__error_phgvy","radioList":"radio-group__radioList_phgvy","vertical":"radio-group__vertical_phgvy","radio":"radio-group__radio_phgvy","horizontal":"radio-group__horizontal_phgvy","tagLabel":"radio-group__tagLabel_phgvy","label":"radio-group__label_phgvy","sub":"radio-group__sub_phgvy","errorMessage":"radio-group__errorMessage_phgvy","hint":"radio-group__hint_phgvy","hiddenInput":"radio-group__hiddenInput_phgvy"};
+var styles = {"component":"radio-group__component_1kj78","error":"radio-group__error_1kj78","radioList":"radio-group__radioList_1kj78","vertical":"radio-group__vertical_1kj78","radio":"radio-group__radio_1kj78","horizontal":"radio-group__horizontal_1kj78","tagLabel":"radio-group__tagLabel_1kj78","label":"radio-group__label_1kj78","sub":"radio-group__sub_1kj78","errorMessage":"radio-group__errorMessage_1kj78","hint":"radio-group__hint_1kj78","hiddenInput":"radio-group__hiddenInput_1kj78"};
 require('./index.css');
 
 var RadioGroup = forwardRef(function (_a, ref) {