@thecb/components 12.1.0-beta.3 → 12.1.0-beta.6
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 +5 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/checkbox/Checkbox.js +2 -1
- package/src/components/atoms/checkbox/Checkbox.stories.js +16 -0
- package/src/components/molecules/payment-form-ach/PaymentFormACH.js +1 -0
- package/src/components/molecules/payment-form-card/PaymentFormCard.js +1 -0
package/dist/index.esm.js
CHANGED
|
@@ -22148,7 +22148,7 @@ var ENTER = 13;
|
|
|
22148
22148
|
var ESCAPE = 27;
|
|
22149
22149
|
var SPACEBAR = 32;
|
|
22150
22150
|
|
|
22151
|
-
var _excluded$x = ["title", "name", "checked", "onChange", "disabled", "themeValues", "hidden", "error", "isRequired", "checkboxMargin", "extraStyles", "textExtraStyles", "labelledById", "dataQa", "checkboxExtraStyles", "hasIconOverride", "icon"];
|
|
22151
|
+
var _excluded$x = ["title", "name", "checked", "onChange", "disabled", "themeValues", "hidden", "error", "isRequired", "checkboxMargin", "extraStyles", "textExtraStyles", "labelledById", "dataQa", "checkboxExtraStyles", "hasIconOverride", "customAriaLabel", "icon"];
|
|
22152
22152
|
var CheckboxContainer = styled.span.withConfig({
|
|
22153
22153
|
displayName: "Checkbox__CheckboxContainer",
|
|
22154
22154
|
componentId: "sc-36kqbv-0"
|
|
@@ -22219,6 +22219,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
22219
22219
|
checkboxExtraStyles = _ref5.checkboxExtraStyles,
|
|
22220
22220
|
_ref5$hasIconOverride = _ref5.hasIconOverride,
|
|
22221
22221
|
hasIconOverride = _ref5$hasIconOverride === void 0 ? false : _ref5$hasIconOverride,
|
|
22222
|
+
customAriaLabel = _ref5.customAriaLabel,
|
|
22222
22223
|
Icon = _ref5.icon,
|
|
22223
22224
|
rest = _objectWithoutProperties(_ref5, _excluded$x);
|
|
22224
22225
|
var _useState = useState(false),
|
|
@@ -22255,7 +22256,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
22255
22256
|
tabIndex: "0",
|
|
22256
22257
|
required: isRequired,
|
|
22257
22258
|
"aria-invalid": error,
|
|
22258
|
-
"aria-label": ariaLabel,
|
|
22259
|
+
"aria-label": customAriaLabel || ariaLabel,
|
|
22259
22260
|
"aria-labelledby": labelledById,
|
|
22260
22261
|
"aria-describedby": error ? "".concat(name, "-error-message") : undefined,
|
|
22261
22262
|
onKeyDown: function onKeyDown(e) {
|
|
@@ -48453,6 +48454,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
|
|
|
48453
48454
|
}), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48454
48455
|
name: "bank checkbox",
|
|
48455
48456
|
dataQa: "Save checking account to wallet",
|
|
48457
|
+
customAriaLabel: "Save checking account to wallet (optional).",
|
|
48456
48458
|
title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Save checking account to wallet (optional).", " ", showTerms && /*#__PURE__*/React__default.createElement("span", {
|
|
48457
48459
|
onClick: function onClick(e) {
|
|
48458
48460
|
return e.stopPropagation();
|
|
@@ -48657,6 +48659,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48657
48659
|
})), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
48658
48660
|
name: "credit card checkbox",
|
|
48659
48661
|
dataQa: "Save credit card to wallet",
|
|
48662
|
+
customAriaLabel: "Save credit card to wallet (optional).",
|
|
48660
48663
|
title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Save credit card to wallet (optional).", " ", showTerms && /*#__PURE__*/React__default.createElement("span", {
|
|
48661
48664
|
onClick: function onClick(e) {
|
|
48662
48665
|
return e.stopPropagation();
|