@thecb/components 9.2.10-beta.13 → 9.2.10-beta.14

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"
@@ -22161,10 +22161,6 @@ var Checkbox = function Checkbox(_ref4) {
     }
   };
 
-  var checkboxProps = _objectSpread2({}, checkboxAriaLabel ? {
-    "aria-label": checkboxAriaLabel
-  } : {});
-
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     tabIndex: "0",
@@ -22188,19 +22184,16 @@ var Checkbox = function Checkbox(_ref4) {
     id: "checkbox-".concat(name),
     disabled: disabled,
     name: name,
+    "aria-label": checkboxAriaLabel || "".concat(title, " checkbox"),
     checked: checked,
-    hidden: true,
     onChange: onChange,
     tabIndex: "-1",
     "aria-invalid": error,
     "aria-describedby": error ? "".concat(name, "-error-message") : ""
-  }), /*#__PURE__*/React__default.createElement(StyledCheckbox, _extends({
+  }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     role: "checkbox",
-    name: name,
     error: error,
-    "aria-invalid": error,
     disabled: disabled,
-    "aria-disabled": disabled,
     checked: checked,
     "aria-checked": checked,
     focused: focused,
@@ -22210,9 +22203,8 @@ var Checkbox = function Checkbox(_ref4) {
     disabledStyles: themeValues.disabledStyles,
     disabledCheckedStyles: themeValues.disabledCheckedStyles,
     focusedStyles: themeValues.focusedStyles,
-    "aria-describedby": error ? "".concat(name, "-error-message") : "",
-    "aria-labelledby": !checkboxAriaLabel ? "".concat(name, "_checkbox_title") : undefined
-  }, checkboxProps), /*#__PURE__*/React__default.createElement(CheckboxIcon, {
+    "aria-label": checkboxAriaLabel || "".concat(title, " checkbox")
+  }, /*#__PURE__*/React__default.createElement(CheckboxIcon, {
     viewBox: "0 0 24 24",
     disabled: disabled,
     disabledCheckColor: themeValues.disabledCheckColor,
@@ -22221,7 +22213,6 @@ var Checkbox = function Checkbox(_ref4) {
     points: "20 6 9 17 4 12"
   })))), title && /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "p",
-    id: "".concat(name, "_checkbox_title"),
     weight: themeValues.textFontWeight,
     color: themeValues.textColor,
     extraStyles: textExtraStyles ? "".concat(textExtraStyles, " ").concat(disabled && "color: #6e727e; background-color: #f7f7f7;", " ") : "margin-left: 1rem ".concat(disabled && "color: #6e727e; background-color: #f7f7f7;")
@@ -47888,7 +47879,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
     error: error,
     checked: isChecked,
     onChange: onCheck,
-    checkboxAriaLabel: checkboxAriaLabel
+    "aria-label": checkboxAriaLabel
   }), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0 58px"
   }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Box, {
@@ -47970,7 +47961,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     onChange: onCheck,
     checkboxMargin: checkboxMargin,
     extraStyles: "align-self: flex-start;",
-    checkboxAriaLabel: checkboxAriaLabel
+    "aria-label": checkboxAriaLabel
   }), /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0.25rem",
     fullHeight: true