@thecb/components 8.4.11-beta.15 → 8.4.11-beta.17

package/dist/index.cjs.js

@@ -24020,8 +24020,7 @@ var Dropdown = function Dropdown(_ref8) {
     value: inputValue,
     width: "100%",
     dataQa: placeholder,
-    required: options.required,
-    "aria-required": options.required
+    required: options.required
   }), /*#__PURE__*/React__default.createElement(IconWrapper, {
     open: isOpen,
     onClick: _onClick
@@ -24212,7 +24211,7 @@ var FormSelect = function FormSelect(_ref) {
     weight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }",
     id: createIdFromString(labelTextWhenNoError)
-  }, "".concat(labelTextWhenNoError).concat(options.required ? "*" : "")))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }, labelTextWhenNoError))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
     ariaDescribedby: "".concat(createIdFromString(labelTextWhenNoError), "-error-message"),
     maxHeight: dropdownMaxHeight,
@@ -26001,7 +26000,7 @@ var FormInput = function FormInput(_ref15) {
     "aria-label": showPassword ? "Hide Password" : "Show password",
     "aria-live": "polite",
     onKeyPress: function onKeyPress(e) {
-      return (e.key === "Enter" || e.code === "Space") && setShowPassword(!showPassword);
+      return e.key === "Enter" && setShowPassword(!showPassword);
     }
   }, showPassword ? "Hide" : "Show"), isMobile && decorator && /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0 auto"
@@ -26009,7 +26008,7 @@ var FormInput = function FormInput(_ref15) {
     padding: "0"
   }, formatter ? /*#__PURE__*/React__default.createElement(FormattedInputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
-    "aria-describedby": "".concat(createIdFromString(labelTextWhenNoError), "-error-message"),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(value) {
       return setValue(value);
@@ -40352,7 +40351,7 @@ var AddressForm = function AddressForm(_ref) {
     }, []);
   }
 
-  var street1ErrorMessages = _defineProperty({}, required.error, "Street is required");
+  var street1ErrorMessages = _defineProperty({}, required.error, "Street address is required");
 
   var cityErrorMessages = _defineProperty({}, required.error, "City is required");
 
@@ -40429,7 +40428,8 @@ var AddressForm = function AddressForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     "aria-label": isUS ? "State" : "State or Province",
-    required: true
+    required: true,
+    autocomplete: "administrative-area"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40446,7 +40446,7 @@ var AddressForm = function AddressForm(_ref) {
     required: true
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "address checkbox",
-    title: "Save address to Wallet",
+    title: "Save address to wallet",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
   })));
@@ -48799,11 +48799,14 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     toggleOpen: toggleTerms,
     linkVariant: modalVariant,
     title: modalTitle
-  })), showCheckbox && hasError && /*#__PURE__*/React__default.createElement(Text$1, {
+  })), /*#__PURE__*/React__default.createElement("div", {
+    "aria-live": "polite",
+    "aria-atomic": true
+  }, showCheckbox && hasError && /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pXS",
     color: ERROR_COLOR,
     id: "".concat(id, "-error-message")
-  }, errorMessage)))));
+  }, errorMessage))))));
 };
 
 var _excluded$y = ["version"];
@@ -49366,8 +49369,8 @@ var PhoneForm = function PhoneForm(_ref) {
     onKeyUp: function onKeyUp(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    isNum: true,
-    autocomplete: "tel"
+    autocomplete: "tel",
+    isPhone: true
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "phone checkbox",
     title: "Save phone number to wallet",