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

package/dist/index.cjs.js

@@ -18818,7 +18818,8 @@ var Alert = function Alert(_ref) {
     borderColor: themeValues.border,
     borderSize: noBorder ? "0px" : "1px",
     boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
-    extraStyles: extraStyles
+    extraStyles: extraStyles,
+    role: "alert"
   }, maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: maxContentWidth
   }, content) : content);
@@ -22150,7 +22151,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 +40369,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 +40382,21 @@ var AddressForm = function AddressForm(_ref) {
         actions.fields.zip.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "aria-label": "country",
+    "aria-role": "listbox"
   }), /*#__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 +40405,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 +40417,8 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "address-level2"
+    autocomplete: "city",
+    "aria-label": "city"
   }), /*#__PURE__*/React__default.createElement(FormStateDropdown, {
     labelTextWhenNoError: isUS ? "State" : "State or Province",
     errorMessages: stateProvinceErrorMessages,
@@ -40426,8 +40429,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 +40443,11 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "postal-code"
+    "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
   })));