@thecb/components 9.2.10-beta.5 → 9.2.10-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 CHANGED
@@ -22146,9 +22146,7 @@ var Checkbox = function Checkbox(_ref4) {
22146
22146
  extraStyles = _ref4.extraStyles,
22147
22147
  textExtraStyles = _ref4.textExtraStyles,
22148
22148
  _ref4$dataQa = _ref4.dataQa,
22149
- dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa,
22150
- _ref4$checkboxAriaLab = _ref4.checkboxAriaLabel,
22151
- checkboxAriaLabel = _ref4$checkboxAriaLab === void 0 ? "" : _ref4$checkboxAriaLab;
22149
+ dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa;
22152
22150
 
22153
22151
  var _useState = React.useState(false),
22154
22152
  _useState2 = _slicedToArray(_useState, 2),
@@ -22184,7 +22182,6 @@ var Checkbox = function Checkbox(_ref4) {
22184
22182
  id: "checkbox-".concat(name),
22185
22183
  disabled: disabled,
22186
22184
  name: name,
22187
- "aria-label": checkboxAriaLabel || "".concat(title, " checkbox"),
22188
22185
  checked: checked,
22189
22186
  onChange: onChange,
22190
22187
  tabIndex: "-1",
@@ -47865,9 +47862,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
47865
47862
  error = _ref$error === void 0 ? false : _ref$error,
47866
47863
  linkVariant = _ref.linkVariant,
47867
47864
  _ref$initialFocusSele = _ref.initialFocusSelector,
47868
- initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
47869
- _ref$checkboxAriaLabe = _ref.checkboxAriaLabel,
47870
- checkboxAriaLabel = _ref$checkboxAriaLabe === void 0 ? "" : _ref$checkboxAriaLabe;
47865
+ initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
47871
47866
 
47872
47867
  var _useState = React.useState(false),
47873
47868
  _useState2 = _slicedToArray(_useState, 2),
@@ -47879,8 +47874,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
47879
47874
  title: "Terms and Conditions",
47880
47875
  error: error,
47881
47876
  checked: isChecked,
47882
- onChange: onCheck,
47883
- "aria-label": checkboxAriaLabel
47877
+ onChange: onCheck
47884
47878
  }), /*#__PURE__*/React__default.createElement(Box, {
47885
47879
  padding: "0 0 0 58px"
47886
47880
  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Box, {
@@ -47922,9 +47916,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
47922
47916
  _ref$modalTitle = _ref.modalTitle,
47923
47917
  modalTitle = _ref$modalTitle === void 0 ? "Terms and Conditions" : _ref$modalTitle,
47924
47918
  _ref$initialFocusSele = _ref.initialFocusSelector,
47925
- initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
47926
- _ref$checkboxAriaLabe = _ref.checkboxAriaLabel,
47927
- checkboxAriaLabel = _ref$checkboxAriaLabe === void 0 ? "" : _ref$checkboxAriaLabe;
47919
+ initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
47928
47920
 
47929
47921
  var _useState = React.useState(false),
47930
47922
  _useState2 = _slicedToArray(_useState, 2),
@@ -47950,7 +47942,8 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
47950
47942
  }, /*#__PURE__*/React__default.createElement(Stack, {
47951
47943
  childGap: "0"
47952
47944
  }, html && /*#__PURE__*/React__default.createElement(Box, {
47953
- padding: "0"
47945
+ padding: "0",
47946
+ id: "".concat(id, "_label")
47954
47947
  }, html), /*#__PURE__*/React__default.createElement(Cluster, {
47955
47948
  justify: "flex-start",
47956
47949
  align: "center",
@@ -47962,7 +47955,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
47962
47955
  onChange: onCheck,
47963
47956
  checkboxMargin: checkboxMargin,
47964
47957
  extraStyles: "align-self: flex-start;",
47965
- "aria-label": checkboxAriaLabel
47958
+ "aria-labelledby": "".concat(id, "_label")
47966
47959
  }), /*#__PURE__*/React__default.createElement(Stack, {
47967
47960
  childGap: "0.25rem",
47968
47961
  fullHeight: true