@royaloperahouse/harmonic 0.19.1-b → 0.19.1-c

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, tabLinkId, trimTabText, }: IDropdownProps) => React.JSX.Element;
+declare const Dropdown: ({ title, titleLink, selected, options, onChange, iconName, isMobileBehaviour, withOptionsInMobile, withIcon, className, role, ariaLabel, trimTabText, }: IDropdownProps) => React.JSX.Element;
 export default Dropdown;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IRadioProps } from '../../../types/formTypes';
+/**
+ * DEPRECATED. Use Radio2 instead
+ */
+declare const Radio: ({ checked, error, label, onChange }: IRadioProps) => React.JSX.Element;
+export default Radio;

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

@@ -0,0 +1,4 @@
+import { IRadioProps } from '../../../types/formTypes';
+export declare const RadioContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RadioLine: import("styled-components").StyledComponent<"div", any, IRadioProps, never>;
+export declare const RadioError: import("styled-components").StyledComponent<"div", any, IRadioProps, never>;

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

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

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

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

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

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

@@ -1,18 +1,13 @@
 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';
@@ -31,4 +26,4 @@ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
 import VideoControls from './VideoControls';
 import { Stepper } from './Stepper';
 import SocialLinks from './SocialLinks';
-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, };
+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, };

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './Typography';
-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 { 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 ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
 export { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, SkipToMain, };
-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, };
+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, };

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

@@ -1,6 +1,9 @@
 import React, { FunctionComponent } from 'react';
 import { IBodyContentProps } from '../../../types/types';
-import { BodyContentTextContainerProps } from './BodyContent.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/PageHeading/Compact/components/CompactHeaderBranding.d.ts

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

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

@@ -1,4 +1,10 @@
 import React from 'react';
-import { BadgeProps } from './Badge.types';
-declare const Badge: React.FC<BadgeProps>;
+import { ThemeType } from '../../../../../types';
+import { PageHeadingPromoBadge } from '../../../../../types/impactHeader';
+declare type Props = {
+    theme?: ThemeType;
+    badge?: PageHeadingPromoBadge;
+    isMobile: boolean;
+};
+declare const Badge: React.FC<Props>;
 export default Badge;

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

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

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

@@ -1,6 +1,17 @@
 import React from 'react';
-import { PageData } from './Pagination.types';
-export type { PageData } from './Pagination.types';
+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;
+};
 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/Paywall/Paywall.styles.d.ts

@@ -5,7 +5,10 @@ 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 }: import("../BodyContent/BodyContent.types").BodyContentTextContainerProps) => import("react").JSX.Element, 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 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,4 +1,9 @@
-import { FunctionComponent } from 'react';
-import { IPromoChildProps } from './PromoChild.types';
+import { FunctionComponent, ReactElement } from 'react';
+import { IVideoWithControlsSettings } from '../../../types/types';
+interface IPromoChildProps {
+    children: ReactElement<HTMLImageElement | HTMLVideoElement>;
+    videoSettings: IVideoWithControlsSettings;
+    imageToLeft: boolean;
+}
 declare const PromoChild: FunctionComponent<IPromoChildProps>;
 export default PromoChild;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IRadioGroupProps } from '../../../types/formTypes';
+/**
+ * DEPRECATED. Use RadioGroup2 instead
+ */
+declare const RadioGroup: ({ radios, columnStartDesktop, columnStartDevice, columnSpanDesktop, columnSpanDevice, columnStartSmallDevice, columnSpanSmallDevice, onChange, }: IRadioGroupProps) => React.JSX.Element;
+export default RadioGroup;

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

@@ -0,0 +1 @@
+export declare const RadioGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,101 @@
+import React from 'react';
+import { ISelectProps } from '../../../types/formTypes';
+/**
+ * DEPRECATED. Use Select2 instead.
+ * A select component, created using <ul> and <li> elements, with bespoke accessibility
+ * logic.
+ *
+ * # Usage
+ * ## Defining a component that uses a typical Select element
+ * ```tsx
+ * const MyComponent = () => {
+ *   const handleSelect = (value: number, text: string) => {
+ *     console.log("Selected", value);
+ *   };
+ *
+ *   return <>
+ *     <Select
+ *       label="This is a label"
+ *       options={[
+ *         { text: "Option 1", value: 1 },
+ *         { text: "Option 2", value: 2 },
+ *       ]}
+ *       onSelect={handleSelect}
+ *     />
+ *   </>
+ * }
+ * ```
+ *
+ * ## Defining a component that uses a disabled Select element
+ * ```tsx
+ * const MyComponent = () => {
+ *   const handleSelect = (value: number, text: string) => {
+ *     console.log("Selected", value);
+ *   };
+ *
+ *   return <>
+ *     <Select
+ *       disabled // Select component disabled explicitely
+ *       label="This is a label"
+ *       options={[
+ *         { text: "Option 1", value: 1 },
+ *         { text: "Option 2", value: 2 },
+ *       ]}
+ *       onSelect={handleSelect}
+ *     />
+ *     <Select
+ *       label="This is a label"
+ *       options={[]} // Select component disabled implicitely by passing an empty array of options
+ *       onSelect={handleSelect}
+ *     />
+ *   </>
+ * }
+ * ```
+ *
+ * ## Defining a component with a non-labelled Select element
+ * ```tsx
+ * const MyComponent = () => {
+ *   const handleSelect = (value: number, text: string) => {
+ *     console.log("Selected", value);
+ *   };
+ *
+ *   return <>
+ *     <Select
+ *       label=""
+ *       options={[
+ *         { text: "Option 1", value: 1 },
+ *         { text: "Option 2", value: 2 },
+ *       ]}
+ *       onSelect={handleSelect}
+ *     />
+ *   </>
+ * }
+ * ```
+ *
+ * ## Changing the dimensions of a Select element (px)
+ * ```tsx
+ * const MyComponent = () => {
+ *   const handleSelect = (value: number, text: string) => {
+ *     console.log("Selected", value);
+ *   };
+ *
+ *   const selectWidthPx = 100;
+ *   const selectHeightPx = 27;
+ *
+ *   return <>
+ *     <Select
+ *       label="This is a label"
+ *       options={[
+ *         { text: "Option 1", value: 1 },
+ *         { text: "Option 2", value: 2 },
+ *       ]}
+ *       onSelect={handleSelect}
+ *       width={selectWidthPx}
+ *       height={selectHeightPx}
+ *     />
+ *   </>
+ * }
+ * ```
+ */
+declare function Select<T>({ label, options, onSelect, disabled, resetWhenOptionsUpdate, width, height, }: ISelectProps<T>): React.JSX.Element;
+export default Select;

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

@@ -0,0 +1,13 @@
+import { ISelectProps } from '../../../types/formTypes';
+export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<(props: import("../../../types/iconTypes").IIconProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>>, any, {
+    iconName: "DropdownArrow";
+    color: string;
+    title: "Select Arrow";
+}, "title" | "color" | "iconName">;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Options: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Option: import("styled-components").StyledComponent<"li", any, {
+    hover: boolean;
+}, never>;
+export declare const SelectList: import("styled-components").StyledComponent<"ul", any, Pick<Required<ISelectProps<unknown>>, "height" | "width">, never>;

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

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

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

@@ -1,8 +1,10 @@
 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/SignUpForm/components/SignUpFormButton.d.ts

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

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

@@ -1,6 +1,6 @@
 interface FocusableTabProps {
     hide?: boolean;
 }
-export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, dataTestId, isOpen, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
+export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, color, dataTestId, isOpen, }: 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/Swipe/Swipe.d.ts

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

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

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

@@ -1,13 +1,10 @@
 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';
@@ -18,21 +15,18 @@ import { PeopleListing, CreditListing } from './PeopleListing';
 import PolicyLinks from './PolicyLinks';
 import PromoWithTags from './PromoWithTags';
 import PromoWithTitle from './PromoWithTitle';
-import Quote from './Quote';
+import RadioGroup from './RadioGroup';
 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';
@@ -42,5 +36,4 @@ import SignUpForm from './SignUpForm';
 import AnchorBar from './AnchorBar';
 import SkipToMain from './SkipToMain';
 import Paywall from './Paywall';
-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, };
+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, };

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

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

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

@@ -1,4 +1,10 @@
-import { FunctionComponent } from 'react';
-import { HighlightsCarouselInfoSectionProps } from './InfoSection.types';
-declare const InfoSection: FunctionComponent<HighlightsCarouselInfoSectionProps>;
+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>;
 export default InfoSection;

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

@@ -1,4 +1,13 @@
-import { FunctionComponent } from 'react';
-import { HighlightsCarouselSwipeCarouselProps } from './SwipeCarousel.types';
-declare const SwipeCarousel: FunctionComponent<HighlightsCarouselSwipeCarouselProps>;
+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>;
 export default SwipeCarousel;