@thecb/components 7.10.1-beta.5 → 7.10.1-beta.7
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 +7 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/radio-section/RadioSection.js +7 -2
- package/src/components/molecules/radio-section/radio-button/RadioButton.js +2 -0
package/dist/index.esm.js
CHANGED
|
@@ -26053,6 +26053,8 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
26053
26053
|
name = _ref2.name,
|
|
26054
26054
|
_ref2$disabled = _ref2.disabled,
|
|
26055
26055
|
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
26056
|
+
_ref2$ariaDescribedBy = _ref2.ariaDescribedBy,
|
|
26057
|
+
ariaDescribedBy = _ref2$ariaDescribedBy === void 0 ? "" : _ref2$ariaDescribedBy,
|
|
26056
26058
|
themeValues = _ref2.themeValues;
|
|
26057
26059
|
var buttonBorder = {
|
|
26058
26060
|
onFocused: {
|
|
@@ -26104,6 +26106,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
26104
26106
|
"aria-label": name,
|
|
26105
26107
|
disabled: disabled,
|
|
26106
26108
|
onClick: toggleRadio,
|
|
26109
|
+
"aria-describedby": ariaDescribedBy,
|
|
26107
26110
|
tabIndex: "-1"
|
|
26108
26111
|
}), /*#__PURE__*/React.createElement(Motion, {
|
|
26109
26112
|
borderWidth: "1px",
|
|
@@ -47953,7 +47956,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
47953
47956
|
_ref$initiallyOpen = _ref.initiallyOpen,
|
|
47954
47957
|
initiallyOpen = _ref$initiallyOpen === void 0 ? true : _ref$initiallyOpen,
|
|
47955
47958
|
_ref$openHeight = _ref.openHeight,
|
|
47956
|
-
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight
|
|
47959
|
+
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
47960
|
+
ariaDescribedBy = _ref.ariaDescribedBy;
|
|
47957
47961
|
|
|
47958
47962
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
47959
47963
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13) {
|
|
@@ -48056,7 +48060,8 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48056
48060
|
}, !section.hideRadioButton && /*#__PURE__*/React.createElement(Box, {
|
|
48057
48061
|
padding: "0"
|
|
48058
48062
|
}, /*#__PURE__*/React.createElement(RadioButton$2, {
|
|
48059
|
-
name: section.id,
|
|
48063
|
+
name: createIdFromString(section.title) || section.id,
|
|
48064
|
+
ariaDescribedBy: ariaDescribedBy,
|
|
48060
48065
|
radioOn: openSection === section.id,
|
|
48061
48066
|
radioFocused: focused === section.id,
|
|
48062
48067
|
toggleRadio: section.disabled ? noop : function () {
|