@royaloperahouse/chord 2.1.4-a-chord-development → 2.1.5-a-chord-development
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/CHANGELOG.md +6 -0
- package/dist/chord.cjs.development.js +14 -5
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +14 -5
- package/dist/chord.esm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5659,20 +5659,29 @@ var Accordion = function Accordion(_ref) {
|
|
|
5659
5659
|
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, null, visibleStandfirst)) : null;
|
|
5660
5660
|
};
|
|
5661
5661
|
|
|
5662
|
-
|
|
5662
|
+
var contentContainerId = title + "-accordion-content";
|
|
5663
|
+
return /*#__PURE__*/React__default.createElement(AccordionContainer, {
|
|
5664
|
+
tabIndex: 0,
|
|
5665
|
+
onKeyDown: keyDown
|
|
5666
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer, null), /*#__PURE__*/React__default.createElement(TitleContainer$3, {
|
|
5663
5667
|
onClick: toggleAccordion,
|
|
5664
|
-
|
|
5665
|
-
|
|
5668
|
+
tabIndex: -1,
|
|
5669
|
+
role: "button",
|
|
5670
|
+
"aria-label": title,
|
|
5671
|
+
"aria-expanded": openAccordion,
|
|
5672
|
+
"aria-controls": contentContainerId
|
|
5666
5673
|
}, /*#__PURE__*/React__default.createElement("h4", null, /*#__PURE__*/React__default.createElement("a", {
|
|
5667
5674
|
className: "accordion-title"
|
|
5668
5675
|
}, title)), children && /*#__PURE__*/React__default.createElement(Icon, {
|
|
5669
5676
|
iconName: iconName
|
|
5670
|
-
})), /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5677
|
+
})), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
5671
5678
|
"data-testid": "richcontainer",
|
|
5672
5679
|
ref: content,
|
|
5673
5680
|
style: {
|
|
5674
5681
|
maxHeight: "" + textHeight
|
|
5675
|
-
}
|
|
5682
|
+
},
|
|
5683
|
+
id: contentContainerId,
|
|
5684
|
+
"aria-live": "polite"
|
|
5676
5685
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
5677
5686
|
style: childrenVisibility
|
|
5678
5687
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|