@thecb/components 9.3.1-beta.4 → 9.3.1-beta.6

package/dist/index.esm.js

@@ -27569,14 +27569,17 @@ var fallbackValues$x = {
 var SolidDivider = function SolidDivider(_ref) {
   var borderColor = _ref.borderColor,
       borderSize = _ref.borderSize,
-      themeValues = _ref.themeValues;
+      themeValues = _ref.themeValues,
+      _ref$extraStyles = _ref.extraStyles,
+      extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
   return /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%",
     minHeight: "1px",
     borderColor: borderColor || themeValues.borderColor,
     borderSize: borderSize || themeValues.borderSize,
-    borderWidthOverride: "0px 0px ".concat(borderSize || themeValues.borderSize, " 0px")
+    borderWidthOverride: "0px 0px ".concat(borderSize || themeValues.borderSize, " 0px"),
+    extraStyles: extraStyles
   });
 };
 
@@ -48681,7 +48684,6 @@ var RadioSection = function RadioSection(_ref) {
       ariaDescribedBy = _ref.ariaDescribedBy,
       _ref$isSectionRequire = _ref.isSectionRequired,
       isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire,
-      _ref$legendText = _ref.legendText,
       _ref$sectionGroups = _ref.sectionGroups,
       sectionGroups = _ref$sectionGroups === void 0 ? null : _ref$sectionGroups;
 
@@ -48736,12 +48738,14 @@ var RadioSection = function RadioSection(_ref) {
     var themeValues = _ref5.themeValues;
     return /*#__PURE__*/React.createElement(SolidDivider$1, {
       borderSize: "2px",
-      color: themeValues.borderColor
+      borderRadius: "0 0 0 0",
+      color: themeValues.borderColor,
+      extraStyles: "margin-left: -1px; margin-right: -1px; width: cacl(100% + 2px);"
     });
   };
 
   return /*#__PURE__*/React.createElement(Box, {
-    padding: "0",
+    padding: "1px",
     border: "1px solid ".concat(themeValues.borderColor),
     borderRadius: "4px",
     extraStyles: containerStyles
@@ -48753,7 +48757,7 @@ var RadioSection = function RadioSection(_ref) {
   }, sectionGroups && sectionGroups.map(function (sectionGroup) {
     return /*#__PURE__*/React.createElement(Fragment$1, {
       key: "sectiongroup-".concat(sectionGroups.indexOf(sectionGroup))
-    }, sectionGroups.indexOf(sectionGroup) === sectionGroups.length - 1 ? /*#__PURE__*/React.createElement(PrependedItem, {
+    }, sectionGroups.indexOf(sectionGroup) !== 0 ? /*#__PURE__*/React.createElement(PrependedItem, {
       themeValues: themeValues
     }) : "", sectionGroup.filter(function (unfilteredSection) {
       return !unfilteredSection.hidden;
@@ -48774,6 +48778,7 @@ var RadioSection = function RadioSection(_ref) {
         initial: initiallyOpen ? "open" : "closed",
         key: "item-".concat(section.id),
         extraStyles: borderStyles,
+        dataQa: section.dataQa,
         role: "radio",
         "aria-checked": openSection === section.id,
         "aria-disabled": section.disabled,
@@ -48793,8 +48798,7 @@ var RadioSection = function RadioSection(_ref) {
         borderSize: "0px",
         borderColor: themeValues.borderColor,
         borderWidthOverride: openSection === section.id && !!section.content ? "0px 0px 1px 0px" : "",
-        extraStyles: !section.disabled ? "cursor: pointer;" : "",
-        dataQa: section.dataQa ? section.dataQa : section.id
+        extraStyles: !section.disabled ? "cursor: pointer;" : ""
       }, /*#__PURE__*/React.createElement(Cluster, {
         justify: "space-between",
         align: "center",
@@ -48851,8 +48855,8 @@ var RadioSection = function RadioSection(_ref) {
         extraStyles: "transform-origin: 100% 0;"
       }, section.content))));
     }));
-  }), sections && sections.filter(function (section) {
-    return !section.hidden;
+  }), sections && sections.filter(function (unfilteredSection) {
+    return !unfilteredSection.hidden;
   }).map(function (section) {
     return /*#__PURE__*/React.createElement(Motion, {
       tabIndex: section.hideRadioButton || section.disabled ? "-1" : "0",
@@ -48870,6 +48874,7 @@ var RadioSection = function RadioSection(_ref) {
       initial: initiallyOpen ? "open" : "closed",
       key: "item-".concat(section.id),
       extraStyles: borderStyles,
+      dataQa: section.dataQa ? section.dataQa : section.id,
       role: "radio",
       "aria-checked": openSection === section.id,
       "aria-disabled": section.disabled,
@@ -48889,13 +48894,7 @@ var RadioSection = function RadioSection(_ref) {
       borderSize: "0px",
       borderColor: themeValues.borderColor,
       borderWidthOverride: openSection === section.id && !!section.content ? "0px 0px 1px 0px" : "",
-      extraStyles: !section.disabled ? "cursor: pointer;" : "",
-      dataQa: section.dataQa ? section.dataQa : section.id,
-      role: "radio",
-      "aria-checked": openSection === section.id,
-      "aria-disabled": section.disabled,
-      "aria-required": section === null || section === void 0 ? void 0 : section.required,
-      tabIndex: "0"
+      extraStyles: !section.disabled ? "cursor: pointer;" : ""
     }, /*#__PURE__*/React.createElement(Cluster, {
       justify: "space-between",
       align: "center",