@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.
- package/CHANGELOG.md +36 -13
- package/README.md +2 -3
- package/dist/chord.cjs.development.js +1083 -413
- 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 +1071 -413
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.style.d.ts +2 -0
- package/dist/components/atoms/Badge/CinemaBadge.d.ts +4 -0
- package/dist/components/atoms/Badge/StreamBadge.d.ts +4 -0
- package/dist/components/atoms/Badge/index.d.ts +3 -0
- package/dist/components/atoms/SecondaryLogo/SecodaryLogo.style.d.ts +2 -0
- package/dist/components/atoms/SecondaryLogo/SecondaryLogo.d.ts +4 -0
- package/dist/components/atoms/SecondaryLogo/index.d.ts +2 -0
- package/dist/components/atoms/TypeTags/TypeTags.style.d.ts +0 -1
- package/dist/components/atoms/Typography/Typography.d.ts +7 -0
- package/dist/components/atoms/Typography/Typography.style.d.ts +3 -0
- package/dist/components/atoms/Typography/index.d.ts +2 -0
- package/dist/components/atoms/index.d.ts +4 -2
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +2 -2
- package/dist/components/molecules/Card/Card.style.d.ts +2 -1
- package/dist/components/molecules/PageHeading/Cinema/Cinema.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Cinema/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/Core/Core.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Core/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/Impact/Impact.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +8 -0
- package/dist/components/molecules/PageHeading/Impact/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/PageHeading.d.ts +4 -0
- package/dist/components/molecules/PageHeading/PageHeading.style.d.ts +7 -0
- package/dist/components/molecules/PageHeading/Stream/Stream.d.ts +4 -0
- package/dist/components/molecules/PageHeading/Stream/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +5 -0
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/Navigation/Navigation.style.d.ts +3 -1
- package/dist/index.d.ts +3 -2
- package/dist/styles/themes.d.ts +252 -24
- package/dist/types/card.d.ts +21 -3
- package/dist/types/editorial.d.ts +81 -4
- package/dist/types/navigation.d.ts +0 -4
- package/dist/types/types.d.ts +31 -18
- package/dist/types/typography.d.ts +73 -0
- package/package.json +1 -1
- package/dist/components/atoms/Heading/Heading.d.ts +0 -3
- package/dist/components/atoms/Heading/Heading.style.d.ts +0 -3
- package/dist/components/atoms/Heading/index.d.ts +0 -2
|
@@ -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;
|
|
@@ -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
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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
|
|
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
|
|
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,
|
|
9
|
+
export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, ICardButtonContainerProps, never>;
|
|
@@ -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,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>;
|
|
@@ -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,
|
|
8
|
+
export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
|
|
@@ -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
|
|
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,
|
|
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,
|
|
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, };
|