@royaloperahouse/chord 0.7.2 → 0.7.6
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 +12 -0
- package/dist/chord.cjs.development.js +11 -4
- 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 +11 -4
- package/dist/chord.esm.js.map +1 -1
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
package/dist/chord.esm.js
CHANGED
|
@@ -4598,9 +4598,11 @@ var Accordion = function Accordion(_ref) {
|
|
|
4598
4598
|
title = _ref$title === void 0 ? '' : _ref$title,
|
|
4599
4599
|
_ref$showLine = _ref.showLine,
|
|
4600
4600
|
showLine = _ref$showLine === void 0 ? true : _ref$showLine,
|
|
4601
|
-
children = _ref.children
|
|
4601
|
+
children = _ref.children,
|
|
4602
|
+
_ref$initOpen = _ref.initOpen,
|
|
4603
|
+
initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen;
|
|
4602
4604
|
|
|
4603
|
-
var _useState = useState(
|
|
4605
|
+
var _useState = useState(initOpen),
|
|
4604
4606
|
openAccordion = _useState[0],
|
|
4605
4607
|
setOpenAccordion = _useState[1];
|
|
4606
4608
|
|
|
@@ -4608,11 +4610,16 @@ var Accordion = function Accordion(_ref) {
|
|
|
4608
4610
|
textHeight = _useState2[0],
|
|
4609
4611
|
setTextHeight = _useState2[1];
|
|
4610
4612
|
|
|
4611
|
-
var _useState3 = useState('Expand'),
|
|
4613
|
+
var _useState3 = useState(initOpen ? 'Detract' : 'Expand'),
|
|
4612
4614
|
iconName = _useState3[0],
|
|
4613
4615
|
setIconName = _useState3[1];
|
|
4614
4616
|
|
|
4615
4617
|
var content = useRef(null);
|
|
4618
|
+
useEffect(function () {
|
|
4619
|
+
if (content != null && content.current && initOpen) {
|
|
4620
|
+
setTextHeight(content.current.scrollHeight + "px");
|
|
4621
|
+
}
|
|
4622
|
+
}, [content, initOpen]);
|
|
4616
4623
|
|
|
4617
4624
|
var toggleAccordion = function toggleAccordion() {
|
|
4618
4625
|
setOpenAccordion(!openAccordion);
|
|
@@ -5068,7 +5075,7 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
5068
5075
|
};
|
|
5069
5076
|
|
|
5070
5077
|
var _templateObject$J, _templateObject2$s, _templateObject3$l;
|
|
5071
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n"])));
|
|
5078
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n"])));
|
|
5072
5079
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
5073
5080
|
var PersonLink = /*#__PURE__*/styled.a(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
5074
5081
|
|