@royaloperahouse/harmonic 0.12.1 → 0.13.0-a

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

@@ -1,3 +1,4 @@
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconUnavailableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FullscreenIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ISectionSplitterProps } from '../../../types/types';
-declare const SectionSplitter: ({ fullWidth }: ISectionSplitterProps) => React.JSX.Element;
+declare const SectionSplitter: ({ fullWidth, className }: ISectionSplitterProps) => React.JSX.Element;
 export default SectionSplitter;

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, }: ITabProps) => React.JSX.Element;
+declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: ITabProps) => React.JSX.Element;
 export default Tab;

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

@@ -7,4 +7,4 @@ export declare const Input: import("styled-components").StyledComponent<"input",
 export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
 export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
-export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, 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, 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, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
+import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingHighlight, PasswordStrength, Pagination, 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, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, 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, 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, };

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

@@ -1,10 +1,14 @@
-export declare const AccordionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionContainer: import("styled-components").StyledComponent<"div", any, {
+    showLine?: boolean | undefined;
+}, never>;
 export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", any, {
     isVisible: boolean;
 }, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const TitleText: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {
     textHeight?: string | undefined;
 }, never>;
 export declare const PrintHideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1 @@
+export declare const TextContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;

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

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

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

@@ -11,7 +11,7 @@ export declare const ProgressContainer: import("styled-components").StyledCompon
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, ICardContentContainerProps, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleContainerMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const HighlightTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubtitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {

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/ContactCard/ContactCard.style.d.ts

@@ -1,6 +1,7 @@
-import { IContactCardWrapperProps } from '../../../types/contactCard';
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, IContactCardWrapperProps, never>;
-export declare const AddressWrapperDesktop: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AddressWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddressWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileSuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DesktopSuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DetailsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -7,7 +7,7 @@ interface ContentSummaryProps {
 interface Clickable {
     clickable?: boolean;
 }
-export declare const BodyTextRelative: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyTextRelative: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const ContentSummaryWrapper: import("styled-components").StyledComponent<"article", any, Clickable, never>;
 export declare const ContentSummaryImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentSummaryTextWrapper: import("styled-components").StyledComponent<"div", any, ContentSummaryProps, never>;

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

@@ -2,5 +2,5 @@ import { IEditorialGridProps } from '../../../types/editorial';
 export declare const EditorialGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const EditorialImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const EditorialTextWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const EditorialSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const EditorialText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditorialSubtitle: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const EditorialText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;

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

@@ -1,3 +1,3 @@
 import { IImageWithCaptionWrapperProps } from '../../../types/image';
 export declare const Wrapper: import("styled-components").StyledComponent<"figure", any, IImageWithCaptionWrapperProps, never>;
-export declare const CaptionWrapper: import("styled-components").StyledComponent<"figcaption", any, {}, never>;
+export declare const CaptionWrapper: import("styled-components").StyledComponent<({ children, color, tag: Tag, className }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;

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

@@ -1,4 +1,5 @@
+import type { InformationCTAWrapperProps } from '../../../types/information';
 export declare const InfoWrapper: 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, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, InformationCTAWrapperProps, never>;
+export declare const InfoBodyWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;

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/Promo/Promo.d.ts

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

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

@@ -2,5 +2,6 @@ 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 };
+export { PageHeading, PageHeadingImpact, PageHeadingCompact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo };

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

@@ -4,6 +4,6 @@ export declare const MorePages: import("styled-components").StyledComponent<"spa
 export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
 export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {
+export declare const TextLinkPagination: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {
     active?: boolean | undefined;
 }, never>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IPeopleListing } from '../../../types/types';
-declare const PeopleListing: ({ roles }: IPeopleListing) => React.JSX.Element;
+declare const PeopleListing: ({ roles, className }: IPeopleListing) => React.JSX.Element;
 export default PeopleListing;

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

@@ -1,7 +1,7 @@
 export declare const PeopleListingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PersonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HeadshotWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RoleContent: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PersonLink: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const ReplacementWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ReplacementContent: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -2,21 +2,18 @@ import { IEditorialGridProps } from '../../../types/editorial';
 import { IPromoWithTagsStyledProps } from '../../../types/promoWithTags';
 export declare const PromoWithTagsGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsTagWrapper: import("styled-components").StyledComponent<"div", any, IPromoWithTagsStyledProps, never>;
-export declare const PromoWithTagsAdditionalText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExtraContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MobileTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PromoWithTagsTypeTags: import("styled-components").StyledComponent<({ list }: import("../../../types/types").ITypeTagsProps) => import("react").JSX.Element, any, {}, never>;
-export declare const PromoWithTagsHeader: import("styled-components").StyledComponent<({ semanticLevel, level, children }: import("../../../types/typography").IHeaderProps) => import("react").JSX.Element, any, {}, never>;
-export declare const PromoWithTagsTextLink: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
 export declare const PromoWithTagsExtraContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EndDateText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;

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

@@ -3,6 +3,6 @@ export declare const PromoWithTitleGrid: import("styled-components").StyledCompo
 export declare const PromoWithTitleImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
-export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
-export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;

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

@@ -1,4 +1,3 @@
-import { IQuoteAttributionBlockProps } from '../../../types/quote';
-export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AttributionWrapper: import("styled-components").StyledComponent<"div", any, IQuoteAttributionBlockProps, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FigureBlock: import("styled-components").StyledComponent<"figure", any, {}, never>;
+export declare const BlockquoteBlock: import("styled-components").StyledComponent<"blockquote", any, {}, never>;
+export declare const AttributionBlock: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ISectionTitleProps } from '../../../types/types';
-declare const SectionTitle: ({ title, size, description, semanticLevel }: ISectionTitleProps) => React.JSX.Element;
+declare const SectionTitle: ({ title, size, description, className }: ISectionTitleProps) => React.JSX.Element;
 export default SectionTitle;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ISkipToMainProps } from '../../../types/types';
+declare const SkipToMain: ({ skipToId }: ISkipToMainProps) => React.JSX.Element | null;
+export default SkipToMain;
+/** TODO:
+ * - make robust with SSR - might be solved with moving logic to FE. ✅
+ * - hiding thing when element not found - might be solved with copying Tab element. ✅
+ * - fix columns ✅
+ * - fix top-bottom margin ✅
+ * - remove !important ✅
+ * - add types file ✅
+ * - mobile solution ✅
+ * - implement in Nav ✅
+ * - consider: Make other Tab props available? ✅
+ * - is Classname needed as a prop after all? ✅
+ * - J's comment about id vs element ✅
+ * - documentation ✅
+ * - SkiptoMain storybook ✅
+ * - Navigation storybook ✅
+ * - Fix desktop margin
+ * - Check if mobile works
+ * - Tests
+ */

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

@@ -0,0 +1,7 @@
+interface FocusableTabProps {
+    $hide?: boolean;
+}
+export declare const SkiptoMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
+export declare const HiddenBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

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

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

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

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

@@ -1,8 +1,13 @@
-import { IAnchorTabArrowsBoxProps, IAnchorTabsListProps, IAnchorTabBarBorderProps } from '../../../types/navigation';
+import { IAnchorTabsListProps, IAnchorTabBarBorderProps } from '../../../types/navigation';
 export declare const LIST_ITEM_GAP = 32;
 export declare const AnchorTabbarWrapper: import("styled-components").StyledComponent<"div", any, IAnchorTabBarBorderProps, never>;
 export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
-export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, IAnchorTabArrowsBoxProps, never>;
-export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {
+    withShadow?: boolean | undefined;
+}, never>;
+export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+}, never>;

package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts

@@ -6,6 +6,7 @@ export declare const CarouselInfoWrapper: import("styled-components").StyledComp
 export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {
     isDescriptionPresent: boolean;
 }, never>;
+export declare const TitleText: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
 export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleGridItem: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;
 export declare const SwipeGridWrapper: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { INavigationProps } from '../../../types/navigation';
-declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, crest, className, logoLink, }: INavigationProps) => React.JSX.Element;
+declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, crest, className, logoLink, skipToId, }: INavigationProps) => React.JSX.Element;
 export default Navigation;

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

@@ -1,5 +1,5 @@
 interface IStickyBarGridProps {
-    hideBottomBorder: boolean;
+    bottomBorder?: boolean;
 }
 export declare const StickyBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StickyBarGrid: import("styled-components").StyledComponent<"div", any, IStickyBarGridProps, never>;