@thecb/components 9.5.0-beta.0 → 9.5.0-beta.2
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 +14 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +14 -12
- 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.esm.js
CHANGED
|
@@ -48859,18 +48859,20 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48859
48859
|
"aria-disabled": section.disabled,
|
|
48860
48860
|
"aria-required": section.required,
|
|
48861
48861
|
"aria-labelledby": ariaLabelledBy,
|
|
48862
|
-
"aria-describedby": ariaDescribedBy
|
|
48862
|
+
"aria-describedby": ariaDescribedBy,
|
|
48863
|
+
onClick:
|
|
48864
|
+
// This needs to be associated with the same component that has the aria-checked property
|
|
48865
|
+
isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
48866
|
+
return toggleOpenSection(section.id);
|
|
48867
|
+
},
|
|
48868
|
+
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48869
|
+
return toggleOpenSection(section.id);
|
|
48870
|
+
} : noop
|
|
48863
48871
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48864
48872
|
childGap: "0"
|
|
48865
48873
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
48866
48874
|
padding: section.hideRadioButton ? "1.5rem" : "1.25rem 1.5rem",
|
|
48867
48875
|
background: section.disabled ? themeValues.headingDisabledColor : themeValues.headingBackgroundColor,
|
|
48868
|
-
onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
|
|
48869
|
-
return toggleOpenSection(section.id);
|
|
48870
|
-
},
|
|
48871
|
-
onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
|
|
48872
|
-
return toggleOpenSection(section.id);
|
|
48873
|
-
} : noop,
|
|
48874
48876
|
key: "header-".concat(section.id),
|
|
48875
48877
|
borderSize: "0px",
|
|
48876
48878
|
borderColor: themeValues.borderColor,
|
|
@@ -49014,16 +49016,16 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
49014
49016
|
toggleOpenSection((_sections$nextIndex2 = sections[nextIndex]) === null || _sections$nextIndex2 === void 0 ? void 0 : _sections$nextIndex2.id);
|
|
49015
49017
|
}
|
|
49016
49018
|
};
|
|
49017
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
49019
|
+
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
49018
49020
|
padding: "1px",
|
|
49019
49021
|
border: "1px solid ".concat(themeValues.borderColor),
|
|
49020
49022
|
borderRadius: "4px",
|
|
49021
|
-
extraStyles: containerStyles
|
|
49022
|
-
}, /*#__PURE__*/React.createElement(Stack, _extends({
|
|
49023
|
-
childGap: "0",
|
|
49023
|
+
extraStyles: containerStyles,
|
|
49024
49024
|
role: "radiogroup",
|
|
49025
49025
|
"aria-required": isSectionRequired
|
|
49026
|
-
}, rest),
|
|
49026
|
+
}, rest), /*#__PURE__*/React.createElement(Stack, {
|
|
49027
|
+
childGap: "0"
|
|
49028
|
+
}, !!sections && sections.filter(function (section) {
|
|
49027
49029
|
return !section.hidden;
|
|
49028
49030
|
}).map(function (section, i) {
|
|
49029
49031
|
return /*#__PURE__*/React.createElement(Fragment$1, {
|