@alfalab/core-components 45.6.0 → 45.8.0

package/radio/modern/index.css

@@ -1,9 +1,9 @@
 /* hash: 14yw3 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-accent-secondary: #0e0e0e;
-    --color-light-accent-secondary-hover: #29292c;
-    --color-light-accent-secondary-press: #2f2f32;
+    --color-light-accent-secondary: #212124;
+    --color-light-accent-secondary-hover: #2f2f32;
+    --color-light-accent-secondary-press: #353539;
     --color-light-border-link: #2288fa;
     --color-light-neutral-0: #fff;
     --color-light-neutral-0-hover: #e7e8eb;
@@ -13,7 +13,7 @@
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-    --color-light-text-primary: #0e0e0e;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -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_1bkg6 {
+} .radio__container_qroyd {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1bkg6:not(.radio__checked_1bkg6):not(.radio__disabled_1bkg6) .radio__circle_1bkg6 {
+} .radio__container_qroyd:not(.radio__checked_qroyd):not(.radio__disabled_qroyd) .radio__circle_qroyd {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1bkg6:not(.radio__checked_1bkg6):not(.radio__disabled_1bkg6):hover:not(:active) .radio__circle_1bkg6 {
+        } .radio__container_qroyd:not(.radio__checked_qroyd):not(.radio__disabled_qroyd):hover:not(:active) .radio__circle_qroyd {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1bkg6:not(.radio__checked_1bkg6):not(.radio__disabled_1bkg6):active .radio__circle_1bkg6 {
+        } .radio__container_qroyd:not(.radio__checked_qroyd):not(.radio__disabled_qroyd):active .radio__circle_qroyd {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1bkg6.radio__disabled_1bkg6 {
+        } .radio__container_qroyd.radio__disabled_qroyd {
         cursor: var(--disabled-cursor)
-    } .radio__container_1bkg6.radio__disabled_1bkg6 .radio__circle_1bkg6 {
+    } .radio__container_qroyd.radio__disabled_qroyd .radio__circle_qroyd {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1bkg6.radio__disabled_1bkg6 .radio__label_1bkg6 {
+        } .radio__container_qroyd.radio__disabled_qroyd .radio__label_qroyd {
             color: var(--radio-disabled-color);
-        } .radio__container_1bkg6.radio__disabled_1bkg6 .radio__hint_1bkg6 {
+        } .radio__container_qroyd.radio__disabled_qroyd .radio__hint_qroyd {
             color: var(--radio-disabled-color);
-        } .radio__container_1bkg6.radio__disabled_1bkg6.radio__checked_1bkg6 .radio__circle_1bkg6:before {
+        } .radio__container_qroyd.radio__disabled_qroyd.radio__checked_qroyd .radio__circle_qroyd:before {
             background-color: var(--radio-icon-disabled-color);
-        } .radio__container_1bkg6.radio__checked_1bkg6:not(:active) .radio__circle_1bkg6:before,
-    .radio__container_1bkg6.radio__checked_1bkg6.radio__disabled_1bkg6:active .radio__circle_1bkg6:before {
+        } .radio__container_qroyd.radio__checked_qroyd:not(:active) .radio__circle_qroyd:before,
+    .radio__container_qroyd.radio__checked_qroyd.radio__disabled_qroyd:active .radio__circle_qroyd:before {
         opacity: 1;
-    } .radio__container_1bkg6.radio__checked_1bkg6 .radio__circle_1bkg6 {
+    } .radio__container_qroyd.radio__checked_qroyd .radio__circle_qroyd {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1bkg6.radio__checked_1bkg6:hover .radio__circle_1bkg6 {
+        } .radio__container_qroyd.radio__checked_qroyd:hover .radio__circle_qroyd {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1bkg6.radio__checked_1bkg6:active .radio__circle_1bkg6 {
+        } .radio__container_qroyd.radio__checked_qroyd:active .radio__circle_qroyd {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1bkg6.radio__focused_1bkg6 .radio__circle_1bkg6 {
+        } .radio__container_qroyd.radio__focused_qroyd .radio__circle_qroyd {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1bkg6.radio__disabled_1bkg6.radio__checked_1bkg6 .radio__circle_1bkg6 {
+    } .radio__container_qroyd.radio__disabled_qroyd.radio__checked_qroyd .radio__circle_qroyd {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1bkg6 input {
+    } .radio__container_qroyd input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1bkg6 {
+    } .radio__circle_qroyd {
     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_1bkg6:before {
+} .radio__circle_qroyd:before {
         content: '';
         position: absolute;
         background-color: var(--radio-icon-color);
@@ -138,34 +138,34 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__size-20_1bkg6 .radio__circle_1bkg6 {
+    } .radio__size-20_qroyd .radio__circle_qroyd {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs)
-} .radio__size-20_1bkg6 .radio__circle_1bkg6:before {
+} .radio__size-20_qroyd .radio__circle_qroyd:before {
         border-width: 4px;
-    } .radio__content_1bkg6 {
+    } .radio__content_qroyd {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__size-20_1bkg6 .radio__content_1bkg6 {
+} .radio__size-20_qroyd .radio__content_qroyd {
     margin-left: var(--gap-xs);
-} .radio__start_1bkg6 {
+} .radio__start_qroyd {
     align-items: flex-start;
-} .radio__center_1bkg6 {
+} .radio__center_qroyd {
     align-items: center;
-} .radio__addons_1bkg6 {
+} .radio__addons_qroyd {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1bkg6 {
+} .radio__block_qroyd {
     width: 100%;
-} .radio__label_1bkg6 {
+} .radio__label_qroyd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1bkg6 {
+} .radio__hint_qroyd {
     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_os3i7","error":"radio-group__error_os3i7","tag":"radio-group__tag_os3i7","radioList":"radio-group__radioList_os3i7","verticalRadioList":"radio-group__verticalRadioList_os3i7","horizontalRadioList":"radio-group__horizontalRadioList_os3i7","verticalRadio":"radio-group__verticalRadio_os3i7","horizontalRadio":"radio-group__horizontalRadio_os3i7","horizontalTagLabel":"radio-group__horizontalTagLabel_os3i7","label":"radio-group__label_os3i7","sub":"radio-group__sub_os3i7","errorMessage":"radio-group__errorMessage_os3i7","hint":"radio-group__hint_os3i7","hiddenInput":"radio-group__hiddenInput_os3i7","tagLabel":"radio-group__tagLabel_os3i7"};
+var commonStyles = {"component":"radio-group__component_11mut","error":"radio-group__error_11mut","tag":"radio-group__tag_11mut","radioList":"radio-group__radioList_11mut","verticalRadioList":"radio-group__verticalRadioList_11mut","horizontalRadioList":"radio-group__horizontalRadioList_11mut","verticalRadio":"radio-group__verticalRadio_11mut","horizontalRadio":"radio-group__horizontalRadio_11mut","horizontalTagLabel":"radio-group__horizontalTagLabel_11mut","label":"radio-group__label_11mut","sub":"radio-group__sub_11mut","errorMessage":"radio-group__errorMessage_11mut","hint":"radio-group__hint_11mut","hiddenInput":"radio-group__hiddenInput_11mut","tagLabel":"radio-group__tagLabel_11mut"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

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

@@ -2,8 +2,8 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
-    --color-light-status-negative: #ff5431;
-    --color-light-text-negative: #ec2e14;
+    --color-light-status-negative: #ff4837;
+    --color-light-text-negative: #ec2d20;
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_os3i7 {
+} .radio-group__component_11mut {
     display: flex;
     flex-direction: column;
-} .radio-group__error_os3i7 {
+} .radio-group__error_11mut {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_os3i7.radio-group__tag_os3i7 {
+} .radio-group__error_11mut.radio-group__tag_11mut {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_os3i7 {
+    } .radio-group__radioList_11mut {
     display: flex;
-} .radio-group__verticalRadioList_os3i7 {
+} .radio-group__verticalRadioList_11mut {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_os3i7 {
+} .radio-group__horizontalRadioList_11mut {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_os3i7 {
+} .radio-group__verticalRadio_11mut {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_os3i7:last-child {
+} .radio-group__verticalRadio_11mut:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_os3i7 {
+    } .radio-group__horizontalRadio_11mut {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_os3i7 {
+} .radio-group__horizontalTagLabel_11mut {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_os3i7:last-child,
-.radio-group__horizontalTagLabel_os3i7:last-child {
+} .radio-group__horizontalRadio_11mut:last-child,
+.radio-group__horizontalTagLabel_11mut:last-child {
     margin-right: 0;
-} .radio-group__label_os3i7 {
+} .radio-group__label_11mut {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_os3i7 {
+} .radio-group__sub_11mut {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_os3i7 {
+} .radio-group__errorMessage_11mut {
     color: var(--radio-group-error-color);
-} .radio-group__hint_os3i7 {
+} .radio-group__hint_11mut {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_os3i7 {
+} .radio-group__hiddenInput_11mut {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_os3i7:focus ~ button {
+} .radio-group__hiddenInput_11mut:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_os3i7 {
+    } .radio-group__tagLabel_11mut {
     position: relative;
     max-width: 100%;
 }

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

@@ -1,8 +1,8 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
-    --color-light-status-negative: #ff5431;
-    --color-light-text-negative: #ec2e14;
+    --color-light-status-negative: #ff4837;
+    --color-light-text-negative: #ec2d20;
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

package/radio-group/cssm/desktop/desktop.module.css

@@ -1,6 +1,6 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {

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_1mtn8","label":"radio-group__label_1mtn8","sub":"radio-group__sub_1mtn8"};
+var styles = {"radioList":"radio-group__radioList_v2zpu","label":"radio-group__label_v2zpu","sub":"radio-group__sub_v2zpu"};
 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

@@ -1,7 +1,7 @@
 /* hash: 1i3os */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1mtn8 {
+} .radio-group__radioList_v2zpu {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1mtn8 {
+} .radio-group__label_v2zpu {
     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_1mtn8 {
+} .radio-group__sub_v2zpu {
     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_os3i7","error":"radio-group__error_os3i7","tag":"radio-group__tag_os3i7","radioList":"radio-group__radioList_os3i7","verticalRadioList":"radio-group__verticalRadioList_os3i7","horizontalRadioList":"radio-group__horizontalRadioList_os3i7","verticalRadio":"radio-group__verticalRadio_os3i7","horizontalRadio":"radio-group__horizontalRadio_os3i7","horizontalTagLabel":"radio-group__horizontalTagLabel_os3i7","label":"radio-group__label_os3i7","sub":"radio-group__sub_os3i7","errorMessage":"radio-group__errorMessage_os3i7","hint":"radio-group__hint_os3i7","hiddenInput":"radio-group__hiddenInput_os3i7","tagLabel":"radio-group__tagLabel_os3i7"};
+var commonStyles = {"component":"radio-group__component_11mut","error":"radio-group__error_11mut","tag":"radio-group__tag_11mut","radioList":"radio-group__radioList_11mut","verticalRadioList":"radio-group__verticalRadioList_11mut","horizontalRadioList":"radio-group__horizontalRadioList_11mut","verticalRadio":"radio-group__verticalRadio_11mut","horizontalRadio":"radio-group__horizontalRadio_11mut","horizontalTagLabel":"radio-group__horizontalTagLabel_11mut","label":"radio-group__label_11mut","sub":"radio-group__sub_11mut","errorMessage":"radio-group__errorMessage_11mut","hint":"radio-group__hint_11mut","hiddenInput":"radio-group__hiddenInput_11mut","tagLabel":"radio-group__tagLabel_11mut"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {

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

@@ -2,8 +2,8 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
-    --color-light-status-negative: #ff5431;
-    --color-light-text-negative: #ec2e14;
+    --color-light-status-negative: #ff4837;
+    --color-light-text-negative: #ec2d20;
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -29,55 +29,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_os3i7 {
+} .radio-group__component_11mut {
     display: flex;
     flex-direction: column;
-} .radio-group__error_os3i7 {
+} .radio-group__error_11mut {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--color-light-status-negative)
-} .radio-group__error_os3i7.radio-group__tag_os3i7 {
+} .radio-group__error_11mut.radio-group__tag_11mut {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_os3i7 {
+    } .radio-group__radioList_11mut {
     display: flex;
-} .radio-group__verticalRadioList_os3i7 {
+} .radio-group__verticalRadioList_11mut {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_os3i7 {
+} .radio-group__horizontalRadioList_11mut {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_os3i7 {
+} .radio-group__verticalRadio_11mut {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_os3i7:last-child {
+} .radio-group__verticalRadio_11mut:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_os3i7 {
+    } .radio-group__horizontalRadio_11mut {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_os3i7 {
+} .radio-group__horizontalTagLabel_11mut {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_os3i7:last-child,
-.radio-group__horizontalTagLabel_os3i7:last-child {
+} .radio-group__horizontalRadio_11mut:last-child,
+.radio-group__horizontalTagLabel_11mut:last-child {
     margin-right: 0;
-} .radio-group__label_os3i7 {
+} .radio-group__label_11mut {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_os3i7 {
+} .radio-group__sub_11mut {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_os3i7 {
+} .radio-group__errorMessage_11mut {
     color: var(--radio-group-error-color);
-} .radio-group__hint_os3i7 {
+} .radio-group__hint_11mut {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_os3i7 {
+} .radio-group__hiddenInput_11mut {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_os3i7:focus ~ button {
+} .radio-group__hiddenInput_11mut:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_os3i7 {
+    } .radio-group__tagLabel_11mut {
     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_1mtn8","label":"radio-group__label_1mtn8","sub":"radio-group__sub_1mtn8"};
+var styles = {"radioList":"radio-group__radioList_v2zpu","label":"radio-group__label_v2zpu","sub":"radio-group__sub_v2zpu"};
 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

@@ -1,7 +1,7 @@
 /* hash: 1i3os */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -21,14 +21,14 @@
     --radio-group-list-padding-left: 0;
 
     /* mobile */
-} .radio-group__radioList_1mtn8 {
+} .radio-group__radioList_v2zpu {
     padding-left: var(--radio-group-list-padding-left);
-} .radio-group__label_1mtn8 {
+} .radio-group__label_v2zpu {
     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_1mtn8 {
+} .radio-group__sub_v2zpu {
     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_17zdf","label":"radio-group__label_17zdf","sub":"radio-group__sub_17zdf"};
+var styles = {"radioList":"radio-group__radioList_v4m4j","label":"radio-group__label_v4m4j","sub":"radio-group__sub_v4m4j"};
 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

@@ -23,14 +23,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_17zdf {
+} .radio-group__radioList_v4m4j {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_17zdf {
+} .radio-group__label_v4m4j {
     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_17zdf {
+} .radio-group__sub_v4m4j {
     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_17zdf","label":"radio-group__label_17zdf","sub":"radio-group__sub_17zdf"};
+var styles = {"radioList":"radio-group__radioList_v4m4j","label":"radio-group__label_v4m4j","sub":"radio-group__sub_v4m4j"};
 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

@@ -23,14 +23,14 @@
     --radio-group-mobile-sub-padding-left: var(--gap-2xs);
     --radio-group-mobile-list-padding-left: var(--gap-3xs);
     --radio-group-mobile-label-color: var(--color-light-text-secondary);
-} .radio-group__radioList_17zdf {
+} .radio-group__radioList_v4m4j {
     padding-left: var(--radio-group-mobile-list-padding-left);
-} .radio-group__label_17zdf {
+} .radio-group__label_v4m4j {
     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_17zdf {
+} .radio-group__sub_v4m4j {
     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_os3i7","error":"radio-group__error_os3i7","tag":"radio-group__tag_os3i7","radioList":"radio-group__radioList_os3i7","verticalRadioList":"radio-group__verticalRadioList_os3i7","horizontalRadioList":"radio-group__horizontalRadioList_os3i7","verticalRadio":"radio-group__verticalRadio_os3i7","horizontalRadio":"radio-group__horizontalRadio_os3i7","horizontalTagLabel":"radio-group__horizontalTagLabel_os3i7","label":"radio-group__label_os3i7","sub":"radio-group__sub_os3i7","errorMessage":"radio-group__errorMessage_os3i7","hint":"radio-group__hint_os3i7","hiddenInput":"radio-group__hiddenInput_os3i7","tagLabel":"radio-group__tagLabel_os3i7"};
+const commonStyles = {"component":"radio-group__component_11mut","error":"radio-group__error_11mut","tag":"radio-group__tag_11mut","radioList":"radio-group__radioList_11mut","verticalRadioList":"radio-group__verticalRadioList_11mut","horizontalRadioList":"radio-group__horizontalRadioList_11mut","verticalRadio":"radio-group__verticalRadio_11mut","horizontalRadio":"radio-group__horizontalRadio_11mut","horizontalTagLabel":"radio-group__horizontalTagLabel_11mut","label":"radio-group__label_11mut","sub":"radio-group__sub_11mut","errorMessage":"radio-group__errorMessage_11mut","hint":"radio-group__hint_11mut","hiddenInput":"radio-group__hiddenInput_11mut","tagLabel":"radio-group__tagLabel_11mut"};
 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) => {