@royaloperahouse/chord 2.2.10-e-chord-development → 2.2.11

package/dist/components/index.d.ts

@@ -1,6 +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, 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 } from './molecules';
+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, Tabs, TextOnly, UpsellCard, Quote } 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, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, };
+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, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, TextArea, TextField, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, };

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

@@ -18,7 +18,9 @@ export declare const LabelContainer: import("styled-components").StyledComponent
     isVisible: boolean;
     isGridCard: boolean;
 }, never>;
-export declare const ExtraActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExtraActionsContainer: import("styled-components").StyledComponent<"div", any, {
+    fullWidth?: boolean | undefined;
+}, never>;
 export declare const LabelElements: import("styled-components").StyledComponent<"div", any, {
     bgColor?: Colors | undefined;
 }, never>;

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

@@ -4,4 +4,4 @@ import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };

package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts

@@ -3,4 +3,3 @@ export declare const CreditListingWrapper: import("styled-components").StyledCom
 export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CreditBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,11 +1,5 @@
-import React, { FunctionComponent } from 'react';
-import { DropdownIndicatorProps } from 'react-select';
+import { FunctionComponent } from 'react';
 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.

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

@@ -19,7 +19,6 @@ 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';
@@ -27,7 +26,6 @@ import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
 import MiniCard from './MiniCard';
 import ReadMore from './ReadMore';
-import PasswordStrength from './PasswordStrength';
 import AuxiliaryNav from './AuxiliaryNav';
-import Table from './Table';
-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, };
+import PasswordStrength from './PasswordStrength';
+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, Tabs, TextOnly, UpsellCard, };

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote } from './components';
+import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, TextArea, TextField, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote } from './components';
 import { devices, breakpoints } from './styles/viewports';
 import zIndexes from './styles/zIndexes';
 import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink } from './types';
 import { MiniCard } from './components/molecules';
-import { BrandingStyle } from './types/impactHeader';
 import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, BrandingStyle, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, ITimerProps, IntegratedTimerProps, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, zIndexes, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, ITimerProps, IntegratedTimerProps, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, zIndexes, };

package/dist/types/formTypes.d.ts

@@ -1,7 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { IGridItemProps } from './types';
-import Select from 'react-select';
-import SelectAsync from 'react-select/async';
+import { Props as SelectProps } from 'react-select';
 export interface ITextAreaProps extends Partial<IGridItemProps>, InputHTMLAttributes<HTMLTextAreaElement> {
     /**
      * A text label to be shown above the text area input box.
@@ -55,7 +54,7 @@ export interface ITextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
      * `password` type adds `Show/Hide` button over the input element.
      * Any other types don't change the view of the element, just change
      * accessibility stuff
-    */
+     */
     type?: ITextFieldType;
     /**
      * A style prop that allows us to change what colours to
@@ -220,7 +219,7 @@ export interface ISelectProps<T = unknown> {
      */
     resetWhenOptionsUpdate?: boolean;
 }
-interface ISelect2MainProps {
+export interface ISelect2Props extends SelectProps {
     /**
      * A text label to be shown above the text input field.
      */
@@ -246,8 +245,6 @@ interface ISelect2MainProps {
      */
     darkMode?: boolean;
 }
-export declare type ISelect2Props = ISelect2MainProps & React.ComponentProps<typeof Select>;
-export declare type ISelect2AsyncProps = ISelect2MainProps & React.ComponentProps<typeof SelectAsync>;
 export interface IStepperProps {
     /** The initial value to display in the center of the element */
     initialValue?: number;
@@ -265,28 +262,25 @@ export interface IStepperProps {
     step?: number;
     /** An error message to be shown below the stepper.
      *
+     * Default: `undefined`
      */
     error?: string;
-    /**
-     * Set disapled state
-     */
-    disabled?: boolean;
-    /**
-     * Minimum value allowed in the stepper
-     */
-    min?: number;
     /**
      * A style prop that allows us to change what colours to
      * use for light or dark mode (e.g. text color, border color, etc...)
      * based on the background color.
      *
      * Defaults to `false`.
-     * Specify whether or not the containing element has a dark background.
-     * This property affects the border colours for focused and error states.
-     *
-     * Default: `false`
      */
     darkMode?: boolean;
+    /**
+     * Set disapled state
+     */
+    disabled?: boolean;
+    /**
+     * Minimum value allowed in the stepper
+     */
+    min?: number;
     /**
      * Maximum value allowed in the stepper
      */
@@ -325,4 +319,3 @@ export interface IRadioGroupProps extends Partial<IGridItemProps> {
      */
     onChange?: (checkedRadio: IRadioProps | undefined) => void;
 }
-export {};

package/dist/types/passwordStrength.d.ts

@@ -19,10 +19,10 @@ export interface IPasswordStrengthProps {
      */
     sectionsColor?: Colors;
     /**
-    * Color of active sections
-    *
-    * Default: Colors.Black
-    */
+     * Color of active sections
+     *
+     * Default: Colors.Black
+     */
     activeSectionsColor?: Colors;
     /**
      * Text
@@ -40,12 +40,12 @@ export interface IPasswordStrengthProps {
      * Strength label text
      *
      * Default: ""
-    */
+     */
     strengthLabel?: string;
     /**
      * Strength label text
      *
      * Default: Colors.Black
-    */
+     */
     strengthLabelColor?: Colors;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.2.10-e-chord-development",
+  "version": "2.2.11",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",

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

@@ -1,18 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,16 +0,0 @@
-import { ThemeType } from '../../../types/types';
-export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
-export declare const TableCell: import("styled-components").StyledComponent<"td", any, {
-    columns: number;
-}, never>;
-export declare const LineContainer: import("styled-components").StyledComponent<"div", any, {
-    lineColor: ThemeType;
-}, 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 TableContainer: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

package/dist/types/tableTypes.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from 'react';
-import { ThemeType } from './types';
-export interface ContentProps {
-    content: string | ReactNode;
-}
-export interface CellProps {
-    cell: ReactNode;
-    cellIndex: number;
-    columns: number;
-}
-export interface RowProps {
-    row: any[];
-    rowIndex: number;
-    columns: number;
-    lineColor: ThemeType;
-}
-export interface ITableProps {
-    /**
-     * Number of columns in table
-     */
-    columns: number;
-    /**
-     * Headings array
-     */
-    headings?: string[];
-    /**
-     * Table content
-     */
-    children: ReactNode;
-    /**
-     * Line divider color
-     */
-    lineColors?: ThemeType;
-    /**
-     * Rows in table per page for pagination
-     */
-    rowsPerPage: number;
-    /**
-     * Pagination
-     */
-    pagination?: boolean;
-}