@thecb/components 8.4.11-beta.17 → 8.4.11-beta.18
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 +7 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -5
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/alert/Alert.js +1 -0
- package/src/components/atoms/form-layouts/FormInput.js +6 -5
- package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.js +1 -0
- package/src/components/molecules/payment-form-card/PaymentFormCard.js +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -18811,7 +18811,8 @@ var Alert = function Alert(_ref) {
|
|
|
18811
18811
|
borderSize: noBorder ? "0px" : "1px",
|
|
18812
18812
|
boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
|
|
18813
18813
|
extraStyles: extraStyles,
|
|
18814
|
-
role: "alert"
|
|
18814
|
+
role: "alert",
|
|
18815
|
+
"aria-atomic": true
|
|
18815
18816
|
}, maxContentWidth ? /*#__PURE__*/React.createElement(Center, {
|
|
18816
18817
|
maxWidth: maxContentWidth
|
|
18817
18818
|
}, content) : content);
|
|
@@ -26016,10 +26017,10 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26016
26017
|
themeValues: themeValues,
|
|
26017
26018
|
$customHeight: customHeight,
|
|
26018
26019
|
$extraStyles: extraStyles,
|
|
26019
|
-
|
|
26020
|
+
autoComplete: autocomplete
|
|
26020
26021
|
}, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
|
|
26021
26022
|
"aria-labelledby": createIdFromString(labelTextWhenNoError),
|
|
26022
|
-
"aria-describedby":
|
|
26023
|
+
"aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
|
|
26023
26024
|
"aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
|
|
26024
26025
|
onChange: function onChange(e) {
|
|
26025
26026
|
return setValue(e.target.value);
|
|
@@ -26030,7 +26031,7 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26030
26031
|
inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
|
|
26031
26032
|
field: field,
|
|
26032
26033
|
showErrors: showErrors,
|
|
26033
|
-
"data-qa": labelTextWhenNoError,
|
|
26034
|
+
"data-qa": createIdFromString(labelTextWhenNoError),
|
|
26034
26035
|
themeValues: themeValues,
|
|
26035
26036
|
background: background,
|
|
26036
26037
|
$customHeight: customHeight,
|
|
@@ -48528,6 +48529,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
|
|
|
48528
48529
|
toggleOpen(false);
|
|
48529
48530
|
}
|
|
48530
48531
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
48532
|
+
role: "button",
|
|
48531
48533
|
variant: "pS",
|
|
48532
48534
|
onClick: function onClick() {
|
|
48533
48535
|
return toggleOpen(true);
|
|
@@ -49144,7 +49146,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
49144
49146
|
onKeyDown: function onKeyDown(e) {
|
|
49145
49147
|
return e.key === "Enter" && handleSubmit(e);
|
|
49146
49148
|
},
|
|
49147
|
-
|
|
49149
|
+
autoComplete: "billing postal-code"
|
|
49148
49150
|
})), (showWalletCheckbox || showTerms) && /*#__PURE__*/React.createElement(Cluster, {
|
|
49149
49151
|
childGap: "4px",
|
|
49150
49152
|
align: "center"
|