@royaloperahouse/harmonic 1.0.1-a → 1.0.1-d

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IDropdownProps } from '../../../types/types';
-declare const Dropdown: ({ title, titleLink, selected, options, onChange, iconName, isMobileBehaviour, withOptionsInMobile, withIcon, className, role, ariaLabel, trimTabText, }: IDropdownProps) => React.JSX.Element;
+declare const Dropdown: ({ title, titleLink, selected, options, onChange, iconName, isMobileBehaviour, withOptionsInMobile, withIcon, className, role, ariaLabel, tabLinkId, trimTabText, }: IDropdownProps) => React.JSX.Element;
 export default Dropdown;

package/dist/components/atoms/Icons/StorybookSupport/Iconography.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-import { DirectionType, IconNameType } from '../../../../types/iconTypes';
-export interface IStorybookIcon {
-    iconName: IconNameType;
-    label: string;
-    direction?: DirectionType;
-    ariaLabel?: string;
-}
-export interface IIconographyGridProps {
-    iconsArray: IStorybookIcon[];
-}
+import { IIconographyGridProps } from './Iconography.types';
+export type { IIconographyGridProps, IStorybookIcon } from './Iconography.types';
 export declare function Iconography({ iconsArray }: IIconographyGridProps): React.JSX.Element;

package/dist/components/atoms/Icons/StorybookSupport/Iconography.types.d.ts

@@ -0,0 +1,10 @@
+import { DirectionType, IconNameType } from '../../../../types/iconTypes';
+export interface IStorybookIcon {
+    iconName: IconNameType;
+    label: string;
+    direction?: DirectionType;
+    ariaLabel?: string;
+}
+export interface IIconographyGridProps {
+    iconsArray: IStorybookIcon[];
+}

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, dataTestId, 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/atoms/TextLogo/TextLogo.d.ts

@@ -1,13 +1,6 @@
 import * as React from 'react';
-import { Colors } from '../../../types';
-export declare enum TextLogoProduct {
-    Stream = "STREAM",
-    Cinema = "CINEMA"
-}
-export interface ITextLogoProps {
-    productName: TextLogoProduct;
-    color: Colors;
-    fontSize?: number;
-}
+import { ITextLogoProps } from './TextLogo.types';
+export { TextLogoProduct } from './TextLogo.types';
+export type { ITextLogoProps } from './TextLogo.types';
 declare const Logo: ({ color, productName, fontSize }: ITextLogoProps) => React.ReactElement;
 export default Logo;

package/dist/components/atoms/TextLogo/TextLogo.types.d.ts

@@ -0,0 +1,10 @@
+import { Colors } from '../../../types';
+export declare enum TextLogoProduct {
+    Stream = "STREAM",
+    Cinema = "CINEMA"
+}
+export interface ITextLogoProps {
+    productName: TextLogoProduct;
+    color: Colors;
+    fontSize?: number;
+}

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

@@ -1,13 +1,18 @@
 import { CinemaBadge, StreamBadge } from './Badge';
+import Account from './Account';
+import AuxiliaryButton from './Buttons/Auxiliary/AuxiliaryButton';
 import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
 import ControlledDropdown from './ControlledDropdown';
+import Dropdown from './Dropdown';
 import { Grid, GridItem } from './Grid';
 import { Icon } from './Icons';
 import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
+import Logo from './Logo';
+import Person from './Person';
 import Progress from './Progress';
-import Radio from './Radio';
 import Radio2 from './Radio2';
 import RotatorButtons from './RotatorButtons';
+import Search from './Search';
 import SecondaryLogo from './SecondaryLogo';
 import SectionSplitter from './SectionSplitter';
 import SponsorLogo from './SponsorLogo';
@@ -26,4 +31,4 @@ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
 import VideoControls from './VideoControls';
 import { Stepper } from './Stepper';
 import SocialLinks from './SocialLinks';
-export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, SocialLinks, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, };
+export { Account, AltHeader, AuxiliaryButton, BodyText, CinemaBadge, ControlledDropdown, Dropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Logo, Overline, Person, Progress, PrimaryButton, Radio2, RotatorButtons, Search, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, SocialLinks, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, };

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

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

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

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

@@ -0,0 +1,4 @@
+export declare type BodyContentTextContainerProps = {
+    className?: string;
+    html: string;
+};

package/dist/components/molecules/Information/InfoCta.types.d.ts

@@ -0,0 +1,11 @@
+import { DirectionType, IconNameType } from '../../../types/iconTypes';
+import type { InformationCtaVariant } from '../../../types/information';
+import { LinkTarget } from '../../../types/types';
+export declare type RenderButtonProps = {
+    variant: InformationCtaVariant;
+    link: string;
+    text: string;
+    iconName?: IconNameType;
+    iconDirection?: DirectionType;
+    target: LinkTarget;
+};

package/dist/components/molecules/PageHeading/Compact/Compact.types.d.ts

@@ -0,0 +1,14 @@
+export declare type VideoPoster = {
+    desktop?: string;
+    mobile?: string;
+    alt: string;
+};
+export declare type Video = {
+    elementId: string;
+    desktop?: string;
+    mobile?: string;
+};
+export interface IVideoProps {
+    video: Video;
+    poster: VideoPoster;
+}

package/dist/components/molecules/PageHeading/Compact/components/CompactHeaderBranding.d.ts

@@ -1,10 +1,4 @@
 import { FunctionComponent } from 'react';
-import { BrandingStyle } from '../../../../../types/impactHeader';
-interface IBrandingProps {
-    brandingStyle: BrandingStyle;
-    brandingLink?: string;
-    brandingText?: string;
-    invert: boolean;
-}
+import { IBrandingProps } from './CompactHeaderBranding.types';
 declare const CompactHeaderBranding: FunctionComponent<IBrandingProps>;
 export default CompactHeaderBranding;

package/dist/components/molecules/PageHeading/Compact/components/CompactHeaderBranding.types.d.ts

@@ -0,0 +1,7 @@
+import { BrandingStyle } from '../../../../../types/impactHeader';
+export interface IBrandingProps {
+    brandingStyle: BrandingStyle;
+    brandingLink?: string;
+    brandingText?: string;
+    invert: boolean;
+}

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

@@ -1,10 +1,4 @@
 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>;
+import { BadgeProps } from './Badge.types';
+declare const Badge: React.FC<BadgeProps>;
 export default Badge;

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

@@ -0,0 +1,7 @@
+import { ThemeType } from '../../../../../types';
+import { PageHeadingPromoBadge } from '../../../../../types/impactHeader';
+export declare type BadgeProps = {
+    theme?: ThemeType;
+    badge?: PageHeadingPromoBadge;
+    isMobile: boolean;
+};

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

@@ -1,10 +1,4 @@
 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>;
+import { ButtonProps } from './Button.types';
+declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -0,0 +1,7 @@
+import { EditorialLink, ThemeType } from '../../../../../types';
+import { PageHeadingPromoAdditionalLink } from '../../../../../types/impactHeader';
+export declare type ButtonProps = {
+    link: PageHeadingPromoAdditionalLink | EditorialLink;
+    theme?: ThemeType;
+    isMobile?: boolean;
+};

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

@@ -1,17 +1,6 @@
 import React from 'react';
-export declare type PageData = {
-    currentPage: number;
-    pageCount: number;
-    baseUrl: string;
-    onPageChange?: never;
-    className?: string;
-} | {
-    currentPage: number;
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    baseUrl?: never;
-    className?: string;
-};
+import { PageData } from './Pagination.types';
+export type { PageData } from './Pagination.types';
 export declare const reducePages: (pages: number[], currentPage: number) => number[];
 declare const Pagination: ({ pageCount, currentPage, baseUrl, className, onPageChange }: PageData) => React.ReactElement;
 export default Pagination;

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

@@ -0,0 +1,13 @@
+export declare type PageData = {
+    currentPage: number;
+    pageCount: number;
+    baseUrl: string;
+    onPageChange?: never;
+    className?: string;
+} | {
+    currentPage: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    baseUrl?: never;
+    className?: string;
+};

package/dist/components/molecules/Paywall/Paywall.styles.d.ts

@@ -5,10 +5,7 @@ export declare const Button: import("styled-components").StyledComponent<import(
     textColor: "primary-black";
 }, "textColor" | "borderColor" | "hoveredColor" | "pressedColor">;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<({ className, html }: {
-    className?: string | undefined;
-    html: string;
-}) => import("react").JSX.Element, any, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<({ className, html }: import("../BodyContent/BodyContent.types").BodyContentTextContainerProps) => import("react").JSX.Element, any, {}, never>;
 export declare const Heading: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy, tag, className, ...props }: import("../../../types/typography").HarmonicHeaderProps) => import("react").DOMElement<{
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

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

@@ -1,9 +1,4 @@
-import { FunctionComponent, ReactElement } from 'react';
-import { IVideoWithControlsSettings } from '../../../types/types';
-interface IPromoChildProps {
-    children: ReactElement<HTMLImageElement | HTMLVideoElement>;
-    videoSettings: IVideoWithControlsSettings;
-    imageToLeft: boolean;
-}
+import { FunctionComponent } from 'react';
+import { IPromoChildProps } from './PromoChild.types';
 declare const PromoChild: FunctionComponent<IPromoChildProps>;
 export default PromoChild;

package/dist/components/molecules/PromoWithTitle/PromoChild.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { IVideoWithControlsSettings } from '../../../types/types';
+export interface IPromoChildProps {
+    children: ReactElement<HTMLImageElement | HTMLVideoElement>;
+    videoSettings: IVideoWithControlsSettings;
+    imageToLeft: boolean;
+}

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

@@ -1,10 +1,8 @@
 import React, { FunctionComponent } from 'react';
 import { DropdownIndicatorProps } from 'react-select';
 import { ISelect2Props } from '../../../types/formTypes';
+import { IWrapperProps } from './Select2.types';
 export declare const DropdownIndicator: (props: DropdownIndicatorProps) => React.JSX.Element;
-interface IWrapperProps extends Pick<ISelect2Props, 'label' | 'error' | 'width' | 'darkMode' | 'className'> {
-    children: React.ReactNode;
-}
 export declare const WrapperComponent: FunctionComponent<IWrapperProps>;
 /**
  * A Select2 component wraps react-select with Harmonic styling and additional elements like

package/dist/components/molecules/Select2/Select2.types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ISelect2Props } from '../../../types/formTypes';
+export interface IWrapperProps extends Pick<ISelect2Props, 'label' | 'error' | 'width' | 'darkMode'> {
+    children: React.ReactNode;
+    className?: string;
+}

package/dist/components/molecules/SignUpForm/components/SignUpFormButton.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-import { ThemeType } from '../../../../types/types';
-declare type Props = {
-    theme: ThemeType;
-    onClick: (e: React.FormEvent) => Promise<void>;
-};
-declare const SignUpFormButton: React.FC<Props>;
+import { SignUpFormButtonProps } from './SignUpFormButton.types';
+declare const SignUpFormButton: React.FC<SignUpFormButtonProps>;
 export default SignUpFormButton;

package/dist/components/molecules/SignUpForm/components/SignUpFormButton.types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ThemeType } from '../../../../types/types';
+export declare type SignUpFormButtonProps = {
+    theme: ThemeType;
+    onClick: (e: React.FormEvent) => Promise<void>;
+};

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

@@ -1,10 +1,6 @@
 import React from 'react';
-export interface SwipeRef {
-    nextSlide: () => void;
-    prevSlide: () => void;
-    hasOverflow: () => boolean;
-    hasNext: () => boolean;
-}
+import { SwipeRef } from './Swipe.types';
+export type { SwipeRef } from './Swipe.types';
 declare const Swipe: React.ForwardRefExoticComponent<{
     children: React.ReactNode[];
     infinite?: boolean | undefined;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare type SwipeProps = {
+    children: React.ReactNode[];
+    infinite?: boolean;
+    slidesOffsetBefore?: number;
+    slidesAriaHidden?: boolean;
+    onIndexChange?: (index: number) => void;
+    onActiveChange?: (value: boolean) => void;
+    onOverflowChange?: (overflow: boolean) => void;
+    limitDragToNavigableRange?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+export interface SwipeRef {
+    nextSlide: () => void;
+    prevSlide: () => void;
+    hasOverflow: () => boolean;
+    hasNext: () => boolean;
+}

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

@@ -7,6 +7,6 @@ export declare const TableHeader: import("styled-components").StyledComponent<"t
 export declare const TableCell: import("styled-components").StyledComponent<"td", any, {
     columns: number;
 }, never>;
-export declare const PaginationWrapper: import("styled-components").StyledComponent<({ pageCount, currentPage, baseUrl, className, onPageChange }: import("../Pagination/Pagination").PageData) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, any, {}, never>;
+export declare const PaginationWrapper: import("styled-components").StyledComponent<({ pageCount, currentPage, baseUrl, className, onPageChange }: import("../Pagination/Pagination.types").PageData) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, any, {}, never>;
 export declare const ScrollButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AriaDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/molecules/Table/components/HeaderCells.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-interface HeaderCellsProps {
-    headings: React.ReactNode[];
-    columns: number;
-}
+import { HeaderCellsProps } from './HeaderCells.types';
 declare const HeaderCells: React.FC<HeaderCellsProps>;
 export default HeaderCells;

package/dist/components/molecules/Table/components/HeaderCells.types.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface HeaderCellsProps {
+    headings: React.ReactNode[];
+    columns: number;
+}

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

@@ -1,10 +1,13 @@
 import Accordion from './Accordion';
 import Accordions from './Accordions';
 import AnnouncementBanner from './AnnouncementBanner';
+import Basket from './Basket';
+import BodyContent from './BodyContent';
 import Card from './Card';
 import Cards from './Cards';
 import CastFilter from './CastFilter';
 import ContactCard from './ContactCard';
+import ContactNewsletter from './ContactNewsletter';
 import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import HotFilters from './HotFilters';
@@ -15,18 +18,21 @@ import { PeopleListing, CreditListing } from './PeopleListing';
 import PolicyLinks from './PolicyLinks';
 import PromoWithTags from './PromoWithTags';
 import PromoWithTitle from './PromoWithTitle';
-import RadioGroup from './RadioGroup';
+import Quote from './Quote';
 import RadioGroup2 from './RadioGroup2';
 import StatusBanner from './StatusBanner';
 import SearchBar from './SearchBar';
 import SectionTitle from './SectionTitle';
-import Select from './Select';
 import Select2 from './Select2';
 import Select2Async from './Select2Async';
+import { Swipe, SwipeRef } from './Swipe';
 import Tabs from './Tabs';
 import UpsellCard from './UpsellCard';
 import ImageWithCaption from './ImageWithCaption';
 import MiniCard from './MiniCard';
+import NavTop from './NavTop';
+import PersonCard from './PersonCard';
+import PersonDetails from './PersonDetails';
 import ReadMore from './ReadMore';
 import AuxiliaryNav from './AuxiliaryNav';
 import PasswordStrength from './PasswordStrength';
@@ -36,4 +42,5 @@ import SignUpForm from './SignUpForm';
 import AnchorBar from './AnchorBar';
 import SkipToMain from './SkipToMain';
 import Paywall from './Paywall';
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, CastFilter, ContactCard, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, MiniCard, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingHighlight, PageHeadingPanel, PageHeadingPromo, PageHeadingHighlightCarousel, PasswordStrength, Pagination, Paywall, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, UpsellCard, VideoWithControls, SkipToMain, };
+import UpsellCards from './UpsellCards';
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Basket, BodyContent, Card, Cards, CastFilter, ContactCard, ContactNewsletter, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, MiniCard, NavTop, PersonCard, PersonDetails, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingHighlight, PageHeadingPanel, PageHeadingPromo, PageHeadingHighlightCarousel, PasswordStrength, Pagination, Paywall, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, Quote, RadioGroup2, ReadMore, StatusBanner, SectionTitle, SearchBar, Select2, Select2Async, SignUpForm, Swipe, SwipeRef, Tabs, Table, UpsellCard, UpsellCards, VideoWithControls, SkipToMain, };

package/dist/components/organisms/Carousels/HighlightsCarousel/components/Buttons.d.ts

@@ -1,5 +1,4 @@
 import { FunctionComponent } from 'react';
-import { HighlightsCarouselSlide } from '../../../../../types/carousel';
-declare type Props = Pick<HighlightsCarouselSlide, 'links' | 'auxiliaryCTA'>;
-declare const Buttons: FunctionComponent<Props>;
+import { HighlightsCarouselButtonsProps } from './Buttons.types';
+declare const Buttons: FunctionComponent<HighlightsCarouselButtonsProps>;
 export default Buttons;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/Buttons.types.d.ts

@@ -0,0 +1,2 @@
+import { HighlightsCarouselSlide } from '../../../../../types/carousel';
+export declare type HighlightsCarouselButtonsProps = Pick<HighlightsCarouselSlide, 'links' | 'auxiliaryCTA'>;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/InfoSection.d.ts

@@ -1,10 +1,4 @@
-import { FunctionComponent, ReactElement } from 'react';
-import { HighlightsCarouselSlide } from '../../../../../types/carousel';
-import { ILogosProps } from '../../../../../types/types';
-declare type Props = {
-    logo?: ReactElement<ILogosProps> | null;
-    slide: HighlightsCarouselSlide;
-    currentSlideIndex: number;
-};
-declare const InfoSection: FunctionComponent<Props>;
+import { FunctionComponent } from 'react';
+import { HighlightsCarouselInfoSectionProps } from './InfoSection.types';
+declare const InfoSection: FunctionComponent<HighlightsCarouselInfoSectionProps>;
 export default InfoSection;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/InfoSection.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { HighlightsCarouselSlide } from '../../../../../types/carousel';
+import { ILogosProps } from '../../../../../types/types';
+export declare type HighlightsCarouselInfoSectionProps = {
+    logo?: ReactElement<ILogosProps> | null;
+    slide: HighlightsCarouselSlide;
+    currentSlideIndex: number;
+};

package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.d.ts

@@ -1,13 +1,4 @@
-import React, { FunctionComponent } from 'react';
-import { HighlightsCarouselSlideImage, HighlightsCarouselSlideVideo } from '../../../../../types/carousel';
-import { SwipeRef } from '../../../../molecules/Swipe';
-declare type Props = {
-    slidesMedia: (HighlightsCarouselSlideImage | HighlightsCarouselSlideVideo)[];
-    currentSlide: number;
-    setCurrentSlide: React.Dispatch<React.SetStateAction<number>>;
-    carouselRef: React.RefObject<SwipeRef>;
-    hasMultipleSlides: boolean;
-    carouselTitle?: string;
-};
-declare const SwipeCarousel: FunctionComponent<Props>;
+import { FunctionComponent } from 'react';
+import { HighlightsCarouselSwipeCarouselProps } from './SwipeCarousel.types';
+declare const SwipeCarousel: FunctionComponent<HighlightsCarouselSwipeCarouselProps>;
 export default SwipeCarousel;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.types.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { HighlightsCarouselSlideImage, HighlightsCarouselSlideVideo } from '../../../../../types/carousel';
+import { SwipeRef } from '../../../../molecules';
+export declare type HighlightsCarouselSwipeCarouselProps = {
+    slidesMedia: (HighlightsCarouselSlideImage | HighlightsCarouselSlideVideo)[];
+    currentSlide: number;
+    setCurrentSlide: React.Dispatch<React.SetStateAction<number>>;
+    carouselRef: React.RefObject<SwipeRef>;
+    hasMultipleSlides: boolean;
+    carouselTitle?: string;
+};