@thecb/components 7.10.1-beta.5 → 7.10.1-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
@@ -26061,6 +26061,8 @@ var RadioButton$1 = function RadioButton(_ref2) {
26061
26061
  name = _ref2.name,
26062
26062
  _ref2$disabled = _ref2.disabled,
26063
26063
  disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
26064
+ _ref2$ariaDescribedBy = _ref2.ariaDescribedBy,
26065
+ ariaDescribedBy = _ref2$ariaDescribedBy === void 0 ? "" : _ref2$ariaDescribedBy,
26064
26066
  themeValues = _ref2.themeValues;
26065
26067
  var buttonBorder = {
26066
26068
  onFocused: {
@@ -26112,6 +26114,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
26112
26114
  "aria-label": name,
26113
26115
  disabled: disabled,
26114
26116
  onClick: toggleRadio,
26117
+ "aria-describedby": ariaDescribedBy,
26115
26118
  tabIndex: "-1"
26116
26119
  }), /*#__PURE__*/React__default.createElement(Motion, {
26117
26120
  borderWidth: "1px",
@@ -47961,7 +47964,8 @@ var RadioSection = function RadioSection(_ref) {
47961
47964
  _ref$initiallyOpen = _ref.initiallyOpen,
47962
47965
  initiallyOpen = _ref$initiallyOpen === void 0 ? true : _ref$initiallyOpen,
47963
47966
  _ref$openHeight = _ref.openHeight,
47964
- openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight;
47967
+ openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
47968
+ ariaDescribedby = _ref.ariaDescribedby;
47965
47969
 
47966
47970
  var handleKeyDown = function handleKeyDown(id, e) {
47967
47971
  if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
@@ -48064,7 +48068,8 @@ var RadioSection = function RadioSection(_ref) {
48064
48068
  }, !section.hideRadioButton && /*#__PURE__*/React__default.createElement(Box, {
48065
48069
  padding: "0"
48066
48070
  }, /*#__PURE__*/React__default.createElement(RadioButton$2, {
48067
- name: section.id,
48071
+ name: createIdFromString(section.title) || section.id,
48072
+ ariaDescribedby: ariaDescribedby,
48068
48073
  radioOn: openSection === section.id,
48069
48074
  radioFocused: focused === section.id,
48070
48075
  toggleRadio: section.disabled ? noop : function () {