@royaloperahouse/harmonic 0.1.0

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISponsorLogoProps } from '../../../types/types';
+declare const SponsorLogo: ({ colorLogo, colorBackground }: ISponsorLogoProps) => React.ReactElement;
+export default SponsorLogo;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { ITabProps } from '../../../types/types';
+declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, withIcon, withTextInMobile, colorPrimary, }: ITabProps) => JSX.Element;
+export default Tab;

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

@@ -0,0 +1,3 @@
+import { ITabProps } from '../../../types/types';
+export declare const TabText: import("styled-components").StyledComponent<"a", any, ITabProps, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, ITabProps, never>;

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { ITabLinkProps } from '../../../types/navigation';
+export declare const TabLinkWrapper: import("styled-components").StyledComponent<"a", any, ITabLinkProps, never>;
+export declare const TabLinkIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

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

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

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,42 @@
+import React from 'react';
+import { ITextFieldProps } from '../../../types/formTypes';
+/**
+ * A text field component, that wraps around the native `<input />` element
+ * and adds some extra states and information around it (i.e. a text and an error labels,
+ * error state, show/hide button for password field).
+ *
+ * # Label
+ * 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" />
+ * ```
+ *
+ * # Error state
+ * An error label will be shown below the text input field if the `error` prop exists.
+ * Also input will be rendered with a red border. An empty string can be passed to
+ * render only error state without error message.
+ *
+ * # Password mode
+ * If type `password` provided this will be rendered with the `Show/Hide` button over the input field.
+ * Clicking on that changes type to `text` and back to `password`.
+ *
+ * # 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: React.ForwardRefExoticComponent<ITextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

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

@@ -0,0 +1,9 @@
+import { ITextFieldProps } from '../../../types/formTypes';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "width">, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, Pick<ITextFieldProps, "error" | "darkMode"> & {
+    isPasswordField: boolean;
+}, never>;
+export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
+export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;

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

@@ -0,0 +1,10 @@
+import { ITextFieldProps } from '../../../types/formTypes';
+/**
+ * @deprecated
+ *
+ * # IMPORTANT
+ * Please use the `<TextField />` component instead of this component if possible.
+ * This component was introduced due to incompatibilities between versions of the Chord library.
+ * */
+declare const TextFieldLegacy: ({ label, error, darkMode, width, ...inputProps }: ITextFieldProps) => JSX.Element;
+export default TextFieldLegacy;

package/dist/components/atoms/TextField/TextFieldLegacy.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,3 @@
+import TextField from './TextField';
+import TextFieldLegacy from './TextFieldLegacy';
+export { TextField, TextFieldLegacy };

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

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

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

@@ -0,0 +1,3 @@
+import { ITextLinkProps } from '../../../types/types';
+export declare const TextLinkWrapper: import("styled-components").StyledComponent<"a", any, ITextLinkProps, never>;
+export declare const TextLinkIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

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

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

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { ITickboxProps } from '../../../types/tickbox';
+/**
+ * DEPRECATED. Use Tickbox2 instead
+ */
+declare const Tickbox: FunctionComponent<ITickboxProps>;
+export default Tickbox;

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

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ITickbox2Props } from '../../../types/formTypes';
+/**
+ * A Tickbox component, that wraps around the native `<input type="checkbox"/>` element
+ * and adds some extra styling, states and information around it (i.e. an error label,
+ * error state).
+ *
+ * # Error state
+ * An error label will be shown below the tickbox if the `error` prop exists.
+ * Also tickbox 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.
+ *
+ * # 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 Tickbox2: React.ForwardRefExoticComponent<ITickbox2Props & React.RefAttributes<HTMLInputElement>>;
+export default Tickbox2;

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

@@ -0,0 +1,7 @@
+import { ITickbox2Props } from '../../../types/formTypes';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tickbox: import("styled-components").StyledComponent<"div", any, Pick<ITickbox2Props, "error" | "darkMode" | "disabled" | "blackBox">, never>;
+export declare const TickboxLabel: import("styled-components").StyledComponent<"label", any, Pick<ITickbox2Props, "darkMode" | "blackBox">, never>;
+export declare const TickboxIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITickbox2Props, "darkMode" | "disabled">, never>;
+export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITickbox2Props, "darkMode">, never>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { IAltHeaderProps, IBodyTextProps, IHeaderProps, IOverlineProps, IStyledTag, ISubtitleProps } from '../../../types/typography';
+export declare const StyledTag: ({ tag, typography, children, level }: IStyledTag) => JSX.Element;
+export declare const AltHeader: ({ semanticLevel, level, children }: IAltHeaderProps) => JSX.Element;
+export declare const BodyText: ({ level, children, tag }: IBodyTextProps) => 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/Typography/Typography.style.d.ts

@@ -0,0 +1,3 @@
+import { ITypographyWrapperProps } from '../../../types/typography';
+declare const Wrapper: import("styled-components").StyledComponent<"div", any, ITypographyWrapperProps, never>;
+export default Wrapper;

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

@@ -0,0 +1,2 @@
+import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
+export { AltHeader, BodyText, Header, Overline, Subtitle };

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

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

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

@@ -0,0 +1,13 @@
+declare type withDeviceVolume = {
+    volumeHidden?: boolean;
+};
+declare const VideoPlayButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VideoFullscreenButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const VideoControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const VideoControlsInnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const LeftWrapper: 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, VideoFullscreenButton, LeftWrapper, VideoControlsInnerWrapper, };

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

@@ -0,0 +1,28 @@
+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 ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
+import Progress from './Progress';
+import Radio from './Radio';
+import Radio2 from './Radio2';
+import RotatorButtons from './RotatorButtons';
+import SecondaryLogo from './SecondaryLogo';
+import SectionSplitter from './SectionSplitter';
+import SponsorLogo from './SponsorLogo';
+import Sponsorship from './Sponsorship';
+import Tab from './Tab';
+import TabLink from './TabLink';
+import TextArea from './TextArea';
+import { TextField, TextFieldLegacy } from './TextField';
+import TextLink from './TextLink';
+import TextLogo from './TextLogo';
+import Tickbox from './Tickbox';
+import Tickbox2 from './Tickbox2';
+import Timer from './Timer';
+import TypeTags from './TypeTags';
+import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
+import VideoControls from './VideoControls';
+import { Stepper } from './Stepper';
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, };

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
+import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
+import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
+import ThemeProvider from '../styles/ThemeProvider';
+import GlobalStyles from '../styles/GlobalStyles';
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, 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, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, VideoWithControls, };

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

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

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

@@ -0,0 +1,10 @@
+export declare const AccordionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", any, {
+    isVisible: boolean;
+}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {
+    textHeight?: string | undefined;
+}, never>;
+export declare const PrintHideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { FunctionComponent } from 'react';
+import { IAuxiliaryNavProps } from '../../../types/auxiliaryNav';
+/**
+ * Vertical menu component uses for navigation
+ * inside website chapter. It looks like a vertical
+ * list with clickable items on desktop and dropdown
+ * list on mobile.
+ *
+ * ## Menu items
+ * Menu items should be passed as `items` prop. This
+ * should be an array of objects. Each object should
+ * have `text` (text displayed as a menu item) and
+ * `onClick` (click handler function)
+ *
+ * ## Active menu item
+ * Active menu item should be passed as component `activeItem`
+ * prop. This indicates on which menu item should be highlighted
+ * as active one. Should be equal to `text` prop from one of the `items`
+ */
+declare const AuxiliaryNav: FunctionComponent<IAuxiliaryNavProps>;
+export default AuxiliaryNav;

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

@@ -0,0 +1,9 @@
+export declare const MenuContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export declare const MenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const MobileButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"a", any, {
+    isActive: boolean;
+}, never>;
+export declare const MobileMenuList: import("styled-components").StyledComponent<"ul", any, {
+    isOpen: boolean;
+}, never>;

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

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