@thecb/components 9.5.0-beta.4 → 9.5.0-beta.5

package/dist/index.cjs.js

@@ -48949,6 +48949,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
 var InnerRadioSection$1 = themeComponent(InnerRadioSection, "InnerRadioSection", fallbackValues$R);
 
 var _excluded$z = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
+
 /**
 - The RadioSection component takes either a flat array (via the 'sections' 
   prop) of section objects or a multidimensional array (via the 'groupedSections' prop) of section objects. Note that if using a multidimensional array, the nesting cannot exceed 2 levels deep.
@@ -49054,14 +49055,14 @@ var RadioSection = function RadioSection(_ref) {
       ariaLabelledBy: section.id,
       ariaDescribedBy: "right-icons-".concat(idString$1(section))
     }));
-  }), !!groupedSections && groupedSections.map(function (sectionGroup, sectionGroupindex) {
+  }), !!groupedSections && groupedSections.map(function (sectionGroup, sectionGroupIndex) {
     return sectionGroup.filter(function (unfilteredSection) {
       return !unfilteredSection.hidden;
     }).map(function (section, sectionIndex) {
       return /*#__PURE__*/React__default.createElement(React.Fragment, {
-        key: "key-".concat(sectionGroupindex, "-").concat(sectionIndex, "}")
+        key: "key-".concat(sectionGroupIndex, "-").concat(sectionIndex)
       }, /*#__PURE__*/React__default.createElement(InnerRadioSection$1, {
-        sectionIndex: "radio-section-inner-".concat(sectionGroupindex, "-").concat(sectionIndex, "}"),
+        sectionIndex: "".concat(sectionGroupIndex, "-").concat(sectionIndex),
         section: section,
         sectionRefs: sectionRefs,
         focused: focused,
@@ -49073,7 +49074,7 @@ var RadioSection = function RadioSection(_ref) {
         toggleOpenSection: toggleOpenSection
       }), sectionGroup.indexOf(section) === sectionGroup.length - 1 && groupedSections.indexOf(sectionGroup) !== groupedSections.length - 1 && /*#__PURE__*/React__default.createElement(SolidDivider$1, {
         borderSize: "2px",
-        color: MANATEE_GREY
+        color: themeValues.borderColor
       }));
     });
   })));