@royaloperahouse/harmonic 0.13.4 → 0.14.0-a

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ITabProps } from '../../../types/types';
-declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, color, isOpen, }: ITabProps) => React.JSX.Element;
+declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, dataTestId, isOpen, }: ITabProps) => React.JSX.Element;
 export default Tab;

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

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

@@ -1,4 +1,9 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { IBodyContentProps } from '../../../types/types';
+declare type BodyContentTextContainerProps = {
+    className?: string;
+    html: string;
+};
+export declare const BodyContentTextContainer: ({ className, html }: BodyContentTextContainerProps) => React.JSX.Element;
 declare const BodyContent: FunctionComponent<IBodyContentProps>;
 export default BodyContent;

package/dist/components/molecules/CastFilter/CastFilters.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { ICastFiltersProps } from '../../../types/types';
+declare const CastFilters: FunctionComponent<ICastFiltersProps>;
+export default CastFilters;

package/dist/components/molecules/CastFilter/CastFilters.style.d.ts

@@ -0,0 +1,14 @@
+export declare const CastFiltersComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CastFiltersWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CastWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PersonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PersonToggle: import("styled-components").StyledComponent<"div", any, {
+    isSelected: boolean;
+}, never>;
+export declare const PersonImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const MissingImage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PersonName: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Decal: import("styled-components").StyledComponent<"div", any, {
+    isSelected: boolean;
+}, never>;

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

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

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IPageHeadingHighlightProps } from '../../../../types/impactHeader';
+declare const PageHeadingHighlight: FunctionComponent<IPageHeadingHighlightProps>;
+export default PageHeadingHighlight;

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

@@ -0,0 +1,9 @@
+import { ThemeColor } from '../../../../types';
+export declare const HighlightPanelGrid: import("styled-components").StyledComponent<"div", any, {
+    $background: ThemeColor;
+}, never>;
+export declare const LeftPanel: import("styled-components").StyledComponent<"div", any, {
+    hasImage: boolean;
+}, never>;
+export declare const RightPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+import PageHeadingHighlight from './Highlight';
+export default PageHeadingHighlight;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IHighlightsHeaderProps } from '../../../../types/editorial';
+declare const PageHeadingHighlightCarousel: FunctionComponent<IHighlightsHeaderProps>;
+export default PageHeadingHighlightCarousel;

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

@@ -0,0 +1,14 @@
+interface HighlightsInfoWrapperProps {
+    hasImages: boolean;
+}
+interface HighlightsCarouselWrapperProps {
+    hasMultipleImages: boolean;
+}
+export declare const HighlightsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HighlightTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HighlightTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HighlightsInfoWrapper: import("styled-components").StyledComponent<"div", any, HighlightsInfoWrapperProps, never>;
+export declare const HighlightsCarouselWrapper: import("styled-components").StyledComponent<"div", any, HighlightsCarouselWrapperProps, never>;
+export declare const RotatorButtonsWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RotatorButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,2 @@
+import PageTitleHighlightCarousel from './HighlightCarousel';
+export default PageTitleHighlightCarousel;

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

@@ -2,5 +2,7 @@ import PageHeading from './PageHeading';
 import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingPromo from './Promo';
+import PageHeadingHighlight from './Highlight';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeading, PageHeadingImpact, PageHeadingCompact, PageHeadingPanel, PageHeadingPromo };
+import PageHeadingHighlightCarousel from './HighlightCarousel';
+export { PageHeading, PageHeadingImpact, PageHeadingCompact, PageHeadingPanel, PageHeadingPromo, PageHeadingHighlight, PageHeadingHighlightCarousel, };