@royaloperahouse/harmonic 0.11.0-g → 0.11.0-i

package/dist/harmonic.cjs.development.css

@@ -752,7 +752,7 @@
   --button-auxiliary-color: var(--color-primary-black);
   --button-auxiliary-bg-color: var(--color-base-transparent);
 
-/* -----  Variables already used in Harmonic START  ----- */
+  /* -----  Variables already used in Harmonic START  ----- */
   --grid-column-gap: 36px;
   --grid-margin: 10%;
 
@@ -764,13 +764,33 @@
   --rotator-button-hover-bg-color: var(--color-primary-red);
 
   --carousel-image-caption-height: 17px;
-  
+
+  --line-height-listing: 36px;
+
+  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+  --font-feature-settings-header: 'tnum' on, 'lnum' on;
+  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+  --text-transform-body: none;
+  --text-transform-header: uppercase;
+  --text-transform-subtitle: uppercase;
+
   @media (max-width: 699px) {
     --grid-column-gap: 12px;
     --grid-margin: 20px;
     --rotator-button-width: 40px;
     --rotator-button-icon-width: 24px;
     --carousel-image-caption-height: 14px;
+
+    --line-height-listing: 34px;
+
+    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
+    --font-feature-settings-header: 'tnum' on, 'lnum' on;
+    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
+
+    --text-transform-body: none;
+    --text-transform-header: uppercase;
+    --text-transform-subtitle: uppercase;
   }
 
   @media (min-width: 700px) and (max-width: 1139px) {
@@ -781,7 +801,7 @@
     --carousel-image-caption-height: 14px;
   }
 
-/* -----  Variables already used in Harmonic END  ----- */
+  /* -----  Variables already used in Harmonic END  ----- */
 
   --font-size-header-1: 96px;
   --font-weight-header-1: 500;
@@ -887,7 +907,6 @@
   --font-size-title-description: 20px;
   --line-height-title-description: 28px;
 
-  --line-height-listing: 36px;
   --font-size-individual-listing-name: 19px;
   --line-height-individual-listing-name: 24px;
   --line-height-people-listing-gap: 24px;
@@ -902,18 +921,12 @@
   --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
   --font-family-people-listing-name: 'adobe-garamond-pro';
 
-  --font-feature-settings-header: 'tnum' on, 'lnum' on;
   --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
   --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
-  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
-  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
   --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
 
-  --text-transform-header: uppercase;
   --text-transform-altHeader: none;
-  --text-transform-body: none;
   --text-transform-overline: uppercase;
-  --text-transform-subtitle: uppercase;
 
   --word-break-header: break-word;
   --word-break-altHeader: break-word;
@@ -1082,18 +1095,12 @@
     --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;
     --font-family-people-listing-name: 'adobe-garamond-pro';
 
-    --font-feature-settings-header: 'tnum' on, 'lnum' on;
     --font-feature-settings-altHeader: 'pnum' on, 'onum' on;
     --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
-    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
-    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
     --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;
 
-    --text-transform-header: uppercase;
     --text-transform-altHeader: none;
-    --text-transform-body: none;
     --text-transform-overline: uppercase;
-    --text-transform-subtitle: uppercase;
 
     --word-break-header: break-word;
     --word-break-altHeader: break-word;

package/dist/harmonic.cjs.development.js

@@ -4495,7 +4495,7 @@ var TypeTags = function TypeTags(_ref) {
     return /*#__PURE__*/React__default.createElement("li", {
       key: t
     }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-      size: "large"
+      size: "medium"
     }, t));
   }));
 };
@@ -9959,12 +9959,12 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$H ||
   }
   return '';
 });
-var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: ", ";\n\n  @media ", " {\n    margin-bottom: ", ";\n  }\n"])), function (_ref7) {
+var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.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__default.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__default.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"])));
@@ -9989,7 +9989,7 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObje
 });
 var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject12$3 || (_templateObject12$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n"])));
 var EndDateText = /*#__PURE__*/styled__default.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__default(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__default(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__default(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__default(HarmonicSubtitle)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-wrap: break-word;\n  margin-bottom: 16px;\n"])));
 
@@ -10104,8 +10104,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, {
@@ -10117,7 +10116,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: {