@alfalab/core-components 39.2.0 → 39.2.1

package/radio/esm/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1vlgk {
+} .radio__container_izzhr {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk) .radio__circle_1vlgk {
+} .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr) .radio__circle_izzhr {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):hover:not(:active) .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):hover:not(:active) .radio__circle_izzhr {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):active .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):active .radio__circle_izzhr {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__disabled_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr .radio__circle_izzhr {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__label_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__label_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__hint_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__hint_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk {
+        } .radio__container_izzhr.radio__inactive_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__inactive_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__inactive_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:not(:active) .radio__circle_1vlgk:before,
-    .radio__container_1vlgk.radio__checked_1vlgk.radio__disabled_1vlgk:active .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__checked_izzhr:not(:active) .radio__circle_izzhr:before,
+    .radio__container_izzhr.radio__checked_izzhr.radio__disabled_izzhr:active .radio__circle_izzhr:before {
         opacity: 1;
-    } .radio__container_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__checked_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:hover .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:hover .radio__circle_izzhr {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:active .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:active .radio__circle_izzhr {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1vlgk.radio__focused_1vlgk .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__focused_izzhr .radio__circle_izzhr {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1vlgk.radio__disabled_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk,
-    .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr.radio__checked_izzhr .radio__circle_izzhr,
+    .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1vlgk input {
+    } .radio__container_izzhr input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1vlgk {
+    } .radio__circle_izzhr {
     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_1vlgk:before {
+} .radio__circle_izzhr: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_1vlgk .radio__circle_1vlgk {
+    } .radio__s_izzhr .radio__circle_izzhr {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1vlgk {
+} .radio__content_izzhr {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1vlgk .radio__content_1vlgk {
+} .radio__s_izzhr .radio__content_izzhr {
     margin-left: var(--gap-xs);
-} .radio__start_1vlgk {
+} .radio__start_izzhr {
     align-items: flex-start;
-} .radio__center_1vlgk {
+} .radio__center_izzhr {
     align-items: center;
-} .radio__addons_1vlgk {
+} .radio__addons_izzhr {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1vlgk {
+} .radio__block_izzhr {
     width: 100%;
-} .radio__label_1vlgk {
+} .radio__label_izzhr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1vlgk {
+} .radio__hint_izzhr {
     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_1vlgk {
+} .radio__container_izzhr {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk) .radio__circle_1vlgk {
+} .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr) .radio__circle_izzhr {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):hover:not(:active) .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):hover:not(:active) .radio__circle_izzhr {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):active .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):active .radio__circle_izzhr {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__disabled_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr .radio__circle_izzhr {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__label_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__label_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__hint_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__hint_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk {
+        } .radio__container_izzhr.radio__inactive_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__inactive_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__inactive_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:not(:active) .radio__circle_1vlgk:before,
-    .radio__container_1vlgk.radio__checked_1vlgk.radio__disabled_1vlgk:active .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__checked_izzhr:not(:active) .radio__circle_izzhr:before,
+    .radio__container_izzhr.radio__checked_izzhr.radio__disabled_izzhr:active .radio__circle_izzhr:before {
         opacity: 1;
-    } .radio__container_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__checked_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:hover .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:hover .radio__circle_izzhr {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:active .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:active .radio__circle_izzhr {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1vlgk.radio__focused_1vlgk .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__focused_izzhr .radio__circle_izzhr {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1vlgk.radio__disabled_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk,
-    .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr.radio__checked_izzhr .radio__circle_izzhr,
+    .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1vlgk input {
+    } .radio__container_izzhr input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1vlgk {
+    } .radio__circle_izzhr {
     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_1vlgk:before {
+} .radio__circle_izzhr: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_1vlgk .radio__circle_1vlgk {
+    } .radio__s_izzhr .radio__circle_izzhr {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1vlgk {
+} .radio__content_izzhr {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1vlgk .radio__content_1vlgk {
+} .radio__s_izzhr .radio__content_izzhr {
     margin-left: var(--gap-xs);
-} .radio__start_1vlgk {
+} .radio__start_izzhr {
     align-items: flex-start;
-} .radio__center_1vlgk {
+} .radio__center_izzhr {
     align-items: center;
-} .radio__addons_1vlgk {
+} .radio__addons_izzhr {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1vlgk {
+} .radio__block_izzhr {
     width: 100%;
-} .radio__label_1vlgk {
+} .radio__label_izzhr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1vlgk {
+} .radio__hint_izzhr {
     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_1vlgk","checked":"radio__checked_1vlgk","disabled":"radio__disabled_1vlgk","inactive":"radio__inactive_1vlgk","circle":"radio__circle_1vlgk","label":"radio__label_1vlgk","hint":"radio__hint_1vlgk","focused":"radio__focused_1vlgk","s":"radio__s_1vlgk","content":"radio__content_1vlgk","start":"radio__start_1vlgk","center":"radio__center_1vlgk","addons":"radio__addons_1vlgk","block":"radio__block_1vlgk"};
+const styles = {"container":"radio__container_izzhr","checked":"radio__checked_izzhr","disabled":"radio__disabled_izzhr","inactive":"radio__inactive_izzhr","circle":"radio__circle_izzhr","label":"radio__label_izzhr","hint":"radio__hint_izzhr","focused":"radio__focused_izzhr","s":"radio__s_izzhr","content":"radio__content_izzhr","start":"radio__start_izzhr","center":"radio__center_izzhr","addons":"radio__addons_izzhr","block":"radio__block_izzhr"};
 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_1vlgk {
+} .radio__container_izzhr {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk) .radio__circle_1vlgk {
+} .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr) .radio__circle_izzhr {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):hover:not(:active) .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):hover:not(:active) .radio__circle_izzhr {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1vlgk:not(.radio__checked_1vlgk):not(.radio__disabled_1vlgk):not(.radio__inactive_1vlgk):active .radio__circle_1vlgk {
+        } .radio__container_izzhr:not(.radio__checked_izzhr):not(.radio__disabled_izzhr):not(.radio__inactive_izzhr):active .radio__circle_izzhr {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__disabled_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr .radio__circle_izzhr {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__label_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__label_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__disabled_1vlgk .radio__hint_1vlgk {
+        } .radio__container_izzhr.radio__disabled_izzhr .radio__hint_izzhr {
             color: var(--radio-disabled-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk {
+        } .radio__container_izzhr.radio__inactive_izzhr {
         cursor: var(--disabled-cursor)
-    } .radio__container_1vlgk.radio__inactive_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__inactive_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:not(:active) .radio__circle_1vlgk:before,
-    .radio__container_1vlgk.radio__checked_1vlgk.radio__disabled_1vlgk:active .radio__circle_1vlgk:before {
+        } .radio__container_izzhr.radio__checked_izzhr:not(:active) .radio__circle_izzhr:before,
+    .radio__container_izzhr.radio__checked_izzhr.radio__disabled_izzhr:active .radio__circle_izzhr:before {
         opacity: 1;
-    } .radio__container_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__checked_izzhr .radio__circle_izzhr {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:hover .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:hover .radio__circle_izzhr {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1vlgk.radio__checked_1vlgk:active .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__checked_izzhr:active .radio__circle_izzhr {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1vlgk.radio__focused_1vlgk .radio__circle_1vlgk {
+        } .radio__container_izzhr.radio__focused_izzhr .radio__circle_izzhr {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1vlgk.radio__disabled_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk,
-    .radio__container_1vlgk.radio__inactive_1vlgk.radio__checked_1vlgk .radio__circle_1vlgk {
+    } .radio__container_izzhr.radio__disabled_izzhr.radio__checked_izzhr .radio__circle_izzhr,
+    .radio__container_izzhr.radio__inactive_izzhr.radio__checked_izzhr .radio__circle_izzhr {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1vlgk input {
+    } .radio__container_izzhr input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1vlgk {
+    } .radio__circle_izzhr {
     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_1vlgk:before {
+} .radio__circle_izzhr: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_1vlgk .radio__circle_1vlgk {
+    } .radio__s_izzhr .radio__circle_izzhr {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1vlgk {
+} .radio__content_izzhr {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1vlgk .radio__content_1vlgk {
+} .radio__s_izzhr .radio__content_izzhr {
     margin-left: var(--gap-xs);
-} .radio__start_1vlgk {
+} .radio__start_izzhr {
     align-items: flex-start;
-} .radio__center_1vlgk {
+} .radio__center_izzhr {
     align-items: center;
-} .radio__addons_1vlgk {
+} .radio__addons_izzhr {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1vlgk {
+} .radio__block_izzhr {
     width: 100%;
-} .radio__label_1vlgk {
+} .radio__label_izzhr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1vlgk {
+} .radio__hint_izzhr {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.js

@@ -8,7 +8,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_rxlck","error":"radio-group__error_rxlck","radioList":"radio-group__radioList_rxlck","vertical":"radio-group__vertical_rxlck","radio":"radio-group__radio_rxlck","horizontal":"radio-group__horizontal_rxlck","tag":"radio-group__tag_rxlck","tagLabel":"radio-group__tagLabel_rxlck","label":"radio-group__label_rxlck","sub":"radio-group__sub_rxlck","errorMessage":"radio-group__errorMessage_rxlck","hint":"radio-group__hint_rxlck","hiddenInput":"radio-group__hiddenInput_rxlck"};
+var styles = {"component":"radio-group__component_z3neq","error":"radio-group__error_z3neq","radioList":"radio-group__radioList_z3neq","vertical":"radio-group__vertical_z3neq","radio":"radio-group__radio_z3neq","horizontal":"radio-group__horizontal_z3neq","tag":"radio-group__tag_z3neq","tagLabel":"radio-group__tagLabel_z3neq","label":"radio-group__label_z3neq","sub":"radio-group__sub_z3neq","errorMessage":"radio-group__errorMessage_z3neq","hint":"radio-group__hint_z3neq","hiddenInput":"radio-group__hiddenInput_z3neq"};
 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_rxlck","error":"radio-group__error_rxlck","radioList":"radio-group__radioList_rxlck","vertical":"radio-group__vertical_rxlck","radio":"radio-group__radio_rxlck","horizontal":"radio-group__horizontal_rxlck","tag":"radio-group__tag_rxlck","tagLabel":"radio-group__tagLabel_rxlck","label":"radio-group__label_rxlck","sub":"radio-group__sub_rxlck","errorMessage":"radio-group__errorMessage_rxlck","hint":"radio-group__hint_rxlck","hiddenInput":"radio-group__hiddenInput_rxlck"};
+var styles = {"component":"radio-group__component_z3neq","error":"radio-group__error_z3neq","radioList":"radio-group__radioList_z3neq","vertical":"radio-group__vertical_z3neq","radio":"radio-group__radio_z3neq","horizontal":"radio-group__horizontal_z3neq","tag":"radio-group__tag_z3neq","tagLabel":"radio-group__tagLabel_z3neq","label":"radio-group__label_z3neq","sub":"radio-group__sub_z3neq","errorMessage":"radio-group__errorMessage_z3neq","hint":"radio-group__hint_z3neq","hiddenInput":"radio-group__hiddenInput_z3neq"};
 require('./index.css');
 
 var RadioGroup = forwardRef(function (_a, ref) {

package/radio-group/esm/index.css

@@ -29,56 +29,56 @@
     --radio-group-error-color: var(--color-light-text-negative);
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
-} .radio-group__component_rxlck {
+} .radio-group__component_z3neq {
     display: flex;
     flex-direction: column;
-} .radio-group__error_rxlck {
+} .radio-group__error_z3neq {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
-} .radio-group__radioList_rxlck {
+} .radio-group__radioList_z3neq {
     display: flex;
-} .radio-group__vertical_rxlck .radio-group__radioList_rxlck {
+} .radio-group__vertical_z3neq .radio-group__radioList_z3neq {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_rxlck .radio-group__radio_rxlck {
+} .radio-group__vertical_z3neq .radio-group__radio_z3neq {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_rxlck .radio-group__radio_rxlck:last-child {
+} .radio-group__vertical_z3neq .radio-group__radio_z3neq:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_rxlck .radio-group__radioList_rxlck {
+    } .radio-group__horizontal_z3neq .radio-group__radioList_z3neq {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__tag_rxlck.radio-group__horizontal_rxlck .radio-group__radioList_rxlck {
+} .radio-group__tag_z3neq.radio-group__horizontal_z3neq .radio-group__radioList_z3neq {
     margin-right: var(--gap-xs-neg);
-} .radio-group__horizontal_rxlck .radio-group__radio_rxlck {
+} .radio-group__horizontal_z3neq .radio-group__radio_z3neq {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_rxlck .radio-group__tagLabel_rxlck {
+} .radio-group__horizontal_z3neq .radio-group__tagLabel_z3neq {
     margin-right: var(--gap-xs);
-} .radio-group__label_rxlck {
+} .radio-group__label_z3neq {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_rxlck {
+} .radio-group__sub_z3neq {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_rxlck {
+} .radio-group__errorMessage_z3neq {
     color: var(--radio-group-error-color);
-} .radio-group__hint_rxlck {
+} .radio-group__hint_z3neq {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_rxlck {
+} .radio-group__hiddenInput_z3neq {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_rxlck:focus ~ button {
+} .radio-group__hiddenInput_z3neq:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_rxlck {
+    } .radio-group__tagLabel_z3neq {
     position: relative;
 }

package/radio-group/index.css

@@ -29,56 +29,56 @@
     --radio-group-error-color: var(--color-light-text-negative);
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
-} .radio-group__component_rxlck {
+} .radio-group__component_z3neq {
     display: flex;
     flex-direction: column;
-} .radio-group__error_rxlck {
+} .radio-group__error_z3neq {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
-} .radio-group__radioList_rxlck {
+} .radio-group__radioList_z3neq {
     display: flex;
-} .radio-group__vertical_rxlck .radio-group__radioList_rxlck {
+} .radio-group__vertical_z3neq .radio-group__radioList_z3neq {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_rxlck .radio-group__radio_rxlck {
+} .radio-group__vertical_z3neq .radio-group__radio_z3neq {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_rxlck .radio-group__radio_rxlck:last-child {
+} .radio-group__vertical_z3neq .radio-group__radio_z3neq:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_rxlck .radio-group__radioList_rxlck {
+    } .radio-group__horizontal_z3neq .radio-group__radioList_z3neq {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__tag_rxlck.radio-group__horizontal_rxlck .radio-group__radioList_rxlck {
+} .radio-group__tag_z3neq.radio-group__horizontal_z3neq .radio-group__radioList_z3neq {
     margin-right: var(--gap-xs-neg);
-} .radio-group__horizontal_rxlck .radio-group__radio_rxlck {
+} .radio-group__horizontal_z3neq .radio-group__radio_z3neq {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_rxlck .radio-group__tagLabel_rxlck {
+} .radio-group__horizontal_z3neq .radio-group__tagLabel_z3neq {
     margin-right: var(--gap-xs);
-} .radio-group__label_rxlck {
+} .radio-group__label_z3neq {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_rxlck {
+} .radio-group__sub_z3neq {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_rxlck {
+} .radio-group__errorMessage_z3neq {
     color: var(--radio-group-error-color);
-} .radio-group__hint_rxlck {
+} .radio-group__hint_z3neq {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_rxlck {
+} .radio-group__hiddenInput_z3neq {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_rxlck:focus ~ button {
+} .radio-group__hiddenInput_z3neq:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_rxlck {
+    } .radio-group__tagLabel_z3neq {
     position: relative;
 }

package/radio-group/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-const styles = {"component":"radio-group__component_rxlck","error":"radio-group__error_rxlck","radioList":"radio-group__radioList_rxlck","vertical":"radio-group__vertical_rxlck","radio":"radio-group__radio_rxlck","horizontal":"radio-group__horizontal_rxlck","tag":"radio-group__tag_rxlck","tagLabel":"radio-group__tagLabel_rxlck","label":"radio-group__label_rxlck","sub":"radio-group__sub_rxlck","errorMessage":"radio-group__errorMessage_rxlck","hint":"radio-group__hint_rxlck","hiddenInput":"radio-group__hiddenInput_rxlck"};
+const styles = {"component":"radio-group__component_z3neq","error":"radio-group__error_z3neq","radioList":"radio-group__radioList_z3neq","vertical":"radio-group__vertical_z3neq","radio":"radio-group__radio_z3neq","horizontal":"radio-group__horizontal_z3neq","tag":"radio-group__tag_z3neq","tagLabel":"radio-group__tagLabel_z3neq","label":"radio-group__label_z3neq","sub":"radio-group__sub_z3neq","errorMessage":"radio-group__errorMessage_z3neq","hint":"radio-group__hint_z3neq","hiddenInput":"radio-group__hiddenInput_z3neq"};
 require('./index.css');
 
 const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {