@royaloperahouse/harmonic 0.1.0

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

@@ -0,0 +1,23 @@
+/// <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 PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsTagWrapper: import("styled-components").StyledComponent<"div", any, IPromoWithTagsStyledProps, never>;
+export declare const PromoWithTagsAdditionalText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLinksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExtraContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoWithTagsTypeTags: import("styled-components").StyledComponent<({ list }: import("../../../types/types").ITypeTagsProps) => 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/PromoWithTags/index.d.ts

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

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

@@ -0,0 +1,9 @@
+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/PromoWithTitle/PromoWithTitle.d.ts

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

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

@@ -0,0 +1,8 @@
+import { IEditorialGridProps } from '../../../types/editorial';
+export declare const PromoWithTitleGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTitleImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoWithTitleSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PromoWithTitleText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { IQuoteAttributionBlockProps } from '../../../types/quote';
+export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AttributionWrapper: import("styled-components").StyledComponent<"div", any, IQuoteAttributionBlockProps, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,6 @@
+import { IRadioGroupProps } from '../../../types/formTypes';
+/**
+ * DEPRECATED. Use RadioGroup2 instead
+ */
+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/RadioGroup2/RadioGroup2.d.ts

@@ -0,0 +1,38 @@
+import { FunctionComponent } from 'react';
+import { IRadioGroup2Props } from '../../../types/formTypes';
+/**
+ * A RadioGroup component, that renders set of Radio2 components inside.
+ * `name` prop should be specified and will be passed as a `name` to each
+ * radio to combine them in one group.
+ *
+ * # Radios
+ * `radios` prop is an array of radios that should be renderet. This is an
+ * array of objects `{content: ReactNode, value: string | number}`.
+ *
+ * # Default value
+ * `defaultValue` prop can be specified to make one of radios checked inittially.
+ * This should be equal to `value` of one of `radios`.
+ *
+ * # Error state
+ * An error label will be shown below the radios if the `error` prop exists.
+ * Also radios will be rendered with a red border. An empty string can be passed to
+ * render only error state without error message.
+ *
+ * # Horizontal mode
+ * If `horizontalMode` prop is true radios will be placed in a row instead of column.
+ *
+ * # Distance between radios
+ * `gap` prop allow to control distance between radios in pixels. This works in default and
+ * horizontal modes.
+ *
+ * # 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.
+ *
+ * # Black box mode
+ * If `blackBox` prop is true checked state will be styled as black box with white tick icon.
+ * This style was used before as a default. Not preferred in new components.
+ * This will be ignored if `darkMode` is true.
+ */
+declare const RadioGroup2: FunctionComponent<IRadioGroup2Props>;
+export default RadioGroup2;

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

@@ -0,0 +1,4 @@
+import { IRadioGroup2Props } from '../../../types/formTypes';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RadioGroup: import("styled-components").StyledComponent<"div", any, Pick<IRadioGroup2Props, "horizontalMode" | "gap">, never>;
+export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<IRadioGroup2Props, "darkMode">, never>;

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

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

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

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

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

@@ -0,0 +1,9 @@
+export declare const ReadMoreContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LinkContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FullTextContainer: import("styled-components").StyledComponent<"div", any, {
+    isVisible?: boolean | undefined;
+}, never>;
+export declare const IntroTextContainer: import("styled-components").StyledComponent<"div", any, {
+    isVisible?: boolean | undefined;
+}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,3 @@
+import { ISearchBarProps } from '../../../types/navigation';
+declare const SearchBar: ({ onClick, onClose }: ISearchBarProps) => JSX.Element;
+export default SearchBar;

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

@@ -0,0 +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/SearchBar/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,100 @@
+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>): 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, ariaLabel }: 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

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from 'react';
+import { DropdownIndicatorProps } from 'react-select';
+import { ISelect2Props } from '../../../types/formTypes';
+export declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
+interface IWrapperProps extends Pick<ISelect2Props, 'label' | 'error' | 'width' | 'darkMode'> {
+    children: React.ReactNode;
+}
+export declare const WrapperComponent: FunctionComponent<IWrapperProps>;
+/**
+ * A Select2 component wraps react-select with Chord styling and additional elements like
+ * text and error labels. This should be used just as usual react-select component.
+ * Note: using some advanced opportunities of react-select may require additional styling.
+ *
+ * # Error state
+ * An error label will be shown below the select if the `error` prop exists.
+ * Also select will be rendered with a red border. An empty string can be passed to
+ * render only error state without error message.
+ *
+ * # 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.
+ */
+declare const SelectComponent: FunctionComponent<ISelect2Props>;
+export default SelectComponent;

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { ISelect2AsyncProps } from '../../../types/formTypes';
+/**
+ * The Select2Async component is similar to Select 2, but uses react-select async
+ * component for select instead of regular react-select component. This can be used
+ * for selects with dynamically loaded options, live search components etc.
+ *
+ * # Error state
+ * An error label will be shown below the select if the `error` prop exists.
+ * Also select will be rendered with a red border. An empty string can be passed to
+ * render only error state without error message.
+ *
+ * # 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.
+ */
+declare const SelectComponent: FunctionComponent<ISelect2AsyncProps>;
+export default SelectComponent;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { Colors } from '../../../types/types';
+export declare const TableContainer: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {
+    columns: number;
+    lineColor: Colors;
+}, never>;
+export declare const TableCell: import("styled-components").StyledComponent<"td", any, {
+    columns: number;
+    lineColor: Colors;
+}, never>;
+export declare const Pagination: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PageNumber: import("styled-components").StyledComponent<"button", any, {
+    active?: string | undefined;
+}, never>;
+export declare const Next: import("styled-components").StyledComponent<"span", 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/TableCell.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { CellProps } from '../../../../types/tableTypes';
+export declare const Cell: FunctionComponent<CellProps>;

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

@@ -0,0 +1,4 @@
+import React, { FunctionComponent } from 'react';
+import { ContentProps } from '../../../../types/tableTypes';
+export declare const Content: FunctionComponent<ContentProps>;
+export declare const scrollTable: (tableRef: React.RefObject<HTMLTableElement>, direction: 'left' | 'right') => void;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { RowProps } from '../../../../types/tableTypes';
+export declare const Row: FunctionComponent<RowProps>;

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

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

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

@@ -0,0 +1,3 @@
+import { ITabsProps } from '../../../types/types';
+declare const Tabs: ({ items, onChange, onShowMenu, showMenu, colorPrimary }: ITabsProps) => JSX.Element;
+export default Tabs;

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

@@ -0,0 +1,5 @@
+import { ITabsProps } from '../../../types/types';
+export declare const TabsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemsContainer: import("styled-components").StyledComponent<"div", any, ITabsProps, never>;
+export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, ITabsProps, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { IImageAspectRatioWrapperProps as IVideoContainerProps } from '../../../types/image';
+export declare const VideoContainer: import("styled-components").StyledComponent<"div", any, IVideoContainerProps, never>;

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

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

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

@@ -0,0 +1,34 @@
+import Accordion from './Accordion';
+import Accordions from './Accordions';
+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, 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 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 Tabs from './Tabs';
+import TextOnly from './TextOnly';
+import UpsellCard from './UpsellCard';
+import ImageWithCaption from './ImageWithCaption';
+import Quote from './Quote';
+import MiniCard from './MiniCard';
+import ReadMore from './ReadMore';
+import AuxiliaryNav from './AuxiliaryNav';
+import PasswordStrength from './PasswordStrength';
+import Table from './Table';
+import VideoWithControls from './VideoWithControls';
+export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };

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

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

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

@@ -0,0 +1,8 @@
+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, IAnchorTabArrowsBoxProps, never>;
+export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare const FooterSection: import("styled-components").StyledComponent<"section", any, {}, never>;
+export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PolicyLinksRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContactNewsletterRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ArtsLogoRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalInfo: import("styled-components").StyledComponent<"p", any, {}, never>;

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

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