@royaloperahouse/harmonic 0.1.7-d → 0.1.8-a

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 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, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour } from './types';
+import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps } 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';
-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, };
+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, 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/types/index.d.ts

@@ -11,6 +11,6 @@ import { IPageHeadingCompactProps } from './impactHeader';
 import { IntegratedTimerProps, ITimerProps } from './timer';
 import { ICreditListing } from './creditListing';
 import { ModalWindowProps } from './modalWindow';
-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, };
+import { IInformationTitleProps, IInformationCTAProps } from './information';
+export { AspectRatio, ButtonType, CarouselType, Colors, EditorialLink, IconNameType, ICreditListing, IPageHeadingCompactProps, INavigationProps, INavTopProps, IntegratedTimerProps, ITimerProps, ModalWindowProps, TickboxMode, ThemeType, IInformationTitleProps, IInformationCTAProps, };
 export type { FooterData };

package/dist/types/information.d.ts

@@ -1,27 +1,13 @@
 import { DirectionType, IconNameType } from './iconTypes';
 import { LinkTarget } from './types';
-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;
+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;
 export interface IInformationCTAProps {
     /**
      * Text to display on the CTA
@@ -35,11 +21,7 @@ export interface IInformationCTAProps {
      * 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
-     */
-    infoThemed: boolean;
+    variant?: InformationCtaVariant;
     /**
      * Name of the icon to be used in the button
      */
@@ -58,14 +40,10 @@ 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: TitleTextSize;
+    textSize: HarmonicSize;
 }
 export interface IInformationProps {
     /**
@@ -79,11 +57,7 @@ export interface IInformationProps {
     /**
      * Title options for the component
      */
-    title: IInformationTitleProps;
-    /**
-     * Background Colour. Choices: None, Core, Cinema, Stream
-     */
-    background?: IInformationBackgroundColour;
+    title?: IInformationTitleProps;
     /**
      * Additional CSS class names to apply to component.
      */

package/dist/types/types.d.ts

@@ -539,6 +539,12 @@ export interface IAccordionsProps {
      */
     items: IAccordionProps[];
 }
+export declare const BannerVariants: {
+    readonly 'service-persistent': "service-persistent";
+    readonly 'in-page-persistent': "in-page-persistent";
+    readonly 'in-page': "in-page";
+};
+export declare type BannerVariant = keyof typeof BannerVariants;
 export interface IAnnouncementBannerProps {
     /**
      * Announcement banner title
@@ -551,11 +557,23 @@ export interface IAnnouncementBannerProps {
     /**
      * Date and time text
      */
-    time: string;
+    time?: string;
     /**
      * Icon graphic
      */
-    icon: 'Info' | 'Clock' | 'Location' | 'Reminder' | 'Star';
+    icon?: 'Info' | 'Clock' | 'Location' | 'Reminder' | 'Star';
+    /**
+     * Custom CSS classes
+     */
+    className?: string;
+    /**
+     * Banner layout variant
+     */
+    variant?: BannerVariant;
+    /**
+     * Callback function to be executed when the banner is closed.
+     */
+    onClose?: () => void;
 }
 export interface IReadMoreProps {
     /**

package/dist/types/typography.d.ts

@@ -1,9 +1,14 @@
 import { ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
-export declare type HarmonicSize = 'small' | 'medium' | 'large';
-export declare type HarmonicColors = 'primary' | 'black' | 'white' | 'red' | 'grey';
-export interface IGenericTypographyProps {
-    children: ReactNode;
+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;
     size?: HarmonicSize;
     serif?: boolean;
     color?: HarmonicColors;

package/package.json

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