@royaloperahouse/harmonic 0.1.8-q → 0.1.9-a

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { IGenericTypographyProps, IHarmonicHeaderProps } from '../../types/typography';
+import './styles.css';
 export declare const DisplayHeader: ({ children, size, em, color, serif, className }: IGenericTypographyProps) => React.JSX.Element;
 export declare const HarmonicHeader: ({ children, size, em, color, serif, hierarchy: Tag, className, }: IHarmonicHeaderProps) => React.JSX.Element;
 export declare const HarmonicSubtitle: ({ children, size, color, className }: IGenericTypographyProps) => React.JSX.Element;
-export declare const BodyCopyHarmonic: ({ children, size, color, className, ...props }: IGenericTypographyProps) => React.JSX.Element;
+export declare const BodyCopyHarmonic: ({ children, size, color, className }: IGenericTypographyProps) => React.JSX.Element;
 export declare const HarmonicOverline: ({ children, size, color, className, ...props }: IGenericTypographyProps) => React.JSX.Element;
 export declare const ButtonText: ({ children, color, className }: IGenericTypographyProps) => React.JSX.Element;
 export declare const Caption: ({ children, color, className }: IGenericTypographyProps) => React.JSX.Element;

package/dist/components/atoms/Buttons/Primary/utils.d.ts

@@ -9,5 +9,3 @@ export declare const COLORS: {
 };
 export declare const getTextColor: ({ disabled, textColor }: PrimaryButtonProps) => string;
 export declare const getBackgroundColor: ({ disabled, backgroundColor }: PrimaryButtonProps) => string;
-export declare const getHoveredColor: ({ disabled, hoveredColor }: PrimaryButtonProps) => string;
-export declare const getPressedColor: ({ disabled, pressedColor }: PrimaryButtonProps) => string;

package/dist/components/atoms/Buttons/Secondary/utils.d.ts

@@ -9,6 +9,5 @@ export declare const COLORS: {
     readonly pressed: "var(--button-secondary-pressed-color)";
 };
 export declare const getTextColor: ({ disabled, textColor }: SecondaryButtonProps) => string;
+export declare const getBackgroundColor: ({ disabled }: SecondaryButtonProps) => string;
 export declare const getBorderColor: ({ disabled, borderColor }: SecondaryButtonProps) => string;
-export declare const getHoveredColor: ({ disabled, hoveredColor }: SecondaryButtonProps) => string;
-export declare const getPressedColor: ({ disabled, pressedColor }: SecondaryButtonProps) => string;

package/dist/components/atoms/Buttons/Tertiary/utils.d.ts

@@ -5,4 +5,4 @@ export declare const COLORS: {
     readonly hover: "var(--button-tertiary-hover-color)";
     readonly pressed: "var(--button-tertiary-pressed-color)";
 };
-export declare const getTextColor: ({ disabled, textColor }: TertiaryButtonProps) => string;
+export declare const getButtonColor: ({ disabled, textColor }: TertiaryButtonProps) => string;

package/dist/components/atoms/SponsorLogo/SponsorLogo.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ISponsorLogoProps } from '../../../types/types';
-declare const SponsorLogo: ({ colorLogo, colorBackground, alt, }: ISponsorLogoProps) => React.ReactElement;
+declare const SponsorLogo: ({ colorLogo, colorBackground, alt, imageSource, children, }: ISponsorLogoProps) => React.ReactElement;
 export default SponsorLogo;

package/dist/components/atoms/SponsorLogo/SponsorLogo.style.d.ts

@@ -1 +1,2 @@
-export declare const SponsorLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { ISponsorLogoProps } from '../../../types/types';
+export declare const SponsorLogoWrapper: import("styled-components").StyledComponent<"div", any, ISponsorLogoProps, never>;

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './Typography';
-import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
-import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSection, Carousel, MinimalCarousel, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream } from './organisms';
-import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls, SignUpForm } from './molecules';
+import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
+import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
+import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls, SignUpForm } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
 export { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MinimalCarousel, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, SignUpForm, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, 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, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, SponsorLogo, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, SignUpForm, };

package/dist/components/molecules/AnnouncementBanner/AnnouncementBanner.style.d.ts

@@ -4,7 +4,7 @@ export declare const SvgContainer: import("styled-components").StyledComponent<"
     isClickable?: boolean | undefined;
 }, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OverlineWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const OverlineWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const BannerContentWrapper: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps & {
     variant: BannerVariant;
 }, never>;

package/dist/components/molecules/Card/Card.style.d.ts

@@ -5,7 +5,7 @@ export declare const CardContainer: import("styled-components").StyledComponent<
     isCardClickable: boolean;
 }, never>;
 export declare const HoverContainer: import("styled-components").StyledComponent<"div", any, {
-    lineColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
+    lineColor?: Colors | undefined;
 }, never>;
 export declare const ProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, ICardContentContainerProps, never>;

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

@@ -1,4 +1,13 @@
-export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { IInformationBackgroundColour, IInformationCtaVariant } from '../../../types/information';
+export declare const InfoContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, Pick<import("../../../types/information").IInformationCTAProps, "theme" | "variant">, never>;
-export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, {
+    variant: IInformationCtaVariant;
+    infoThemed: boolean;
+}, never>;
+export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {
+    background: IInformationBackgroundColour;
+}, never>;
+export declare const InfoBodyWrapper: import("styled-components").StyledComponent<"div", any, {
+    background: IInformationBackgroundColour;
+}, never>;

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

@@ -3,6 +3,5 @@ import PageHeadingCinema from './Cinema';
 import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
-import PageHeadingPromo from './Promo';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, PageHeadingPromo, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };

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

@@ -7,7 +7,7 @@ import ContactCard from './ContactCard';
 import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import Information from './Information';
-import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, PageHeadingPromo } from './PageHeading';
+import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact } from './PageHeading';
 import Pagination from './Pagination';
 import { PeopleListing, CreditListing } from './PeopleListing';
 import PolicyLinks from './PolicyLinks';
@@ -33,4 +33,4 @@ import PasswordStrength from './PasswordStrength';
 import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';
-export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, SignUpForm, };
+export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, SignUpForm, };

package/dist/components/organisms/Footer/Footer.style.d.ts

@@ -5,3 +5,4 @@ export declare const SocialAndNewsletterSection: import("styled-components").Sty
 export declare const SectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoAndDescriptionSection: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinkWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
+export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/index.d.ts

@@ -5,7 +5,4 @@ import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
-import Carousel from './Carousels/Carousel';
-import { HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream } from './Carousels/HighlightsCarousel';
-import MinimalCarousel from './Carousels/MinimalCarousel';
-export { AnchorTabBar, Carousel, Footer, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, MinimalCarousel, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection, };
+export { AnchorTabBar, Footer, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };