@thecb/components 9.3.4-beta.2 → 9.3.4-beta.3

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.esm.js CHANGED
@@ -48937,7 +48937,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
48937
48937
  };
48938
48938
  var InnerRadioSection$1 = themeComponent(InnerRadioSection, "InnerRadioSection", fallbackValues$R);
48939
48939
 
48940
- var _excluded$z = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
48940
+ var _excluded$z = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections", "bottomBorderSize"];
48941
48941
  /**
48942
48942
  - The RadioSection component takes either a flat array (via the 'sections'
48943
48943
  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.
@@ -48984,6 +48984,8 @@ var RadioSection = function RadioSection(_ref) {
48984
48984
  _ref$isSectionRequire = _ref.isSectionRequired,
48985
48985
  isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire,
48986
48986
  groupedSections = _ref.groupedSections,
48987
+ _ref$bottomBorderSize = _ref.bottomBorderSize,
48988
+ bottomBorderSize = _ref$bottomBorderSize === void 0 ? "2px" : _ref$bottomBorderSize,
48987
48989
  rest = _objectWithoutProperties(_ref, _excluded$z);
48988
48990
  var _useState = useState(null),
48989
48991
  _useState2 = _slicedToArray(_useState, 2),
@@ -49061,8 +49063,7 @@ var RadioSection = function RadioSection(_ref) {
49061
49063
  openSection: openSection,
49062
49064
  toggleOpenSection: toggleOpenSection
49063
49065
  }), sectionGroup.indexOf(section) === sectionGroup.length - 1 && groupedSections.indexOf(sectionGroup) !== groupedSections.length - 1 && /*#__PURE__*/React.createElement(SolidDivider$1, {
49064
- borderSize: "2px" // Resulting line is 2px thick due to border from other element
49065
- ,
49066
+ borderSize: bottomBorderSize || "2px",
49066
49067
  color: themeValues.borderColor
49067
49068
  }));
49068
49069
  });