@royaloperahouse/chord 0.3.4 → 0.3.8

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.
Files changed (50) hide show
  1. package/CHANGELOG.md +36 -13
  2. package/README.md +2 -3
  3. package/dist/chord.cjs.development.js +1083 -413
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +1071 -413
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/components/atoms/Badge/Badge.style.d.ts +2 -0
  10. package/dist/components/atoms/Badge/CinemaBadge.d.ts +4 -0
  11. package/dist/components/atoms/Badge/StreamBadge.d.ts +4 -0
  12. package/dist/components/atoms/Badge/index.d.ts +3 -0
  13. package/dist/components/atoms/SecondaryLogo/SecodaryLogo.style.d.ts +2 -0
  14. package/dist/components/atoms/SecondaryLogo/SecondaryLogo.d.ts +4 -0
  15. package/dist/components/atoms/SecondaryLogo/index.d.ts +2 -0
  16. package/dist/components/atoms/TypeTags/TypeTags.style.d.ts +0 -1
  17. package/dist/components/atoms/Typography/Typography.d.ts +7 -0
  18. package/dist/components/atoms/Typography/Typography.style.d.ts +3 -0
  19. package/dist/components/atoms/Typography/index.d.ts +2 -0
  20. package/dist/components/atoms/index.d.ts +4 -2
  21. package/dist/components/index.d.ts +3 -3
  22. package/dist/components/molecules/Accordion/Accordion.style.d.ts +2 -2
  23. package/dist/components/molecules/Card/Card.style.d.ts +2 -1
  24. package/dist/components/molecules/PageHeading/Cinema/Cinema.d.ts +4 -0
  25. package/dist/components/molecules/PageHeading/Cinema/index.d.ts +2 -0
  26. package/dist/components/molecules/PageHeading/Core/Core.d.ts +4 -0
  27. package/dist/components/molecules/PageHeading/Core/index.d.ts +2 -0
  28. package/dist/components/molecules/PageHeading/Impact/Impact.d.ts +4 -0
  29. package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +8 -0
  30. package/dist/components/molecules/PageHeading/Impact/index.d.ts +2 -0
  31. package/dist/components/molecules/PageHeading/PageHeading.d.ts +4 -0
  32. package/dist/components/molecules/PageHeading/PageHeading.style.d.ts +7 -0
  33. package/dist/components/molecules/PageHeading/Stream/Stream.d.ts +4 -0
  34. package/dist/components/molecules/PageHeading/Stream/index.d.ts +2 -0
  35. package/dist/components/molecules/PageHeading/index.d.ts +5 -0
  36. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -1
  37. package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
  38. package/dist/components/molecules/index.d.ts +2 -1
  39. package/dist/components/organisms/Navigation/Navigation.style.d.ts +3 -1
  40. package/dist/index.d.ts +3 -2
  41. package/dist/styles/themes.d.ts +252 -24
  42. package/dist/types/card.d.ts +21 -3
  43. package/dist/types/editorial.d.ts +81 -4
  44. package/dist/types/navigation.d.ts +0 -4
  45. package/dist/types/types.d.ts +31 -18
  46. package/dist/types/typography.d.ts +73 -0
  47. package/package.json +1 -1
  48. package/dist/components/atoms/Heading/Heading.d.ts +0 -3
  49. package/dist/components/atoms/Heading/Heading.style.d.ts +0 -3
  50. package/dist/components/atoms/Heading/index.d.ts +0 -2
@@ -0,0 +1,2 @@
1
+ import { ILogosStyledProps } from '../../../types/types';
2
+ export declare const BadgeWrapper: import("styled-components").StyledComponent<"svg", any, ILogosStyledProps, never>;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const CinemaBadge: FunctionComponent<ILogosProps>;
4
+ export default CinemaBadge;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const StreamBadge: FunctionComponent<ILogosProps>;
4
+ export default StreamBadge;
@@ -0,0 +1,3 @@
1
+ import StreamBadge from './StreamBadge';
2
+ import CinemaBadge from './CinemaBadge';
3
+ export { CinemaBadge, StreamBadge };
@@ -0,0 +1,2 @@
1
+ import { ILogosStyledProps } from '../../../types/types';
2
+ export declare const SecondaryLogoWrapper: import("styled-components").StyledComponent<"svg", any, ILogosStyledProps, never>;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const SecondaryLogo: FunctionComponent<ILogosProps>;
4
+ export default SecondaryLogo;
@@ -0,0 +1,2 @@
1
+ import SecondaryLogo from './SecondaryLogo';
2
+ export default SecondaryLogo;
@@ -1,2 +1 @@
1
- export declare const TypeTag: import("styled-components").StyledComponent<"li", any, {}, never>;
2
1
  export declare const TypeTagsContainer: import("styled-components").StyledComponent<"ul", any, {}, never>;
@@ -0,0 +1,7 @@
1
+ import { IAltHeaderProps, IBodyTextProps, IHeaderProps, IOverlineProps, IStyledTag, ISubtitleProps } from '../../../types/typography';
2
+ export declare const StyledTag: ({ tag, typography, children, level }: IStyledTag) => JSX.Element;
3
+ export declare const AltHeader: ({ level, children }: IAltHeaderProps) => JSX.Element;
4
+ export declare const BodyText: ({ level, children, tag }: IBodyTextProps) => JSX.Element;
5
+ export declare const Header: ({ level, children }: IHeaderProps) => JSX.Element;
6
+ export declare const Overline: ({ level, children, tag }: IOverlineProps) => JSX.Element;
7
+ export declare const Subtitle: ({ level, children, tag }: ISubtitleProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { ITypographyWrapperProps } from '../../../types/typography';
2
+ declare const Wrapper: import("styled-components").StyledComponent<"div", any, ITypographyWrapperProps, never>;
3
+ export default Wrapper;
@@ -0,0 +1,2 @@
1
+ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
2
+ export { AltHeader, BodyText, Header, Overline, Subtitle };
@@ -1,7 +1,8 @@
1
1
  import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
2
2
  import { Grid, GridItem } from './Grid';
3
3
  import { Icon } from './Icons';
4
- import Heading from './Heading';
4
+ import { CinemaBadge, StreamBadge } from './Badge';
5
+ import SecondaryLogo from './SecondaryLogo';
5
6
  import SponsorLogo from './SponsorLogo';
6
7
  import Sponsorship from './Sponsorship';
7
8
  import SectionSplitter from './SectionSplitter';
@@ -10,4 +11,5 @@ import Tab from './Tab';
10
11
  import TabLink from './TabLink';
11
12
  import TypeTags from './TypeTags';
12
13
  import RotatorButtons from './RotatorButtons';
13
- export { Grid, GridItem, Heading, Icon, ImageAspectRatioWrapper, PrimaryButton, RotatorButtons, SecondaryButton, SectionSplitter, SponsorLogo, Sponsorship, Tab, TabLink, TertiaryButton, TypeTags, };
14
+ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
15
+ export { AltHeader, BodyText, CinemaBadge, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TypeTags, };
@@ -1,6 +1,6 @@
1
- import { Grid, GridItem, Heading, Icon, Sponsorship, PrimaryButton, RotatorButtons, SecondaryButton, TertiaryButton, SectionSplitter, TabLink, TypeTags } from './atoms';
1
+ import { AltHeader, BodyText, CinemaBadge, Grid, GridItem, Header, Icon, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, StreamBadge, Subtitle, TabLink, TypeTags } from './atoms';
2
2
  import { AnchorTapBar, Footer, Navigation } from './organisms';
3
- import { Accordion, Accordions, Cards, Editorial, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly } from './molecules';
3
+ import { Accordion, Accordions, Cards, Editorial, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly } from './molecules';
4
4
  import ThemeProvider from '../styles/ThemeProvider';
5
5
  import GlobalStyles from '../styles/GlobalStyles';
6
- export { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionTitle, Sponsorship, TertiaryButton, TextOnly, ThemeProvider, SectionSplitter, TabLink, Tabs, TypeTags, };
6
+ export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Cards, CinemaBadge, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, SectionSplitter, TabLink, Tabs, TypeTags, };
@@ -1,5 +1,5 @@
1
1
  export declare const AccordionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
2
  export declare const LineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const RichtText: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,3 +1,4 @@
1
+ import { ICardButtonContainerProps } from '../../../types/card';
1
2
  export declare const CardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
3
  export declare const HoverContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const ProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -5,4 +6,4 @@ export declare const ContentContainer: import("styled-components").StyledCompone
5
6
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
7
  export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
8
  export declare const SubtitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
8
- export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
+ export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, ICardButtonContainerProps, never>;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingCinema: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingCinema;
@@ -0,0 +1,2 @@
1
+ import PageTitleCinema from './Cinema';
2
+ export default PageTitleCinema;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingCore: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingCore;
@@ -0,0 +1,2 @@
1
+ import PageTitleCore from './Core';
2
+ export default PageTitleCore;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IPageHeadingImpactProps } from '../../../../types/editorial';
3
+ declare const PageHeadingImpact: FunctionComponent<IPageHeadingImpactProps>;
4
+ export default PageHeadingImpact;
@@ -0,0 +1,8 @@
1
+ import { IImpactWrappersStyledProps } from '../../../../types/editorial';
2
+ export declare const ImpactWrapper: import("styled-components").StyledComponent<"div", any, IImpactWrappersStyledProps, never>;
3
+ export declare const ImpactGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const ScrollDownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,2 @@
1
+ import PageTitleImpact from './Impact';
2
+ export default PageTitleImpact;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IPageHeadingProps } from '../../../types/editorial';
3
+ declare const PageHeading: FunctionComponent<IPageHeadingProps>;
4
+ export default PageHeading;
@@ -0,0 +1,7 @@
1
+ export declare const PageHeadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const PageHeadingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingStream: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingStream;
@@ -0,0 +1,2 @@
1
+ import PageTitleStream from './Stream';
2
+ export default PageTitleStream;
@@ -0,0 +1,5 @@
1
+ import PageHeadingCore from './Core';
2
+ import PageHeadingCinema from './Cinema';
3
+ import PageHeadingImpact from './Impact';
4
+ import PageHeadingStream from './Stream';
5
+ export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream };
@@ -5,4 +5,4 @@ export declare const PromoWithTitleContentWrapper: import("styled-components").S
5
5
  export declare const PromoWithTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const PromoWithTitleSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
7
7
  export declare const PromoWithTitleText: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
@@ -1,3 +1,3 @@
1
1
  import { ISearchBarProps } from '../../../types/navigation';
2
- declare const SearchBar: ({ onClick, onClose, onChange }: ISearchBarProps) => JSX.Element;
2
+ declare const SearchBar: ({ onClick, onClose }: ISearchBarProps) => JSX.Element;
3
3
  export default SearchBar;
@@ -2,9 +2,10 @@ import Accordion from './Accordion';
2
2
  import Accordions from './Accordions';
3
3
  import Cards from './Cards';
4
4
  import Editorial from './Editorial';
5
+ import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
5
6
  import PeopleListing from './PeopleListing';
6
7
  import PromoWithTitle from './PromoWithTitle';
7
8
  import SectionTitle from './SectionTitle';
8
9
  import Tabs from './Tabs';
9
10
  import TextOnly from './TextOnly';
10
- export { Accordion, Accordions, Cards, Editorial, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly };
11
+ export { Accordion, Accordions, Cards, Editorial, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, };
@@ -1,5 +1,7 @@
1
+ export declare const FullScreenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
1
2
  export declare const NavigationGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const NavigationGridSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const SearchBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const GridItemSearch: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
3
5
  export declare const NavigationGridMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
4
6
  export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
7
  export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- import { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionSplitter, SectionTitle, Sponsorship, TertiaryButton, TextOnly, ThemeProvider, TabLink, Tabs, TypeTags } from './components';
1
+ import { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Cards, CinemaBadge, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TabLink, Tabs, TypeTags } from './components';
2
+ import { devices } from './styles/viewports';
2
3
  import { ThemeType } from './types/types';
3
- export { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Icon, Heading, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionSplitter, SectionTitle, Sponsorship, TabLink, Tabs, TertiaryButton, TextOnly, ThemeProvider, ThemeType, TypeTags, };
4
+ export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Cards, CinemaBadge, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Icon, Header, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TabLink, Tabs, TertiaryButton, TextOnly, ThemeProvider, ThemeType, TypeTags, };