@alfalab/core-components 48.3.0 → 48.5.0

package/radio/index.css

@@ -78,53 +78,53 @@
     /* icon */
     --radio-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --radio-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .radio__container_1sv7t {
+} .radio__container_1ber8 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t) .radio__circle_1sv7t {
+} .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8) .radio__circle_1ber8 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t):hover:not(:active) .radio__circle_1sv7t {
+        } .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8):hover:not(:active) .radio__circle_1ber8 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t):active .radio__circle_1sv7t {
+        } .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8):active .radio__circle_1ber8 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1sv7t.radio__disabled_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__disabled_1ber8 .radio__circle_1ber8 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t .radio__label_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 .radio__label_1ber8 {
             color: var(--radio-disabled-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t .radio__hint_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 .radio__hint_1ber8 {
             color: var(--radio-disabled-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t:before {
+        } .radio__container_1ber8.radio__disabled_1ber8.radio__checked_1ber8 .radio__circle_1ber8:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:not(:active) .radio__circle_1sv7t:before,
-    .radio__container_1sv7t.radio__checked_1sv7t.radio__disabled_1sv7t:active .radio__circle_1sv7t:before {
+        } .radio__container_1ber8.radio__checked_1ber8:not(:active) .radio__circle_1ber8:before,
+    .radio__container_1ber8.radio__checked_1ber8.radio__disabled_1ber8:active .radio__circle_1ber8:before {
         opacity: 1;
-    } .radio__container_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__checked_1ber8 .radio__circle_1ber8 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:hover .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__checked_1ber8:hover .radio__circle_1ber8 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:active .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__checked_1ber8:active .radio__circle_1ber8 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1sv7t.radio__focused_1sv7t .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__focused_1ber8 .radio__circle_1ber8 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1sv7t.radio__disabled_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__disabled_1ber8.radio__checked_1ber8 .radio__circle_1ber8 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1sv7t input {
+    } .radio__container_1ber8 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1sv7t {
+    } .radio__circle_1ber8 {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -133,7 +133,7 @@
     position: relative;
     margin: var(--gap-2);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_1sv7t:before {
+} .radio__circle_1ber8:before {
         content: '';
         position: absolute;
         background-color: var(--radio-icon-color);
@@ -147,37 +147,37 @@
         width: 6px;
         height: 6px;
         transform: translate(-50%, -50%);
-    } .radio__size-20_1sv7t .radio__circle_1sv7t {
+    } .radio__size-20_1ber8 .radio__circle_1ber8 {
     width: 16px;
     height: 16px
-} .radio__size-20_1sv7t .radio__circle_1sv7t:before {
+} .radio__size-20_1ber8 .radio__circle_1ber8:before {
         border-width: 4px;
-    } .radio__content_1sv7t {
+    } .radio__content_1ber8 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-12);
-} .radio__size-20_1sv7t .radio__content_1sv7t {
+} .radio__size-20_1ber8 .radio__content_1ber8 {
     margin-left: var(--gap-8)
-} .radio__size-20_1sv7t .radio__content_1sv7t .radio__label_1sv7t {
+} .radio__size-20_1ber8 .radio__content_1ber8 .radio__label_1ber8 {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-    } .radio__start_1sv7t {
+    } .radio__start_1ber8 {
     align-items: flex-start;
-} .radio__center_1sv7t {
+} .radio__center_1ber8 {
     align-items: center;
-} .radio__addons_1sv7t {
+} .radio__addons_1ber8 {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .radio__block_1sv7t {
+} .radio__block_1ber8 {
     width: 100%;
-} .radio__label_1sv7t {
+} .radio__label_1ber8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1sv7t {
+} .radio__hint_1ber8 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { dom } from '../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"container":"radio__container_1sv7t","checked":"radio__checked_1sv7t","disabled":"radio__disabled_1sv7t","circle":"radio__circle_1sv7t","label":"radio__label_1sv7t","hint":"radio__hint_1sv7t","focused":"radio__focused_1sv7t","size-20":"radio__size-20_1sv7t","content":"radio__content_1sv7t","start":"radio__start_1sv7t","center":"radio__center_1sv7t","addons":"radio__addons_1sv7t","block":"radio__block_1sv7t"};
+const styles = {"container":"radio__container_1ber8","checked":"radio__checked_1ber8","disabled":"radio__disabled_1ber8","circle":"radio__circle_1ber8","label":"radio__label_1ber8","hint":"radio__hint_1ber8","focused":"radio__focused_1ber8","size-20":"radio__size-20_1ber8","content":"radio__content_1ber8","start":"radio__start_1ber8","center":"radio__center_1ber8","addons":"radio__addons_1ber8","block":"radio__block_1ber8"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/radio/modern/index.css

@@ -78,53 +78,53 @@
     /* icon */
     --radio-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --radio-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .radio__container_1sv7t {
+} .radio__container_1ber8 {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t) .radio__circle_1sv7t {
+} .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8) .radio__circle_1ber8 {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t):hover:not(:active) .radio__circle_1sv7t {
+        } .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8):hover:not(:active) .radio__circle_1ber8 {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1sv7t:not(.radio__checked_1sv7t):not(.radio__disabled_1sv7t):active .radio__circle_1sv7t {
+        } .radio__container_1ber8:not(.radio__checked_1ber8):not(.radio__disabled_1ber8):active .radio__circle_1ber8 {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 {
         cursor: var(--disabled-cursor)
-    } .radio__container_1sv7t.radio__disabled_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__disabled_1ber8 .radio__circle_1ber8 {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t .radio__label_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 .radio__label_1ber8 {
             color: var(--radio-disabled-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t .radio__hint_1sv7t {
+        } .radio__container_1ber8.radio__disabled_1ber8 .radio__hint_1ber8 {
             color: var(--radio-disabled-color);
-        } .radio__container_1sv7t.radio__disabled_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t:before {
+        } .radio__container_1ber8.radio__disabled_1ber8.radio__checked_1ber8 .radio__circle_1ber8:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:not(:active) .radio__circle_1sv7t:before,
-    .radio__container_1sv7t.radio__checked_1sv7t.radio__disabled_1sv7t:active .radio__circle_1sv7t:before {
+        } .radio__container_1ber8.radio__checked_1ber8:not(:active) .radio__circle_1ber8:before,
+    .radio__container_1ber8.radio__checked_1ber8.radio__disabled_1ber8:active .radio__circle_1ber8:before {
         opacity: 1;
-    } .radio__container_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__checked_1ber8 .radio__circle_1ber8 {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:hover .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__checked_1ber8:hover .radio__circle_1ber8 {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1sv7t.radio__checked_1sv7t:active .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__checked_1ber8:active .radio__circle_1ber8 {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1sv7t.radio__focused_1sv7t .radio__circle_1sv7t {
+        } .radio__container_1ber8.radio__focused_1ber8 .radio__circle_1ber8 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1sv7t.radio__disabled_1sv7t.radio__checked_1sv7t .radio__circle_1sv7t {
+    } .radio__container_1ber8.radio__disabled_1ber8.radio__checked_1ber8 .radio__circle_1ber8 {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1sv7t input {
+    } .radio__container_1ber8 input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1sv7t {
+    } .radio__circle_1ber8 {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -133,7 +133,7 @@
     position: relative;
     margin: var(--gap-2);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_1sv7t:before {
+} .radio__circle_1ber8:before {
         content: '';
         position: absolute;
         background-color: var(--radio-icon-color);
@@ -147,37 +147,37 @@
         width: 6px;
         height: 6px;
         transform: translate(-50%, -50%);
-    } .radio__size-20_1sv7t .radio__circle_1sv7t {
+    } .radio__size-20_1ber8 .radio__circle_1ber8 {
     width: 16px;
     height: 16px
-} .radio__size-20_1sv7t .radio__circle_1sv7t:before {
+} .radio__size-20_1ber8 .radio__circle_1ber8:before {
         border-width: 4px;
-    } .radio__content_1sv7t {
+    } .radio__content_1ber8 {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-12);
-} .radio__size-20_1sv7t .radio__content_1sv7t {
+} .radio__size-20_1ber8 .radio__content_1ber8 {
     margin-left: var(--gap-8)
-} .radio__size-20_1sv7t .radio__content_1sv7t .radio__label_1sv7t {
+} .radio__size-20_1ber8 .radio__content_1ber8 .radio__label_1ber8 {
         font-size: 16px;
         line-height: 20px;
         font-weight: 400;
-    } .radio__start_1sv7t {
+    } .radio__start_1ber8 {
     align-items: flex-start;
-} .radio__center_1sv7t {
+} .radio__center_1ber8 {
     align-items: center;
-} .radio__addons_1sv7t {
+} .radio__addons_1ber8 {
     margin-left: auto;
     padding-left: var(--gap-16);
     line-height: 24px;
-} .radio__block_1sv7t {
+} .radio__block_1ber8 {
     width: 100%;
-} .radio__label_1sv7t {
+} .radio__label_1ber8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1sv7t {
+} .radio__hint_1ber8 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

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_wwdh7","error":"radio-group__error_wwdh7","tag":"radio-group__tag_wwdh7","radioList":"radio-group__radioList_wwdh7","verticalRadioList":"radio-group__verticalRadioList_wwdh7","horizontalRadioList":"radio-group__horizontalRadioList_wwdh7","verticalRadio":"radio-group__verticalRadio_wwdh7","horizontalRadio":"radio-group__horizontalRadio_wwdh7","horizontalTagLabel":"radio-group__horizontalTagLabel_wwdh7","label":"radio-group__label_wwdh7","sub":"radio-group__sub_wwdh7","errorMessage":"radio-group__errorMessage_wwdh7","hint":"radio-group__hint_wwdh7","hiddenInput":"radio-group__hiddenInput_wwdh7","tagLabel":"radio-group__tagLabel_wwdh7"};
+var commonStyles = {"component":"radio-group__component_1o8fg","error":"radio-group__error_1o8fg","tag":"radio-group__tag_1o8fg","radioList":"radio-group__radioList_1o8fg","verticalRadioList":"radio-group__verticalRadioList_1o8fg","horizontalRadioList":"radio-group__horizontalRadioList_1o8fg","verticalRadio":"radio-group__verticalRadio_1o8fg","horizontalRadio":"radio-group__horizontalRadio_1o8fg","horizontalTagLabel":"radio-group__horizontalTagLabel_1o8fg","label":"radio-group__label_1o8fg","sub":"radio-group__sub_1o8fg","errorMessage":"radio-group__errorMessage_1o8fg","hint":"radio-group__hint_1o8fg","hiddenInput":"radio-group__hiddenInput_1o8fg","tagLabel":"radio-group__tagLabel_1o8fg"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

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

@@ -37,55 +37,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_wwdh7 {
+} .radio-group__component_1o8fg {
     display: flex;
     flex-direction: column;
-} .radio-group__error_wwdh7 {
+} .radio-group__error_1o8fg {
     padding-left: var(--gap-12);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_wwdh7.radio-group__tag_wwdh7 {
+} .radio-group__error_1o8fg.radio-group__tag_1o8fg {
         padding-left: var(--gap-8);
-    } .radio-group__radioList_wwdh7 {
+    } .radio-group__radioList_1o8fg {
     display: flex;
-} .radio-group__verticalRadioList_wwdh7 {
+} .radio-group__verticalRadioList_1o8fg {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_wwdh7 {
+} .radio-group__horizontalRadioList_1o8fg {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .radio-group__verticalRadio_wwdh7 {
+} .radio-group__verticalRadio_1o8fg {
     margin-bottom: var(--gap-12)
-} .radio-group__verticalRadio_wwdh7:last-child {
+} .radio-group__verticalRadio_1o8fg:last-child {
         margin-bottom: var(--gap-0);
-    } .radio-group__horizontalRadio_wwdh7 {
+    } .radio-group__horizontalRadio_1o8fg {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .radio-group__horizontalTagLabel_wwdh7 {
+} .radio-group__horizontalTagLabel_1o8fg {
     margin-right: var(--gap-8);
-} .radio-group__horizontalRadio_wwdh7:last-child,
-.radio-group__horizontalTagLabel_wwdh7:last-child {
+} .radio-group__horizontalRadio_1o8fg:last-child,
+.radio-group__horizontalTagLabel_1o8fg:last-child {
     margin-right: var(--gap-0);
-} .radio-group__label_wwdh7 {
+} .radio-group__label_1o8fg {
     margin-bottom: var(--gap-12);
-} .radio-group__sub_wwdh7 {
+} .radio-group__sub_1o8fg {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .radio-group__errorMessage_wwdh7 {
+} .radio-group__errorMessage_1o8fg {
     color: var(--radio-group-error-color);
-} .radio-group__hint_wwdh7 {
+} .radio-group__hint_1o8fg {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_wwdh7 {
+} .radio-group__hiddenInput_1o8fg {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0
-} .radio-group__hiddenInput_wwdh7:focus ~ button {
+} .radio-group__hiddenInput_1o8fg:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_wwdh7 {
+    } .radio-group__tagLabel_1o8fg {
     position: relative;
     max-width: 100%;
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"radioList":"radio-group__radioList_2m0ot","label":"radio-group__label_2m0ot","sub":"radio-group__sub_2m0ot"};
+var styles = {"radioList":"radio-group__radioList_1p6yz","label":"radio-group__label_1p6yz","sub":"radio-group__sub_1p6yz"};
 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/desktop/desktop.css

@@ -26,14 +26,14 @@
     --radio-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .radio-group__radioList_2m0ot {
+} .radio-group__radioList_1p6yz {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_2m0ot {
+} .radio-group__label_1p6yz {
     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_2m0ot {
+} .radio-group__sub_1p6yz {
     padding-left: var(--radio-group-sub-padding-left);
 }

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_wwdh7","error":"radio-group__error_wwdh7","tag":"radio-group__tag_wwdh7","radioList":"radio-group__radioList_wwdh7","verticalRadioList":"radio-group__verticalRadioList_wwdh7","horizontalRadioList":"radio-group__horizontalRadioList_wwdh7","verticalRadio":"radio-group__verticalRadio_wwdh7","horizontalRadio":"radio-group__horizontalRadio_wwdh7","horizontalTagLabel":"radio-group__horizontalTagLabel_wwdh7","label":"radio-group__label_wwdh7","sub":"radio-group__sub_wwdh7","errorMessage":"radio-group__errorMessage_wwdh7","hint":"radio-group__hint_wwdh7","hiddenInput":"radio-group__hiddenInput_wwdh7","tagLabel":"radio-group__tagLabel_wwdh7"};
+var commonStyles = {"component":"radio-group__component_1o8fg","error":"radio-group__error_1o8fg","tag":"radio-group__tag_1o8fg","radioList":"radio-group__radioList_1o8fg","verticalRadioList":"radio-group__verticalRadioList_1o8fg","horizontalRadioList":"radio-group__horizontalRadioList_1o8fg","verticalRadio":"radio-group__verticalRadio_1o8fg","horizontalRadio":"radio-group__horizontalRadio_1o8fg","horizontalTagLabel":"radio-group__horizontalTagLabel_1o8fg","label":"radio-group__label_1o8fg","sub":"radio-group__sub_1o8fg","errorMessage":"radio-group__errorMessage_1o8fg","hint":"radio-group__hint_1o8fg","hiddenInput":"radio-group__hiddenInput_1o8fg","tagLabel":"radio-group__tagLabel_1o8fg"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {

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

@@ -37,55 +37,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_wwdh7 {
+} .radio-group__component_1o8fg {
     display: flex;
     flex-direction: column;
-} .radio-group__error_wwdh7 {
+} .radio-group__error_1o8fg {
     padding-left: var(--gap-12);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_wwdh7.radio-group__tag_wwdh7 {
+} .radio-group__error_1o8fg.radio-group__tag_1o8fg {
         padding-left: var(--gap-8);
-    } .radio-group__radioList_wwdh7 {
+    } .radio-group__radioList_1o8fg {
     display: flex;
-} .radio-group__verticalRadioList_wwdh7 {
+} .radio-group__verticalRadioList_1o8fg {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_wwdh7 {
+} .radio-group__horizontalRadioList_1o8fg {
     flex-wrap: wrap;
     margin-bottom: var(--gap-8-neg);
-} .radio-group__verticalRadio_wwdh7 {
+} .radio-group__verticalRadio_1o8fg {
     margin-bottom: var(--gap-12)
-} .radio-group__verticalRadio_wwdh7:last-child {
+} .radio-group__verticalRadio_1o8fg:last-child {
         margin-bottom: var(--gap-0);
-    } .radio-group__horizontalRadio_wwdh7 {
+    } .radio-group__horizontalRadio_1o8fg {
     margin-right: var(--gap-24);
     margin-bottom: var(--gap-8);
-} .radio-group__horizontalTagLabel_wwdh7 {
+} .radio-group__horizontalTagLabel_1o8fg {
     margin-right: var(--gap-8);
-} .radio-group__horizontalRadio_wwdh7:last-child,
-.radio-group__horizontalTagLabel_wwdh7:last-child {
+} .radio-group__horizontalRadio_1o8fg:last-child,
+.radio-group__horizontalTagLabel_1o8fg:last-child {
     margin-right: var(--gap-0);
-} .radio-group__label_wwdh7 {
+} .radio-group__label_1o8fg {
     margin-bottom: var(--gap-12);
-} .radio-group__sub_wwdh7 {
+} .radio-group__sub_1o8fg {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-12);
-} .radio-group__errorMessage_wwdh7 {
+} .radio-group__errorMessage_1o8fg {
     color: var(--radio-group-error-color);
-} .radio-group__hint_wwdh7 {
+} .radio-group__hint_1o8fg {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_wwdh7 {
+} .radio-group__hiddenInput_1o8fg {
     position: absolute;
     z-index: -1;
     top: var(--gap-0);
     left: var(--gap-0);
     opacity: 0
-} .radio-group__hiddenInput_wwdh7:focus ~ button {
+} .radio-group__hiddenInput_1o8fg:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_wwdh7 {
+    } .radio-group__tagLabel_1o8fg {
     position: relative;
     max-width: 100%;
 }

package/radio-group/esm/desktop/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_2m0ot","label":"radio-group__label_2m0ot","sub":"radio-group__sub_2m0ot"};
+var styles = {"radioList":"radio-group__radioList_1p6yz","label":"radio-group__label_1p6yz","sub":"radio-group__sub_1p6yz"};
 require('./desktop.css');
 
 var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });

package/radio-group/esm/desktop/desktop.css

@@ -26,14 +26,14 @@
     --radio-group-list-padding-left: var(--gap-0);
 
     /* mobile */
-} .radio-group__radioList_2m0ot {
+} .radio-group__radioList_1p6yz {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_2m0ot {
+} .radio-group__label_1p6yz {
     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_2m0ot {
+} .radio-group__sub_1p6yz {
     padding-left: var(--radio-group-sub-padding-left);
 }

package/radio-group/esm/mobile/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_1h03x","label":"radio-group__label_1h03x","sub":"radio-group__sub_1h03x"};
+var styles = {"radioList":"radio-group__radioList_po1yb","label":"radio-group__label_po1yb","sub":"radio-group__sub_po1yb"};
 require('./mobile.css');
 
 var RadioGroupMobile = forwardRef(function (props, ref) { return (React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles }))); });

package/radio-group/esm/mobile/mobile.css

@@ -29,14 +29,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-4);
     --radio-group-mobile-list-padding-left: var(--gap-2);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_1h03x {
+} .radio-group__radioList_po1yb {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_1h03x {
+} .radio-group__label_po1yb {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--radio-group-mobile-label-color);
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_1h03x {
+} .radio-group__sub_po1yb {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"radioList":"radio-group__radioList_1h03x","label":"radio-group__label_1h03x","sub":"radio-group__sub_1h03x"};
+var styles = {"radioList":"radio-group__radioList_po1yb","label":"radio-group__label_po1yb","sub":"radio-group__sub_po1yb"};
 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/mobile/mobile.css

@@ -29,14 +29,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-4);
     --radio-group-mobile-list-padding-left: var(--gap-2);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_1h03x {
+} .radio-group__radioList_po1yb {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_1h03x {
+} .radio-group__label_po1yb {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     color: var(--radio-group-mobile-label-color);
     padding-left: var(--radio-group-mobile-sub-padding-left);
-} .radio-group__sub_1h03x {
+} .radio-group__sub_po1yb {
     padding-left: var(--radio-group-mobile-sub-padding-left);
 }

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

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-const commonStyles = {"component":"radio-group__component_wwdh7","error":"radio-group__error_wwdh7","tag":"radio-group__tag_wwdh7","radioList":"radio-group__radioList_wwdh7","verticalRadioList":"radio-group__verticalRadioList_wwdh7","horizontalRadioList":"radio-group__horizontalRadioList_wwdh7","verticalRadio":"radio-group__verticalRadio_wwdh7","horizontalRadio":"radio-group__horizontalRadio_wwdh7","horizontalTagLabel":"radio-group__horizontalTagLabel_wwdh7","label":"radio-group__label_wwdh7","sub":"radio-group__sub_wwdh7","errorMessage":"radio-group__errorMessage_wwdh7","hint":"radio-group__hint_wwdh7","hiddenInput":"radio-group__hiddenInput_wwdh7","tagLabel":"radio-group__tagLabel_wwdh7"};
+const commonStyles = {"component":"radio-group__component_1o8fg","error":"radio-group__error_1o8fg","tag":"radio-group__tag_1o8fg","radioList":"radio-group__radioList_1o8fg","verticalRadioList":"radio-group__verticalRadioList_1o8fg","horizontalRadioList":"radio-group__horizontalRadioList_1o8fg","verticalRadio":"radio-group__verticalRadio_1o8fg","horizontalRadio":"radio-group__horizontalRadio_1o8fg","horizontalTagLabel":"radio-group__horizontalTagLabel_1o8fg","label":"radio-group__label_1o8fg","sub":"radio-group__sub_1o8fg","errorMessage":"radio-group__errorMessage_1o8fg","hint":"radio-group__hint_1o8fg","hiddenInput":"radio-group__hiddenInput_1o8fg","tagLabel":"radio-group__tagLabel_1o8fg"};
 require('./index.css');
 
 const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {