@thecb/components 9.0.0-beta.6 → 9.0.0-beta.8

package/dist/index.esm.js

@@ -22154,6 +22154,7 @@ var Checkbox = function Checkbox(_ref4) {
     error: error,
     disabled: disabled,
     checked: checked,
+    "aria-checked": checked,
     focused: focused,
     defaultStyles: themeValues.defaultStyles,
     checkedStyles: themeValues.checkedStyles,
@@ -24219,7 +24220,7 @@ var FormSelect = function FormSelect(_ref) {
     id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError))), /*#__PURE__*/React.createElement(Dropdown$1, {
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
-    ariaDescribedBy: createIdFromString(labelTextWhenNoError, "error message"),
+    ariaDescribedby: createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
     hasTitles: hasTitles,
     placeholder: options[0] ? options[0].text : "",
@@ -26035,7 +26036,7 @@ var FormInput = function FormInput(_ref15) {
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
-    "data-qa": dataQa,
+    "data-qa": dataQa || labelTextWhenNoError,
     autoComplete: autocompleteValue
   }, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
@@ -26054,7 +26055,7 @@ var FormInput = function FormInput(_ref15) {
     background: background,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
-    "data-qa": dataQa,
+    "data-qa": dataQa || labelTextWhenNoError,
     autoComplete: autocompleteValue
   }, props))), /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
@@ -40408,7 +40409,7 @@ var AddressForm = function AddressForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocompleteValue: "address-line1",
-    dataQa: "Address Line 1"
+    dataQa: "Address"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -46659,7 +46660,7 @@ var Modal$1 = function Modal(_ref) {
       buttonExtraStyles = _ref.buttonExtraStyles,
       children = _ref.children,
       _ref$dataQa = _ref.dataQa,
-      dataQa = _ref$dataQa === void 0 ? "" : _ref$dataQa;
+      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
 
   var _useContext = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
@@ -49728,7 +49729,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocompleteValue: "given-name"
+    autocompleteValue: "given-name",
+    dataQa: "First name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Last name",
     errorMessages: lastNameErrorMessages,
@@ -49738,7 +49740,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocompleteValue: "family-name"
+    autocompleteValue: "family-name",
+    dataQa: "Last name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Email address",
     errorMessages: emailErrorMessages,
@@ -49750,7 +49753,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
     },
     type: "email",
     isEmail: true,
-    autocompleteValue: "email"
+    autocompleteValue: "email",
+    dataQa: "Email address"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Password",
     errorMessages: passwordErrorMessages,
@@ -49761,7 +49765,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     type: "password",
-    autocompleteValue: "new-password"
+    autocompleteValue: "new-password",
+    dataQa: "Password"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm password",
     errorMessages: confirmPasswordErrorMessages,
@@ -49772,7 +49777,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     type: "password",
-    autocompleteValue: "new-password"
+    autocompleteValue: "new-password",
+    dataQa: "Confirm password"
   }), /*#__PURE__*/React.createElement(Box, {
     padding: isMobile ? "0" : "0.5rem 0 0"
   }, /*#__PURE__*/React.createElement(PasswordRequirements, {