@alfalab/core-components 26.8.0 → 26.11.0

package/radio/index.css

@@ -73,77 +73,77 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
 }
-.radio__container_12xp0 {
+.radio__container_1e11x {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
 }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0) .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x) .radio__circle_1e11x {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
         }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0):hover:not(:active) .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x):hover:not(:active) .radio__circle_1e11x {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
         }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0):active .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x):active .radio__circle_1e11x {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x {
         cursor: var(--disabled-cursor)
     }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__circle_1e11x {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__label_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__label_1e11x {
             color: var(--radio-disabled-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__hint_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__hint_1e11x {
             color: var(--radio-disabled-color);
         }
-.radio__container_12xp0.radio__inactive_12xp0 {
+.radio__container_1e11x.radio__inactive_1e11x {
         cursor: var(--disabled-cursor)
     }
-.radio__container_12xp0.radio__inactive_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__inactive_1e11x .radio__circle_1e11x {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
         }
-.radio__container_12xp0.radio__inactive_12xp0.radio__checked_12xp0 .radio__circle_12xp0:before {
+.radio__container_1e11x.radio__inactive_1e11x.radio__checked_1e11x .radio__circle_1e11x:before {
             background-color: var(--radio-checked-inactive-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:not(:active) .radio__circle_12xp0:before,
-    .radio__container_12xp0.radio__checked_12xp0.radio__disabled_12xp0:active .radio__circle_12xp0:before {
+.radio__container_1e11x.radio__checked_1e11x:not(:active) .radio__circle_1e11x:before,
+    .radio__container_1e11x.radio__checked_1e11x.radio__disabled_1e11x:active .radio__circle_1e11x:before {
         opacity: 1;
     }
-.radio__container_12xp0.radio__checked_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x .radio__circle_1e11x {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:hover .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x:hover .radio__circle_1e11x {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:active .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x:active .radio__circle_1e11x {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
         }
-.radio__container_12xp0.radio__focused_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__focused_1e11x .radio__circle_1e11x {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
-.radio__container_12xp0.radio__disabled_12xp0.radio__checked_12xp0 .radio__circle_12xp0,
-    .radio__container_12xp0.radio__inactive_12xp0.radio__checked_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x.radio__checked_1e11x .radio__circle_1e11x,
+    .radio__container_1e11x.radio__inactive_1e11x.radio__checked_1e11x .radio__circle_1e11x {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
     }
-.radio__container_12xp0 input {
+.radio__container_1e11x input {
         position: absolute;
         z-index: -1;
         opacity: 0;
     }
-.radio__circle_12xp0 {
+.radio__circle_1e11x {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -153,7 +153,7 @@
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
 }
-.radio__circle_12xp0:before {
+.radio__circle_1e11x:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -168,40 +168,40 @@
         transition: opacity 0.2s ease;
         opacity: 0;
     }
-.radio__s_12xp0 .radio__circle_12xp0 {
+.radio__s_1e11x .radio__circle_1e11x {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.radio__content_12xp0 {
+.radio__content_1e11x {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
 }
-.radio__s_12xp0 .radio__content_12xp0 {
+.radio__s_1e11x .radio__content_1e11x {
     margin-left: var(--gap-xs);
 }
-.radio__start_12xp0 {
+.radio__start_1e11x {
     align-items: flex-start;
 }
-.radio__center_12xp0 {
+.radio__center_1e11x {
     align-items: center;
 }
-.radio__addons_12xp0 {
+.radio__addons_1e11x {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.radio__block_12xp0 {
+.radio__block_1e11x {
     width: 100%;
 }
-.radio__label_12xp0 {
+.radio__label_1e11x {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
 }
-.radio__hint_12xp0 {
+.radio__hint_1e11x {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"container":"radio__container_12xp0","checked":"radio__checked_12xp0","disabled":"radio__disabled_12xp0","inactive":"radio__inactive_12xp0","circle":"radio__circle_12xp0","label":"radio__label_12xp0","hint":"radio__hint_12xp0","focused":"radio__focused_12xp0","s":"radio__s_12xp0","content":"radio__content_12xp0","start":"radio__start_12xp0","center":"radio__center_12xp0","addons":"radio__addons_12xp0","block":"radio__block_12xp0"};
+var styles = {"container":"radio__container_1e11x","checked":"radio__checked_1e11x","disabled":"radio__disabled_1e11x","inactive":"radio__inactive_1e11x","circle":"radio__circle_1e11x","label":"radio__label_1e11x","hint":"radio__hint_1e11x","focused":"radio__focused_1e11x","s":"radio__s_1e11x","content":"radio__content_1e11x","start":"radio__start_1e11x","center":"radio__center_1e11x","addons":"radio__addons_1e11x","block":"radio__block_1e11x"};
 require('./index.css');
 
 const Radio = forwardRef(({ onChange, className, circleClassName, contentClassName, name, disabled, inactive, dataTestId, label, checked, hint, size = 's', align = 'start', addons, block, ...restProps }, ref) => {

package/radio/modern/index.css

@@ -73,77 +73,77 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
 }
-.radio__container_12xp0 {
+.radio__container_1e11x {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
 }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0) .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x) .radio__circle_1e11x {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
         }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0):hover:not(:active) .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x):hover:not(:active) .radio__circle_1e11x {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
         }
-.radio__container_12xp0:not(.radio__checked_12xp0):not(.radio__disabled_12xp0):not(.radio__inactive_12xp0):active .radio__circle_12xp0 {
+.radio__container_1e11x:not(.radio__checked_1e11x):not(.radio__disabled_1e11x):not(.radio__inactive_1e11x):active .radio__circle_1e11x {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x {
         cursor: var(--disabled-cursor)
     }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__circle_1e11x {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__label_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__label_1e11x {
             color: var(--radio-disabled-color);
         }
-.radio__container_12xp0.radio__disabled_12xp0 .radio__hint_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x .radio__hint_1e11x {
             color: var(--radio-disabled-color);
         }
-.radio__container_12xp0.radio__inactive_12xp0 {
+.radio__container_1e11x.radio__inactive_1e11x {
         cursor: var(--disabled-cursor)
     }
-.radio__container_12xp0.radio__inactive_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__inactive_1e11x .radio__circle_1e11x {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
         }
-.radio__container_12xp0.radio__inactive_12xp0.radio__checked_12xp0 .radio__circle_12xp0:before {
+.radio__container_1e11x.radio__inactive_1e11x.radio__checked_1e11x .radio__circle_1e11x:before {
             background-color: var(--radio-checked-inactive-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:not(:active) .radio__circle_12xp0:before,
-    .radio__container_12xp0.radio__checked_12xp0.radio__disabled_12xp0:active .radio__circle_12xp0:before {
+.radio__container_1e11x.radio__checked_1e11x:not(:active) .radio__circle_1e11x:before,
+    .radio__container_1e11x.radio__checked_1e11x.radio__disabled_1e11x:active .radio__circle_1e11x:before {
         opacity: 1;
     }
-.radio__container_12xp0.radio__checked_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x .radio__circle_1e11x {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:hover .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x:hover .radio__circle_1e11x {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
         }
-.radio__container_12xp0.radio__checked_12xp0:active .radio__circle_12xp0 {
+.radio__container_1e11x.radio__checked_1e11x:active .radio__circle_1e11x {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
         }
-.radio__container_12xp0.radio__focused_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__focused_1e11x .radio__circle_1e11x {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
-.radio__container_12xp0.radio__disabled_12xp0.radio__checked_12xp0 .radio__circle_12xp0,
-    .radio__container_12xp0.radio__inactive_12xp0.radio__checked_12xp0 .radio__circle_12xp0 {
+.radio__container_1e11x.radio__disabled_1e11x.radio__checked_1e11x .radio__circle_1e11x,
+    .radio__container_1e11x.radio__inactive_1e11x.radio__checked_1e11x .radio__circle_1e11x {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
     }
-.radio__container_12xp0 input {
+.radio__container_1e11x input {
         position: absolute;
         z-index: -1;
         opacity: 0;
     }
-.radio__circle_12xp0 {
+.radio__circle_1e11x {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -153,7 +153,7 @@
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
 }
-.radio__circle_12xp0:before {
+.radio__circle_1e11x:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -168,40 +168,40 @@
         transition: opacity 0.2s ease;
         opacity: 0;
     }
-.radio__s_12xp0 .radio__circle_12xp0 {
+.radio__s_1e11x .radio__circle_1e11x {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
 }
-.radio__content_12xp0 {
+.radio__content_1e11x {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
 }
-.radio__s_12xp0 .radio__content_12xp0 {
+.radio__s_1e11x .radio__content_1e11x {
     margin-left: var(--gap-xs);
 }
-.radio__start_12xp0 {
+.radio__start_1e11x {
     align-items: flex-start;
 }
-.radio__center_12xp0 {
+.radio__center_1e11x {
     align-items: center;
 }
-.radio__addons_12xp0 {
+.radio__addons_1e11x {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.radio__block_12xp0 {
+.radio__block_1e11x {
     width: 100%;
 }
-.radio__label_12xp0 {
+.radio__label_1e11x {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
 }
-.radio__hint_12xp0 {
+.radio__hint_1e11x {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.d.ts

@@ -54,7 +54,7 @@ type RadioGroupProps = {
     /**
      * Value выбранного дочернего элемента
      */
-    value?: string;
+    value?: string | null;
 };
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };

package/radio-group/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_179zw","error":"radio-group__error_179zw","radioList":"radio-group__radioList_179zw","vertical":"radio-group__vertical_179zw","radio":"radio-group__radio_179zw","horizontal":"radio-group__horizontal_179zw","tag":"radio-group__tag_179zw","tagLabel":"radio-group__tagLabel_179zw","label":"radio-group__label_179zw","sub":"radio-group__sub_179zw","errorMessage":"radio-group__errorMessage_179zw","hint":"radio-group__hint_179zw","hiddenInput":"radio-group__hiddenInput_179zw"};
+var styles = {"component":"radio-group__component_t0ipa","error":"radio-group__error_t0ipa","radioList":"radio-group__radioList_t0ipa","vertical":"radio-group__vertical_t0ipa","radio":"radio-group__radio_t0ipa","horizontal":"radio-group__horizontal_t0ipa","tag":"radio-group__tag_t0ipa","tagLabel":"radio-group__tagLabel_t0ipa","label":"radio-group__label_t0ipa","sub":"radio-group__sub_t0ipa","errorMessage":"radio-group__errorMessage_t0ipa","hint":"radio-group__hint_t0ipa","hiddenInput":"radio-group__hiddenInput_t0ipa"};
 require('./index.css');
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
@@ -44,7 +44,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
     var renderRadio = function (child) {
         var childClassName = child.props.className;
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {
@@ -55,7 +55,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
             name: name, className: cn__default['default'](childClassName, styles.radio) }));
     };
     var renderTag = function (child) {
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {

package/radio-group/cssm/Component.d.ts

@@ -54,7 +54,7 @@ type RadioGroupProps = {
     /**
      * Value выбранного дочернего элемента
      */
-    value?: string;
+    value?: string | null;
 };
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };

package/radio-group/cssm/Component.js

@@ -43,7 +43,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
     var renderRadio = function (child) {
         var childClassName = child.props.className;
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {
@@ -54,7 +54,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
             name: name, className: cn__default['default'](childClassName, styles__default['default'].radio) }));
     };
     var renderTag = function (child) {
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {

package/radio-group/esm/Component.d.ts

@@ -54,7 +54,7 @@ type RadioGroupProps = {
     /**
      * Value выбранного дочернего элемента
      */
-    value?: string;
+    value?: string | null;
 };
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };

package/radio-group/esm/Component.js

@@ -28,7 +28,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_179zw","error":"radio-group__error_179zw","radioList":"radio-group__radioList_179zw","vertical":"radio-group__vertical_179zw","radio":"radio-group__radio_179zw","horizontal":"radio-group__horizontal_179zw","tag":"radio-group__tag_179zw","tagLabel":"radio-group__tagLabel_179zw","label":"radio-group__label_179zw","sub":"radio-group__sub_179zw","errorMessage":"radio-group__errorMessage_179zw","hint":"radio-group__hint_179zw","hiddenInput":"radio-group__hiddenInput_179zw"};
+var styles = {"component":"radio-group__component_t0ipa","error":"radio-group__error_t0ipa","radioList":"radio-group__radioList_t0ipa","vertical":"radio-group__vertical_t0ipa","radio":"radio-group__radio_t0ipa","horizontal":"radio-group__horizontal_t0ipa","tag":"radio-group__tag_t0ipa","tagLabel":"radio-group__tagLabel_t0ipa","label":"radio-group__label_t0ipa","sub":"radio-group__sub_t0ipa","errorMessage":"radio-group__errorMessage_t0ipa","hint":"radio-group__hint_t0ipa","hiddenInput":"radio-group__hiddenInput_t0ipa"};
 require('./index.css');
 
 var RadioGroup = forwardRef(function (_a, ref) {
@@ -37,7 +37,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
     var _f = useState(''), stateValue = _f[0], setStateValue = _f[1];
     var renderRadio = function (child) {
         var childClassName = child.props.className;
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {
@@ -48,7 +48,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
             name: name, className: cn(childClassName, styles.radio) }));
     };
     var renderTag = function (child) {
-        var checked = (value || stateValue) === child.props.value;
+        var checked = value !== null && (value || stateValue) === child.props.value;
         var handleChange = function (event) {
             setStateValue(child.props.value);
             if (onChange) {

package/radio-group/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: hexvv */
+/* hash: thg7w */
 :root {
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_179zw {
+.radio-group__component_t0ipa {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_179zw {
+.radio-group__error_t0ipa {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_179zw {
+.radio-group__radioList_t0ipa {
     display: flex;
 }
-.radio-group__vertical_179zw .radio-group__radioList_179zw {
+.radio-group__vertical_t0ipa .radio-group__radioList_t0ipa {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_179zw .radio-group__radio_179zw {
+.radio-group__vertical_t0ipa .radio-group__radio_t0ipa {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_179zw .radio-group__radio_179zw:last-child {
+.radio-group__vertical_t0ipa .radio-group__radio_t0ipa:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_179zw .radio-group__radioList_179zw {
+.radio-group__horizontal_t0ipa .radio-group__radioList_t0ipa {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_179zw.radio-group__horizontal_179zw .radio-group__radioList_179zw {
+.radio-group__tag_t0ipa.radio-group__horizontal_t0ipa .radio-group__radioList_t0ipa {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_179zw .radio-group__radio_179zw {
+.radio-group__horizontal_t0ipa .radio-group__radio_t0ipa {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_179zw .radio-group__tagLabel_179zw {
+.radio-group__horizontal_t0ipa .radio-group__tagLabel_t0ipa {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_179zw {
+.radio-group__label_t0ipa {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_179zw {
+.radio-group__sub_t0ipa {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_179zw {
+.radio-group__errorMessage_t0ipa {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_179zw {
+.radio-group__hint_t0ipa {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_179zw {
+.radio-group__hiddenInput_t0ipa {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_179zw {
+.radio-group__tagLabel_t0ipa {
     position: relative;
 }

package/radio-group/index.css

@@ -1,4 +1,4 @@
-/* hash: hexvv */
+/* hash: thg7w */
 :root {
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_179zw {
+.radio-group__component_t0ipa {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_179zw {
+.radio-group__error_t0ipa {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_179zw {
+.radio-group__radioList_t0ipa {
     display: flex;
 }
-.radio-group__vertical_179zw .radio-group__radioList_179zw {
+.radio-group__vertical_t0ipa .radio-group__radioList_t0ipa {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_179zw .radio-group__radio_179zw {
+.radio-group__vertical_t0ipa .radio-group__radio_t0ipa {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_179zw .radio-group__radio_179zw:last-child {
+.radio-group__vertical_t0ipa .radio-group__radio_t0ipa:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_179zw .radio-group__radioList_179zw {
+.radio-group__horizontal_t0ipa .radio-group__radioList_t0ipa {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_179zw.radio-group__horizontal_179zw .radio-group__radioList_179zw {
+.radio-group__tag_t0ipa.radio-group__horizontal_t0ipa .radio-group__radioList_t0ipa {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_179zw .radio-group__radio_179zw {
+.radio-group__horizontal_t0ipa .radio-group__radio_t0ipa {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_179zw .radio-group__tagLabel_179zw {
+.radio-group__horizontal_t0ipa .radio-group__tagLabel_t0ipa {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_179zw {
+.radio-group__label_t0ipa {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_179zw {
+.radio-group__sub_t0ipa {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_179zw {
+.radio-group__errorMessage_t0ipa {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_179zw {
+.radio-group__hint_t0ipa {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_179zw {
+.radio-group__hiddenInput_t0ipa {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_179zw {
+.radio-group__tagLabel_t0ipa {
     position: relative;
 }

package/radio-group/modern/Component.d.ts

@@ -54,7 +54,7 @@ type RadioGroupProps = {
     /**
      * Value выбранного дочернего элемента
      */
-    value?: string;
+    value?: string | null;
 };
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };