@thecb/components 9.1.1-beta.0 → 9.1.1-beta.2

package/dist/index.esm.js

@@ -48506,11 +48506,11 @@ var RadioGroup = function RadioGroup(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(StyledFieldset, {
-    role: "radiogroup",
-    "aria-labelledby": "radio-group-".concat(groupName, "-heading"),
     $extraStyles: extraStyles
   }, Heading !== null && Heading, /*#__PURE__*/React.createElement(Stack, {
-    childGap: "4px"
+    childGap: "4px",
+    role: "radiogroup",
+    "aria-labelledby": "radio-group-".concat(groupName, "-heading")
   }, config.map(function (c, idx) {
     return /*#__PURE__*/React.createElement(RadioButtonWithLabel$1, _extends({
       required: isRequired,
@@ -48584,7 +48584,13 @@ var RadioSection = function RadioSection(_ref) {
       openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
       _ref$containerStyles = _ref.containerStyles,
       containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
-      ariaDescribedBy = _ref.ariaDescribedBy;
+      ariaDescribedBy = _ref.ariaDescribedBy,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? "radiogroup" : _ref$role,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? "" : _ref$label;
 
   var handleKeyDown = function handleKeyDown(id, e) {
     if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
@@ -48640,7 +48646,8 @@ var RadioSection = function RadioSection(_ref) {
     extraStyles: containerStyles
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "0",
-    role: "radiogroup"
+    role: role,
+    required: required
   }, sections.filter(function (section) {
     return !section.hidden;
   }).map(function (section) {
@@ -48662,7 +48669,8 @@ var RadioSection = function RadioSection(_ref) {
       extraStyles: borderStyles,
       role: "radio",
       "aria-checked": openSection === section.id,
-      "aria-disabled": section.disabled
+      "aria-disabled": section.disabled,
+      "aria-label": label || section.title
     }, /*#__PURE__*/React.createElement(Stack, {
       childGap: "0"
     }, /*#__PURE__*/React.createElement(Box, {
@@ -48701,7 +48709,7 @@ var RadioSection = function RadioSection(_ref) {
         return toggleOpenSection(section.id);
       },
       tabIndex: "-1",
-      isRequired: true
+      isRequired: required
     })), section.titleIcon && /*#__PURE__*/React.createElement(Cluster, {
       align: "center"
     }, section.titleIcon), /*#__PURE__*/React.createElement(Box, {