@alfalab/core-components 42.0.0 → 42.2.0

package/radio/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: t3xw0 */
+/* hash: mjvs3 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1x4zw {
+} .radio__container_1f9y6 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw) .radio__circle_1x4zw {
+} .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6) .radio__circle_1f9y6 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):hover:not(:active) .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):hover:not(:active) .radio__circle_1f9y6 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):active .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):active .radio__circle_1f9y6 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__disabled_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__label_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__label_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__hint_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__hint_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw {
+        } .radio__container_1f9y6.radio__inactive_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__inactive_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__inactive_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:not(:active) .radio__circle_1x4zw:before,
-    .radio__container_1x4zw.radio__checked_1x4zw.radio__disabled_1x4zw:active .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__checked_1f9y6:not(:active) .radio__circle_1f9y6:before,
+    .radio__container_1f9y6.radio__checked_1f9y6.radio__disabled_1f9y6:active .radio__circle_1f9y6:before {
         opacity: 1;
-    } .radio__container_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:hover .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:hover .radio__circle_1f9y6 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:active .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:active .radio__circle_1f9y6 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1x4zw.radio__focused_1x4zw .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__focused_1f9y6 .radio__circle_1f9y6 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1x4zw.radio__disabled_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw,
-    .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6,
+    .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1x4zw input {
+    } .radio__container_1f9y6 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1x4zw {
+    } .radio__circle_1f9y6 {
     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_1x4zw:before {
+} .radio__circle_1f9y6: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_1x4zw .radio__circle_1x4zw {
+    } .radio__s_1f9y6 .radio__circle_1f9y6 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1x4zw {
+} .radio__content_1f9y6 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1x4zw .radio__content_1x4zw {
+} .radio__s_1f9y6 .radio__content_1f9y6 {
     margin-left: var(--gap-xs);
-} .radio__start_1x4zw {
+} .radio__start_1f9y6 {
     align-items: flex-start;
-} .radio__center_1x4zw {
+} .radio__center_1f9y6 {
     align-items: center;
-} .radio__addons_1x4zw {
+} .radio__addons_1f9y6 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1x4zw {
+} .radio__block_1f9y6 {
     width: 100%;
-} .radio__label_1x4zw {
+} .radio__label_1f9y6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1x4zw {
+} .radio__hint_1f9y6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css

@@ -1,4 +1,4 @@
-/* hash: t3xw0 */
+/* hash: mjvs3 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1x4zw {
+} .radio__container_1f9y6 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw) .radio__circle_1x4zw {
+} .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6) .radio__circle_1f9y6 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):hover:not(:active) .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):hover:not(:active) .radio__circle_1f9y6 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):active .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):active .radio__circle_1f9y6 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__disabled_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__label_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__label_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__hint_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__hint_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw {
+        } .radio__container_1f9y6.radio__inactive_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__inactive_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__inactive_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:not(:active) .radio__circle_1x4zw:before,
-    .radio__container_1x4zw.radio__checked_1x4zw.radio__disabled_1x4zw:active .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__checked_1f9y6:not(:active) .radio__circle_1f9y6:before,
+    .radio__container_1f9y6.radio__checked_1f9y6.radio__disabled_1f9y6:active .radio__circle_1f9y6:before {
         opacity: 1;
-    } .radio__container_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:hover .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:hover .radio__circle_1f9y6 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:active .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:active .radio__circle_1f9y6 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1x4zw.radio__focused_1x4zw .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__focused_1f9y6 .radio__circle_1f9y6 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1x4zw.radio__disabled_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw,
-    .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6,
+    .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1x4zw input {
+    } .radio__container_1f9y6 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1x4zw {
+    } .radio__circle_1f9y6 {
     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_1x4zw:before {
+} .radio__circle_1f9y6: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_1x4zw .radio__circle_1x4zw {
+    } .radio__s_1f9y6 .radio__circle_1f9y6 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1x4zw {
+} .radio__content_1f9y6 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1x4zw .radio__content_1x4zw {
+} .radio__s_1f9y6 .radio__content_1f9y6 {
     margin-left: var(--gap-xs);
-} .radio__start_1x4zw {
+} .radio__start_1f9y6 {
     align-items: flex-start;
-} .radio__center_1x4zw {
+} .radio__center_1f9y6 {
     align-items: center;
-} .radio__addons_1x4zw {
+} .radio__addons_1f9y6 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1x4zw {
+} .radio__block_1f9y6 {
     width: 100%;
-} .radio__label_1x4zw {
+} .radio__label_1f9y6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1x4zw {
+} .radio__hint_1f9y6 {
     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_1x4zw","checked":"radio__checked_1x4zw","disabled":"radio__disabled_1x4zw","inactive":"radio__inactive_1x4zw","circle":"radio__circle_1x4zw","label":"radio__label_1x4zw","hint":"radio__hint_1x4zw","focused":"radio__focused_1x4zw","s":"radio__s_1x4zw","content":"radio__content_1x4zw","start":"radio__start_1x4zw","center":"radio__center_1x4zw","addons":"radio__addons_1x4zw","block":"radio__block_1x4zw"};
+const styles = {"container":"radio__container_1f9y6","checked":"radio__checked_1f9y6","disabled":"radio__disabled_1f9y6","inactive":"radio__inactive_1f9y6","circle":"radio__circle_1f9y6","label":"radio__label_1f9y6","hint":"radio__hint_1f9y6","focused":"radio__focused_1f9y6","s":"radio__s_1f9y6","content":"radio__content_1f9y6","start":"radio__start_1f9y6","center":"radio__center_1f9y6","addons":"radio__addons_1f9y6","block":"radio__block_1f9y6"};
 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

@@ -1,4 +1,4 @@
-/* hash: t3xw0 */
+/* hash: mjvs3 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1x4zw {
+} .radio__container_1f9y6 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw) .radio__circle_1x4zw {
+} .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6) .radio__circle_1f9y6 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):hover:not(:active) .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):hover:not(:active) .radio__circle_1f9y6 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1x4zw:not(.radio__checked_1x4zw):not(.radio__disabled_1x4zw):not(.radio__inactive_1x4zw):active .radio__circle_1x4zw {
+        } .radio__container_1f9y6:not(.radio__checked_1f9y6):not(.radio__disabled_1f9y6):not(.radio__inactive_1f9y6):active .radio__circle_1f9y6 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__disabled_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__label_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__label_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__disabled_1x4zw .radio__hint_1x4zw {
+        } .radio__container_1f9y6.radio__disabled_1f9y6 .radio__hint_1f9y6 {
             color: var(--radio-disabled-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw {
+        } .radio__container_1f9y6.radio__inactive_1f9y6 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1x4zw.radio__inactive_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__inactive_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:not(:active) .radio__circle_1x4zw:before,
-    .radio__container_1x4zw.radio__checked_1x4zw.radio__disabled_1x4zw:active .radio__circle_1x4zw:before {
+        } .radio__container_1f9y6.radio__checked_1f9y6:not(:active) .radio__circle_1f9y6:before,
+    .radio__container_1f9y6.radio__checked_1f9y6.radio__disabled_1f9y6:active .radio__circle_1f9y6:before {
         opacity: 1;
-    } .radio__container_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:hover .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:hover .radio__circle_1f9y6 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1x4zw.radio__checked_1x4zw:active .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__checked_1f9y6:active .radio__circle_1f9y6 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1x4zw.radio__focused_1x4zw .radio__circle_1x4zw {
+        } .radio__container_1f9y6.radio__focused_1f9y6 .radio__circle_1f9y6 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1x4zw.radio__disabled_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw,
-    .radio__container_1x4zw.radio__inactive_1x4zw.radio__checked_1x4zw .radio__circle_1x4zw {
+    } .radio__container_1f9y6.radio__disabled_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6,
+    .radio__container_1f9y6.radio__inactive_1f9y6.radio__checked_1f9y6 .radio__circle_1f9y6 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1x4zw input {
+    } .radio__container_1f9y6 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1x4zw {
+    } .radio__circle_1f9y6 {
     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_1x4zw:before {
+} .radio__circle_1f9y6: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_1x4zw .radio__circle_1x4zw {
+    } .radio__s_1f9y6 .radio__circle_1f9y6 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1x4zw {
+} .radio__content_1f9y6 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1x4zw .radio__content_1x4zw {
+} .radio__s_1f9y6 .radio__content_1f9y6 {
     margin-left: var(--gap-xs);
-} .radio__start_1x4zw {
+} .radio__start_1f9y6 {
     align-items: flex-start;
-} .radio__center_1x4zw {
+} .radio__center_1f9y6 {
     align-items: center;
-} .radio__addons_1x4zw {
+} .radio__addons_1f9y6 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1x4zw {
+} .radio__block_1f9y6 {
     width: 100%;
-} .radio__label_1x4zw {
+} .radio__label_1f9y6 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1x4zw {
+} .radio__hint_1f9y6 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.desktop.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"radioList":"radio-group__radioList_1ud02","label":"radio-group__label_1ud02","sub":"radio-group__sub_1ud02"};
+var styles = {"radioList":"radio-group__radioList_dn4nk","label":"radio-group__label_dn4nk","sub":"radio-group__sub_dn4nk"};
 require('./desktop.css');
 
 var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles })); });

package/radio-group/Component.mobile.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"radioList":"radio-group__radioList_srwz3","label":"radio-group__label_srwz3","sub":"radio-group__sub_srwz3"};
+var styles = {"radioList":"radio-group__radioList_19x4g","label":"radio-group__label_19x4g","sub":"radio-group__sub_19x4g"};
 require('./mobile.css');
 
 var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles }))); });

package/radio-group/components/base-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 commonStyles = {"component":"radio-group__component_laaha","error":"radio-group__error_laaha","tag":"radio-group__tag_laaha","radioList":"radio-group__radioList_laaha","vertical":"radio-group__vertical_laaha","radio":"radio-group__radio_laaha","horizontal":"radio-group__horizontal_laaha","tagLabel":"radio-group__tagLabel_laaha","label":"radio-group__label_laaha","sub":"radio-group__sub_laaha","errorMessage":"radio-group__errorMessage_laaha","hint":"radio-group__hint_laaha","hiddenInput":"radio-group__hiddenInput_laaha"};
+var commonStyles = {"component":"radio-group__component_1t04a","error":"radio-group__error_1t04a","tag":"radio-group__tag_1t04a","radioList":"radio-group__radioList_1t04a","vertical":"radio-group__vertical_1t04a","radio":"radio-group__radio_1t04a","horizontal":"radio-group__horizontal_1t04a","tagLabel":"radio-group__tagLabel_1t04a","label":"radio-group__label_1t04a","sub":"radio-group__sub_1t04a","errorMessage":"radio-group__errorMessage_1t04a","hint":"radio-group__hint_1t04a","hiddenInput":"radio-group__hiddenInput_1t04a"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

package/radio-group/components/base-radio-group/index.css

@@ -1,4 +1,4 @@
-/* hash: 2q0m4 */
+/* hash: 19q33 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -30,59 +30,59 @@
     --radio-group-label-color: var(--color-light-text-primary);
 
     /* mobile */
-} .radio-group__component_laaha {
+} .radio-group__component_1t04a {
     display: flex;
     flex-direction: column;
-} .radio-group__error_laaha {
+} .radio-group__error_1t04a {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_laaha.radio-group__tag_laaha {
+} .radio-group__error_1t04a.radio-group__tag_1t04a {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_laaha {
+    } .radio-group__radioList_1t04a {
     display: flex;
-} .radio-group__vertical_laaha .radio-group__radioList_laaha {
+} .radio-group__vertical_1t04a .radio-group__radioList_1t04a {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_laaha .radio-group__radio_laaha {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_laaha .radio-group__radio_laaha:last-child {
+} .radio-group__vertical_1t04a .radio-group__radio_1t04a:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_laaha .radio-group__radioList_laaha {
+    } .radio-group__horizontal_1t04a .radio-group__radioList_1t04a {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__horizontal_laaha .radio-group__radio_laaha {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_laaha .radio-group__tagLabel_laaha {
+} .radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a {
     margin-right: var(--gap-xs);
-} .radio-group__horizontal_laaha .radio-group__radio_laaha:last-child,
-.radio-group__horizontal_laaha .radio-group__tagLabel_laaha:last-child {
+} .radio-group__horizontal_1t04a .radio-group__radio_1t04a:last-child,
+.radio-group__horizontal_1t04a .radio-group__tagLabel_1t04a:last-child {
     margin-right: 0;
-} .radio-group__label_laaha {
+} .radio-group__label_1t04a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_laaha {
+} .radio-group__sub_1t04a {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_laaha {
+} .radio-group__errorMessage_1t04a {
     color: var(--radio-group-error-color);
-} .radio-group__hint_laaha {
+} .radio-group__hint_1t04a {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_laaha {
+} .radio-group__hiddenInput_1t04a {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_laaha:focus ~ button {
+} .radio-group__hiddenInput_1t04a:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_laaha {
+    } .radio-group__tagLabel_1t04a {
     position: relative;
     max-width: 100%;
 }

package/radio-group/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 8ejm5 */
+/* hash: 15xog */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,10 +19,10 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1ud02 {
+} .radio-group__radioList_dn4nk {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1ud02 {
+} .radio-group__label_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
-} .radio-group__sub_1ud02 {
+} .radio-group__sub_dn4nk {
     padding-left: var(--radio-group-sub-padding-left);
 }

package/radio-group/esm/Component.desktop.js

@@ -4,7 +4,7 @@ import { BaseRadioGroup } from './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-var styles = {"radioList":"radio-group__radioList_1ud02","label":"radio-group__label_1ud02","sub":"radio-group__sub_1ud02"};
+var styles = {"radioList":"radio-group__radioList_dn4nk","label":"radio-group__label_dn4nk","sub":"radio-group__sub_dn4nk"};
 require('./desktop.css');
 
 var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });

package/radio-group/esm/Component.mobile.js

@@ -4,7 +4,7 @@ import { BaseRadioGroup } from './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-var styles = {"radioList":"radio-group__radioList_srwz3","label":"radio-group__label_srwz3","sub":"radio-group__sub_srwz3"};
+var styles = {"radioList":"radio-group__radioList_19x4g","label":"radio-group__label_19x4g","sub":"radio-group__sub_19x4g"};
 require('./mobile.css');
 
 var RadioGroupMobile = forwardRef(function (props, ref) { return (React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles }))); });

package/radio-group/esm/components/base-radio-group/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-var commonStyles = {"component":"radio-group__component_laaha","error":"radio-group__error_laaha","tag":"radio-group__tag_laaha","radioList":"radio-group__radioList_laaha","vertical":"radio-group__vertical_laaha","radio":"radio-group__radio_laaha","horizontal":"radio-group__horizontal_laaha","tagLabel":"radio-group__tagLabel_laaha","label":"radio-group__label_laaha","sub":"radio-group__sub_laaha","errorMessage":"radio-group__errorMessage_laaha","hint":"radio-group__hint_laaha","hiddenInput":"radio-group__hiddenInput_laaha"};
+var commonStyles = {"component":"radio-group__component_1t04a","error":"radio-group__error_1t04a","tag":"radio-group__tag_1t04a","radioList":"radio-group__radioList_1t04a","vertical":"radio-group__vertical_1t04a","radio":"radio-group__radio_1t04a","horizontal":"radio-group__horizontal_1t04a","tagLabel":"radio-group__tagLabel_1t04a","label":"radio-group__label_1t04a","sub":"radio-group__sub_1t04a","errorMessage":"radio-group__errorMessage_1t04a","hint":"radio-group__hint_1t04a","hiddenInput":"radio-group__hiddenInput_1t04a"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {