@royaloperahouse/chord 1.1.0 → 1.2.10

package/dist/components/atoms/Icons/SvgIcons/Logos/Social/X.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../../types/iconTypes';
+declare const _default: ({ color }: IconSVGProps) => React.ReactElement;
+export default _default;

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

@@ -69,5 +69,6 @@ export declare const IconLibrary: {
     UserSignedIn: ({ color }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Volume: ({ color }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Watch: ({ color }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    X: ({ color }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Youtube: ({ color }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
 };

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

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

package/dist/components/atoms/Progress/Progress.styles.d.ts

@@ -1,4 +1,11 @@
-import { IProgressProps } from '../../../types/types';
-export declare const ProgressView: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ElapsedProgressView: import("styled-components").StyledComponent<"div", any, IProgressProps, never>;
+import { IProgressProps } from '../../../types/progress';
+export declare const ProgressView: import("styled-components").StyledComponent<"div", any, IProgressProps, never>;
+export declare const ElapsedProgressView: import("styled-components").StyledComponent<"div", any, IProgressProps & {
+    isProgressWithSteps: boolean;
+}, never>;
 export declare const PendingProgressView: import("styled-components").StyledComponent<"div", any, IProgressProps, never>;
+export declare const StepsWrapper: import("styled-components").StyledComponent<"div", any, IProgressProps, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {
+    isVisible: boolean;
+    isActive: boolean;
+}, never>;

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

@@ -0,0 +1,3 @@
+import { IRadioProps } from '../../../types/formTypes';
+declare const Radio: ({ checked, error, label, onChange }: IRadioProps) => 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/Sponsorship/Sponsorship.style.d.ts

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

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

@@ -0,0 +1,58 @@
+import { ReactElement } from 'react';
+import { IStepperProps } from '../../../types/formTypes';
+/**
+ * A chord Stepper component, used similarly to an HTML input type number.
+ *
+ * The buttons are clickable but not keyboard focusable
+ *
+ * An `initialValue`, the `step` to increase / decrease by, `min`
+ * and `max` values can all be provided, but are optional, with defaults.
+ *
+ * The displayed value can be controlled by:
+ *
+ * - Entering a value in to the central input area (both mouse and keyboard-focusable)
+ *
+ * - Clicking the buttons on either side (mouse only)
+ *
+ * - Keyboard-focusing the stepper box and using the arrow keys
+ *
+ * In all cases the value will be clamped between min and max values.
+ *
+ * The maximum width of the component is 4 characters, meaning 3 digits with a
+ * sign, or 4 without.
+ *
+ * Optional `plusAction` and `minusAction` functions can be provided and will be
+ * called on click of the corresponding buttons.
+ *
+ * The component will display an `error` string beneath the stepper box, if present.
+ *
+ * Styles are provided for the `disabled` state and for display on dark or
+ * coloured backgrounds, using the `darkMode` boolean.
+ *
+ * Finally, an `accessibleName` string can be provided. Although optional,
+ * it's a very good idea to include this so that users of screen-readers
+ * know what they are actually controlling.
+ *
+ * Example:
+ *
+ * ```tsx
+ * import { Stepper } from '@royaloperahouse/chord'
+ *
+ * <div>
+ *   <p>How How many seas must a white dove sail before she sleeps in the sand?</p>
+ *   <Stepper
+ *     initialValue={12}
+ *     step={2}
+ *     min={-8}
+ *     max={667}
+ *     plusAction={() => {console.log('More seas')}}
+ *     minusAction={() => {console.log('Fewer seas')}}
+ *     darkMode={false}
+ *     disabled={false}
+ *     error="Something went wrong!"
+ *     accessibleName="Number of seas"
+ *   />
+ * </div>
+ */
+export declare const Component: ({ initialValue, step, min, max, minusAction, plusAction, darkMode, error, disabled, accessibleName, }: IStepperProps) => ReactElement;
+export default Component;

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

@@ -0,0 +1,6 @@
+import { IStepperProps } from '../../../types/formTypes';
+export declare const StepperWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepperError: import("styled-components").StyledComponent<"div", any, Pick<IStepperProps, "darkMode">, never>;
+export declare const StepperBox: import("styled-components").StyledComponent<"div", any, Pick<IStepperProps, "darkMode" | "error" | "disabled">, never>;
+export declare const StepperValue: import("styled-components").StyledComponent<"input", any, Pick<IStepperProps, "disabled">, never>;
+export declare const StepperButton: import("styled-components").StyledComponent<"div", any, Pick<IStepperProps, "disabled">, never>;

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

@@ -0,0 +1,2 @@
+import Stepper from './Stepper';
+export { Stepper };

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

@@ -0,0 +1,44 @@
+import { ITextAreaProps } from '../../../types/formTypes';
+/**
+ * An HTML textarea component for Chord.
+ *
+ * Control the height and width of the component with `height` and `width`.
+ *
+ * The TextArea can also be used as the direct child of a
+ * Chord Grid component, in which case you can control the width and
+ * horizontal position by specifying GridItem props.
+ *
+ * If a fixed pixel width is specified it will take precedence over the
+ * column span on Desktop.
+ *
+ * Example using width:
+ *
+ * ```tsx
+ * <TextArea
+ *    label='My Text Area'
+ *    error={myError}
+ *    height={100}
+ *    width={300}
+ *    darkMode={true}
+ * />
+ * ```
+ *
+ * Example of use as a GridItem:
+ *
+ * ```tsx
+ * import {Grid, TextArea} from '@royaloperahouse/chord';
+ *
+ * <Grid>
+ *   <TextArea
+ *      label='My Text Area'
+ *      error={myError}
+ *      darkMode={false}
+ *      height={250}
+ *      columnStartDesktop={2}
+ *      columnSpanDesktop={7}
+ *   />
+ * </Grid>
+ * ```
+ */
+declare const TextArea: ({ label, error, width, darkMode, height, columnStartDesktop, columnStartDevice, columnSpanDesktop, columnSpanDevice, maxLength, tabIndex, ...textareaProps }: ITextAreaProps) => JSX.Element;
+export default TextArea;

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

@@ -0,0 +1,5 @@
+import { ITextAreaProps } from '../../../types/formTypes';
+export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", any, Pick<ITextAreaProps, "width" | "height">, never>;
+export declare const TextAreaLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextAreaProps, "darkMode">, never>;
+export declare const TextAreaBox: import("styled-components").StyledComponent<"textarea", any, Pick<ITextAreaProps, "error" | "darkMode">, never>;
+export declare const TextAreaError: import("styled-components").StyledComponent<"div", any, Pick<ITextAreaProps, "darkMode">, never>;

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

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

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

@@ -0,0 +1,41 @@
+import { ITextFieldProps } from '../../../types/formTypes';
+/**
+ * A text field component, that wraps around the native `<input />` element
+ * and adds some extra information around it (i.e. a text label and an error label).
+ *
+ * # Labels
+ * You can use this component just like you would use a regular `<input />` element,
+ * just with the extra `label` prop, to set the label of the content. For example:
+ * ```tsx
+ * <TextField label="This is a label" />
+ * ```
+ *
+ * **IMPORTANT!** If you want to render a `<TextField />` without a label, you will
+ * have to make the label an empty string:
+ * ```tsx
+ * <TextField label='' />
+ * ```
+ *
+ * This is not recommended, as it makes the input non-accessible - all `<TextField />`s should
+ * have a label.
+ *
+ * # Light / Dark mode
+ * The component can also adapt its styles for light / dark mode. If you want this component
+ * to be rendered on a dark / coloured background, you can use the `darkMode` prop.
+ * ```tsx
+ * <div>
+ *     <WhiteBackgroundContainer>
+ *         <TextField label="..." />
+ *     </WhiteBackgroundContainer>
+ *
+ *     <BlackBackgroundContainer>
+ *         <TextField darkMode label="..." />
+ *     </BlackBackgroundContainer>
+ *     <BlueBackgroundContainer>
+ *         <TextField darkMode label="..." />
+ *     </BlueBackgroundContainer>
+ * </div>
+ * ```
+ */
+declare const TextField: ({ label, error, darkMode, width, ...inputProps }: ITextFieldProps) => JSX.Element;
+export default TextField;

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

@@ -0,0 +1,5 @@
+import { ITextFieldProps } from '../../../types/formTypes';
+export declare const TextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, Pick<ITextFieldProps, "error" | "darkMode">, never>;
+export declare const TextLabel: import("styled-components").StyledComponent<"p", any, Pick<ITextFieldProps, "darkMode">, never>;
+export declare const ErrorLabel: import("styled-components").StyledComponent<"p", any, Pick<ITextFieldProps, "darkMode">, never>;

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

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

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

@@ -0,0 +1,13 @@
+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;
+}
+declare const Logo: ({ color, productName, fontSize }: ITextLogoProps) => React.ReactElement;
+export default Logo;

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

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

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

@@ -0,0 +1,12 @@
+import { Colors } from '../../../types';
+declare type WithFont = {
+    fontSize: number;
+    color: Colors;
+};
+export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, WithFont, never>;
+export declare const LogoRightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LogoLeftSide: import("styled-components").StyledComponent<"div", any, {
+    color: Colors;
+}, never>;
+export declare const LogoLeftSideRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1,4 +1,9 @@
 import { TickboxLabelProps, TickboxInputProps, TickboxCheckmarkProps } from '../../../types/tickbox';
+interface ITickboxErrorProps {
+    dark: boolean;
+}
+export declare const TickboxError: import("styled-components").StyledComponent<"div", any, ITickboxErrorProps, never>;
 export declare const TickboxLabel: import("styled-components").StyledComponent<"label", any, TickboxLabelProps, never>;
 export declare const TickboxCheckmark: import("styled-components").StyledComponent<"span", any, TickboxCheckmarkProps, never>;
 export declare const TickboxInput: import("styled-components").StyledComponent<"input", any, TickboxInputProps, never>;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import { ITimerProps } from '../../../types/timer';
+export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, Pick<ITimerProps, "color">, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, Pick<ITimerProps, "color">, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ValuesWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerValueSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerValueWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerValue: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -2,6 +2,6 @@ import { IAltHeaderProps, IBodyTextProps, IHeaderProps, IOverlineProps, IStyledT
 export declare const StyledTag: ({ tag, typography, children, level }: IStyledTag) => JSX.Element;
 export declare const AltHeader: ({ level, children }: IAltHeaderProps) => JSX.Element;
 export declare const BodyText: ({ level, children, tag }: IBodyTextProps) => JSX.Element;
-export declare const Header: ({ level, children }: IHeaderProps) => JSX.Element;
+export declare const Header: ({ semanticLevel, level, children }: IHeaderProps) => JSX.Element;
 export declare const Overline: ({ level, children, tag }: IOverlineProps) => JSX.Element;
 export declare const Subtitle: ({ level, children, tag }: ISubtitleProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+interface Props {
+    videoElementId: string;
+    defaultMuted: boolean;
+    defaultPlaying: boolean;
+    hideVolume?: boolean;
+}
+declare const VideoControls: FunctionComponent<Props>;
+export default VideoControls;

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

@@ -0,0 +1,10 @@
+declare type withDeviceVolume = {
+    volumeHidden?: boolean;
+};
+declare const VideoPlayButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VideoControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const VideoVolume: import("styled-components").StyledComponent<"input", any, {}, never>;
+declare const VideoMute: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VolumeControlsWrapper: import("styled-components").StyledComponent<"div", any, withDeviceVolume, never>;
+declare const StoryBookWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { VideoPlayButton, VideoControlsWrapper, VideoVolume, VideoMute, VolumeControlsWrapper, StoryBookWrapper };

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

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

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

@@ -1,18 +1,26 @@
+import { CinemaBadge, StreamBadge } from './Badge';
 import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
+import ControlledDropdown from './ControlledDropdown';
 import { Grid, GridItem } from './Grid';
 import { Icon } from './Icons';
-import { CinemaBadge, StreamBadge } from './Badge';
-import ControlledDropdown from './ControlledDropdown';
+import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
+import Progress from './Progress';
+import Radio from './Radio';
+import RotatorButtons from './RotatorButtons';
 import SecondaryLogo from './SecondaryLogo';
+import SectionSplitter from './SectionSplitter';
 import SponsorLogo from './SponsorLogo';
 import Sponsorship from './Sponsorship';
-import SectionSplitter from './SectionSplitter';
-import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
 import Tab from './Tab';
 import TabLink from './TabLink';
+import TextArea from './TextArea';
+import TextField from './TextField';
 import TextLink from './TextLink';
+import TextLogo from './TextLogo';
 import Tickbox from './Tickbox';
+import Timer from './Timer';
 import TypeTags from './TypeTags';
-import RotatorButtons from './RotatorButtons';
 import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
-export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextLink, Tickbox, TypeTags, };
+import VideoControls from './VideoControls';
+import { Stepper } from './Stepper';
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextLink, TextLogo, Tickbox, Timer, TypeTags, VideoControls, };

package/dist/components/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { IBasketProps } from '../../../types/navigation';
+declare const Basket: ({ text, expiryTime, link, selected, numItems, numVirtualItems, onClick, colorPrimary, }: IBasketProps) => JSX.Element;
+export default Basket;

package/dist/components/molecules/Basket/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const getSecondsUntil: (expiryUnixTimestamp: number | undefined) => number;
+export declare const formatTime: (seconds: number) => string;
+export declare const checkTimeRed: (seconds: number) => boolean;

package/dist/components/molecules/Basket/hooks.d.ts

@@ -0,0 +1,8 @@
+interface BasketProps {
+    basketText?: string;
+    basketTotalNumItems: number;
+    basketIsActive?: boolean;
+    basketIsEmpty: boolean;
+}
+export declare const useBasket: (expiryUnixTimestamp?: number | undefined, numItems?: number, numVirtualItems?: number) => BasketProps;
+export {};

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

@@ -1,12 +1,24 @@
 import { ICardButtonContainerProps, ICardContentContainerProps } from '../../../types/card';
+import { Colors } from '../../..';
 export declare const CardContainer: import("styled-components").StyledComponent<"div", any, {
     onlyShowButtonsOnHover: boolean;
+    isCardClickable: boolean;
+}, never>;
+export declare const HoverContainer: import("styled-components").StyledComponent<"div", any, {
+    lineColor?: Colors | undefined;
 }, never>;
-export declare const HoverContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 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 SubtitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {
+    isVisible: boolean;
+    isGridCard: boolean;
+}, never>;
+export declare const LabelElements: import("styled-components").StyledComponent<"div", any, {
+    bgColor?: Colors | undefined;
+}, never>;
+export declare const LabelIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, ICardButtonContainerProps, never>;

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

@@ -0,0 +1,3 @@
+import { IContentSummaryProps } from '../../../types/editorial';
+declare const ContentSummary: ({ title, subtitle, bodyText, link, image, largeTitle, showImage, truncate, fullyClickable, baseSemanticLevel, }: IContentSummaryProps) => JSX.Element;
+export default ContentSummary;

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

@@ -0,0 +1,17 @@
+interface BodyTextProps {
+    truncate?: number;
+}
+interface ContentSummaryProps {
+    showImage?: boolean;
+}
+interface Clickable {
+    clickable?: boolean;
+}
+export declare const BodyTextRelative: import("styled-components").StyledComponent<({ level, children, tag }: import("../../../types/typography").IBodyTextProps) => JSX.Element, 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>;
+export declare const ContentSummaryTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyTextLimit: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentSummaryBodyTextWrapper: import("styled-components").StyledComponent<"div", any, BodyTextProps, never>;
+export {};

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

@@ -0,0 +1,25 @@
+export declare const defaultProps: {
+    title: string;
+    subtitle: string;
+    bodyText: string;
+    link: {
+        text: string;
+        href: string;
+    };
+    image: HTMLImageElement;
+    showImage: boolean;
+    largeTitle: boolean;
+};
+export declare const searchProps: {
+    title: string;
+    bodyText: string;
+    showImage: boolean;
+    subtitle: undefined;
+    truncate: number;
+    link: {
+        text: string;
+        href: string;
+    };
+    image: HTMLImageElement;
+    largeTitle: boolean;
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare const CardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,3 +1,3 @@
 import { INavTopProps } from '../../../types/navigation';
-declare const NavTop: ({ accountText, accountLink, accountIcon, accountOptions, onLink, basketText, basketLink, basketNumItems, onClickSearch, isShowSearch, colorPrimary, }: INavTopProps) => JSX.Element;
+declare const NavTop: ({ accountText, accountLink, accountIcon, accountOptions, onLink, basketText, basketExpiryUnixTimestamp, basketLink, basketNumItems, basketNumVirtualItems, onClickSearch, isShowSearch, colorPrimary, }: INavTopProps) => JSX.Element;
 export default NavTop;

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

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

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Colors } from '../../../../types';
+declare type withInversion = {
+    invert: boolean;
+    theme: {
+        colors: Colors;
+    };
+};
+declare const BrandingTextBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const BrandingTextBody: import("styled-components").StyledComponent<"p", any, {}, never>;
+declare const ComapctHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const ComapctHeaderGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CompactHeaderAssetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CompactHeaderCopyWrapper: import("styled-components").StyledComponent<"div", any, withInversion, never>;
+declare const CompactHeaderLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CompactHeaderTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CompactHeaderCTAWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const PrimaryButtonWithInversion: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../../types/buttonTypes").IPrimaryButtonProps>, any, withInversion, never>;
+declare const PlayButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VideoControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const VideoVolume: import("styled-components").StyledComponent<"input", any, {}, never>;
+declare const VideoMute: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VolumeControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { BrandingTextBlock, BrandingTextBody, ComapctHeaderWrapper, ComapctHeaderGrid, CompactHeaderAssetWrapper, CompactHeaderCopyWrapper, CompactHeaderLogoWrapper, CompactHeaderTitleWrapper, CompactHeaderCTAWrapper, PrimaryButtonWithInversion, PlayButton, VideoControlsWrapper, VideoVolume, VideoMute, VolumeControlsWrapper, };

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

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+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/Compact/index.d.ts

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

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

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

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

@@ -1,5 +1,6 @@
 import { IImpactWrappersStyledProps } from '../../../../types/editorial';
 export declare const ImpactWrapper: import("styled-components").StyledComponent<"div", any, IImpactWrappersStyledProps, never>;
+export declare const ImpactHeaderImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ImpactGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,7 +1,10 @@
-export declare const PageHeadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface IPageHeadingWrapperProps {
+    isPageHeadingWithoutTitle?: boolean;
+}
+export declare const PageHeadingWrapper: import("styled-components").StyledComponent<"div", any, IPageHeadingWrapperProps, never>;
 export declare const PageHeadingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, IPageHeadingWrapperProps, never>;
+export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", any, IPageHeadingWrapperProps, never>;
 export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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