@royaloperahouse/chord 0.6.0 → 0.7.3

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

@@ -2,6 +2,7 @@ import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
 import { Grid, GridItem } from './Grid';
 import { Icon } from './Icons';
 import { CinemaBadge, StreamBadge } from './Badge';
+import ControlledDropdown from './ControlledDropdown';
 import SecondaryLogo from './SecondaryLogo';
 import SponsorLogo from './SponsorLogo';
 import Sponsorship from './Sponsorship';
@@ -9,8 +10,9 @@ import SectionSplitter from './SectionSplitter';
 import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
 import Tab from './Tab';
 import TabLink from './TabLink';
+import TextLink from './TextLink';
 import Tickbox from './Tickbox';
 import TypeTags from './TypeTags';
 import RotatorButtons from './RotatorButtons';
 import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
-export { AltHeader, BodyText, CinemaBadge, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, Tickbox, TypeTags, };
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextLink, Tickbox, TypeTags, };

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-import { AltHeader, BodyText, CinemaBadge, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, Tickbox, TypeTags } from './atoms';
+import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, TextLink, Tickbox, TypeTags } from './atoms';
 import { AnchorTapBar, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Carousel, Footer, Navigation, TitleWithCTA } from './organisms';
 import { Accordion, Accordions, Card, Cards, Editorial, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
-export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, Tickbox, TypeTags, };
+export { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, TextLink, Tickbox, TypeTags, };

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

@@ -1,3 +1,3 @@
 import { IPeopleListing } from '../../../types/types';
-declare const PeopleListing: ({ people }: IPeopleListing) => JSX.Element;
+declare const PeopleListing: ({ roles }: IPeopleListing) => JSX.Element;
 export default PeopleListing;

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

@@ -1,2 +1,3 @@
-declare const PeopleListingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default PeopleListingGrid;
+export declare const PeopleListingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PersonLink: import("styled-components").StyledComponent<"a", any, {}, never>;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { ListingPerson } from '../../../types/types';
+declare const Person: FunctionComponent<{
+    person: ListingPerson;
+    withSeparator: boolean;
+}>;
+export default Person;

package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts

@@ -3,6 +3,7 @@ import { ITitleCTAProps } from '../../../types/navigation';
 export declare const TitleCTAGridWrapper: import("styled-components").StyledComponent<"div", any, ITitleCTAProps, never>;
 export declare const CTAGridWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AnchorTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GridItemTitleWrapper: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
 export declare const ButtonsDesktopGridItem: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
 export declare const ButtonsMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PrimaryButtonReverse: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/buttonTypes").IPrimaryButtonProps>, any, {}, never>;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, Tickbox, TypeTags } from './components';
+import { Accordion, Accordions, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, TextLink, Tickbox, TypeTags } from './components';
 import { devices } from './styles/viewports';
 import { AspectRatio, CarouselType, Colors, IconNameType, TickboxMode, ThemeType } from './types';
-export { Accordion, Accordions, AltHeader, AnchorTapBar, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, TickboxMode, TypeTags, };
+export { Accordion, Accordions, AltHeader, AnchorTapBar, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, TickboxMode, TypeTags, };

package/dist/types/types.d.ts

@@ -237,14 +237,39 @@ export interface IControlledDropdownHeaderProps extends StyledProps<any> {
      */
     active: boolean;
 }
-export interface IIndividualListing {
-    role: string;
+export declare type ListingPerson = {
+    /**
+     * Person name
+     */
     name: string;
+    /**
+     * Link to person profile
+     */
     link?: string;
+    /**
+     * String separator
+     */
+    separator?: string;
+};
+export declare type ListingRole = {
+    /**
+     * Role name
+     */
+    name: string;
+    /**
+     * List of people in the role
+     */
+    people: ListingPerson[];
+    /**
+     * Data roh param
+     */
     dataROH?: string;
-}
+};
 export interface IPeopleListing {
-    people: IIndividualListing[];
+    /**
+     * List of roles to be displayed
+     */
+    roles: ListingRole[];
 }
 export interface INodeProps {
     /**

package/package.json

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

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

@@ -1,3 +0,0 @@
-import { IIndividualListing } from '../../../types/types';
-declare const IndividualListing: ({ role, name, link, dataROH }: IIndividualListing) => JSX.Element;
-export default IndividualListing;

package/dist/components/atoms/IndividualListing/IndividualListing.style.d.ts

@@ -1,2 +0,0 @@
-export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NameWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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