@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.esm.js
CHANGED
|
@@ -48676,7 +48676,9 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48676
48676
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48677
48677
|
_ref$containerStyles = _ref.containerStyles,
|
|
48678
48678
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48679
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48679
|
+
ariaDescribedBy = _ref.ariaDescribedBy,
|
|
48680
|
+
_ref$isRequired = _ref.isRequired,
|
|
48681
|
+
isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
|
|
48680
48682
|
|
|
48681
48683
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48682
48684
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48732,7 +48734,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48732
48734
|
extraStyles: containerStyles
|
|
48733
48735
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48734
48736
|
childGap: "0",
|
|
48735
|
-
role: "radiogroup"
|
|
48737
|
+
role: "radiogroup",
|
|
48738
|
+
required: isRequired
|
|
48736
48739
|
}, sections.filter(function (section) {
|
|
48737
48740
|
return !section.hidden;
|
|
48738
48741
|
}).map(function (section) {
|
|
@@ -48753,8 +48756,10 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48753
48756
|
key: "item-".concat(section.id),
|
|
48754
48757
|
extraStyles: borderStyles,
|
|
48755
48758
|
role: "radio",
|
|
48759
|
+
"aria-label": section.title,
|
|
48756
48760
|
"aria-checked": openSection === section.id,
|
|
48757
|
-
"aria-disabled": section.disabled
|
|
48761
|
+
"aria-disabled": section.disabled,
|
|
48762
|
+
required: (section === null || section === void 0 ? void 0 : section.required) || isRequired
|
|
48758
48763
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48759
48764
|
childGap: "0"
|
|
48760
48765
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -48793,7 +48798,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48793
48798
|
return toggleOpenSection(section.id);
|
|
48794
48799
|
},
|
|
48795
48800
|
tabIndex: "-1",
|
|
48796
|
-
required: section === null || section === void 0 ? void 0 : section.required
|
|
48801
|
+
required: (section === null || section === void 0 ? void 0 : section.required) || isRequired
|
|
48797
48802
|
})), section.titleIcon && /*#__PURE__*/React.createElement(Cluster, {
|
|
48798
48803
|
align: "center"
|
|
48799
48804
|
}, section.titleIcon), /*#__PURE__*/React.createElement(Box, {
|