@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.cjs.js
CHANGED
|
@@ -18819,7 +18819,8 @@ var Alert = function Alert(_ref) {
|
|
|
18819
18819
|
borderSize: noBorder ? "0px" : "1px",
|
|
18820
18820
|
boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
|
|
18821
18821
|
extraStyles: extraStyles,
|
|
18822
|
-
role: "alert"
|
|
18822
|
+
role: "alert",
|
|
18823
|
+
"aria-atomic": true
|
|
18823
18824
|
}, maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
|
|
18824
18825
|
maxWidth: maxContentWidth
|
|
18825
18826
|
}, content) : content);
|
|
@@ -26024,10 +26025,10 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26024
26025
|
themeValues: themeValues,
|
|
26025
26026
|
$customHeight: customHeight,
|
|
26026
26027
|
$extraStyles: extraStyles,
|
|
26027
|
-
|
|
26028
|
+
autoComplete: autocomplete
|
|
26028
26029
|
}, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
|
|
26029
26030
|
"aria-labelledby": createIdFromString(labelTextWhenNoError),
|
|
26030
|
-
"aria-describedby":
|
|
26031
|
+
"aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
|
|
26031
26032
|
"aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
|
|
26032
26033
|
onChange: function onChange(e) {
|
|
26033
26034
|
return setValue(e.target.value);
|
|
@@ -26038,7 +26039,7 @@ var FormInput = function FormInput(_ref15) {
|
|
|
26038
26039
|
inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
|
|
26039
26040
|
field: field,
|
|
26040
26041
|
showErrors: showErrors,
|
|
26041
|
-
"data-qa": labelTextWhenNoError,
|
|
26042
|
+
"data-qa": createIdFromString(labelTextWhenNoError),
|
|
26042
26043
|
themeValues: themeValues,
|
|
26043
26044
|
background: background,
|
|
26044
26045
|
$customHeight: customHeight,
|
|
@@ -48536,6 +48537,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
|
|
|
48536
48537
|
toggleOpen(false);
|
|
48537
48538
|
}
|
|
48538
48539
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
48540
|
+
role: "button",
|
|
48539
48541
|
variant: "pS",
|
|
48540
48542
|
onClick: function onClick() {
|
|
48541
48543
|
return toggleOpen(true);
|
|
@@ -49152,7 +49154,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
49152
49154
|
onKeyDown: function onKeyDown(e) {
|
|
49153
49155
|
return e.key === "Enter" && handleSubmit(e);
|
|
49154
49156
|
},
|
|
49155
|
-
|
|
49157
|
+
autoComplete: "billing postal-code"
|
|
49156
49158
|
})), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
49157
49159
|
childGap: "4px",
|
|
49158
49160
|
align: "center"
|