@royaloperahouse/harmonic 1.0.6-f → 1.0.6-h

package/dist/harmonic.cjs.development.js

@@ -5583,7 +5583,8 @@ var Accordion = function Accordion(_ref) {
     initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
     className = _ref.className,
     expandedStateIcon = _ref.expandedStateIcon,
-    collapsedStateIcon = _ref.collapsedStateIcon;
+    collapsedStateIcon = _ref.collapsedStateIcon,
+    childrenContainerStyle = _ref.childrenContainerStyle;
   var _useState = React.useState(initOpen),
     openAccordion = _useState[0],
     setOpenAccordion = _useState[1];
@@ -5739,9 +5740,10 @@ var Accordion = function Accordion(_ref) {
     "aria-live": openAccordion ? 'polite' : 'off',
     tag: "div",
     size: "large"
-  }, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
-    isVisible: childrenVisibility
-  }, children)));
+  }, childrenVisibility && (/*#__PURE__*/React__default.createElement(ChildrenContainer, {
+    isVisible: childrenVisibility,
+    style: childrenContainerStyle
+  }, children))));
 };
 
 var _templateObject$C;
@@ -10353,7 +10355,9 @@ var UpsellCard = function UpsellCard(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? exports.ThemeType.Core : _ref$theme,
     _ref$secondaryTheme = _ref.secondaryTheme,
-    secondaryTheme = _ref$secondaryTheme === void 0 ? exports.ThemeType.Core : _ref$secondaryTheme;
+    secondaryTheme = _ref$secondaryTheme === void 0 ? exports.ThemeType.Core : _ref$secondaryTheme,
+    _ref$serif = _ref.serif,
+    serif = _ref$serif === void 0 ? true : _ref$serif;
   var truncate = function truncate(str, n) {
     return str.length >= n ? str.slice(0, n) : str;
   };
@@ -10373,16 +10377,16 @@ var UpsellCard = function UpsellCard(_ref) {
   }, subTitle), (price || promoPrice) && (/*#__PURE__*/React__default.createElement(PriceRow, null, promoPrice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VisuallyHidden, null, formatPrice(price) + " strikethrough"), /*#__PURE__*/React__default.createElement(LineThrough, {
     tag: "p",
     size: "small",
-    serif: true,
+    serif: serif,
     "aria-hidden": "true"
   }, formatPrice(price)), /*#__PURE__*/React__default.createElement(HarmonicHeader, {
     tag: "p",
     size: "small",
-    serif: true
+    serif: serif
   }, formatPrice(promoPrice)))) : (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
     tag: "p",
     size: "small",
-    serif: true
+    serif: serif
   }, formatPrice(price)))))), (reducedOfferTexts == null ? void 0 : reducedOfferTexts.length) && reducedOfferTexts.map(function (offerText, index) {
     return /*#__PURE__*/React__default.createElement(OfferText, {
       key: "offer-" + index,
@@ -11761,7 +11765,9 @@ var _templateObject$1q;
 var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  gap: 60px 74px;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100%;\n\n  @media ", " {\n    gap: 40px 74px;\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n    grid-template-columns: 1fr;\n  }\n"])), devices.mobile);
 
 var UpsellCards = function UpsellCards(_ref) {
-  var upsellCards = _ref.upsellCards;
+  var upsellCards = _ref.upsellCards,
+    _ref$serif = _ref.serif,
+    serif = _ref$serif === void 0 ? true : _ref$serif;
   return /*#__PURE__*/React__default.createElement(Wrapper$9, null, upsellCards == null ? void 0 : upsellCards.map(function (card, index) {
     return /*#__PURE__*/React__default.createElement(UpsellCard, {
       key: "card-" + index,
@@ -11775,7 +11781,8 @@ var UpsellCards = function UpsellCards(_ref) {
       secondaryLink: card.secondaryLink,
       stackCtasEarly: true,
       theme: card.theme,
-      secondaryTheme: card.secondaryTheme
+      secondaryTheme: card.secondaryTheme,
+      serif: serif
     });
   }));
 };
@@ -12396,7 +12403,8 @@ var UpsellSection = function UpsellSection(_ref) {
   }), link && /*#__PURE__*/React__default.createElement(TextLink, {
     href: link.href
   }, link.text)), /*#__PURE__*/React__default.createElement(UpsellCards, {
-    upsellCards: themedUpsellCards
+    upsellCards: themedUpsellCards,
+    serif: isVictorTitleFont
   })))));
 };