@royaloperahouse/chord 2.6.0 → 2.6.1-b-development

package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { IAriaAlternativeProps, IAriaHideProps } from '../../../types/ariaAlternative';
+/** A temporary screen-reader accessibility workaround for components with issues that can't be resolved quickly. Allows us to use aria-hidden on components with stuctural HTML markup issues until they can be rebuilt to be screen-reader compatible, or on components whose data does not translate well to screen-reader users. **/
+export declare const AriaHide: FunctionComponent<IAriaHideProps>;
+export declare const AriaAlternative: FunctionComponent<IAriaAlternativeProps>;

package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts

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

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

@@ -0,0 +1,2 @@
+import { AriaAlternative, AriaHide } from './AriaAlternative';
+export { AriaAlternative, AriaHide };

package/dist/components/atoms/Grid/GridItemLegacy.d.ts

@@ -0,0 +1,8 @@
+import { IGridItemProps } from '../../../types/types';
+/**
+ * # IMPORTANT
+ * Please use the `<GridItem />` component instead of this component if possible.
+ * This component was introduced due to incompatibilities between versions of the Chord library.
+ */
+declare const GridItemLegacy: import("styled-components").StyledComponent<"div", any, IGridItemProps, never>;
+export default GridItemLegacy;

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

@@ -1,3 +1,4 @@
 import Grid from './Grid';
 import GridItem from './GridItem';
-export { Grid, GridItem };
+import GridItemLegacy from './GridItemLegacy';
+export { Grid, GridItem, GridItemLegacy };

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

@@ -1,7 +1,7 @@
 import { CinemaBadge, StreamBadge } from './Badge';
 import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
 import ControlledDropdown from './ControlledDropdown';
-import { Grid, GridItem } from './Grid';
+import { Grid, GridItem, GridItemLegacy } from './Grid';
 import { Icon } from './Icons';
 import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
 import Progress from './Progress';
@@ -26,4 +26,4 @@ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
 import VideoControls from './VideoControls';
 import { Stepper } from './Stepper';
 import ToggleButton from './ToggleButton/ToggleButton';
-export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton, };
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton, };

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

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, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };

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

@@ -1,5 +1,6 @@
 import { ICreditListing } from '../../../../types';
-declare const CreditListing: ({ roles, columnCount }: ICreditListing & {
-    columnCount?: number | undefined;
-}) => JSX.Element;
+export declare const DEFAULT_COLUMN_COUNT = 4;
+export declare const DEFAULT_LARGE_COLUMN_SPAN = 2;
+export declare const DEFAULT_CHARACTER_THRESHOLD = 120;
+declare const CreditListing: ({ roles, columnCount, expandLargeEntries, largeColumnSpan, characterThreshold, }: ICreditListing) => JSX.Element;
 export default CreditListing;

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

@@ -5,3 +5,4 @@ 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/SignUpForm/SignUpForm.d.ts

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

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

@@ -0,0 +1,13 @@
+import { Colors } from '../../../types';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: Colors;
+}, never>;
+export declare const SignUpFormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SignUpTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Error: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const FormFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ServerError: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CTALinkWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const FieldsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -16,4 +16,4 @@ export declare const PageNumber: import("styled-components").StyledComponent<"bu
 }, 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>;
+export declare const AriaDescription: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -27,8 +27,9 @@ import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
 import MiniCard from './MiniCard';
 import ReadMore from './ReadMore';
-import AuxiliaryNav from './AuxiliaryNav';
 import PasswordStrength from './PasswordStrength';
+import 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, };
+import SignUpForm from './SignUpForm';
+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, SignUpForm, };

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

@@ -3,8 +3,7 @@ import Footer from './Footer';
 import AnchorTabBar from './AnchorTabBar';
 import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';
-import { LiveChat } from './LiveChat';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
 import FilterToggles from './FilterToggles';
-export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection, FilterToggles, };
+export { AnchorTabBar, Footer, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection, FilterToggles };

package/dist/helpers/arrays.d.ts

@@ -3,4 +3,4 @@ export declare const truncateArrayByPropLength: (array: {
 }[], prop: string, maxChars: number, elipsis?: boolean) => {
     [key: string]: string;
 }[];
-export declare const getConcatenatedPropLength: (array: any[], prop: string) => any;
+export declare const getConcatenatedPropLength: (array: any[], prop: string) => number;

package/dist/helpers/formatStrings.d.ts

@@ -1,2 +1,3 @@
 export declare const setMaxCharLength: (value: string, maxLength: number) => string;
 export declare const formatPrice: (value: string | undefined) => string;
+export declare const capitalizeFirstLetter: (string: string) => string;

package/dist/helpers/forms.d.ts

@@ -0,0 +1,15 @@
+export declare const regex: {
+    signInEmail: RegExp;
+    latinOnly: RegExp;
+    firstName: RegExp;
+};
+export declare const formValidationMessages: {
+    requiredFieldMessage: string;
+    firstName: {
+        invalid: string;
+    };
+    email: {
+        required: string;
+        invalid: string;
+    };
+};

package/dist/helpers/theme.d.ts

@@ -0,0 +1,2 @@
+import { Colors, ThemeType } from '../types';
+export declare const themeToColor: (theme: ThemeType) => Colors.Core | Colors.Stream | Colors.Cinema;

package/dist/index.d.ts

@@ -1,8 +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, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, FilterToggles, ToggleButton } 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, 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, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, FilterToggles, ToggleButton, SignUpForm } from './components';
 import { devices, breakpoints } from './styles/viewports';
 import zIndexes from './styles/zIndexes';
 import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour } from './types';
 import { MiniCard } from './components/molecules';
 import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
-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, IInformationBackgroundColour, IInformationCTAProps, IInformationTitleProps, 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, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, FilterToggles, ToggleButton, };
+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, IInformationBackgroundColour, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, 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, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, FilterToggles, ToggleButton, SignUpForm, };

package/dist/types/ariaAlternative.d.ts

@@ -0,0 +1,34 @@
+export interface IAriaAlternativeProps {
+    /**
+     * A temporary screen-reader accessibility workaround for components with issues that can't be resolved quickly.
+     * Allows us to use aria-hidden on components with stuctural HTML markup issues until they can be rebuilt to be screen-reader compatible.
+     */
+    /**
+     * Description of the content being communicated by this component.
+     */
+    description: string;
+    /**
+     * originalContent - parse in the data from the original component / response object.
+     */
+    originalContent: Array<{
+        key: string;
+        value: string;
+    }>;
+    /**
+     * speechValues - input contextual speech values here to build a sentence, e.g. "you have" , "tickets for" , etc.
+     */
+    speechValues: Array<{
+        key: string;
+        value: string;
+    }>;
+    /**
+     * Disable this component (for testing purposes).
+     */
+    disabled?: boolean;
+}
+export interface IAriaHideProps {
+    /**
+     * Inert - disables all focusable child elements, necessary if using aria-hidden
+     */
+    inert: boolean;
+}

package/dist/types/creditListing.d.ts

@@ -10,4 +10,7 @@ export interface ICreditListing {
         dataROH: string;
     }[];
     columnCount?: number;
+    expandLargeEntries?: boolean;
+    largeColumnSpan?: number;
+    characterThreshold?: number;
 }

package/dist/types/formTypes.d.ts

@@ -265,17 +265,8 @@ export interface IStepperProps {
     step?: number;
     /** An error message to be shown below the stepper.
      *
-     * Default: `undefined`
      */
     error?: string;
-    /**
-     * 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`.
-     */
-    darkMode?: boolean;
     /**
      * Set disapled state
      */
@@ -284,6 +275,18 @@ export interface IStepperProps {
      * 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;
     /**
      * Maximum value allowed in the stepper
      */

package/dist/types/signUpForm.d.ts

@@ -0,0 +1,58 @@
+import { ThemeType } from './types';
+export interface ISignUpFormContextProps {
+    /**
+     * Form title to display
+     */
+    title: string;
+    /**
+     * Form text to display
+     */
+    message: string;
+}
+export interface ISignUpFormCTAProps {
+    /**
+     * Text to display on the CTA
+     */
+    text: string;
+    /**
+     * Link for the CTA
+     */
+    link: string;
+}
+export declare type SignUpRequestBody = {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+};
+export interface ISignUpFormProps {
+    /**
+     * Form title and text of initial state
+     */
+    initialState: ISignUpFormContextProps;
+    /**
+     * Form title and text of submitted state
+     */
+    submittedState: ISignUpFormContextProps;
+    /**
+     * CTA to display Privacy Notice
+     */
+    ctaPrivacy: ISignUpFormCTAProps;
+    /**
+     * Theme to use for buttons. Choices are "Core" (red), "Stream" (blue), or "Cinema" (black)
+     */
+    theme: Exclude<ThemeType, ThemeType.Schools>;
+    /**
+     * Error message shown to users in case of a server error
+     */
+    errorMessage: string;
+    /**
+     * Is user logged in flag. Default false
+     */
+    isLoggedIn?: boolean;
+    /**
+     * Function to handle the sign up form data
+     */
+    submitHandler: (data: SignUpRequestBody) => Promise<{
+        success: boolean;
+    }>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.6.0",
+  "version": "2.6.1-b-development",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -95,8 +95,10 @@
     "@types/react-test-renderer": "^17.0.1",
     "@types/styled-components": "^5.1.15",
     "@types/testing-library__jest-dom": "^5.14.1",
+    "babel-jest": "^24.9.0",
     "babel-loader": "^8.2.3",
     "chromatic": "^11.5.5",
+    "eslint-plugin-prettier": "^3.4.0",
     "husky": "^7.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -110,12 +112,16 @@
     "ts-jest": "^27.0.7",
     "tsdx": "^0.14.1",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.4"
+    "typescript": "4.4.4"
   },
   "dependencies": {
     "moment": "^2.29.4",
     "react-modal": "^3.16.1",
     "react-scrolllock": "^5.0.1",
     "react-select": "^5.8.0"
+  },
+  "resolutions": {
+    "**/@typescript-eslint/eslint-plugin": "^4.1.1",
+    "**/@typescript-eslint/parser": "^4.1.1"
   }
 }