@thecb/components 9.2.10-beta.16 → 9.2.10-beta.17

package/dist/index.cjs.js

@@ -22107,7 +22107,7 @@ var HiddenCheckbox = styled__default.input.attrs({
 }).withConfig({
   displayName: "Checkbox__HiddenCheckbox",
   componentId: "sc-36kqbv-3"
-})(["border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
+})(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
 var StyledCheckbox = styled__default.div.withConfig({
   displayName: "Checkbox__StyledCheckbox",
   componentId: "sc-36kqbv-4"
@@ -22146,9 +22146,7 @@ var Checkbox = function Checkbox(_ref4) {
       extraStyles = _ref4.extraStyles,
       textExtraStyles = _ref4.textExtraStyles,
       _ref4$dataQa = _ref4.dataQa,
-      dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa,
-      _ref4$checkboxAriaLab = _ref4.checkboxAriaLabel,
-      checkboxAriaLabel = _ref4$checkboxAriaLab === void 0 ? "" : _ref4$checkboxAriaLab;
+      dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -22184,16 +22182,14 @@ var Checkbox = function Checkbox(_ref4) {
     id: "checkbox-".concat(name),
     disabled: disabled,
     name: name,
+    "aria-label": name,
     checked: checked,
     onChange: onChange,
     tabIndex: "-1",
     "aria-invalid": error,
-    "aria-describedby": error ? "".concat(name, "-error-message") : "",
-    "aria-hidden": true
+    "aria-describedby": error ? "".concat(name, "-error-message") : ""
   }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     role: "checkbox",
-    "aria-invalid": error,
-    "aria-describedby": error ? "".concat(name, "-error-message") : "",
     error: error,
     disabled: disabled,
     checked: checked,
@@ -22204,8 +22200,7 @@ var Checkbox = function Checkbox(_ref4) {
     errorStyles: themeValues.errorStyles,
     disabledStyles: themeValues.disabledStyles,
     disabledCheckedStyles: themeValues.disabledCheckedStyles,
-    focusedStyles: themeValues.focusedStyles,
-    "aria-label": checkboxAriaLabel
+    focusedStyles: themeValues.focusedStyles
   }, /*#__PURE__*/React__default.createElement(CheckboxIcon, {
     viewBox: "0 0 24 24",
     disabled: disabled,
@@ -47866,9 +47861,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
       error = _ref$error === void 0 ? false : _ref$error,
       linkVariant = _ref.linkVariant,
       _ref$initialFocusSele = _ref.initialFocusSelector,
-      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
-      _ref$checkboxAriaLabe = _ref.checkboxAriaLabel,
-      checkboxAriaLabel = _ref$checkboxAriaLabe === void 0 ? "" : _ref$checkboxAriaLabe;
+      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -47880,8 +47873,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
     title: "Terms and Conditions",
     error: error,
     checked: isChecked,
-    onChange: onCheck,
-    checkboxAriaLabel: checkboxAriaLabel
+    onChange: onCheck
   }), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0 58px"
   }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Box, {
@@ -47923,9 +47915,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
       _ref$modalTitle = _ref.modalTitle,
       modalTitle = _ref$modalTitle === void 0 ? "Terms and Conditions" : _ref$modalTitle,
       _ref$initialFocusSele = _ref.initialFocusSelector,
-      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
-      _ref$checkboxAriaLabe = _ref.checkboxAriaLabel,
-      checkboxAriaLabel = _ref$checkboxAriaLabe === void 0 ? "" : _ref$checkboxAriaLabe;
+      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -47962,8 +47952,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     checked: isChecked,
     onChange: onCheck,
     checkboxMargin: checkboxMargin,
-    extraStyles: "align-self: flex-start;",
-    checkboxAriaLabel: checkboxAriaLabel
+    extraStyles: "align-self: flex-start;"
   }), /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0.25rem",
     fullHeight: true
@@ -48372,8 +48361,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     dataQa: "Save credit card to wallet",
     title: "Save credit card to wallet.",
     checked: walletCheckboxMarked,
-    onChange: saveToWallet,
-    checkboxAriaLabel: "Save credit card to wallet."
+    onChange: saveToWallet
   }), showTerms && /*#__PURE__*/React__default.createElement(Cover, {
     singleChild: true
   }, /*#__PURE__*/React__default.createElement(TermsAndConditions, {
@@ -48381,8 +48369,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     showCheckbox: false,
     description: "View",
     terms: termsContent,
-    initialFocusSelector: ".modal-close-button",
-    checkboxAriaLabel: "I agree to the Terms and Conditions"
+    initialFocusSelector: ".modal-close-button"
   })))));
 };