@thecb/components 9.2.4-beta.2 → 9.2.4-beta.4
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 +9 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/radio-section/RadioSection.js +6 -3
- package/src/components/molecules/radio-section/RadioSection.stories.js +7 -1
package/dist/index.cjs.js
CHANGED
|
@@ -48684,7 +48684,9 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48684
48684
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48685
48685
|
_ref$containerStyles = _ref.containerStyles,
|
|
48686
48686
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48687
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48687
|
+
ariaDescribedBy = _ref.ariaDescribedBy,
|
|
48688
|
+
_ref$isRequired = _ref.isRequired,
|
|
48689
|
+
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
|
|
48688
48690
|
|
|
48689
48691
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48690
48692
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48740,7 +48742,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48740
48742
|
extraStyles: containerStyles
|
|
48741
48743
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48742
48744
|
childGap: "0",
|
|
48743
|
-
role: "radiogroup"
|
|
48745
|
+
role: "radiogroup",
|
|
48746
|
+
required: isRequired
|
|
48744
48747
|
}, sections.filter(function (section) {
|
|
48745
48748
|
return !section.hidden;
|
|
48746
48749
|
}).map(function (section) {
|
|
@@ -48761,8 +48764,10 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48761
48764
|
key: "item-".concat(section.id),
|
|
48762
48765
|
extraStyles: borderStyles,
|
|
48763
48766
|
role: "radio",
|
|
48767
|
+
"aria-label": section.title,
|
|
48764
48768
|
"aria-checked": openSection === section.id,
|
|
48765
|
-
"aria-disabled": section.disabled
|
|
48769
|
+
"aria-disabled": section.disabled,
|
|
48770
|
+
required: (section === null || section === void 0 ? void 0 : section.required) || isRequired
|
|
48766
48771
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48767
48772
|
childGap: "0"
|
|
48768
48773
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -48801,7 +48806,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48801
48806
|
return toggleOpenSection(section.id);
|
|
48802
48807
|
},
|
|
48803
48808
|
tabIndex: "-1",
|
|
48804
|
-
required: section === null || section === void 0 ? void 0 : section.required
|
|
48809
|
+
required: (section === null || section === void 0 ? void 0 : section.required) || isRequired
|
|
48805
48810
|
})), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48806
48811
|
align: "center"
|
|
48807
48812
|
}, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {
|