@royaloperahouse/harmonic 0.14.0-a → 0.15.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Paywall, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls } from './components';
+import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls } from './components';
 import BodyContent from './components/molecules/BodyContent';
 import Quote from './components/molecules/Quote';
 import { devices, breakpoints } from './styles/viewports';
@@ -11,4 +11,4 @@ import HarmonicThemeProvider, { useHarmonicTheme } from './styles/HarmonicThemeP
 import { HarmonicSize } from './types/typography';
 import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
 export { useHarmonicTheme };
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Paywall, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };

package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
-import './theme/typography.css';
 export declare const DEFAULT_THEME = ThemeType.Core;
 interface HarmonicThemeProviderProps {
     theme: ThemeType;

package/dist/types/navigation.d.ts

@@ -203,10 +203,6 @@ export interface INavigationProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
-    /**
-     * Defines which tag the button should skip to. Default: 'main-content'.
-     */
-    skipToId?: string;
 }
 export interface ISearchBarProps {
     /**

package/dist/types/types.d.ts

@@ -147,10 +147,6 @@ export interface ITabProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
-    /**
-     * The unique ID to assign to the link element.
-     */
-    tabLinkId?: string;
     /**
      * Defines the ARIA role of the element for accessibility purposes.
      */
@@ -167,10 +163,6 @@ export interface ITabProps {
      * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
      */
     trimText?: boolean;
-    /**
-     * data-testid string for easier testing
-     */
-    dataTestId?: string;
     /**
      * Boolean indicating if the Tab is open.
      */
@@ -226,11 +218,7 @@ export interface IDropdownProps {
      */
     ariaLabel?: string;
     /**
-     * The unique ID to assign to the link element inside the tab.
-     */
-    tabLinkId?: string;
-    /**
-     * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     *  Defines if it is needed to trim the text of the Tab and add 3 dots in the end
      */
     trimTabText?: boolean;
 }
@@ -354,10 +342,10 @@ export declare type ListingRole = {
     dataROH?: string;
 };
 export interface IPeopleListing {
-    /** List of roles to be displayed */
+    /**
+     * List of roles to be displayed
+     */
     roles: ListingRole[];
-    /** Custom CSS classes */
-    className?: string;
 }
 export interface IPagination {
     /**
@@ -445,15 +433,11 @@ export declare type ICastFilterItem = Pick<AnchorHTMLAttributes<HTMLAnchorElemen
     onClick?: () => void;
 };
 export declare type ICastFiltersProps = {
+    className?: string;
     /**
      * Array of cast to filter by.
      */
     cast: ICastFilterItem[];
-    /**
-     * A classname is required for the HarmonicThemeProvider to provide styles properly.
-     * If it is not provided here it will default to 'cast-filters'.
-     */
-    className?: string;
     /**
      * Indices of currently selected cast in the `cast` array.
      */
@@ -471,11 +455,20 @@ export declare type ICastFiltersProps = {
      * Override the text of the text link. Default is 'Clear'.
      */
     textLinkText?: string;
+    /**
+     * Text to show if no selection is made.
+     */
+    emptySelectionText?: string;
     /**
      * Default image to show in cases where a cast member image prop is missing.
      * If this is undefined then a light grey background will be displayed instead.
      */
     placeholderImage?: string;
+    /**
+     * Description to be used as aria-roledescription of the cast filter listbox.
+     * Read out by screen readers to describe the contents of the list.
+     */
+    listRoleDescription?: string;
     /**
      * Handle selecting individual cast filters.
      */
@@ -547,10 +540,6 @@ export interface IBodyContentProps {
     columnSpanDevice?: number;
     /** Custom CSS classes */
     className?: string;
-    /** Set to true to wrap the content in a Grid component */
-    renderGrid?: boolean;
-    /** Set to true to render the GridItem component */
-    renderGridItem?: boolean;
 }
 export declare type SectionTitleSize = 'small' | 'large';
 export interface ISectionTitleProps {
@@ -734,27 +723,3 @@ export declare enum LinkTarget {
      */
     Blank = "_blank"
 }
-export interface ISkipToMainProps {
-    /**
-     * Defines which tag the button should skip to.
-     */
-    skipToId?: string;
-}
-export declare type PaywallProps = {
-    /** Custom CSS classes */
-    className?: string;
-    /** Heading text */
-    title: string;
-    /** Introduction text */
-    intro?: string;
-    /** Body HTML */
-    description: string;
-    /** CTA text */
-    buttonText: string;
-    /** CTA URL */
-    buttonUrl: string;
-    /** Text before sign-in link (required to show sign-in link) */
-    signInPromptText?: string;
-    /** Sign-in link URL (required to show sign-in link) */
-    signInLinkUrl?: string;
-};

package/dist/types/upsell.d.ts

@@ -68,16 +68,24 @@ export interface IUpsellCardsProps {
     theme?: ThemeType;
 }
 export interface IUpsellSectionProps {
-    /** Upsell Section title */
+    /**
+     * Upsell Section title
+     */
     title?: string;
-    /** Richtext section */
+    /**
+     * Richtext section
+     */
     richText?: string;
-    /** CTA link. Eg. for sign in. */
+    /**
+     * CTA link. Eg. for sign in.
+     */
     link?: EditorialLink;
-    /** Array of upsellCards */
+    /**
+     * Array of upsellCards
+     */
     upsellCards?: IUpsellCardProps[];
-    /** Theme options */
+    /**
+     * Theme options
+     */
     theme?: ThemeType;
-    /** Custom CSS classes */
-    className?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.14.0-a",
+  "version": "0.15.0",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",

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

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

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

@@ -1,14 +0,0 @@
-interface HighlightsInfoWrapperProps {
-    hasImages: boolean;
-}
-interface HighlightsCarouselWrapperProps {
-    hasMultipleImages: boolean;
-}
-export declare const HighlightsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HighlightTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HighlightTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HighlightsInfoWrapper: import("styled-components").StyledComponent<"div", any, HighlightsInfoWrapperProps, never>;
-export declare const HighlightsCarouselWrapper: import("styled-components").StyledComponent<"div", any, HighlightsCarouselWrapperProps, never>;
-export declare const RotatorButtonsWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RotatorButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { PaywallProps } from '../../../types/types';
-declare const Paywall: ({ className, title, intro, description, buttonText, buttonUrl, signInPromptText, signInLinkUrl, }: PaywallProps) => React.JSX.Element;
-export default Paywall;

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

@@ -1,288 +0,0 @@
-export declare const Button: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/buttonTypes").SecondaryButtonProps>, any, {
-    borderColor: "primary-black";
-    hoveredColor: "primary-black";
-    pressedColor: "primary-black";
-    textColor: "primary-black";
-}, "textColor" | "borderColor" | "hoveredColor" | "pressedColor">;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Heading: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy, tag, className, ...props }: import("../../../types/typography").HarmonicHeaderProps) => import("react").DOMElement<{
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className: string;
-    contentEditable?: boolean | "inherit" | "true" | "false" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: boolean | "true" | "false" | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: boolean | "true" | "false" | undefined;
-    style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    role?: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "list" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: boolean | "true" | "false" | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: boolean | "true" | "false" | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: boolean | "true" | "false" | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: boolean | "true" | "false" | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: boolean | "true" | "false" | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    "aria-hidden"?: boolean | "true" | "false" | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: boolean | "true" | "false" | undefined;
-    "aria-multiline"?: boolean | "true" | "false" | undefined;
-    "aria-multiselectable"?: boolean | "true" | "false" | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: boolean | "true" | "false" | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: boolean | "true" | "false" | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: boolean | "true" | "false" | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onCopyCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onCut?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onCutCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onPaste?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onPasteCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-    onCompositionEnd?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onCompositionEndCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onCompositionStart?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-    onFocus?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-    onFocusCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-    onBlur?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-    onBlurCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-    onChange?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onChangeCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onBeforeInput?: ((event: import("react").InputEvent<HTMLElement>) => void) | undefined;
-    onBeforeInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onInput?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onReset?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onResetCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onSubmit?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onSubmitCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onInvalid?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onInvalidCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-    onLoad?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onError?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onErrorCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onKeyDown?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onKeyDownCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onKeyPress?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onKeyPressCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onKeyUp?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onKeyUpCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-    onAbort?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onAbortCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onCanPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onCanPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onCanPlayThrough?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onDurationChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onDurationChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEmptied?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEmptiedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEncrypted?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEncryptedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEnded?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onEndedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadedData?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadedDataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadedMetadata?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadStart?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onLoadStartCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPause?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPauseCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPlaying?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onPlayingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onProgress?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onProgressCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onRateChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onRateChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSeeked?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSeekedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSeeking?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSeekingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onStalled?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onStalledCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSuspend?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSuspendCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onTimeUpdate?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onVolumeChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onWaiting?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onWaitingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onAuxClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onAuxClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onContextMenu?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onContextMenuCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onDoubleClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onDoubleClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onDrag?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragEnd?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragEndCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragEnter?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragEnterCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragExit?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragExitCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragLeave?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragLeaveCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragOver?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragOverCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragStart?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDragStartCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDrop?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onDropCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-    onMouseDown?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseDownCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseEnter?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseMove?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseMoveCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseOut?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseOutCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseOver?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseOverCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseUp?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onMouseUpCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onSelect?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onSelectCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    onTouchCancel?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchCancelCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchEnd?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchEndCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchMove?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchMoveCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchStart?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onTouchStartCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-    onPointerDown?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerDownCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerMove?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerMoveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerUp?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerUpCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerCancel?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerCancelCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerEnter?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerEnterCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerLeave?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerLeaveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerOver?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerOverCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerOut?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onPointerOutCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onGotPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onLostPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-    onScroll?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
-    onScrollCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
-    onWheel?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
-    onWheelCapture?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
-    onAnimationStart?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onAnimationStartCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onAnimationEnd?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onAnimationEndCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onAnimationIteration?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onAnimationIterationCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-    onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
-    onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
-}, Element>, any, {
-    serif: true;
-    size: "medium";
-}, "size" | "serif">;
-export declare const Intro: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {
-    size: "large";
-}, "size">;
-export declare const SignInLink: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const SignInPrompt: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {
-    size: "large";
-}, "size">;

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

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

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ISkipToMainProps } from '../../../types/types';
-/**
- * An accessible component which allows Assistive Technology users to move the focus
- * to main content, skipping the Nav bar. On desktop, it will remain invisible until focused.
- * On mobile, it will remain invisible even when focused.
- *
- * It's default functionality is to skip to the <main> tag.
- * However, skipToId may be passed as a prop to target any element with corresponding id.
- * If neither of those is found in the document, the component will be hidden and not focusable.
- *
- * To prevent SSR errors, the component will return `null` when document object is undefined.
- * In practice, testing reveals that this component renders correctly on most SSR'd pages,
- * but this check serves as an additional safeguard.
- *
- * @param skipToId - an optional id of the element to be skipped to, instead of the default <main> tag target.
- * @returns JSX.Element | null
- */
-declare const SkipToMain: ({ skipToId }: ISkipToMainProps) => React.JSX.Element | null;
-export default SkipToMain;

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

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

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

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