@royaloperahouse/harmonic 1.0.6-h → 1.0.6-j

package/dist/harmonic.esm.js

@@ -9142,15 +9142,15 @@ var CreditListing = function CreditListing(_ref) {
       title: "role",
       "data-roh": dataROH
     }, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
-      size: "large",
+      size: "small",
       color: "grey"
     }, name)), description && (/*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
-      size: "large",
+      size: "small",
       color: "grey"
     }, description))), personArrays.map(function (personArray, arrayIndex) {
       return /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
         key: "personArray" + arrayIndex,
-        size: "large"
+        size: "medium"
       }, personArray.map(function (person, personIndex) {
         return /*#__PURE__*/React__default.createElement(Person, {
           key: "" + person.name + personIndex,
@@ -9159,12 +9159,12 @@ var CreditListing = function CreditListing(_ref) {
         });
       }));
     }), replacement && (/*#__PURE__*/React__default.createElement(ReplacementWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-      size: "large"
+      size: "medium"
     }, replacement))), musicTitle && musicTitle.length > 0 && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
       size: "small",
       key: "music-" + musicTitle + "-text"
     }, concatenateMusicTitle(musicTitle, index))), additionalInfo && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-      size: "large"
+      size: "medium"
     }, additionalInfo))));
   });
   return /*#__PURE__*/React__default.createElement(CreditListingWrapper, {
@@ -10572,9 +10572,9 @@ var NavTop = function NavTop(_ref) {
 };
 
 var _templateObject$1h, _templateObject2$Z, _templateObject3$M, _templateObject4$C, _templateObject5$v;
-var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3 {\n    margin: 0px 0px 12px 0px !important;\n  }\n"])));
+var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3 {\n    margin: 0px 0px 12px 0px !important;\n  }\n\n  p {\n    font-size: 17px !important;\n  }\n"])));
 var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-top: 12px;\n  gap: 8px;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media print {\n    visibility: hidden;\n  }\n"])));
-var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  margin-bottom: 12px;\n\n  @media print {\n    visibility: visible;\n  }\n"])), function (_ref) {
+var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  margin-bottom: 12px;\n  p {\n    font-size: 17px !important;\n  }\n\n  @media print {\n    visibility: visible;\n  }\n"])), function (_ref) {
   var isVisible = _ref.isVisible;
   return isVisible ? 'visible' : 'hidden';
 });
@@ -10582,13 +10582,13 @@ var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$C || (_templat
   var isVisible = _ref2.isVisible;
   return isVisible ? 'visible' : 'hidden';
 });
-var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.4s ease;\n  font-family: var(--font-family-sans);\n\n  & h1 {\n    font-family: var(--font-family-sans);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & h2 {\n    font-family: var(--font-family-sans);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & em,\n  i {\n    font-style: italic;\n  }\n\n  & strong,\n  b {\n    font-weight: 500;\n    letter-spacing: -0.5px;\n  }\n\n  font-size: 19px;\n\n  @media ", " {\n    font-size: 17px;\n  }\n\n  @media print {\n    visibility: visible;\n    max-height: 900px !important;\n  }\n"])), devices.mobile);
+var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.4s ease;\n  font-family: var(--font-family-sans);\n\n  & h1 {\n    font-family: var(--font-family-sans);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & h2 {\n    font-family: var(--font-family-sans);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & em,\n  i {\n    font-style: italic;\n  }\n\n  & strong,\n  b {\n    font-weight: 500;\n    letter-spacing: -0.5px;\n  }\n\n  @media print {\n    visibility: visible;\n    max-height: 900px !important;\n  }\n"])));
 
 var _templateObject$1i, _templateObject2$_;
-var TextLinkWrapper$4 = /*#__PURE__*/styled.a(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  font-family: var(--font-family-sans);\n  font-size: 19px;\n  line-height: 28px;\n  color: var(--color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n\n  @media ", " {\n    font-size: 17px;\n  }\n"])), function (_ref) {
+var TextLinkWrapper$4 = /*#__PURE__*/styled.a(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  line-height: 28px;\n  color: var(--color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n"])), function (_ref) {
   var color = _ref.color;
   return color;
-}, devices.mobile);
+});
 var TextLinkIconWrapper$1 = /*#__PURE__*/styled.span(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-left: var(--button-icon-margin);\n"])));
 
 var _excluded$r = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];