@royaloperahouse/harmonic 0.2.3-b → 0.2.3-d

package/dist/helpers/urls.d.ts

@@ -1,2 +1,3 @@
 export declare const isSameSiteUrl: (url: string) => boolean;
 export declare const useSameSiteUrl: (url: string) => boolean;
+export declare const limitImageUrlDimension: (imageUrl: string, widthLimit: number) => string;

package/dist/index.d.ts

@@ -7,4 +7,5 @@ import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
 import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
 import { HarmonicSizes } from './types/typography';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };
+import type { HarmonicSize } from './types/typography';
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };

package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
-import './theme/typography.css';
 interface HarmonicThemeProviderProps {
     theme: ThemeType;
     children: React.ReactNode;

package/dist/types/editorial.d.ts

@@ -3,7 +3,7 @@ import { StyledProps } from 'styled-components';
 import { ButtonType } from './buttonTypes';
 import { DirectionType, IconNameType } from './iconTypes';
 import { Colors, IVideoWithControlsSettings, ThemeColor } from './types';
-import { HarmonicSizes, HeaderHierarchy, TypographyLevel } from './typography';
+import { TypographyLevel } from './typography';
 export interface IEditorialProps {
     /**
      * Text placed in the editorial component
@@ -91,8 +91,6 @@ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
     buttonType?: ButtonType;
 };
 export declare type PromoLinks = [EditorialLink, EditorialLink?];
-export declare type PromoTitleSize = Exclude<HarmonicSizes, 'small'>;
-export declare type PromoTitleHierarchy = Exclude<HeaderHierarchy, 'H1'>;
 export interface IPromoWithTitleProps {
     /**
      * Text placed in the editorial component
@@ -105,7 +103,7 @@ export interface IPromoWithTitleProps {
     /**
      * Text placed in the editorial component
      */
-    titleSize?: PromoTitleSize;
+    titleSize?: 'small' | 'large';
     /**
      * Subtitle placed in the editorial component
      */
@@ -127,9 +125,9 @@ export interface IPromoWithTitleProps {
      */
     links?: PromoLinks;
     /**
-     * Semantic level of the promo title header - h2 or h3.
+     * Semantic level of the title. Default is 2.
      */
-    titleHierarchy: PromoTitleHierarchy;
+    titleSemanticLevel?: TypographyLevel;
     /**
      * Additional CSS class names to apply to component.
      */

package/dist/types/information.d.ts

@@ -1,7 +1,7 @@
 import { DirectionType, IconNameType } from './iconTypes';
 import { LinkTarget } from './types';
 import type { ThemeChildProps } from './types';
-import type { HarmonicSizes } from './typography';
+import type { HarmonicSize } from './typography';
 export declare const InformationCtaVariants: {
     readonly Primary: "Primary";
     readonly Secondary: "Secondary";
@@ -45,7 +45,7 @@ export interface IInformationTitleProps {
     /**
      * The size of the title text
      */
-    textSize: HarmonicSizes;
+    textSize: HarmonicSize;
 }
 export interface IInformationProps extends ThemeProps {
     /**

package/dist/types/typography.d.ts

@@ -5,23 +5,18 @@ export declare const HarmonicSizes: {
     readonly Medium: "medium";
     readonly Large: "large";
 };
-export declare type HarmonicSizes = (typeof HarmonicSizes)[keyof typeof HarmonicSizes];
-export declare const HeaderHierarchy: {
-    readonly H1: "h1";
-    readonly H2: "h2";
-    readonly H3: "h3";
-};
-export declare type HeaderHierarchy = (typeof HeaderHierarchy)[keyof typeof HeaderHierarchy];
+export declare type HarmonicSize = (typeof HarmonicSizes)[keyof typeof HarmonicSizes];
 export declare type HarmonicColors = 'primary' | 'black' | 'white' | 'red' | 'grey' | 'inherit';
 export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphElement> extends React.HTMLAttributes<T> {
     children?: ReactNode;
-    size?: HarmonicSizes;
+    size?: HarmonicSize;
     serif?: boolean;
     color?: HarmonicColors;
     em?: boolean;
     bold?: boolean;
     className?: string;
 }
+export declare type HeaderHierarchy = 'h1' | 'h2' | 'h3';
 export interface IHarmonicHeaderProps extends IGenericTypographyProps {
     hierarchy: HeaderHierarchy;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.2.3-b",
+  "version": "0.2.3-d",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",