@thecb/components 9.0.0-beta.6 → 9.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +13 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +13 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/form-layouts/FormInput.js +2 -2
- package/src/components/molecules/address-form/AddressForm.js +1 -1
- package/src/components/molecules/registration-form/RegistrationForm.js +5 -0
package/dist/index.esm.js
CHANGED
|
@@ -26035,7 +26035,7 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26035
26035
|
themeValues: themeValues,
|
|
26036
26036
|
$customHeight: customHeight,
|
|
26037
26037
|
$extraStyles: extraStyles,
|
|
26038
|
-
"data-qa": dataQa,
|
|
26038
|
+
"data-qa": dataQa || labelTextWhenNoError,
|
|
26039
26039
|
autoComplete: autocompleteValue
|
|
26040
26040
|
}, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
|
|
26041
26041
|
"aria-labelledby": createIdFromString(labelTextWhenNoError),
|
|
@@ -26054,7 +26054,7 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26054
26054
|
background: background,
|
|
26055
26055
|
$customHeight: customHeight,
|
|
26056
26056
|
$extraStyles: extraStyles,
|
|
26057
|
-
"data-qa": dataQa,
|
|
26057
|
+
"data-qa": dataQa || labelTextWhenNoError,
|
|
26058
26058
|
autoComplete: autocompleteValue
|
|
26059
26059
|
}, props))), /*#__PURE__*/React.createElement(Stack, {
|
|
26060
26060
|
direction: "row",
|
|
@@ -40408,7 +40408,7 @@ var AddressForm = function AddressForm(_ref) {
|
|
|
40408
40408
|
return e.key === "Enter" && handleSubmit(e);
|
|
40409
40409
|
},
|
|
40410
40410
|
autocompleteValue: "address-line1",
|
|
40411
|
-
dataQa: "Address
|
|
40411
|
+
dataQa: "Address"
|
|
40412
40412
|
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
40413
40413
|
labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
|
|
40414
40414
|
field: fields.street2,
|
|
@@ -49728,7 +49728,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49728
49728
|
onKeyDown: function onKeyDown(e) {
|
|
49729
49729
|
return e.key === "Enter" && handleSubmit(e);
|
|
49730
49730
|
},
|
|
49731
|
-
autocompleteValue: "given-name"
|
|
49731
|
+
autocompleteValue: "given-name",
|
|
49732
|
+
dataQa: "First name"
|
|
49732
49733
|
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
49733
49734
|
labelTextWhenNoError: "Last name",
|
|
49734
49735
|
errorMessages: lastNameErrorMessages,
|
|
@@ -49738,7 +49739,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49738
49739
|
onKeyDown: function onKeyDown(e) {
|
|
49739
49740
|
return e.key === "Enter" && handleSubmit(e);
|
|
49740
49741
|
},
|
|
49741
|
-
autocompleteValue: "family-name"
|
|
49742
|
+
autocompleteValue: "family-name",
|
|
49743
|
+
dataQa: "Last name"
|
|
49742
49744
|
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
49743
49745
|
labelTextWhenNoError: "Email address",
|
|
49744
49746
|
errorMessages: emailErrorMessages,
|
|
@@ -49750,7 +49752,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49750
49752
|
},
|
|
49751
49753
|
type: "email",
|
|
49752
49754
|
isEmail: true,
|
|
49753
|
-
autocompleteValue: "email"
|
|
49755
|
+
autocompleteValue: "email",
|
|
49756
|
+
dataQa: "Email address"
|
|
49754
49757
|
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
49755
49758
|
labelTextWhenNoError: "Password",
|
|
49756
49759
|
errorMessages: passwordErrorMessages,
|
|
@@ -49761,7 +49764,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49761
49764
|
return e.key === "Enter" && handleSubmit(e);
|
|
49762
49765
|
},
|
|
49763
49766
|
type: "password",
|
|
49764
|
-
autocompleteValue: "new-password"
|
|
49767
|
+
autocompleteValue: "new-password",
|
|
49768
|
+
dataQa: "Password"
|
|
49765
49769
|
}), /*#__PURE__*/React.createElement(FormInput$1, {
|
|
49766
49770
|
labelTextWhenNoError: "Confirm password",
|
|
49767
49771
|
errorMessages: confirmPasswordErrorMessages,
|
|
@@ -49772,7 +49776,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
|
|
|
49772
49776
|
return e.key === "Enter" && handleSubmit(e);
|
|
49773
49777
|
},
|
|
49774
49778
|
type: "password",
|
|
49775
|
-
autocompleteValue: "new-password"
|
|
49779
|
+
autocompleteValue: "new-password",
|
|
49780
|
+
dataQa: "Confirm password"
|
|
49776
49781
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
49777
49782
|
padding: isMobile ? "0" : "0.5rem 0 0"
|
|
49778
49783
|
}, /*#__PURE__*/React.createElement(PasswordRequirements, {
|