@royaloperahouse/harmonic 0.1.8-h → 0.1.8-j

package/dist/harmonic.esm.js

@@ -12205,7 +12205,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')\n    format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')\n    format('woff2');\n  font-weight: 500;\n  font-style: italic;\n  font-display: swap;\n}\n";
+var css_248z = "@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')\n    format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')\n    format('woff2');\n  font-weight: 500;\n  font-style: italic;\n  font-display: swap;\n}\n";
 styleInject(css_248z);
 
 var css_248z$1 = "/* ~~~~~ General Styling Classes ~~~~~ */\n.typography_color-primary__LOfDi {\n  color: var(--color-primary);\n}\n\n.typography_color-black__6MHRL {\n  color: var(--color-base-black);\n}\n\n.typography_color-white__PfW5s {\n  color: var(--color-base-white);\n}\n\n.typography_color-red__iPlbG {\n  color: var(--color-primary-red);\n}\n\n.typography_color-grey__GA1c2 {\n  color: var(--color-base-dark-grey);\n}\n\n.typography_color-inherit__RDd0Y {\n  color: inherit;\n}\n\n.typography_em__E6tX- {\n  font-style: italic;\n}\n/* ~~~ */\n\n/* Display Headers */\n.typography_display__-F3p4 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  line-height: 100%;\n\n  &.typography_large__uq0zC {\n    font-size: 96px;\n    font-weight: 700;\n    letter-spacing: -5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 68px;\n    font-weight: 500;\n    letter-spacing: -3px;\n  }\n\n  /* Serif and Italic styles */\n  &.typography_serif__VSO38,\n  &.typography_em__E6tX- {\n    font-family: var(--font-family-serif);\n    font-weight: 500;\n  }\n\n  /* Serif and Italic adjustments */\n  &.typography_large__uq0zC.typography_serif__VSO38,\n  &.typography_large__uq0zC.typography_em__E6tX- {\n    letter-spacing: -3px;\n  }\n\n  &.typography_small__wfQ0K.typography_serif__VSO38,\n  &.typography_small__wfQ0K.typography_em__E6tX- {\n    letter-spacing: -2px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 38px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 32px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_large__uq0zC.typography_serif__VSO38,\n    &.typography_large__uq0zC.typography_em__E6tX-,\n    &.typography_small__wfQ0K.typography_serif__VSO38,\n    &.typography_small__wfQ0K.typography_em__E6tX- {\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n/* Headers */\n.typography_header__BexiD {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.typography_large__uq0zC {\n    font-size: 44px;\n    line-height: 48px;\n    letter-spacing: -1.5px;\n  }\n\n  &.typography_medium__K0uZD {\n    font-size: 34px;\n    line-height: 40px;\n    letter-spacing: -1px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 26px;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n  }\n\n  /* Serif and Italic styles */\n  &.typography_serif__VSO38,\n  &.typography_em__E6tX- {\n    font-family: var(--font-family-serif);\n  }\n\n  /* Serif and Italic letter-spacing overrides */\n  &.typography_large__uq0zC.typography_serif__VSO38,\n  &.typography_large__uq0zC.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_medium__K0uZD.typography_serif__VSO38,\n  &.typography_medium__K0uZD.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K.typography_serif__VSO38,\n  &.typography_small__wfQ0K.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 28px;\n      line-height: 34px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_medium__K0uZD {\n      font-size: 24px;\n      line-height: 28px;\n      letter-spacing: -1px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 20px;\n      line-height: 26px;\n      letter-spacing: -0.75px;\n    }\n\n    /* Mobile overrides for serif/italic letter-spacing */\n    &.typography_large__uq0zC.typography_serif__VSO38,\n    &.typography_large__uq0zC.typography_em__E6tX-,\n    &.typography_medium__K0uZD.typography_serif__VSO38,\n    &.typography_medium__K0uZD.typography_em__E6tX-,\n    &.typography_small__wfQ0K.typography_serif__VSO38,\n    &.typography_small__wfQ0K.typography_em__E6tX- {\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n/* Subtitle */\n.typography_subtitle__aoFTV {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.typography_large__uq0zC {\n    font-size: 19px;\n    line-height: 26px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 17px;\n      line-height: 24px;\n      letter-spacing: -0.5px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 14px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n    }\n  }\n}\n\n/* Body Copy */\n.typography_bodycopy__vYtQ8 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n\n  &.typography_large__uq0zC {\n    font-size: 19px;\n    line-height: 26px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_medium__K0uZD {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 17px;\n      line-height: 24px;\n      letter-spacing: -0.5px;\n    }\n\n    &.typography_medium__K0uZD {\n      font-size: 14px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 11px;\n      line-height: 16px;\n      letter-spacing: -0.2px;\n    }\n  }\n}\n\n/* Overline */\n.typography_overline__EnUK3 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n  text-transform: uppercase;\n\n  &.typography_large__uq0zC {\n    font-size: 14px;\n    line-height: 18px;\n    letter-spacing: 0.3px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 12px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      line-height: 17px;\n      letter-spacing: 0.3px; /* Added to ensure it stays */\n    }\n\n    &.typography_small__wfQ0K {\n      line-height: 14px;\n      letter-spacing: 0.3px;\n    }\n  }\n}\n\n/* Button Text */\n.typography_buttontext__vcxNi {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  line-height: 20px;\n  letter-spacing: -0.5px;\n  font-weight: 400;\n\n  @media (max-width: 699px) {\n    font-weight: 500;\n    line-height: 17px;\n  }\n}\n\n/* Caption Text */\n.typography_captiontext__91UFb {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: -0.5px;\n\n  @media (max-width: 699px) {\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.2px;\n  }\n}\n\n/* Navigation Text */\n.typography_navigationtext__YfGf7 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n\n  @media (max-width: 699px) {\n    font-size: 17px;\n    line-height: 17px;\n  }\n}\n";
@@ -13310,5 +13310,12 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1p || (_templa
   return theme.footer.tablet.paddingBottom;
 }, devices.desktop, devices.largeDesktop);
 
-export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
+/* ~~~~~~~ new harmonic types ~~~~~~~ */
+var HarmonicSizes = {
+  Small: 'small',
+  Medium: 'medium',
+  Large: 'large'
+};
+
+export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
 //# sourceMappingURL=harmonic.esm.js.map