@royaloperahouse/harmonic 0.1.8-q → 0.1.10-a

package/dist/index.d.ts

@@ -1,11 +1,9 @@
-import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, 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, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, SignUpForm } from './components';
+import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, 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, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, SignUpForm } from './components';
 import { devices, breakpoints } from './styles/viewports';
 import zIndexes from './styles/zIndexes';
-import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeColor, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps } from './types';
+import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour } from './types';
 import { MiniCard } from './components/molecules';
 import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
 import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
-import { HarmonicSizes } from './types/typography';
-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, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicThemeProvider, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationBackgroundColour, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, 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, 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/buttonTypes.d.ts

@@ -29,17 +29,13 @@ declare type StyleProps = {
     backgroundColor?: ThemeColor;
     /** Border color from theme */
     borderColor?: ThemeColor;
-    /** Hovered color from theme */
-    hoveredColor?: ThemeColor;
-    /** Pressed element color from theme */
-    pressedColor?: ThemeColor;
     /** Disabled state */
     disabled?: boolean;
 };
 export declare type ButtonProps = BaseProps & IconProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare type AuxiliaryButtonProps = ButtonProps & Pick<StyleProps, 'textColor' | 'backgroundColor'>;
-export declare type PrimaryButtonProps = ButtonProps & Pick<StyleProps, 'textColor' | 'backgroundColor' | 'hoveredColor' | 'pressedColor' | 'disabled'>;
-export declare type SecondaryButtonProps = ButtonProps & Pick<StyleProps, 'textColor' | 'borderColor' | 'hoveredColor' | 'pressedColor' | 'disabled'>;
+export declare type PrimaryButtonProps = ButtonProps & Pick<StyleProps, 'textColor' | 'backgroundColor' | 'disabled'>;
+export declare type SecondaryButtonProps = ButtonProps & Pick<StyleProps, 'textColor' | 'borderColor' | 'disabled'>;
 export declare type TertiaryButtonProps = BaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & Pick<StyleProps, 'textColor' | 'disabled'>;
 export declare type RotatorButtonsProps = {
     /** Enable/disable prev button */

package/dist/types/card.d.ts

@@ -1,5 +1,5 @@
 import { StyledProps } from 'styled-components';
-import { Colors, EditorialLink, IconNameType, ThemeColor } from '.';
+import { Colors, EditorialLink, IconNameType } from '.';
 import { PromoLinks } from './editorial';
 import { DirectionType } from './iconTypes';
 export interface CardLabelProps {
@@ -80,7 +80,7 @@ export interface ICardProps {
     /**
      * Defines the color for a line that appears on hover
      */
-    hoverLineColor?: ThemeColor;
+    hoverLineColor?: Colors;
     /**
      * A callback to be called when the
      */

package/dist/types/carousel.d.ts

@@ -1,10 +1,9 @@
 import { ImgHTMLAttributes, ReactElement } from 'react';
 import { ICardProps } from './card';
+import { EditorialLink } from './editorial';
 import { IImageWithCaptionProps } from './image';
 import { IntegratedTimerProps } from './timer';
 import { ILogosProps } from './types';
-import { EditorialLink } from './editorial';
-import { TypographyLevel } from './typography';
 export declare enum CarouselType {
     Image = "image",
     SmallCard = "SmallCard",
@@ -15,10 +14,6 @@ export interface ICarouselProps {
      * Carousel title
      */
     title?: string;
-    /**
-     * Carousel description
-     */
-    description?: string;
     /**
      * Carousel type.
      */
@@ -39,20 +34,12 @@ export interface ICarouselProps {
      * Defines if there should be offset added at the beginning of the container. True by default;
      */
     useOffset?: boolean;
-    /**
-     * Semantic level of the title
-     */
-    titleSemanticLevel?: TypographyLevel;
-    /**
-     * Sets infinite mode ON/OFF
-     */
-    infinite?: boolean;
-    /**
-     * CSS class name
-     */
-    className?: string;
 }
 export interface ICarouselWrapperProps {
+    /**
+     * Carousel has been activated or not
+     */
+    active: boolean;
     /**
      * Carousel type.
      */
@@ -73,38 +60,10 @@ export interface ICarouselWrapperProps {
      * Sets overflow to swiper when specified
      */
     overflow?: string;
-    /**
-     * Carousel activation indicator
-     */
-    isActive?: boolean;
 }
 export declare type HighlightsCarouselSlideImage = ImgHTMLAttributes<HTMLImageElement> & {
     key: string;
 };
-interface SlideVideo {
-    desktop: string;
-    mobile: string;
-}
-interface SlidePoster {
-    desktop: string;
-    mobile: string;
-    altText: string;
-}
-export interface HighlightsCarouselSlideVideo {
-    video: SlideVideo;
-    poster: SlidePoster;
-    key: string;
-    autoPlay: boolean;
-    muted: boolean;
-    soundControl: boolean;
-    fullScreenOption: boolean;
-    loop: boolean;
-}
-export interface HighlightsCarouselVideoSlideProps {
-    index: number;
-    isCurrentSlide: boolean;
-    settings: HighlightsCarouselSlideVideo;
-}
 export declare type HighlightsCarouselSlide = {
     /**
      * heder in info section
@@ -131,17 +90,13 @@ export declare type HighlightsCarouselSlide = {
      */
     links: EditorialLink[];
     /**
-     * Slide media
+     * Slide image
      */
-    mediaContent: HighlightsCarouselSlideImage | HighlightsCarouselSlideVideo;
+    image: HighlightsCarouselSlideImage;
     /**
      * Params for Timer component
      */
     timerParams?: IntegratedTimerProps;
-    /**
-     * Renders an auxiliary button when passed
-     */
-    auxiliaryCTA?: EditorialLink;
 };
 export interface IHighlightsCarouselProps {
     /**
@@ -156,16 +111,9 @@ export interface IHighlightsCarouselProps {
      * slides to be displayed in the carousel
      */
     slides: HighlightsCarouselSlide[];
-    /**
-     * Semantic level of the title
-     */
-    titleSemanticLevel?: TypographyLevel;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
 }
-export declare type IHighlightsCoreCarouselProps = Omit<IHighlightsCarouselProps, 'logo'>;
+export interface IHighlightsCoreCarouselProps extends Omit<IHighlightsCarouselProps, 'logo'> {
+}
 export interface IHighlightsCinemaCarouselProps extends Omit<IHighlightsCarouselProps, 'logo'> {
     /**
      * Renders logo or not
@@ -178,10 +126,3 @@ export interface IHighlightsStreamCarouselProps extends Omit<IHighlightsCarousel
      */
     logo: boolean;
 }
-export interface IMinimalCarouselProps {
-    /**
-     * Carousel children (only Card and ImageAspectRatioWrapper children are allowed).
-     */
-    children: ReactElement[];
-}
-export {};

package/dist/types/editorial.d.ts

@@ -2,7 +2,7 @@ import { AnchorHTMLAttributes, ImgHTMLAttributes, MouseEventHandler, ReactElemen
 import { StyledProps } from 'styled-components';
 import { ButtonType } from './buttonTypes';
 import { DirectionType, IconNameType } from './iconTypes';
-import { Colors, IVideoWithControlsSettings, ThemeColor } from './types';
+import { Colors, IVideoWithControlsSettings } from './types';
 import { TypographyLevel } from './typography';
 export interface IEditorialProps {
     /**
@@ -68,23 +68,11 @@ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
     /**
      * Color of text and icon
      */
-    textColor?: ThemeColor;
+    color?: Colors;
     /**
      * background color
      */
-    backgroundColor?: ThemeColor;
-    /**
-     * Border color
-     */
-    borderColor?: ThemeColor;
-    /**
-     * Hovered color
-     */
-    hoveredColor?: ThemeColor;
-    /**
-     * Pressed color
-     */
-    pressedColor?: ThemeColor;
+    bgColor?: Colors;
     /**
      * type of the button to be rendered; When not passed the Primary and Tetriary are displayed by default;
      */
@@ -103,7 +91,7 @@ export interface IPromoWithTitleProps {
     /**
      * Text placed in the editorial component
      */
-    titleSize?: 'small' | 'large';
+    titleSize?: 'large' | 'medium';
     /**
      * Subtitle placed in the editorial component
      */
@@ -125,9 +113,9 @@ export interface IPromoWithTitleProps {
      */
     links?: PromoLinks;
     /**
-     * Semantic level of the title. Default is 2.
+     * Semantic level of the promo title header - h2 or h3.
      */
-    titleSemanticLevel?: TypographyLevel;
+    titleHierarchy: 'h2' | 'h3';
     /**
      * Additional CSS class names to apply to component.
      */

package/dist/types/image.d.ts

@@ -5,27 +5,21 @@ export declare enum AspectRatio {
     '3:4' = "3 / 4",
     '4:3' = "4 / 3",
     '8:3' = "8 / 3",
-    '16:9' = "16 / 9",
-    '90:17' = "90 / 17",
-    '75:32' = "75 / 32"
+    '16:9' = "16 / 9"
 }
 export declare enum AspectRatioLegacy {
     '1 / 1' = "100",
     '3 / 4' = "133",
     '4 / 3' = "75",
     '8 / 3' = "37.5",
-    '16 / 9' = "56.25",
-    '90 / 17' = "18.88",
-    '75 / 32' = "15"
+    '16 / 9' = "56.25"
 }
 export declare enum AspectRatioWidth {
     '1 / 1' = "1",
     '3 / 4' = "0.75",
     '4 / 3' = "1.33",
     '8 / 3' = "2.67",
-    '16 / 9' = "1.78",
-    '90 / 17' = "5.29",
-    '75 / 32' = "2.34"
+    '16 / 9' = "1.78"
 }
 export interface IImageAspectRatioWrapperProps {
     /**

package/dist/types/impactHeader.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { EditorialLink } from '../types';
-import { TypographyHierarchy, TypographyLevel } from './typography';
+import { TypographyLevel } from './typography';
 export interface CustomSponsorImageData {
     /**
      * Source URL for Sponsorship logo
@@ -133,54 +133,3 @@ export interface IPageHeadingCompactProps {
      */
     semanticLevel?: TypographyLevel;
 }
-export declare type PageHeadingPromoImageProps = {
-    /**
-     * Image url for desktops
-     */
-    desktop: string;
-    /**
-     * Image url for devices
-     */
-    mobile: string;
-    /**
-     * Alt text for the main image
-     */
-    alt: string;
-};
-export declare enum PageHeadingPromoBadge {
-    Stream = "Stream",
-    Cinema = "Cinema"
-}
-export declare type PageHeadingPromoAdditionalLink = EditorialLink & {
-    isTextLink?: boolean;
-};
-export interface IPageHeadingPromoProps {
-    /**
-     * Title text
-     */
-    title?: string;
-    /**
-     * Semantic level of the header
-     */
-    titleSemanticLevel?: TypographyHierarchy;
-    /**
-     * Boolean to show/hide sponsorship logo (default true)
-     */
-    sponsor?: boolean;
-    /**
-     * Link placed in the impact component
-     */
-    mainLink?: EditorialLink;
-    /**
-     * Link placed in the impact component
-     */
-    additionalLink?: PageHeadingPromoAdditionalLink;
-    /**
-     * Heading image
-     */
-    image: PageHeadingPromoImageProps;
-    /**
-     * Badge variant
-     */
-    badge?: PageHeadingPromoBadge;
-}

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { FooterData } from './footer';
-import { Colors, ThemeType, ThemeColor } from './types';
+import { Colors, ThemeType } from './types';
 import { INavigationProps, INavTopProps } from './navigation';
 import { CarouselType } from './carousel';
 import { IconNameType } from './iconTypes';
@@ -11,6 +11,6 @@ import { IPageHeadingCompactProps } from './impactHeader';
 import { IntegratedTimerProps, ITimerProps } from './timer';
 import { ICreditListing } from './creditListing';
 import { ModalWindowProps } from './modalWindow';
-import { IInformationTitleProps, IInformationCTAProps } from './information';
-export { AspectRatio, ButtonType, CarouselType, Colors, EditorialLink, IconNameType, ICreditListing, IPageHeadingCompactProps, INavigationProps, INavTopProps, IntegratedTimerProps, ITimerProps, ModalWindowProps, TickboxMode, ThemeColor, ThemeType, IInformationTitleProps, IInformationCTAProps, };
+import { IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour } from './information';
+export { AspectRatio, ButtonType, CarouselType, Colors, EditorialLink, IconNameType, ICreditListing, IPageHeadingCompactProps, INavigationProps, INavTopProps, IntegratedTimerProps, ITimerProps, ModalWindowProps, TickboxMode, ThemeType, IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour, };
 export type { FooterData };

package/dist/types/information.d.ts

@@ -1,16 +1,28 @@
 import { DirectionType, IconNameType } from './iconTypes';
 import { LinkTarget } from './types';
-import type { ThemeChildProps } from './types';
-import type { HarmonicSize } from './typography';
-export declare const InformationCtaVariants: {
-    readonly Primary: "Primary";
-    readonly Secondary: "Secondary";
-    readonly Tertiary: "Tertiary";
-    readonly TextLink: "TextLink";
-};
-export declare type InformationCtaVariant = keyof typeof InformationCtaVariants;
-declare type ThemeProps = Pick<ThemeChildProps, 'theme'>;
-export interface IInformationCTAProps extends ThemeProps {
+export declare enum IInformationCtaVariant {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Tertiary = "Tertiary",
+    TextLink = "TextLink"
+}
+export declare enum IInformationCtaTheme {
+    Cinema = "Cinema",
+    Core = "Core",
+    Stream = "Stream"
+}
+export declare enum IInformationTitleVariant {
+    Header = "Header",
+    AltHeader = "AltHeader"
+}
+export declare enum IInformationBackgroundColour {
+    Cinema = "cinema",
+    Core = "core",
+    Stream = "stream",
+    White = "white"
+}
+export declare type TitleTextSize = 3 | 4 | 5 | 6;
+export interface IInformationCTAProps {
     /**
      * Text to display on the CTA
      */
@@ -20,9 +32,14 @@ export interface IInformationCTAProps extends ThemeProps {
      */
     link: string;
     /**
-     * Style of the CTA
+     * Style of the CTA. Choices are "Primary" (solid button background), "Secondary" (transparent button background)
+     * or "Tertiary" (text only)
+     */
+    variant?: IInformationCtaVariant;
+    /**
+     * Flag to decide whether to adjust the CTA colours for display on coloured backgrounds
      */
-    variant?: InformationCtaVariant;
+    infoThemed: boolean;
     /**
      * Name of the icon to be used in the button
      */
@@ -36,18 +53,21 @@ export interface IInformationCTAProps extends ThemeProps {
      */
     target?: LinkTarget;
 }
-export declare type InformationCTAWrapperProps = Pick<IInformationCTAProps, 'variant' | 'theme'>;
 export interface IInformationTitleProps {
     /**
      * Title text to display
      */
     text: string;
+    /**
+     * Title typography type. Choices are Heading or AltHeader
+     */
+    variant: IInformationTitleVariant;
     /**
      * The size of the title text
      */
-    textSize: HarmonicSize;
+    textSize: TitleTextSize;
 }
-export interface IInformationProps extends ThemeProps {
+export interface IInformationProps {
     /**
      * Main body text to display in the Information Component
      */
@@ -59,10 +79,13 @@ export interface IInformationProps extends ThemeProps {
     /**
      * Title options for the component
      */
-    title?: IInformationTitleProps;
+    title: IInformationTitleProps;
+    /**
+     * Background Colour. Choices: None, Core, Cinema, Stream
+     */
+    background?: IInformationBackgroundColour;
     /**
      * Additional CSS class names to apply to component.
      */
     className?: string;
 }
-export {};

package/dist/types/progress.d.ts

@@ -30,8 +30,4 @@ export interface IProgressProps {
      * Number of the steps
      */
     steps?: IProgressSteps;
-    /**
-     * The presence of a shadow under the progress bar
-     */
-    shadow?: boolean;
 }

package/dist/types/types.d.ts

@@ -52,10 +52,6 @@ export declare enum ThemeType {
     Cinema = "cinema",
     Schools = "schools"
 }
-export declare type ThemeChildProps = {
-    className?: string;
-    theme?: ThemeType;
-};
 export interface IThemeProviderProps {
     /**
      * The theme to use for the child elements
@@ -428,7 +424,7 @@ export interface ITextLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>
     /**
      * Color of text and icon
      */
-    textColor?: ThemeColor;
+    color?: Colors;
 }
 export interface ISectionSplitterProps {
     /**

package/dist/types/typography.d.ts

@@ -1,14 +1,9 @@
 import { ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
-export declare const HarmonicSizes: {
-    readonly Small: "small";
-    readonly Medium: "medium";
-    readonly Large: "large";
-};
-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;
+export declare type HarmonicSize = 'small' | 'medium' | 'large';
+export declare type HarmonicColors = 'primary' | 'black' | 'white' | 'red' | 'grey';
+export interface IGenericTypographyProps {
+    children: ReactNode;
     size?: HarmonicSize;
     serif?: boolean;
     color?: HarmonicColors;
@@ -16,9 +11,8 @@ export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphEl
     bold?: boolean;
     className?: string;
 }
-export declare type TypographyHierarchy = 'h1' | 'h2' | 'h3';
 export interface IHarmonicHeaderProps extends IGenericTypographyProps {
-    hierarchy: TypographyHierarchy;
+    hierarchy: 'h1' | 'h2' | 'h3';
 }
 export declare type TypographyLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type AltHeaderLevel = 3 | 4 | 5 | 6;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.1.8-q",
+  "version": "0.1.10-a",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -88,7 +88,6 @@
     "@types/react-modal": "^3.16.3",
     "@types/react-select": "^5.0.1",
     "@types/react-test-renderer": "^17.0.1",
-    "@types/resize-observer-browser": "^0.1.11",
     "@types/styled-components": "5.1.26",
     "@types/testing-library__jest-dom": "^5.9.1",
     "@typescript-eslint/eslint-plugin": "^5.0.0",

package/dist/components/Typography/utils.d.ts

@@ -1,7 +0,0 @@
-export declare const createClassNames: (baseClass: string, options: {
-    size?: string;
-    color?: string;
-    serif?: boolean;
-    em?: boolean;
-    className?: string;
-}) => string;

package/dist/components/molecules/Information/utils.d.ts

@@ -1,11 +0,0 @@
-import type { InformationCtaVariant } from '../../../types/information';
-import { ThemeType } from '../../../types/types';
-export declare const COLORS: {
-    readonly default: "var(--information-panel-button-color)";
-    readonly background: "var(--information-panel-button-bg-color)";
-    readonly hover: "var(--information-panel-button-hover-color)";
-    readonly pressed: "var(--information-panel-button-pressed-color)";
-};
-export declare const getTextColor: (variant: InformationCtaVariant | undefined, theme: ThemeType, colorValue: string) => string;
-export declare const getBackgroundColor: (variant: InformationCtaVariant | undefined, colorValue: string) => string;
-export declare const getBorderColor: (variant: InformationCtaVariant | undefined, colorValue: string) => string;

package/dist/components/molecules/PageHeading/Promo/Promo.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { IPageHeadingPromoProps } from '../../../../types/impactHeader';
-import { ThemeChildProps } from '../../../../types/types';
-declare const PageHeadingPromo: React.FC<IPageHeadingPromoProps & ThemeChildProps>;
-export default PageHeadingPromo;

package/dist/components/molecules/PageHeading/Promo/Promo.style.d.ts

@@ -1,28 +0,0 @@
-import { ThemeType } from '../../../../types';
-declare type ThemeProps = {
-    theme: ThemeType;
-};
-declare type TitleWrapperProps = ThemeProps & {
-    isButtonPresent: boolean;
-};
-declare type MainButtonProps = {
-    isAdditionalButtonPresent: boolean;
-};
-declare type ContentSectionProps = ThemeProps & {
-    showBlock: boolean;
-};
-declare type AdditionalContentProps = {
-    isBadgePresent: boolean;
-};
-export declare const Wrapper: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ImageButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentSection: import("styled-components").StyledComponent<"div", any, ContentSectionProps, never>;
-export declare const BadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AdditionalContentWrapper: import("styled-components").StyledComponent<"div", any, AdditionalContentProps, never>;
-export declare const MainButtonWrapper: import("styled-components").StyledComponent<"div", any, MainButtonProps, never>;
-export declare const AdditionalButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, TitleWrapperProps, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/dist/components/molecules/PageHeading/Promo/components/Badge.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ThemeType } from '../../../../../types';
-import { PageHeadingPromoBadge } from '../../../../../types/impactHeader';
-declare type Props = {
-    theme?: ThemeType;
-    badge?: PageHeadingPromoBadge;
-    isMobile: boolean;
-};
-declare const Badge: React.FC<Props>;
-export default Badge;

package/dist/components/molecules/PageHeading/Promo/components/Button.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { EditorialLink, ThemeType } from '../../../../../types';
-import { PageHeadingPromoAdditionalLink } from '../../../../../types/impactHeader';
-declare type Props = {
-    link: PageHeadingPromoAdditionalLink | EditorialLink;
-    theme?: ThemeType;
-    isMobile?: boolean;
-};
-declare const Button: React.FC<Props>;
-export default Button;

package/dist/components/molecules/PageHeading/Promo/components/Image.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { PageHeadingPromoImageProps } from '../../../../../types/impactHeader';
-declare const Image: React.FC<PageHeadingPromoImageProps>;
-export default Image;

package/dist/components/molecules/PageHeading/Promo/index.d.ts

@@ -1,2 +0,0 @@
-import PageHeadingPromo from './Promo';
-export default PageHeadingPromo;

package/dist/components/molecules/Swipe/Swipe.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface SwipeRef {
-    nextSlide: () => void;
-    prevSlide: () => void;
-}
-declare const Swipe: React.ForwardRefExoticComponent<{
-    children: React.ReactNode[];
-    infinite?: boolean | undefined;
-    slidesOffsetBefore?: number | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    onActiveChange?: ((value: boolean) => void) | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<SwipeRef>>;
-export default Swipe;