@royaloperahouse/chord 1.1.0 → 1.2.10

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

@@ -0,0 +1,9 @@
+export declare const PanelGrid: import("styled-components").StyledComponent<"div", any, {
+    color: string | undefined;
+}, 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 InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ScrollDownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,5 +1,7 @@
 import PageHeadingCore from './Core';
 import PageHeadingCinema from './Cinema';
 import PageHeadingImpact from './Impact';
+import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream };
+import PageHeadingCompact from './Compact/Compact';
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PageData {
+    currentPage: number;
+    pageCount: number;
+    baseUrl: string;
+}
+export declare const reducePages: (pages: number[], currentPage: number) => number[];
+declare const Pagination: ({ pageCount, currentPage, baseUrl }: PageData) => React.ReactElement;
+export default Pagination;

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

@@ -0,0 +1,8 @@
+export declare const MorePages: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
+export declare const PageNumber: import("styled-components").StyledComponent<"a", any, {
+    active?: string | undefined;
+}, never>;
+export declare const NextPage: import("styled-components").StyledComponent<"a", any, {
+    active?: string | undefined;
+}, never>;

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

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

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

@@ -0,0 +1,3 @@
+import { ICreditListing } from '../../../../types';
+declare const CreditListing: ({ roles }: ICreditListing) => JSX.Element;
+export default CreditListing;

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

@@ -0,0 +1,5 @@
+export declare const ReplacementWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CreditListingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,2 +1,3 @@
 import PeopleListing from './PeopleListing';
-export default PeopleListing;
+import CreditListing from './CreditListing';
+export { PeopleListing, CreditListing };

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

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

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

@@ -1,8 +1,7 @@
-import { IEditorialGridProps, IPromoWithTagsStyledProps } from '../../../types/editorial';
+/// <reference types="react" />
+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 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 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>;
@@ -14,3 +13,11 @@ export declare const ExtraContentWrapper: import("styled-components").StyledComp
 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) => JSX.Element, any, {}, never>;
+export declare const PromoWithTagsHeader: import("styled-components").StyledComponent<({ semanticLevel, level, children }: import("../../../types/typography").IHeaderProps) => 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>;

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

@@ -0,0 +1,3 @@
+import { IRadioGroupProps } from '../../../types/formTypes';
+declare const RadioGroup: ({ radios, columnStartDesktop, columnStartDevice, columnSpanDesktop, columnSpanDevice, columnStartSmallDevice, columnSpanSmallDevice, onChange, }: IRadioGroupProps) => 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/SearchBar/SearchBar.style.d.ts

@@ -1,6 +1,7 @@
 export declare const SearchBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SvgContainerSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SvgContainerClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchUnavailableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SearchLinkContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SearchArrowContainer: import("styled-components").StyledComponent<"a", any, {}, never>;

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

@@ -0,0 +1,99 @@
+import { ISelectProps } from '../../../types/formTypes';
+/**
+ * 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>): JSX.Element;
+export default Select;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ISelectProps } from '../../../types/formTypes';
+export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ className, color, iconName, title, direction }: 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/UpsellCard/OfferText.d.ts

@@ -0,0 +1,2 @@
+import { IOfferTextProps } from '../../../types/upsell';
+export declare const OfferText: ({ title, description }: IOfferTextProps) => JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import { Colors } from '../../../types';
+declare type withColor = {
+    theme: {
+        color: Colors;
+    };
+};
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoLabel: import("styled-components").StyledComponent<"div", any, withColor, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OfferTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PriceRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LineThrough: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

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

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

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

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

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

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

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

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

@@ -4,15 +4,22 @@ import AnnouncementBanner from './AnnouncementBanner';
 import Card from './Card';
 import Cards from './Cards';
 import ContactCard from './ContactCard';
+import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import Information from './Information';
-import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
-import PeopleListing from './PeopleListing';
+import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact } from './PageHeading';
+import Pagination from './Pagination';
+import { PeopleListing, CreditListing } from './PeopleListing';
 import PromoWithTags from './PromoWithTags';
 import PromoWithTitle from './PromoWithTitle';
+import RadioGroup from './RadioGroup';
+import SearchBar from './SearchBar';
 import SectionTitle from './SectionTitle';
+import Select from './Select';
 import Tabs from './Tabs';
 import TextOnly from './TextOnly';
+import UpsellCard from './UpsellCard';
 import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
-export { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTags, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote, };
+import MiniCard from './MiniCard';
+export { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, Quote, SectionTitle, SearchBar, Select, Tabs, TextOnly, UpsellCard, };

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

@@ -1,7 +1,8 @@
-import { IAnchorTabsListProps } from '../../../types/navigation';
-export declare const AnchorTapbarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { IAnchorTabArrowsBoxProps, 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, {}, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, IAnchorTabArrowsBoxProps, never>;
 export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -2,8 +2,12 @@ import { INavigationWrapperProps } from '../../../types/navigation';
 export declare const NavigationWrapper: import("styled-components").StyledComponent<"div", any, INavigationWrapperProps, never>;
 export declare const FullScreenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NavigationGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GridItemSearch: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
+export declare const SearchBackground: import("styled-components").StyledComponent<"div", any, {
+    visible?: boolean | undefined;
+}, never>;
+export declare const GridItemSearch: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps & {
+    visible?: boolean | undefined;
+}, never>;
 export declare const NavigationGridMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,8 @@
 import Navigation from './Navigation';
 import Footer from './Footer';
 import AnchorTabBar from './AnchorTabBar';
-import Carousel from './Carousel';
-import { HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream } from './HighlightsCarousel';
 import TitleWithCTA from './TitleWithCTA';
+import UpsellSection from './UpsellSection';
 import { LiveChat } from './LiveChat';
 import StickyBar from './StickyBar';
-export { AnchorTabBar, Carousel, Footer, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, LiveChat, Navigation, StickyBar, TitleWithCTA, };
+export { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection };

package/dist/helpers/arrays.d.ts

@@ -0,0 +1,6 @@
+export declare const truncateArrayByPropLength: (array: {
+    [key: string]: string;
+}[], prop: string, maxChars: number, elipsis?: boolean) => {
+    [key: string]: string;
+}[];
+export declare const getConcatenatedPropLength: (array: any[], prop: string) => any;

package/dist/helpers/defaultValues.d.ts

@@ -0,0 +1,7 @@
+export declare const placeholderImage: {
+    altText: string;
+    desktopPath: string;
+    mobilePath: string;
+    caption: null;
+    thumbPath: null;
+};

package/dist/helpers/devices.d.ts

@@ -0,0 +1,3 @@
+export declare const useIOS: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const useMobile: () => boolean;

package/dist/helpers/formatStrings.d.ts

@@ -0,0 +1,2 @@
+export declare const setMaxCharLength: (value: string, maxLength: number) => string;
+export declare const formatPrice: (value: string | undefined) => string;

package/dist/helpers/htmlStrings.d.ts

@@ -1 +1,3 @@
+export declare const stripAllHtmlTags: (htmlString: string) => string;
 export declare const truncateHtmlString: (str: string, resultLength: number, addDots?: boolean) => string;
+export declare const truncate: (str: string, n: number) => string;

package/dist/helpers/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const isSameSiteUrl: (url: string) => boolean;
+export declare const useSameSiteUrl: (url: string) => boolean;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, TextLink, Tickbox, TypeTags, Quote } from './components';
-import { devices } from './styles/viewports';
-import { AspectRatio, CarouselType, Colors, IconNameType, TickboxMode, ThemeType, ButtonType } from './types';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AspectRatio, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, TickboxMode, TypeTags, Quote, };
+import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, RadioGroup, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, TextArea, TextField, TextLink, Tickbox, Timer, TypeTags, UpsellCard, UpsellSection, Quote } from './components';
+import { devices, breakpoints } from './styles/viewports';
+import zIndexes from './styles/zIndexes';
+import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType } from './types';
+import { MiniCard } from './components/molecules';
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, ITimerProps, IntegratedTimerProps, LiveChat, MiniCard, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, RadioGroup, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, zIndexes, };