@royaloperahouse/chord 2.7.0-c-development → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/README.GIT +278 -0
- package/README.md +40 -250
- package/dist/chord.cjs.development.js +200 -475
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +201 -475
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/index.d.ts +1 -2
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +4 -3
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -1
- package/dist/components/molecules/Table/Table.style.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +2 -3
- package/dist/helpers/arrays.d.ts +1 -1
- package/dist/helpers/formatStrings.d.ts +0 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/creditListing.d.ts +3 -0
- package/dist/types/formTypes.d.ts +9 -12
- package/package.json +1 -1
- package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts +0 -5
- package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts +0 -3
- package/dist/components/atoms/AriaAlternativeDescription/index.d.ts +0 -2
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +0 -8
- package/dist/components/molecules/SignUpForm/SignUpForm.d.ts +0 -4
- package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +0 -13
- package/dist/components/molecules/SignUpForm/index.d.ts +0 -2
- package/dist/helpers/forms.d.ts +0 -15
- package/dist/helpers/theme.d.ts +0 -2
- package/dist/types/ariaAlternative.d.ts +0 -34
- package/dist/types/signUpForm.d.ts +0 -58
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CinemaBadge, StreamBadge } from './Badge';
|
|
2
2
|
import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
|
|
3
3
|
import ControlledDropdown from './ControlledDropdown';
|
|
4
|
-
import { Grid, GridItem
|
|
4
|
+
import { Grid, GridItem } from './Grid';
|
|
5
5
|
import { Icon } from './Icons';
|
|
6
6
|
import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
|
|
7
7
|
import Progress from './Progress';
|
|
@@ -26,4 +26,4 @@ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
|
|
|
26
26
|
import VideoControls from './VideoControls';
|
|
27
27
|
import { Stepper } from './Stepper';
|
|
28
28
|
import ToggleButton from './ToggleButton/ToggleButton';
|
|
29
|
-
export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem,
|
|
29
|
+
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, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
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';
|
|
2
2
|
import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSection, FilterToggles } from './organisms';
|
|
3
|
-
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
|
|
3
|
+
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';
|
|
4
4
|
import ThemeProvider from '../styles/ThemeProvider';
|
|
5
5
|
import GlobalStyles from '../styles/GlobalStyles';
|
|
6
|
-
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,
|
|
6
|
+
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, };
|
|
@@ -4,4 +4,4 @@ import PageHeadingImpact from './Impact';
|
|
|
4
4
|
import PageHeadingPanel from './Panel';
|
|
5
5
|
import PageHeadingStream from './Stream';
|
|
6
6
|
import PageHeadingCompact from './Compact/Compact';
|
|
7
|
-
export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact,
|
|
7
|
+
export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ICreditListing } from '../../../../types';
|
|
2
|
-
declare const
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export declare const DEFAULT_COLUMN_COUNT = 4;
|
|
3
|
+
export declare const DEFAULT_LARGE_COLUMN_SPAN = 2;
|
|
4
|
+
export declare const DEFAULT_CHARACTER_THRESHOLD = 180;
|
|
5
|
+
declare const CreditListing: ({ roles, columnCount, expandLargeEntries, largeColumnSpan, characterThreshold, }: ICreditListing) => JSX.Element;
|
|
5
6
|
export default CreditListing;
|
|
@@ -5,4 +5,3 @@ export declare const CreditListingWrapper: import("styled-components").StyledCom
|
|
|
5
5
|
export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
6
|
export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const CreditBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -16,4 +16,4 @@ export declare const PageNumber: import("styled-components").StyledComponent<"bu
|
|
|
16
16
|
}, never>;
|
|
17
17
|
export declare const Next: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
18
18
|
export declare const ScrollButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
19
|
-
export declare const AriaDescription: import("styled-components").StyledComponent<"
|
|
19
|
+
export declare const AriaDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -27,9 +27,8 @@ import ImageWithCaption from './ImageWithCaption';
|
|
|
27
27
|
import Quote from './Quote';
|
|
28
28
|
import MiniCard from './MiniCard';
|
|
29
29
|
import ReadMore from './ReadMore';
|
|
30
|
-
import PasswordStrength from './PasswordStrength';
|
|
31
30
|
import AuxiliaryNav from './AuxiliaryNav';
|
|
31
|
+
import PasswordStrength from './PasswordStrength';
|
|
32
32
|
import Table from './Table';
|
|
33
33
|
import VideoWithControls from './VideoWithControls';
|
|
34
|
-
|
|
35
|
-
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, };
|
|
34
|
+
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/helpers/arrays.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export declare const truncateArrayByPropLength: (array: {
|
|
|
3
3
|
}[], prop: string, maxChars: number, elipsis?: boolean) => {
|
|
4
4
|
[key: string]: string;
|
|
5
5
|
}[];
|
|
6
|
-
export declare const getConcatenatedPropLength: (array: any[], prop: string) =>
|
|
6
|
+
export declare const getConcatenatedPropLength: (array: any[], prop: string) => number;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
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
|
|
1
|
+
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 } from './components';
|
|
2
2
|
import { devices, breakpoints } from './styles/viewports';
|
|
3
3
|
import zIndexes from './styles/zIndexes';
|
|
4
4
|
import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps, IInformationBackgroundColour } from './types';
|
|
5
5
|
import { MiniCard } from './components/molecules';
|
|
6
6
|
import { ModalWindow } from './components/organisms';
|
|
7
7
|
import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
|
|
8
|
-
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,
|
|
8
|
+
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, };
|
|
@@ -265,28 +265,25 @@ export interface IStepperProps {
|
|
|
265
265
|
step?: number;
|
|
266
266
|
/** An error message to be shown below the stepper.
|
|
267
267
|
*
|
|
268
|
+
* Default: `undefined`
|
|
268
269
|
*/
|
|
269
270
|
error?: string;
|
|
270
|
-
/**
|
|
271
|
-
* Set disapled state
|
|
272
|
-
*/
|
|
273
|
-
disabled?: boolean;
|
|
274
|
-
/**
|
|
275
|
-
* Minimum value allowed in the stepper
|
|
276
|
-
*/
|
|
277
|
-
min?: number;
|
|
278
271
|
/**
|
|
279
272
|
* A style prop that allows us to change what colours to
|
|
280
273
|
* use for light or dark mode (e.g. text color, border color, etc...)
|
|
281
274
|
* based on the background color.
|
|
282
275
|
*
|
|
283
276
|
* Defaults to `false`.
|
|
284
|
-
* Specify whether or not the containing element has a dark background.
|
|
285
|
-
* This property affects the border colours for focused and error states.
|
|
286
|
-
*
|
|
287
|
-
* Default: `false`
|
|
288
277
|
*/
|
|
289
278
|
darkMode?: boolean;
|
|
279
|
+
/**
|
|
280
|
+
* Set disapled state
|
|
281
|
+
*/
|
|
282
|
+
disabled?: boolean;
|
|
283
|
+
/**
|
|
284
|
+
* Minimum value allowed in the stepper
|
|
285
|
+
*/
|
|
286
|
+
min?: number;
|
|
290
287
|
/**
|
|
291
288
|
* Maximum value allowed in the stepper
|
|
292
289
|
*/
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
import { IAriaAlternativeProps, IAriaHideProps } from '../../../types/ariaAlternative';
|
|
3
|
-
/** 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. **/
|
|
4
|
-
export declare const AriaHide: FunctionComponent<IAriaHideProps>;
|
|
5
|
-
export declare const AriaAlternative: FunctionComponent<IAriaAlternativeProps>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { IAriaHideProps } from '../../../types/ariaAlternative';
|
|
2
|
-
export declare const AriaAlternativeDescription: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
3
|
-
export declare const AriaHideOnDevice: import("styled-components").StyledComponent<"div", any, IAriaHideProps, never>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { IGridItemProps } from '../../../types/types';
|
|
2
|
-
/**
|
|
3
|
-
* # IMPORTANT
|
|
4
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
5
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
6
|
-
*/
|
|
7
|
-
declare const GridItemLegacy: import("styled-components").StyledComponent<"div", any, IGridItemProps, never>;
|
|
8
|
-
export default GridItemLegacy;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Colors } from '../../../types';
|
|
2
|
-
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
-
theme: Colors;
|
|
4
|
-
}, never>;
|
|
5
|
-
export declare const SignUpFormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const SignUpTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const Error: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
|
|
9
|
-
export declare const FormFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export declare const ServerError: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
export declare const CTALinkWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
12
|
-
export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
13
|
-
export declare const FieldsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/dist/helpers/forms.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const regex: {
|
|
2
|
-
signInEmail: RegExp;
|
|
3
|
-
latinOnly: RegExp;
|
|
4
|
-
firstName: RegExp;
|
|
5
|
-
};
|
|
6
|
-
export declare const formValidationMessages: {
|
|
7
|
-
requiredFieldMessage: string;
|
|
8
|
-
firstName: {
|
|
9
|
-
invalid: string;
|
|
10
|
-
};
|
|
11
|
-
email: {
|
|
12
|
-
required: string;
|
|
13
|
-
invalid: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
package/dist/helpers/theme.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export interface IAriaAlternativeProps {
|
|
2
|
-
/**
|
|
3
|
-
* A temporary screen-reader accessibility workaround for components with issues that can't be resolved quickly.
|
|
4
|
-
* Allows us to use aria-hidden on components with stuctural HTML markup issues until they can be rebuilt to be screen-reader compatible.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Description of the content being communicated by this component.
|
|
8
|
-
*/
|
|
9
|
-
description: string;
|
|
10
|
-
/**
|
|
11
|
-
* originalContent - parse in the data from the original component / response object.
|
|
12
|
-
*/
|
|
13
|
-
originalContent: Array<{
|
|
14
|
-
key: string;
|
|
15
|
-
value: string;
|
|
16
|
-
}>;
|
|
17
|
-
/**
|
|
18
|
-
* speechValues - input contextual speech values here to build a sentence, e.g. "you have" , "tickets for" , etc.
|
|
19
|
-
*/
|
|
20
|
-
speechValues: Array<{
|
|
21
|
-
key: string;
|
|
22
|
-
value: string;
|
|
23
|
-
}>;
|
|
24
|
-
/**
|
|
25
|
-
* Disable this component (for testing purposes).
|
|
26
|
-
*/
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
}
|
|
29
|
-
export interface IAriaHideProps {
|
|
30
|
-
/**
|
|
31
|
-
* Inert - disables all focusable child elements, necessary if using aria-hidden
|
|
32
|
-
*/
|
|
33
|
-
inert: boolean;
|
|
34
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ThemeType } from './types';
|
|
2
|
-
export interface ISignUpFormContextProps {
|
|
3
|
-
/**
|
|
4
|
-
* Form title to display
|
|
5
|
-
*/
|
|
6
|
-
title: string;
|
|
7
|
-
/**
|
|
8
|
-
* Form text to display
|
|
9
|
-
*/
|
|
10
|
-
message: string;
|
|
11
|
-
}
|
|
12
|
-
export interface ISignUpFormCTAProps {
|
|
13
|
-
/**
|
|
14
|
-
* Text to display on the CTA
|
|
15
|
-
*/
|
|
16
|
-
text: string;
|
|
17
|
-
/**
|
|
18
|
-
* Link for the CTA
|
|
19
|
-
*/
|
|
20
|
-
link: string;
|
|
21
|
-
}
|
|
22
|
-
export declare type SignUpRequestBody = {
|
|
23
|
-
firstName?: string;
|
|
24
|
-
lastName?: string;
|
|
25
|
-
email?: string;
|
|
26
|
-
};
|
|
27
|
-
export interface ISignUpFormProps {
|
|
28
|
-
/**
|
|
29
|
-
* Form title and text of initial state
|
|
30
|
-
*/
|
|
31
|
-
initialState: ISignUpFormContextProps;
|
|
32
|
-
/**
|
|
33
|
-
* Form title and text of submitted state
|
|
34
|
-
*/
|
|
35
|
-
submittedState: ISignUpFormContextProps;
|
|
36
|
-
/**
|
|
37
|
-
* CTA to display Privacy Notice
|
|
38
|
-
*/
|
|
39
|
-
ctaPrivacy: ISignUpFormCTAProps;
|
|
40
|
-
/**
|
|
41
|
-
* Theme to use for buttons. Choices are "Core" (red), "Stream" (blue), or "Cinema" (black)
|
|
42
|
-
*/
|
|
43
|
-
theme: Exclude<ThemeType, ThemeType.Schools>;
|
|
44
|
-
/**
|
|
45
|
-
* Error message shown to users in case of a server error
|
|
46
|
-
*/
|
|
47
|
-
errorMessage: string;
|
|
48
|
-
/**
|
|
49
|
-
* Is user logged in flag. Default false
|
|
50
|
-
*/
|
|
51
|
-
isLoggedIn?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Function to handle the sign up form data
|
|
54
|
-
*/
|
|
55
|
-
submitHandler: (data: SignUpRequestBody) => Promise<{
|
|
56
|
-
success: boolean;
|
|
57
|
-
}>;
|
|
58
|
-
}
|