@thecb/components 9.1.1-beta.1 → 9.1.1-beta.3

package/dist/index.cjs.js

@@ -48506,6 +48506,8 @@ var RadioGroup = function RadioGroup(_ref) {
       handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange,
       field = _ref.field,
       fieldActions = _ref.fieldActions,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? "radiogroup" : _ref$role,
       _ref$isRequired = _ref.isRequired,
       isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
 
@@ -48514,14 +48516,16 @@ var RadioGroup = function RadioGroup(_ref) {
   };
 
   return /*#__PURE__*/React__default.createElement(StyledFieldset, {
-    role: "radiogroup",
-    "aria-labelledby": "radio-group-".concat(groupName, "-heading"),
     $extraStyles: extraStyles
   }, Heading !== null && Heading, /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: "4px"
+    childGap: "4px",
+    role: role,
+    required: isRequired,
+    "aria-labelledby": "radio-group-".concat(groupName, "-heading")
   }, config.map(function (c, idx) {
     return /*#__PURE__*/React__default.createElement(RadioButtonWithLabel$1, _extends({
       required: isRequired,
+      role: "radio",
       index: idx,
       key: c.id
     }, c, {
@@ -48592,7 +48596,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) {
@@ -48645,10 +48655,11 @@ var RadioSection = function RadioSection(_ref) {
     padding: "1px",
     border: "1px solid ".concat(themeValues.borderColor),
     borderRadius: "4px",
-    extraStyles: containerStyles
+    extraStyles: containerStyles,
+    role: role,
+    required: required
   }, /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: "0",
-    role: "radiogroup"
+    childGap: "0"
   }, sections.filter(function (section) {
     return !section.hidden;
   }).map(function (section) {
@@ -48670,7 +48681,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__default.createElement(Stack, {
       childGap: "0"
     }, /*#__PURE__*/React__default.createElement(Box, {
@@ -48709,7 +48721,7 @@ var RadioSection = function RadioSection(_ref) {
         return toggleOpenSection(section.id);
       },
       tabIndex: "-1",
-      isRequired: true
+      isRequired: required
     })), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
       align: "center"
     }, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {