@royaloperahouse/harmonic 0.11.0-g → 0.11.0-h

package/dist/harmonic.esm.js

@@ -4520,7 +4520,7 @@ var TypeTags = function TypeTags(_ref) {
     return /*#__PURE__*/React__default.createElement("li", {
       key: t
     }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-      size: "large"
+      size: "medium"
     }, t));
   }));
 };
@@ -9986,12 +9986,12 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject3$H || (_templat
   }
   return '';
 });
-var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", ";\n\n  @media ", " {\n    margin-bottom: ", ";\n  }\n"])), function (_ref7) {
+var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref7) {
   var marginBottom = _ref7.marginBottom;
   return marginBottom + "px";
-}, devices.mobile, function (_ref8) {
+}, function (_ref8) {
   var mobileMarginBottom = _ref8.mobileMarginBottom;
-  return mobileMarginBottom + "px";
+  return mobileMarginBottom && "\n      @media " + devices.mobile + " {\n        margin-bottom: " + mobileMarginBottom + "px;\n      }\n    ";
 });
 var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 24px 0 4px 0;\n"])));
 var TextLinkWrapper$3 = /*#__PURE__*/styled.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 24px;\n  margin-bottom: 20px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])));
@@ -10016,7 +10016,7 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled.div(_templateObject11$3 ||
 });
 var TimerWrapper$2 = /*#__PURE__*/styled.div(_templateObject12$3 || (_templateObject12$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n"])));
 var EndDateText = /*#__PURE__*/styled.div(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid var(--color-base-black);\n  padding-bottom: 32px;\n  margin-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n  }\n"])), devices.mobile);
-var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobile);
+var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobileAndTablet);
 var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n  margin-bottom: 32px;\n  whiete-space: break-spaces;\n  overflow-wrap: break-word;\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: var(--color-primary-black);\n    }\n\n    &:visited {\n      color: var(--color-base-dark-grey);\n    }\n\n    &:hover {\n      color: var(--color-primary-red);\n    }\n  }\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobile);
 var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-wrap: break-word;\n  margin-bottom: 16px;\n"])));
 
@@ -10131,8 +10131,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
     hideSection: showExtraContent,
     asCard: asCard
   }, renderTimerBlock(), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(aboveTitleTags != null && aboveTitleTags.length) && (/*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
-    marginBottom: 24,
-    mobileMarginBottom: 24
+    marginBottom: 24
   }, /*#__PURE__*/React__default.createElement(TypeTags, {
     list: aboveTitleTags
   }))), /*#__PURE__*/React__default.createElement(HarmonicHeaderWithWrapper, {
@@ -10144,7 +10143,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
   }, /*#__PURE__*/React__default.createElement(TypeTags, {
     list: belowTitleTags
   }))), subtitle ? /*#__PURE__*/React__default.createElement(HarmonicSubtitleWithWrapper, {
-    size: "medium"
+    size: "large"
   }, subtitle) : null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonicWithWrapper$1, {
     size: "large",
     dangerouslySetInnerHTML: {