@royaloperahouse/chord 1.2.0 → 1.2.1-a-chord-development

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

@@ -1,8 +1,7 @@
-import { IEditorialGridProps, IPromoWithTagsStyledProps } from '../../../types/editorial';
+/// <reference types="react" />
+import { IEditorialGridProps } from '../../../types/editorial';
+import { IPromoWithTagsStyledProps } from '../../../types/promoWithTags';
 export declare const PromoWithTagsGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsExtraContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
@@ -14,3 +13,11 @@ export declare const ExtraContentWrapper: import("styled-components").StyledComp
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MobileTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoWithTagsTypeTags: import("styled-components").StyledComponent<({ list }: import("../../../types/types").ITypeTagsProps) => JSX.Element, any, {}, never>;
+export declare const PromoWithTagsHeader: import("styled-components").StyledComponent<({ semanticLevel, level, children }: import("../../../types/typography").IHeaderProps) => JSX.Element, any, {}, never>;
+export declare const PromoWithTagsTextLink: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
+export declare const PromoWithTagsExtraContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EndDateText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/molecules/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/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.style.d.ts

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

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

@@ -1,3 +1,3 @@
 import { ISectionTitleProps } from '../../../types/types';
-declare const SectionTitle: ({ title, size, description }: ISectionTitleProps) => JSX.Element;
+declare const SectionTitle: ({ title, size, description, semanticLevel }: ISectionTitleProps) => JSX.Element;
 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/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

@@ -4,15 +4,31 @@ import AnnouncementBanner from './AnnouncementBanner';
 import Card from './Card';
 import Cards from './Cards';
 import ContactCard from './ContactCard';
+import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import Information from './Information';
-import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
-import PeopleListing from './PeopleListing';
+import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact } from './PageHeading';
+import Pagination from './Pagination';
+import { PeopleListing, CreditListing } from './PeopleListing';
 import PromoWithTags from './PromoWithTags';
 import PromoWithTitle from './PromoWithTitle';
+import RadioGroup from './RadioGroup';
+import 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';
-export { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTags, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote, };
+import MiniCard from './MiniCard';
+import ReadMore from './ReadMore';
+import PasswordStrength from './PasswordStrength';
+import AuxiliaryNav from './AuxiliaryNav';
+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.style.d.ts

@@ -1,7 +1,8 @@
-import { IAnchorTabsListProps } from '../../../types/navigation';
-export declare const AnchorTapbarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { IAnchorTabArrowsBoxProps, IAnchorTabsListProps, IAnchorTabBarBorderProps } from '../../../types/navigation';
+export declare const LIST_ITEM_GAP = 32;
+export declare const AnchorTabbarWrapper: import("styled-components").StyledComponent<"div", any, IAnchorTabBarBorderProps, never>;
 export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
-export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, IAnchorTabArrowsBoxProps, never>;
 export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,68 @@
+import { FunctionComponent } from 'react';
+import { ModalWindowProps } from '../../../types';
+/**
+ * A ModalWindow component, leveraging React Modal for rendering modals with enhanced accessibility
+ * and styling customization. This component is designed to be flexible for various use cases, with
+ * support for mobile responsiveness, custom z-indexes, and a close button.
+ *
+ * # Usage
+ * This component is intended to be used in React applications where modal functionality is required.
+ * It supports a range of props for customization, including isOpen, setIsOpen, children, appElementId,
+ * and accepts all additional props supported by React Modal for further configuration.
+ *
+ * ## Basic Example
+ * ```tsx
+ * import React, { useState } from 'react';
+ * import ModalWindow from './ModalWindow';
+ *
+ * const App = () => {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *
+ *   const toggleModal = () => setIsOpen(!isOpen);
+ *
+ *   return (
+ *     <>
+ *       <button onClick={toggleModal}>Open Modal</button>
+ *       <ModalWindow
+ *         isOpen={isOpen}
+ *         setIsOpen={setIsOpen}
+ *         appElementId="root"
+ *       >
+ *         <div>Modal Content Here</div>
+ *       </ModalWindow>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * ## Advanced Usage
+ * You can further customize the modal by directly passing props supported by React Modal.
+ * This component adapts its z-index based on the device type (mobile or desktop) and allows for an
+ * accessible close functionality.
+ *
+ * ```tsx
+ * <ModalWindow
+ *   isOpen={isOpen}
+ *   setIsOpen={setIsOpen}
+ *   appElementId="root"
+ *   shouldCloseOnOverlayClick={true}
+ * >
+ *   <YourCustomComponent />
+ * </ModalWindow>
+ * ```
+ *
+ * # Props
+ * - `isOpen`: Boolean indicating if the modal is open.
+ * - `setIsOpen`: Function to set the open state of the modal.
+ * - `children`: Content to be displayed within the modal.
+ * - `appElementId`: ID of the app element to assist with accessibility.
+ * - All other props are passed directly to the underlying React Modal component, allowing for extensive customization.
+ *
+ * # Design and Accessibility
+ * This component automatically applies a `ScrollLock` when the modal is open to prevent background
+ * scrolling and sets appropriate z-index values to ensure the modal is layered correctly on the page.
+ * It also configures the modal for accessibility, including support for closing on ESC and setting
+ * `aria-modal` to true.
+ */
+declare const ModalWindow: FunctionComponent<ModalWindowProps>;
+export default ModalWindow;

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

@@ -0,0 +1,4 @@
+export declare const InnerModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

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

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

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

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

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

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

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