@alfalab/core-components 43.1.2 → 43.1.3

package/radio/esm/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1gekg {
+} .radio__container_au410 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg) .radio__circle_1gekg {
+} .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410) .radio__circle_au410 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):hover:not(:active) .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):hover:not(:active) .radio__circle_au410 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):active .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):active .radio__circle_au410 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg {
+        } .radio__container_au410.radio__disabled_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__disabled_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410 .radio__circle_au410 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__label_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__label_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__hint_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__hint_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__inactive_1gekg {
+        } .radio__container_au410.radio__inactive_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__inactive_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__inactive_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1gekg.radio__checked_1gekg:not(:active) .radio__circle_1gekg:before,
-    .radio__container_1gekg.radio__checked_1gekg.radio__disabled_1gekg:active .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__checked_au410:not(:active) .radio__circle_au410:before,
+    .radio__container_au410.radio__checked_au410.radio__disabled_au410:active .radio__circle_au410:before {
         opacity: 1;
-    } .radio__container_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__checked_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:hover .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:hover .radio__circle_au410 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:active .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:active .radio__circle_au410 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1gekg.radio__focused_1gekg .radio__circle_1gekg {
+        } .radio__container_au410.radio__focused_au410 .radio__circle_au410 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1gekg.radio__disabled_1gekg.radio__checked_1gekg .radio__circle_1gekg,
-    .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410.radio__checked_au410 .radio__circle_au410,
+    .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1gekg input {
+    } .radio__container_au410 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1gekg {
+    } .radio__circle_au410 {
     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_1gekg:before {
+} .radio__circle_au410: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_1gekg .radio__circle_1gekg {
+    } .radio__s_au410 .radio__circle_au410 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1gekg {
+} .radio__content_au410 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1gekg .radio__content_1gekg {
+} .radio__s_au410 .radio__content_au410 {
     margin-left: var(--gap-xs);
-} .radio__start_1gekg {
+} .radio__start_au410 {
     align-items: flex-start;
-} .radio__center_1gekg {
+} .radio__center_au410 {
     align-items: center;
-} .radio__addons_1gekg {
+} .radio__addons_au410 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1gekg {
+} .radio__block_au410 {
     width: 100%;
-} .radio__label_1gekg {
+} .radio__label_au410 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1gekg {
+} .radio__hint_au410 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1gekg {
+} .radio__container_au410 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg) .radio__circle_1gekg {
+} .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410) .radio__circle_au410 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):hover:not(:active) .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):hover:not(:active) .radio__circle_au410 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):active .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):active .radio__circle_au410 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg {
+        } .radio__container_au410.radio__disabled_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__disabled_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410 .radio__circle_au410 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__label_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__label_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__hint_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__hint_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__inactive_1gekg {
+        } .radio__container_au410.radio__inactive_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__inactive_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__inactive_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1gekg.radio__checked_1gekg:not(:active) .radio__circle_1gekg:before,
-    .radio__container_1gekg.radio__checked_1gekg.radio__disabled_1gekg:active .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__checked_au410:not(:active) .radio__circle_au410:before,
+    .radio__container_au410.radio__checked_au410.radio__disabled_au410:active .radio__circle_au410:before {
         opacity: 1;
-    } .radio__container_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__checked_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:hover .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:hover .radio__circle_au410 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:active .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:active .radio__circle_au410 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1gekg.radio__focused_1gekg .radio__circle_1gekg {
+        } .radio__container_au410.radio__focused_au410 .radio__circle_au410 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1gekg.radio__disabled_1gekg.radio__checked_1gekg .radio__circle_1gekg,
-    .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410.radio__checked_au410 .radio__circle_au410,
+    .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1gekg input {
+    } .radio__container_au410 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1gekg {
+    } .radio__circle_au410 {
     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_1gekg:before {
+} .radio__circle_au410: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_1gekg .radio__circle_1gekg {
+    } .radio__s_au410 .radio__circle_au410 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1gekg {
+} .radio__content_au410 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1gekg .radio__content_1gekg {
+} .radio__s_au410 .radio__content_au410 {
     margin-left: var(--gap-xs);
-} .radio__start_1gekg {
+} .radio__start_au410 {
     align-items: flex-start;
-} .radio__center_1gekg {
+} .radio__center_au410 {
     align-items: center;
-} .radio__addons_1gekg {
+} .radio__addons_au410 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1gekg {
+} .radio__block_au410 {
     width: 100%;
-} .radio__label_1gekg {
+} .radio__label_au410 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1gekg {
+} .radio__hint_au410 {
     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_1gekg","checked":"radio__checked_1gekg","disabled":"radio__disabled_1gekg","inactive":"radio__inactive_1gekg","circle":"radio__circle_1gekg","label":"radio__label_1gekg","hint":"radio__hint_1gekg","focused":"radio__focused_1gekg","s":"radio__s_1gekg","content":"radio__content_1gekg","start":"radio__start_1gekg","center":"radio__center_1gekg","addons":"radio__addons_1gekg","block":"radio__block_1gekg"};
+const styles = {"container":"radio__container_au410","checked":"radio__checked_au410","disabled":"radio__disabled_au410","inactive":"radio__inactive_au410","circle":"radio__circle_au410","label":"radio__label_au410","hint":"radio__hint_au410","focused":"radio__focused_au410","s":"radio__s_au410","content":"radio__content_au410","start":"radio__start_au410","center":"radio__center_au410","addons":"radio__addons_au410","block":"radio__block_au410"};
 require('./index.css');
 
 const Radio = forwardRef(({ onChange, className, circleClassName, contentClassName, name, disabled, inactive, dataTestId, label, checked, hint, size = 's', align = 'start', addons, block, labelProps, ...restProps }, ref) => {

package/radio/modern/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1gekg {
+} .radio__container_au410 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg) .radio__circle_1gekg {
+} .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410) .radio__circle_au410 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):hover:not(:active) .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):hover:not(:active) .radio__circle_au410 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1gekg:not(.radio__checked_1gekg):not(.radio__disabled_1gekg):not(.radio__inactive_1gekg):active .radio__circle_1gekg {
+        } .radio__container_au410:not(.radio__checked_au410):not(.radio__disabled_au410):not(.radio__inactive_au410):active .radio__circle_au410 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg {
+        } .radio__container_au410.radio__disabled_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__disabled_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410 .radio__circle_au410 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__label_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__label_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__disabled_1gekg .radio__hint_1gekg {
+        } .radio__container_au410.radio__disabled_au410 .radio__hint_au410 {
             color: var(--radio-disabled-color);
-        } .radio__container_1gekg.radio__inactive_1gekg {
+        } .radio__container_au410.radio__inactive_au410 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1gekg.radio__inactive_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__inactive_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1gekg.radio__checked_1gekg:not(:active) .radio__circle_1gekg:before,
-    .radio__container_1gekg.radio__checked_1gekg.radio__disabled_1gekg:active .radio__circle_1gekg:before {
+        } .radio__container_au410.radio__checked_au410:not(:active) .radio__circle_au410:before,
+    .radio__container_au410.radio__checked_au410.radio__disabled_au410:active .radio__circle_au410:before {
         opacity: 1;
-    } .radio__container_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__checked_au410 .radio__circle_au410 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:hover .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:hover .radio__circle_au410 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1gekg.radio__checked_1gekg:active .radio__circle_1gekg {
+        } .radio__container_au410.radio__checked_au410:active .radio__circle_au410 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1gekg.radio__focused_1gekg .radio__circle_1gekg {
+        } .radio__container_au410.radio__focused_au410 .radio__circle_au410 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1gekg.radio__disabled_1gekg.radio__checked_1gekg .radio__circle_1gekg,
-    .radio__container_1gekg.radio__inactive_1gekg.radio__checked_1gekg .radio__circle_1gekg {
+    } .radio__container_au410.radio__disabled_au410.radio__checked_au410 .radio__circle_au410,
+    .radio__container_au410.radio__inactive_au410.radio__checked_au410 .radio__circle_au410 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1gekg input {
+    } .radio__container_au410 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1gekg {
+    } .radio__circle_au410 {
     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_1gekg:before {
+} .radio__circle_au410: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_1gekg .radio__circle_1gekg {
+    } .radio__s_au410 .radio__circle_au410 {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1gekg {
+} .radio__content_au410 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1gekg .radio__content_1gekg {
+} .radio__s_au410 .radio__content_au410 {
     margin-left: var(--gap-xs);
-} .radio__start_1gekg {
+} .radio__start_au410 {
     align-items: flex-start;
-} .radio__center_1gekg {
+} .radio__center_au410 {
     align-items: center;
-} .radio__addons_1gekg {
+} .radio__addons_au410 {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1gekg {
+} .radio__block_au410 {
     width: 100%;
-} .radio__label_1gekg {
+} .radio__label_au410 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1gekg {
+} .radio__hint_au410 {
     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_h75cu","label":"radio-group__label_h75cu","sub":"radio-group__sub_h75cu"};
+var styles = {"radioList":"radio-group__radioList_1hedd","label":"radio-group__label_1hedd","sub":"radio-group__sub_1hedd"};
 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_1pfz9","label":"radio-group__label_1pfz9","sub":"radio-group__sub_1pfz9"};
+var styles = {"radioList":"radio-group__radioList_oyr03","label":"radio-group__label_oyr03","sub":"radio-group__sub_oyr03"};
 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_1dh9h","error":"radio-group__error_1dh9h","tag":"radio-group__tag_1dh9h","radioList":"radio-group__radioList_1dh9h","verticalRadioList":"radio-group__verticalRadioList_1dh9h","horizontalRadioList":"radio-group__horizontalRadioList_1dh9h","verticalRadio":"radio-group__verticalRadio_1dh9h","horizontalRadio":"radio-group__horizontalRadio_1dh9h","horizontalTagLabel":"radio-group__horizontalTagLabel_1dh9h","label":"radio-group__label_1dh9h","sub":"radio-group__sub_1dh9h","errorMessage":"radio-group__errorMessage_1dh9h","hint":"radio-group__hint_1dh9h","hiddenInput":"radio-group__hiddenInput_1dh9h","tagLabel":"radio-group__tagLabel_1dh9h"};
+var commonStyles = {"component":"radio-group__component_1i3pd","error":"radio-group__error_1i3pd","tag":"radio-group__tag_1i3pd","radioList":"radio-group__radioList_1i3pd","verticalRadioList":"radio-group__verticalRadioList_1i3pd","horizontalRadioList":"radio-group__horizontalRadioList_1i3pd","verticalRadio":"radio-group__verticalRadio_1i3pd","horizontalRadio":"radio-group__horizontalRadio_1i3pd","horizontalTagLabel":"radio-group__horizontalTagLabel_1i3pd","label":"radio-group__label_1i3pd","sub":"radio-group__sub_1i3pd","errorMessage":"radio-group__errorMessage_1i3pd","hint":"radio-group__hint_1i3pd","hiddenInput":"radio-group__hiddenInput_1i3pd","tagLabel":"radio-group__tagLabel_1i3pd"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

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

@@ -28,55 +28,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_1dh9h {
+} .radio-group__component_1i3pd {
     display: flex;
     flex-direction: column;
-} .radio-group__error_1dh9h {
+} .radio-group__error_1i3pd {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_1dh9h.radio-group__tag_1dh9h {
+} .radio-group__error_1i3pd.radio-group__tag_1i3pd {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_1dh9h {
+    } .radio-group__radioList_1i3pd {
     display: flex;
-} .radio-group__verticalRadioList_1dh9h {
+} .radio-group__verticalRadioList_1i3pd {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_1dh9h {
+} .radio-group__horizontalRadioList_1i3pd {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_1dh9h {
+} .radio-group__verticalRadio_1i3pd {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_1dh9h:last-child {
+} .radio-group__verticalRadio_1i3pd:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_1dh9h {
+    } .radio-group__horizontalRadio_1i3pd {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_1dh9h {
+} .radio-group__horizontalTagLabel_1i3pd {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_1dh9h:last-child,
-.radio-group__horizontalTagLabel_1dh9h:last-child {
+} .radio-group__horizontalRadio_1i3pd:last-child,
+.radio-group__horizontalTagLabel_1i3pd:last-child {
     margin-right: 0;
-} .radio-group__label_1dh9h {
+} .radio-group__label_1i3pd {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_1dh9h {
+} .radio-group__sub_1i3pd {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_1dh9h {
+} .radio-group__errorMessage_1i3pd {
     color: var(--radio-group-error-color);
-} .radio-group__hint_1dh9h {
+} .radio-group__hint_1i3pd {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_1dh9h {
+} .radio-group__hiddenInput_1i3pd {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_1dh9h:focus ~ button {
+} .radio-group__hiddenInput_1i3pd:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_1dh9h {
+    } .radio-group__tagLabel_1i3pd {
     position: relative;
     max-width: 100%;
 }

package/radio-group/desktop.css

@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_h75cu {
+} .radio-group__radioList_1hedd {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_h75cu {
+} .radio-group__label_1hedd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-group-label-color);
     padding-left: var(--radio-group-sub-padding-left);
-} .radio-group__sub_h75cu {
+} .radio-group__sub_1hedd {
     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_h75cu","label":"radio-group__label_h75cu","sub":"radio-group__sub_h75cu"};
+var styles = {"radioList":"radio-group__radioList_1hedd","label":"radio-group__label_1hedd","sub":"radio-group__sub_1hedd"};
 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_1pfz9","label":"radio-group__label_1pfz9","sub":"radio-group__sub_1pfz9"};
+var styles = {"radioList":"radio-group__radioList_oyr03","label":"radio-group__label_oyr03","sub":"radio-group__sub_oyr03"};
 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_1dh9h","error":"radio-group__error_1dh9h","tag":"radio-group__tag_1dh9h","radioList":"radio-group__radioList_1dh9h","verticalRadioList":"radio-group__verticalRadioList_1dh9h","horizontalRadioList":"radio-group__horizontalRadioList_1dh9h","verticalRadio":"radio-group__verticalRadio_1dh9h","horizontalRadio":"radio-group__horizontalRadio_1dh9h","horizontalTagLabel":"radio-group__horizontalTagLabel_1dh9h","label":"radio-group__label_1dh9h","sub":"radio-group__sub_1dh9h","errorMessage":"radio-group__errorMessage_1dh9h","hint":"radio-group__hint_1dh9h","hiddenInput":"radio-group__hiddenInput_1dh9h","tagLabel":"radio-group__tagLabel_1dh9h"};
+var commonStyles = {"component":"radio-group__component_1i3pd","error":"radio-group__error_1i3pd","tag":"radio-group__tag_1i3pd","radioList":"radio-group__radioList_1i3pd","verticalRadioList":"radio-group__verticalRadioList_1i3pd","horizontalRadioList":"radio-group__horizontalRadioList_1i3pd","verticalRadio":"radio-group__verticalRadio_1i3pd","horizontalRadio":"radio-group__horizontalRadio_1i3pd","horizontalTagLabel":"radio-group__horizontalTagLabel_1i3pd","label":"radio-group__label_1i3pd","sub":"radio-group__sub_1i3pd","errorMessage":"radio-group__errorMessage_1i3pd","hint":"radio-group__hint_1i3pd","hiddenInput":"radio-group__hiddenInput_1i3pd","tagLabel":"radio-group__tagLabel_1i3pd"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {