@royaloperahouse/harmonic 0.12.0-d → 0.12.0-e

package/dist/harmonic.esm.js

@@ -8167,15 +8167,21 @@ var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject2$D || (_template
   var isVisible = _ref3.isVisible;
   return isVisible ? 'auto' : 'none';
 }, devices.mobile);
-var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 28px;\n  padding-bottom: 28px;\n  color: var(--color-primary-black);\n\n  && svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 28px;\n  padding-bottom: 28px;\n  color: var(--color-primary-black);\n\n  && svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :hover {\n    cursor: ", ";\n    pointer-events: ", ";\n  }\n\n  @media ", " {\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n"])), function (_ref4) {
+  var hasChildren = _ref4.hasChildren;
+  return hasChildren ? 'pointer' : 'default';
+}, function (_ref5) {
+  var hasChildren = _ref5.hasChildren;
+  return hasChildren ? 'auto' : 'none';
+}, devices.mobile);
 var TitleText$1 = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: calc(100% - 32px);\n"])));
 var ExtendedBodyCopyHarmonic = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-feature-settings: var(--font-feature-settings-body);\n  text-transform: var(--text-transform-body);\n"])));
 var ContentContainer = /*#__PURE__*/styled(ExtendedBodyCopyHarmonic).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'textHeight';
   }
-})(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: ", ";\n\n  @media print {\n    max-height: max-content;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  @media ", " {\n    transition: 100% 0.2s ease;\n  }\n"])), function (_ref4) {
-  var textHeight = _ref4.textHeight;
+})(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: ", ";\n\n  @media print {\n    max-height: max-content;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  @media ", " {\n    transition: 100% 0.2s ease;\n  }\n"])), function (_ref6) {
+  var textHeight = _ref6.textHeight;
   return textHeight;
 }, devices.mobile);
 var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media print {\n    display: none;\n  }\n"])));
@@ -8233,7 +8239,8 @@ var Accordion = function Accordion(_ref) {
     role: "button",
     "aria-label": title,
     "aria-expanded": openAccordion,
-    "aria-controls": contentContainerId
+    "aria-controls": contentContainerId,
+    hasChildren: !!children
   }, /*#__PURE__*/React__default.createElement(TitleText$1, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: iconName
   })))), /*#__PURE__*/React__default.createElement(ContentContainer, {
@@ -8242,7 +8249,8 @@ var Accordion = function Accordion(_ref) {
     textHeight: textHeight,
     id: contentContainerId,
     "aria-live": "polite",
-    tag: "div"
+    tag: "div",
+    size: "large"
   }, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
     isVisible: childrenVisibility
   }, children)));
@@ -8823,6 +8831,7 @@ var Editorial = function Editorial(_ref) {
     tag: "span"
   }, subtitle) : null, /*#__PURE__*/React__default.createElement(EditorialText, {
     tag: "div",
+    size: "large",
     dangerouslySetInnerHTML: {
       __html: text
     }