@thecb/components 9.5.0-beta.4 → 9.5.0-beta.5
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.cjs.js +5 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/radio-section/RadioSection.js +8 -5
- package/src/components/molecules/radio-section/RadioSection.stories.js +2 -1
package/dist/index.esm.js
CHANGED
|
@@ -48941,6 +48941,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48941
48941
|
var InnerRadioSection$1 = themeComponent(InnerRadioSection, "InnerRadioSection", fallbackValues$R);
|
|
48942
48942
|
|
|
48943
48943
|
var _excluded$z = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
|
|
48944
|
+
|
|
48944
48945
|
/**
|
|
48945
48946
|
- The RadioSection component takes either a flat array (via the 'sections'
|
|
48946
48947
|
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.
|
|
@@ -49046,14 +49047,14 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
49046
49047
|
ariaLabelledBy: section.id,
|
|
49047
49048
|
ariaDescribedBy: "right-icons-".concat(idString$1(section))
|
|
49048
49049
|
}));
|
|
49049
|
-
}), !!groupedSections && groupedSections.map(function (sectionGroup,
|
|
49050
|
+
}), !!groupedSections && groupedSections.map(function (sectionGroup, sectionGroupIndex) {
|
|
49050
49051
|
return sectionGroup.filter(function (unfilteredSection) {
|
|
49051
49052
|
return !unfilteredSection.hidden;
|
|
49052
49053
|
}).map(function (section, sectionIndex) {
|
|
49053
49054
|
return /*#__PURE__*/React.createElement(Fragment$1, {
|
|
49054
|
-
key: "key-".concat(
|
|
49055
|
+
key: "key-".concat(sectionGroupIndex, "-").concat(sectionIndex)
|
|
49055
49056
|
}, /*#__PURE__*/React.createElement(InnerRadioSection$1, {
|
|
49056
|
-
sectionIndex: "
|
|
49057
|
+
sectionIndex: "".concat(sectionGroupIndex, "-").concat(sectionIndex),
|
|
49057
49058
|
section: section,
|
|
49058
49059
|
sectionRefs: sectionRefs,
|
|
49059
49060
|
focused: focused,
|
|
@@ -49065,7 +49066,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
49065
49066
|
toggleOpenSection: toggleOpenSection
|
|
49066
49067
|
}), sectionGroup.indexOf(section) === sectionGroup.length - 1 && groupedSections.indexOf(sectionGroup) !== groupedSections.length - 1 && /*#__PURE__*/React.createElement(SolidDivider$1, {
|
|
49067
49068
|
borderSize: "2px",
|
|
49068
|
-
color:
|
|
49069
|
+
color: themeValues.borderColor
|
|
49069
49070
|
}));
|
|
49070
49071
|
});
|
|
49071
49072
|
})));
|