@thecb/components 8.4.11-beta.1 → 8.4.11-beta.2

package/dist/index.cjs.js

@@ -22150,7 +22150,7 @@ var Checkbox = function Checkbox(_ref4) {
     onChange: onChange,
     tabIndex: "-1",
     "aria-invalid": error,
-    "aria-describedby": error ? "".concat(name, "-error-message") : ""
+    "aria-describedBy": error ? "".concat(name, "-error-message") : ""
   }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     error: error,
     disabled: disabled,
@@ -40368,7 +40368,6 @@ var AddressForm = function AddressForm(_ref) {
   }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(CountryDropdown, {
     labelTextWhenNoError: "Country",
     errorMessages: countryErrorMessages,
-    "aria-label": "country",
     field: fields.country,
     onChange: function onChange(value) {
       actions.fields.country.set(value); // temporary measure to not dirty fields until
@@ -40382,19 +40381,20 @@ var AddressForm = function AddressForm(_ref) {
         actions.fields.zip.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "aria-label": "country"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Address",
     errorMessages: street1ErrorMessages,
     required: true,
-    "aria-label": "address line 1",
     field: fields.street1,
     fieldActions: actions.fields.street1,
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "address-line1"
+    autoComplete: "address-line1",
+    "aria-label": "address line 1"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40403,10 +40403,10 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "address-line2"
+    autoComplete: "address-line2",
+    "aria-label": "address line 2"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "City",
-    "aria-label": "city",
     required: true,
     errorMessages: cityErrorMessages,
     field: fields.city,
@@ -40415,7 +40415,8 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "address-level2"
+    autoComplete: "locality",
+    "aria-label": "city"
   }), /*#__PURE__*/React__default.createElement(FormStateDropdown, {
     labelTextWhenNoError: isUS ? "State" : "State or Province",
     errorMessages: stateProvinceErrorMessages,
@@ -40426,8 +40427,8 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "address-level1",
-    "aria-label": isUS ? "State" : "State or Province",
+    autoComplete: "administrative-area",
+    "aria-label": isUS ? "state" : "state or province",
     required: true
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     isNum: isUS,
@@ -40440,10 +40441,11 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
+    "aria-label": "zip code",
     autoComplete: "postal-code"
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "address checkbox",
-    title: "Save address to wallet",
+    title: "Save address to Wallet",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
   })));