@royaloperahouse/harmonic 0.17.0-l → 0.17.1

package/dist/harmonic.cjs.development.css

@@ -152,6 +152,7 @@
   color: var(--color-primary);
 }
 
+
 .typography-module_display--black__8hmsx,
 .typography-module_header--black__M3I14,
 .typography-module_subtitle--black__IQRSo,
@@ -208,24 +209,15 @@
 }
 
 /* Typography variants */
-.typography-module_display--serif__C0-Ve {
-  font-family: var(--font-family-serif);
-}
-
+.typography-module_display--serif__C0-Ve,
 .typography-module_header--serif__uTGCc {
   font-family: var(--font-family-serif);
-  letter-spacing: -0.5px;
-}
-
-.typography-module_display--em__h2bPV {
-  font-family: var(--font-family-serif);
-  font-style: italic;
 }
 
+.typography-module_display--em__h2bPV,
 .typography-module_header--em__UFQIA {
   font-family: var(--font-family-serif);
   font-style: italic;
-  letter-spacing: -0.5px;
 }
 
 .typography-module_display--bold__PG-8g,
@@ -309,7 +301,6 @@
     letter-spacing: 0.3px;
   }
 }
-
 @font-face {
   font-family: 'GreyLLTT';
   src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -336,7 +327,8 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
+    format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
@@ -344,331 +336,13 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
+    format('woff2');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
 }
 
-/* ~~~~~ General Styling Classes ~~~~~ */
-.typography_color-primary__LOfDi {
-  color: var(--color-primary);
-}
-
-.typography_color-black__6MHRL {
-  color: var(--color-base-black);
-}
-
-.typography_color-white__PfW5s {
-  color: var(--color-base-white);
-}
-
-.typography_color-red__iPlbG {
-  color: var(--color-primary-red);
-}
-
-.typography_color-grey__GA1c2 {
-  color: var(--color-base-dark-grey);
-}
-
-.typography_color-inherit__RDd0Y {
-  color: inherit;
-}
-
-.typography_em__E6tX- {
-  font-style: italic;
-}
-/* ~~~ */
-
-/* Display Headers */
-.typography_display__-F3p4 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  line-height: 100%;
-
-  &.typography_large__uq0zC {
-    font-size: 96px;
-    font-weight: 700;
-    letter-spacing: -5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 68px;
-    font-weight: 500;
-    letter-spacing: -3px;
-  }
-
-  /* Serif and Italic styles */
-  &.typography_serif__VSO38,
-  &.typography_em__E6tX- {
-    font-family: var(--font-family-serif);
-    font-weight: 500;
-  }
-
-  /* Serif and Italic adjustments */
-  &.typography_large__uq0zC.typography_serif__VSO38,
-  &.typography_large__uq0zC.typography_em__E6tX- {
-    letter-spacing: -3px;
-  }
-
-  &.typography_small__wfQ0K.typography_serif__VSO38,
-  &.typography_small__wfQ0K.typography_em__E6tX- {
-    letter-spacing: -2px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 38px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 32px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_large__uq0zC.typography_serif__VSO38,
-    &.typography_large__uq0zC.typography_em__E6tX-,
-    &.typography_small__wfQ0K.typography_serif__VSO38,
-    &.typography_small__wfQ0K.typography_em__E6tX- {
-      letter-spacing: -0.5px;
-    }
-  }
-}
-
-/* Headers */
-.typography_header__BexiD {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-
-  &.typography_large__uq0zC {
-    font-size: 44px;
-    line-height: 48px;
-    letter-spacing: -1.5px;
-  }
-
-  &.typography_medium__K0uZD {
-    font-size: 34px;
-    line-height: 40px;
-    letter-spacing: -1px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 26px;
-    line-height: 32px;
-    letter-spacing: -0.5px;
-  }
-
-  /* Serif and Italic styles */
-  &.typography_serif__VSO38,
-  &.typography_em__E6tX- {
-    font-family: var(--font-family-serif);
-  }
-
-  /* Serif and Italic letter-spacing overrides */
-  &.typography_large__uq0zC.typography_serif__VSO38,
-  &.typography_large__uq0zC.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_medium__K0uZD.typography_serif__VSO38,
-  &.typography_medium__K0uZD.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K.typography_serif__VSO38,
-  &.typography_small__wfQ0K.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 28px;
-      line-height: 34px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_medium__K0uZD {
-      font-size: 24px;
-      line-height: 28px;
-      letter-spacing: -1px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 20px;
-      line-height: 26px;
-      letter-spacing: -0.75px;
-    }
-
-    /* Mobile overrides for serif/italic letter-spacing */
-    &.typography_large__uq0zC.typography_serif__VSO38,
-    &.typography_large__uq0zC.typography_em__E6tX-,
-    &.typography_medium__K0uZD.typography_serif__VSO38,
-    &.typography_medium__K0uZD.typography_em__E6tX-,
-    &.typography_small__wfQ0K.typography_serif__VSO38,
-    &.typography_small__wfQ0K.typography_em__E6tX- {
-      letter-spacing: -0.5px;
-    }
-  }
-}
-
-/* Subtitle */
-.typography_subtitle__aoFTV {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-
-  &.typography_large__uq0zC {
-    font-size: 19px;
-    line-height: 26px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 17px;
-    line-height: 24px;
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 17px;
-      line-height: 24px;
-      letter-spacing: -0.5px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: -0.2px;
-    }
-  }
-}
-
-/* Body Copy */
-.typography_bodycopy__vYtQ8 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 400;
-
-  &.typography_large__uq0zC {
-    font-size: 19px;
-    line-height: 26px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_medium__K0uZD {
-    font-size: 17px;
-    line-height: 24px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 17px;
-      line-height: 24px;
-      letter-spacing: -0.5px;
-    }
-
-    &.typography_medium__K0uZD {
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: -0.2px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 11px;
-      line-height: 16px;
-      letter-spacing: -0.2px;
-    }
-  }
-}
-
-/* Overline */
-.typography_overline__EnUK3 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-  text-transform: uppercase;
-
-  &.typography_large__uq0zC {
-    font-size: 14px;
-    line-height: 18px;
-    letter-spacing: 0.3px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 12px;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      line-height: 17px;
-      letter-spacing: 0.3px; /* Added to ensure it stays */
-    }
-
-    &.typography_small__wfQ0K {
-      line-height: 14px;
-      letter-spacing: 0.3px;
-    }
-  }
-}
-
-/* Button Text */
-.typography_buttontext__vcxNi {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-size: 17px;
-  line-height: 20px;
-  letter-spacing: -0.5px;
-  font-weight: 400;
-
-  @media (max-width: 699px) {
-    font-weight: 500;
-    line-height: 17px;
-  }
-}
-
-/* Caption Text */
-.typography_captiontext__91UFb {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 400;
-  font-size: 17px;
-  line-height: 24px;
-  letter-spacing: -0.5px;
-
-  @media (max-width: 699px) {
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: -0.2px;
-  }
-}
-
-/* Navigation Text */
-.typography_navigationtext__YfGf7 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-size: 19px;
-  line-height: 19px;
-  letter-spacing: 0.4px;
-  font-weight: 500;
-
-  @media (max-width: 699px) {
-    font-size: 17px;
-    line-height: 17px;
-  }
-}
-
 .core-theme-module_coreTheme__pWxYB {
   /* RBO Red */
   /* Primary Palette */
@@ -771,12 +445,10 @@
   --rotator-button-hover-color: var(--color-base-white);
   --rotator-button-hover-bg-color: var(--color-primary-red);
 
-  --carousel-image-caption-height: 34px;
+  --carousel-image-caption-height: 17px;
 
   --line-height-listing: 36px;
 
-  --upsell-border-color: var(--color-primary-red);
-
   --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;
@@ -790,7 +462,7 @@
     --grid-margin: 20px;
     --rotator-button-width: 40px;
     --rotator-button-icon-width: 24px;
-    --carousel-image-caption-height: 28px;
+    --carousel-image-caption-height: 14px;
 
     --line-height-listing: 34px;
 
@@ -808,7 +480,7 @@
     --grid-margin: 32px;
     --rotator-button-width: 44px;
     --rotator-button-icon-width: 24px;
-    --carousel-image-caption-height: 28px;
+    --carousel-image-caption-height: 14px;
   }
 
   /* -----  Variables already used in Harmonic END  ----- */
@@ -984,7 +656,7 @@
   --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;
   --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;
 
-  --harmonic-text-link-underline-offset: 4px;
+  --harmonic-text-link-underline-offset: 6px;
   --harmonic-font-size-navigation: 19px;
 
   --announcement-banner-color: var(--color-base-white);
@@ -1183,8 +855,6 @@
 
   --heading-promo-bg-color: var(--color-base-black);
   --page-header-bg-color: var(--color-primary-black);
-
-  --upsell-border-color: var(--color-primary-black);
 }
 
 .cinema-theme-module_cinemaTheme__f5QFs {
@@ -1230,10 +900,8 @@
   --information-panel-button-hover-color: var(--color-rbo-red-hovered);
   --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
 
-  --heading-promo-bg-color: var(--color-base-white);
+  --heading-promo-bg-color: var(--color-base-white); 
   --page-header-bg-color: var(--color-primary-black);
-
-  --upsell-border-color: var(--color-primary-black);
 };
 .schools-theme-module_schoolsTheme__CWHba {
   /* Schools theme overrides */