@thecb/components 9.5.0-beta.0 → 9.5.0-beta.1
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 +13 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +13 -11
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/radio-section/InnerRadioSection.js +11 -10
- package/src/components/molecules/radio-section/RadioSection.js +4 -6
package/dist/index.cjs.js
CHANGED
|
@@ -48867,18 +48867,20 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48867
48867
|
"aria-disabled": section.disabled,
|
|
48868
48868
|
"aria-required": section.required,
|
|
48869
48869
|
"aria-labelledby": ariaLabelledBy,
|
|
48870
|
-
"aria-describedby": ariaDescribedBy
|
|
48870
|
+
"aria-describedby": ariaDescribedBy,
|
|
48871
|
+
onClick:
|
|
48872
|
+
// This needs to be associated with the same component that has the aria-checked property
|
|
48873
|
+
isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
48874
|
+
return toggleOpenSection(section.id);
|
|
48875
|
+
},
|
|
48876
|
+
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48877
|
+
return toggleOpenSection(section.id);
|
|
48878
|
+
} : noop
|
|
48871
48879
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48872
48880
|
childGap: "0"
|
|
48873
48881
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
48874
48882
|
padding: section.hideRadioButton ? "1.5rem" : "1.25rem 1.5rem",
|
|
48875
48883
|
background: section.disabled ? themeValues.headingDisabledColor : themeValues.headingBackgroundColor,
|
|
48876
|
-
onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
48877
|
-
return toggleOpenSection(section.id);
|
|
48878
|
-
},
|
|
48879
|
-
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48880
|
-
return toggleOpenSection(section.id);
|
|
48881
|
-
} : noop,
|
|
48882
48884
|
key: "header-".concat(section.id),
|
|
48883
48885
|
borderSize: "0px",
|
|
48884
48886
|
borderColor: themeValues.borderColor,
|
|
@@ -49022,15 +49024,15 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
49022
49024
|
toggleOpenSection((_sections$nextIndex2 = sections[nextIndex]) === null || _sections$nextIndex2 === void 0 ? void 0 : _sections$nextIndex2.id);
|
|
49023
49025
|
}
|
|
49024
49026
|
};
|
|
49025
|
-
return /*#__PURE__*/React__default.createElement(Box, {
|
|
49027
|
+
return /*#__PURE__*/React__default.createElement(Box, _extends({
|
|
49026
49028
|
padding: "1px",
|
|
49027
49029
|
border: "1px solid ".concat(themeValues.borderColor),
|
|
49028
49030
|
borderRadius: "4px",
|
|
49029
|
-
extraStyles: containerStyles
|
|
49030
|
-
}, /*#__PURE__*/React__default.createElement(Stack, _extends({
|
|
49031
|
-
childGap: "0",
|
|
49031
|
+
extraStyles: containerStyles,
|
|
49032
49032
|
role: "radiogroup",
|
|
49033
49033
|
"aria-required": isSectionRequired
|
|
49034
|
+
}, rest), /*#__PURE__*/React__default.createElement(Stack, _extends({
|
|
49035
|
+
childGap: "0"
|
|
49034
49036
|
}, rest), !!sections && sections.filter(function (section) {
|
|
49035
49037
|
return !section.hidden;
|
|
49036
49038
|
}).map(function (section, i) {
|