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

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 CHANGED
@@ -22161,10 +22161,6 @@ var Checkbox = function Checkbox(_ref4) {
22161
22161
  }
22162
22162
  };
22163
22163
 
22164
- var checkboxProps = _objectSpread2({}, checkboxAriaLabel ? {
22165
- "aria-label": checkboxAriaLabel
22166
- } : {});
22167
-
22168
22164
  return /*#__PURE__*/React__default.createElement(Box, {
22169
22165
  padding: "0",
22170
22166
  tabIndex: "0",
@@ -22189,18 +22185,17 @@ var Checkbox = function Checkbox(_ref4) {
22189
22185
  disabled: disabled,
22190
22186
  name: name,
22191
22187
  checked: checked,
22192
- hidden: true,
22193
22188
  onChange: onChange,
22194
22189
  tabIndex: "-1",
22195
22190
  "aria-invalid": error,
22196
- "aria-describedby": error ? "".concat(name, "-error-message") : ""
22197
- }), /*#__PURE__*/React__default.createElement(StyledCheckbox, _extends({
22191
+ "aria-describedby": error ? "".concat(name, "-error-message") : "",
22192
+ "aria-hidden": true
22193
+ }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
22198
22194
  role: "checkbox",
22199
- name: name,
22200
- error: error,
22201
22195
  "aria-invalid": error,
22196
+ "aria-describedby": error ? "".concat(name, "-error-message") : "",
22197
+ error: error,
22202
22198
  disabled: disabled,
22203
- "aria-disabled": disabled,
22204
22199
  checked: checked,
22205
22200
  "aria-checked": checked,
22206
22201
  focused: focused,
@@ -22210,9 +22205,8 @@ var Checkbox = function Checkbox(_ref4) {
22210
22205
  disabledStyles: themeValues.disabledStyles,
22211
22206
  disabledCheckedStyles: themeValues.disabledCheckedStyles,
22212
22207
  focusedStyles: themeValues.focusedStyles,
22213
- "aria-describedby": error ? "".concat(name, "-error-message") : "",
22214
- "aria-labelledby": !checkboxAriaLabel ? "".concat(name, "_checkbox_title") : undefined
22215
- }, checkboxProps), /*#__PURE__*/React__default.createElement(CheckboxIcon, {
22208
+ "aria-label": checkboxAriaLabel
22209
+ }, /*#__PURE__*/React__default.createElement(CheckboxIcon, {
22216
22210
  viewBox: "0 0 24 24",
22217
22211
  disabled: disabled,
22218
22212
  disabledCheckColor: themeValues.disabledCheckColor,
@@ -22221,7 +22215,6 @@ var Checkbox = function Checkbox(_ref4) {
22221
22215
  points: "20 6 9 17 4 12"
22222
22216
  })))), title && /*#__PURE__*/React__default.createElement(Text$1, {
22223
22217
  variant: "p",
22224
- id: "".concat(name, "_checkbox_title"),
22225
22218
  weight: themeValues.textFontWeight,
22226
22219
  color: themeValues.textColor,
22227
22220
  extraStyles: textExtraStyles ? "".concat(textExtraStyles, " ").concat(disabled && "color: #6e727e; background-color: #f7f7f7;", " ") : "margin-left: 1rem ".concat(disabled && "color: #6e727e; background-color: #f7f7f7;")