@thecb/components 9.1.1-beta.1 → 9.1.1-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
CHANGED
|
@@ -48514,11 +48514,11 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
48514
48514
|
};
|
|
48515
48515
|
|
|
48516
48516
|
return /*#__PURE__*/React__default.createElement(StyledFieldset, {
|
|
48517
|
-
role: "radiogroup",
|
|
48518
|
-
"aria-labelledby": "radio-group-".concat(groupName, "-heading"),
|
|
48519
48517
|
$extraStyles: extraStyles
|
|
48520
48518
|
}, Heading !== null && Heading, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48521
|
-
childGap: "4px"
|
|
48519
|
+
childGap: "4px",
|
|
48520
|
+
role: "radiogroup",
|
|
48521
|
+
"aria-labelledby": "radio-group-".concat(groupName, "-heading")
|
|
48522
48522
|
}, config.map(function (c, idx) {
|
|
48523
48523
|
return /*#__PURE__*/React__default.createElement(RadioButtonWithLabel$1, _extends({
|
|
48524
48524
|
required: isRequired,
|
|
@@ -48592,7 +48592,13 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48592
48592
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48593
48593
|
_ref$containerStyles = _ref.containerStyles,
|
|
48594
48594
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48595
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48595
|
+
ariaDescribedBy = _ref.ariaDescribedBy,
|
|
48596
|
+
_ref$role = _ref.role,
|
|
48597
|
+
role = _ref$role === void 0 ? "radiogroup" : _ref$role,
|
|
48598
|
+
_ref$required = _ref.required,
|
|
48599
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
48600
|
+
_ref$label = _ref.label,
|
|
48601
|
+
label = _ref$label === void 0 ? "" : _ref$label;
|
|
48596
48602
|
|
|
48597
48603
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48598
48604
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48648,7 +48654,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48648
48654
|
extraStyles: containerStyles
|
|
48649
48655
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48650
48656
|
childGap: "0",
|
|
48651
|
-
role:
|
|
48657
|
+
role: role,
|
|
48658
|
+
required: required
|
|
48652
48659
|
}, sections.filter(function (section) {
|
|
48653
48660
|
return !section.hidden;
|
|
48654
48661
|
}).map(function (section) {
|
|
@@ -48670,7 +48677,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48670
48677
|
extraStyles: borderStyles,
|
|
48671
48678
|
role: "radio",
|
|
48672
48679
|
"aria-checked": openSection === section.id,
|
|
48673
|
-
"aria-disabled": section.disabled
|
|
48680
|
+
"aria-disabled": section.disabled,
|
|
48681
|
+
"aria-label": label || section.title
|
|
48674
48682
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48675
48683
|
childGap: "0"
|
|
48676
48684
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -48709,7 +48717,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48709
48717
|
return toggleOpenSection(section.id);
|
|
48710
48718
|
},
|
|
48711
48719
|
tabIndex: "-1",
|
|
48712
|
-
isRequired:
|
|
48720
|
+
isRequired: required
|
|
48713
48721
|
})), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48714
48722
|
align: "center"
|
|
48715
48723
|
}, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {
|