@alfalab/core-components 44.4.0 → 44.5.0

package/radio/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ltdr */
+/* hash: ni8vd */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -68,53 +68,53 @@
     /* icon */
     --radio-icon-color: var(--color-light-neutral-1500-inverted);
     --radio-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .radio__container_vaqlg {
+} .radio__container_1kpga {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg) .radio__circle_vaqlg {
+} .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga) .radio__circle_1kpga {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):hover:not(:active) .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):hover:not(:active) .radio__circle_1kpga {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):active .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):active .radio__circle_1kpga {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga {
         cursor: var(--disabled-cursor)
-    } .radio__container_vaqlg.radio__disabled_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga .radio__circle_1kpga {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__label_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__label_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__hint_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__hint_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:not(:active) .radio__circle_vaqlg:before,
-    .radio__container_vaqlg.radio__checked_vaqlg.radio__disabled_vaqlg:active .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__checked_1kpga:not(:active) .radio__circle_1kpga:before,
+    .radio__container_1kpga.radio__checked_1kpga.radio__disabled_1kpga:active .radio__circle_1kpga:before {
         opacity: 1;
-    } .radio__container_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__checked_1kpga .radio__circle_1kpga {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:hover .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:hover .radio__circle_1kpga {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:active .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:active .radio__circle_1kpga {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_vaqlg.radio__focused_vaqlg .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__focused_1kpga .radio__circle_1kpga {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_vaqlg input {
+    } .radio__container_1kpga input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_vaqlg {
+    } .radio__circle_1kpga {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -123,7 +123,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_vaqlg:before {
+} .radio__circle_1kpga:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -137,32 +137,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_vaqlg .radio__circle_vaqlg {
+    } .radio__s_1kpga .radio__circle_1kpga {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_vaqlg {
+} .radio__content_1kpga {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_vaqlg .radio__content_vaqlg {
+} .radio__s_1kpga .radio__content_1kpga {
     margin-left: var(--gap-xs);
-} .radio__start_vaqlg {
+} .radio__start_1kpga {
     align-items: flex-start;
-} .radio__center_vaqlg {
+} .radio__center_1kpga {
     align-items: center;
-} .radio__addons_vaqlg {
+} .radio__addons_1kpga {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_vaqlg {
+} .radio__block_1kpga {
     width: 100%;
-} .radio__label_vaqlg {
+} .radio__label_1kpga {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_vaqlg {
+} .radio__hint_1kpga {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ltdr */
+/* hash: ni8vd */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -68,53 +68,53 @@
     /* icon */
     --radio-icon-color: var(--color-light-neutral-1500-inverted);
     --radio-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .radio__container_vaqlg {
+} .radio__container_1kpga {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg) .radio__circle_vaqlg {
+} .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga) .radio__circle_1kpga {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):hover:not(:active) .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):hover:not(:active) .radio__circle_1kpga {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):active .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):active .radio__circle_1kpga {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga {
         cursor: var(--disabled-cursor)
-    } .radio__container_vaqlg.radio__disabled_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga .radio__circle_1kpga {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__label_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__label_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__hint_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__hint_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:not(:active) .radio__circle_vaqlg:before,
-    .radio__container_vaqlg.radio__checked_vaqlg.radio__disabled_vaqlg:active .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__checked_1kpga:not(:active) .radio__circle_1kpga:before,
+    .radio__container_1kpga.radio__checked_1kpga.radio__disabled_1kpga:active .radio__circle_1kpga:before {
         opacity: 1;
-    } .radio__container_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__checked_1kpga .radio__circle_1kpga {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:hover .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:hover .radio__circle_1kpga {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:active .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:active .radio__circle_1kpga {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_vaqlg.radio__focused_vaqlg .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__focused_1kpga .radio__circle_1kpga {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_vaqlg input {
+    } .radio__container_1kpga input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_vaqlg {
+    } .radio__circle_1kpga {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -123,7 +123,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_vaqlg:before {
+} .radio__circle_1kpga:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -137,32 +137,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_vaqlg .radio__circle_vaqlg {
+    } .radio__s_1kpga .radio__circle_1kpga {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_vaqlg {
+} .radio__content_1kpga {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_vaqlg .radio__content_vaqlg {
+} .radio__s_1kpga .radio__content_1kpga {
     margin-left: var(--gap-xs);
-} .radio__start_vaqlg {
+} .radio__start_1kpga {
     align-items: flex-start;
-} .radio__center_vaqlg {
+} .radio__center_1kpga {
     align-items: center;
-} .radio__addons_vaqlg {
+} .radio__addons_1kpga {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_vaqlg {
+} .radio__block_1kpga {
     width: 100%;
-} .radio__label_vaqlg {
+} .radio__label_1kpga {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_vaqlg {
+} .radio__hint_1kpga {
     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_vaqlg","checked":"radio__checked_vaqlg","disabled":"radio__disabled_vaqlg","circle":"radio__circle_vaqlg","label":"radio__label_vaqlg","hint":"radio__hint_vaqlg","focused":"radio__focused_vaqlg","s":"radio__s_vaqlg","content":"radio__content_vaqlg","start":"radio__start_vaqlg","center":"radio__center_vaqlg","addons":"radio__addons_vaqlg","block":"radio__block_vaqlg"};
+const styles = {"container":"radio__container_1kpga","checked":"radio__checked_1kpga","disabled":"radio__disabled_1kpga","circle":"radio__circle_1kpga","label":"radio__label_1kpga","hint":"radio__hint_1kpga","focused":"radio__focused_1kpga","s":"radio__s_1kpga","content":"radio__content_1kpga","start":"radio__start_1kpga","center":"radio__center_1kpga","addons":"radio__addons_1kpga","block":"radio__block_1kpga"};
 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

@@ -1,4 +1,4 @@
-/* hash: 1ltdr */
+/* hash: ni8vd */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -68,53 +68,53 @@
     /* icon */
     --radio-icon-color: var(--color-light-neutral-1500-inverted);
     --radio-icon-disabled-color: var(--color-light-neutral-translucent-500);
-} .radio__container_vaqlg {
+} .radio__container_1kpga {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg) .radio__circle_vaqlg {
+} .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga) .radio__circle_1kpga {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):hover:not(:active) .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):hover:not(:active) .radio__circle_1kpga {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_vaqlg:not(.radio__checked_vaqlg):not(.radio__disabled_vaqlg):active .radio__circle_vaqlg {
+        } .radio__container_1kpga:not(.radio__checked_1kpga):not(.radio__disabled_1kpga):active .radio__circle_1kpga {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga {
         cursor: var(--disabled-cursor)
-    } .radio__container_vaqlg.radio__disabled_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga .radio__circle_1kpga {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__label_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__label_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg .radio__hint_vaqlg {
+        } .radio__container_1kpga.radio__disabled_1kpga .radio__hint_1kpga {
             color: var(--radio-disabled-color);
-        } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:not(:active) .radio__circle_vaqlg:before,
-    .radio__container_vaqlg.radio__checked_vaqlg.radio__disabled_vaqlg:active .radio__circle_vaqlg:before {
+        } .radio__container_1kpga.radio__checked_1kpga:not(:active) .radio__circle_1kpga:before,
+    .radio__container_1kpga.radio__checked_1kpga.radio__disabled_1kpga:active .radio__circle_1kpga:before {
         opacity: 1;
-    } .radio__container_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__checked_1kpga .radio__circle_1kpga {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:hover .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:hover .radio__circle_1kpga {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_vaqlg.radio__checked_vaqlg:active .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__checked_1kpga:active .radio__circle_1kpga {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_vaqlg.radio__focused_vaqlg .radio__circle_vaqlg {
+        } .radio__container_1kpga.radio__focused_1kpga .radio__circle_1kpga {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_vaqlg.radio__disabled_vaqlg.radio__checked_vaqlg .radio__circle_vaqlg {
+    } .radio__container_1kpga.radio__disabled_1kpga.radio__checked_1kpga .radio__circle_1kpga {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_vaqlg input {
+    } .radio__container_1kpga input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_vaqlg {
+    } .radio__circle_1kpga {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -123,7 +123,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_vaqlg:before {
+} .radio__circle_1kpga:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -137,32 +137,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_vaqlg .radio__circle_vaqlg {
+    } .radio__s_1kpga .radio__circle_1kpga {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_vaqlg {
+} .radio__content_1kpga {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_vaqlg .radio__content_vaqlg {
+} .radio__s_1kpga .radio__content_1kpga {
     margin-left: var(--gap-xs);
-} .radio__start_vaqlg {
+} .radio__start_1kpga {
     align-items: flex-start;
-} .radio__center_vaqlg {
+} .radio__center_1kpga {
     align-items: center;
-} .radio__addons_vaqlg {
+} .radio__addons_1kpga {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_vaqlg {
+} .radio__block_1kpga {
     width: 100%;
-} .radio__label_vaqlg {
+} .radio__label_1kpga {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_vaqlg {
+} .radio__hint_1kpga {
     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_9r1q7","error":"radio-group__error_9r1q7","tag":"radio-group__tag_9r1q7","radioList":"radio-group__radioList_9r1q7","verticalRadioList":"radio-group__verticalRadioList_9r1q7","horizontalRadioList":"radio-group__horizontalRadioList_9r1q7","verticalRadio":"radio-group__verticalRadio_9r1q7","horizontalRadio":"radio-group__horizontalRadio_9r1q7","horizontalTagLabel":"radio-group__horizontalTagLabel_9r1q7","label":"radio-group__label_9r1q7","sub":"radio-group__sub_9r1q7","errorMessage":"radio-group__errorMessage_9r1q7","hint":"radio-group__hint_9r1q7","hiddenInput":"radio-group__hiddenInput_9r1q7","tagLabel":"radio-group__tagLabel_9r1q7"};
+var commonStyles = {"component":"radio-group__component_1qx6f","error":"radio-group__error_1qx6f","tag":"radio-group__tag_1qx6f","radioList":"radio-group__radioList_1qx6f","verticalRadioList":"radio-group__verticalRadioList_1qx6f","horizontalRadioList":"radio-group__horizontalRadioList_1qx6f","verticalRadio":"radio-group__verticalRadio_1qx6f","horizontalRadio":"radio-group__horizontalRadio_1qx6f","horizontalTagLabel":"radio-group__horizontalTagLabel_1qx6f","label":"radio-group__label_1qx6f","sub":"radio-group__sub_1qx6f","errorMessage":"radio-group__errorMessage_1qx6f","hint":"radio-group__hint_1qx6f","hiddenInput":"radio-group__hiddenInput_1qx6f","tagLabel":"radio-group__tagLabel_1qx6f"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

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

@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_9r1q7 {
+} .radio-group__component_1qx6f {
     display: flex;
     flex-direction: column;
-} .radio-group__error_9r1q7 {
+} .radio-group__error_1qx6f {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_9r1q7.radio-group__tag_9r1q7 {
+} .radio-group__error_1qx6f.radio-group__tag_1qx6f {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_9r1q7 {
+    } .radio-group__radioList_1qx6f {
     display: flex;
-} .radio-group__verticalRadioList_9r1q7 {
+} .radio-group__verticalRadioList_1qx6f {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_9r1q7 {
+} .radio-group__horizontalRadioList_1qx6f {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_9r1q7 {
+} .radio-group__verticalRadio_1qx6f {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_9r1q7:last-child {
+} .radio-group__verticalRadio_1qx6f:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_9r1q7 {
+    } .radio-group__horizontalRadio_1qx6f {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_9r1q7 {
+} .radio-group__horizontalTagLabel_1qx6f {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_9r1q7:last-child,
-.radio-group__horizontalTagLabel_9r1q7:last-child {
+} .radio-group__horizontalRadio_1qx6f:last-child,
+.radio-group__horizontalTagLabel_1qx6f:last-child {
     margin-right: 0;
-} .radio-group__label_9r1q7 {
+} .radio-group__label_1qx6f {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_9r1q7 {
+} .radio-group__sub_1qx6f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_9r1q7 {
+} .radio-group__errorMessage_1qx6f {
     color: var(--radio-group-error-color);
-} .radio-group__hint_9r1q7 {
+} .radio-group__hint_1qx6f {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_9r1q7 {
+} .radio-group__hiddenInput_1qx6f {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_9r1q7:focus ~ button {
+} .radio-group__hiddenInput_1qx6f:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_9r1q7 {
+    } .radio-group__tagLabel_1qx6f {
     position: relative;
     max-width: 100%;
 }

package/radio-group/desktop/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_btkfi","label":"radio-group__label_btkfi","sub":"radio-group__sub_btkfi"};
+var styles = {"radioList":"radio-group__radioList_1am9c","label":"radio-group__label_1am9c","sub":"radio-group__sub_1am9c"};
 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

@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_btkfi {
+} .radio-group__radioList_1am9c {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_btkfi {
+} .radio-group__label_1am9c {
     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_btkfi {
+} .radio-group__sub_1am9c {
     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_9r1q7","error":"radio-group__error_9r1q7","tag":"radio-group__tag_9r1q7","radioList":"radio-group__radioList_9r1q7","verticalRadioList":"radio-group__verticalRadioList_9r1q7","horizontalRadioList":"radio-group__horizontalRadioList_9r1q7","verticalRadio":"radio-group__verticalRadio_9r1q7","horizontalRadio":"radio-group__horizontalRadio_9r1q7","horizontalTagLabel":"radio-group__horizontalTagLabel_9r1q7","label":"radio-group__label_9r1q7","sub":"radio-group__sub_9r1q7","errorMessage":"radio-group__errorMessage_9r1q7","hint":"radio-group__hint_9r1q7","hiddenInput":"radio-group__hiddenInput_9r1q7","tagLabel":"radio-group__tagLabel_9r1q7"};
+var commonStyles = {"component":"radio-group__component_1qx6f","error":"radio-group__error_1qx6f","tag":"radio-group__tag_1qx6f","radioList":"radio-group__radioList_1qx6f","verticalRadioList":"radio-group__verticalRadioList_1qx6f","horizontalRadioList":"radio-group__horizontalRadioList_1qx6f","verticalRadio":"radio-group__verticalRadio_1qx6f","horizontalRadio":"radio-group__horizontalRadio_1qx6f","horizontalTagLabel":"radio-group__horizontalTagLabel_1qx6f","label":"radio-group__label_1qx6f","sub":"radio-group__sub_1qx6f","errorMessage":"radio-group__errorMessage_1qx6f","hint":"radio-group__hint_1qx6f","hiddenInput":"radio-group__hiddenInput_1qx6f","tagLabel":"radio-group__tagLabel_1qx6f"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {

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

@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_9r1q7 {
+} .radio-group__component_1qx6f {
     display: flex;
     flex-direction: column;
-} .radio-group__error_9r1q7 {
+} .radio-group__error_1qx6f {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_9r1q7.radio-group__tag_9r1q7 {
+} .radio-group__error_1qx6f.radio-group__tag_1qx6f {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_9r1q7 {
+    } .radio-group__radioList_1qx6f {
     display: flex;
-} .radio-group__verticalRadioList_9r1q7 {
+} .radio-group__verticalRadioList_1qx6f {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_9r1q7 {
+} .radio-group__horizontalRadioList_1qx6f {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_9r1q7 {
+} .radio-group__verticalRadio_1qx6f {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_9r1q7:last-child {
+} .radio-group__verticalRadio_1qx6f:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_9r1q7 {
+    } .radio-group__horizontalRadio_1qx6f {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_9r1q7 {
+} .radio-group__horizontalTagLabel_1qx6f {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_9r1q7:last-child,
-.radio-group__horizontalTagLabel_9r1q7:last-child {
+} .radio-group__horizontalRadio_1qx6f:last-child,
+.radio-group__horizontalTagLabel_1qx6f:last-child {
     margin-right: 0;
-} .radio-group__label_9r1q7 {
+} .radio-group__label_1qx6f {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_9r1q7 {
+} .radio-group__sub_1qx6f {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_9r1q7 {
+} .radio-group__errorMessage_1qx6f {
     color: var(--radio-group-error-color);
-} .radio-group__hint_9r1q7 {
+} .radio-group__hint_1qx6f {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_9r1q7 {
+} .radio-group__hiddenInput_1qx6f {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_9r1q7:focus ~ button {
+} .radio-group__hiddenInput_1qx6f:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_9r1q7 {
+    } .radio-group__tagLabel_1qx6f {
     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_btkfi","label":"radio-group__label_btkfi","sub":"radio-group__sub_btkfi"};
+var styles = {"radioList":"radio-group__radioList_1am9c","label":"radio-group__label_1am9c","sub":"radio-group__sub_1am9c"};
 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

@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_btkfi {
+} .radio-group__radioList_1am9c {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_btkfi {
+} .radio-group__label_1am9c {
     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_btkfi {
+} .radio-group__sub_1am9c {
     padding-left: var(--radio-group-sub-padding-left);
 }