@thecb/components 8.4.10-beta.3 → 8.4.10-beta.5

package/dist/index.cjs.js

@@ -24229,7 +24229,8 @@ var FormSelect = function FormSelect(_ref) {
     smoothScroll: smoothScroll
   }), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
-    justify: "space-between"
+    justify: "space-between",
+    "aria-live": "polite"
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
@@ -26013,7 +26014,7 @@ var FormInput = function FormInput(_ref15) {
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
-    autocomplete: autocomplete
+    autoComplete: autocomplete
   }, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26032,10 +26033,11 @@ var FormInput = function FormInput(_ref15) {
     background: background,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
-    autocomplete: autocomplete
+    autoComplete: autocomplete
   }, props))), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
-    justify: "space-between"
+    justify: "space-between",
+    "aria-live": "polite"
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
@@ -27108,24 +27110,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
       themeValues = _ref5.themeValues,
       index = _ref5.index,
       _ref5$handleChange = _ref5.handleChange,
-      handleChange = _ref5$handleChange === void 0 ? noop : _ref5$handleChange,
-      field = _ref5.field,
-      config = _ref5.config;
-
-  var getDefaultChecked = function getDefaultChecked(value, idx) {
-    var selectionExistsInConfig = config.map(function (c) {
-      return c.value;
-    }).includes(field.rawValue);
-
-    if (selectionExistsInConfig) {
-      // if exists, selection comes from the redux-freeform state
-      return field.rawValue === value;
-    } // fallback to first option as default selection
-
-
-    return idx === 0;
-  };
-
+      handleChange = _ref5$handleChange === void 0 ? noop : _ref5$handleChange;
   return /*#__PURE__*/React__default.createElement(InputAndLabelContainer, {
     align: "center",
     childGap: "0.5rem",
@@ -27143,7 +27128,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
       setValue(e.target.value);
       handleChange(e);
     },
-    defaultChecked: getDefaultChecked(value, index)
+    defaultChecked: index === 0
   }), /*#__PURE__*/React__default.createElement(Text$1, {
     as: "label",
     htmlFor: id,
@@ -41345,7 +41330,7 @@ var EmailForm = function EmailForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     isEmail: true,
-    autocomplete: "email"
+    autoComplete: "email"
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "email checkbox",
     title: "Save email address to wallet",
@@ -49399,8 +49384,6 @@ var RadioGroup = function RadioGroup(_ref) {
       groupName: groupName,
       setValue: setValue,
       handleChange: handleChange,
-      field: field,
-      config: config,
       "aria-invalid": field.dirty && field.hasErrors
     }));
   })));