@royaloperahouse/chord 0.7.23 → 0.7.26

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 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, AnnouncementBanner, Card, Cards, Editorial, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote } from './molecules';
+import { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, Editorial, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
-export { Accordion, Accordions, AnnouncementBanner, 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, Quote, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTapBar, BodyText, Card, Cards, ContactCard, 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, Quote, };

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

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

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

@@ -0,0 +1,5 @@
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddressWrapperDesktop: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddressWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DetailsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

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

@@ -3,6 +3,7 @@ import Accordions from './Accordions';
 import AnnouncementBanner from './AnnouncementBanner';
 import Card from './Card';
 import Cards from './Cards';
+import ContactCard from './ContactCard';
 import Editorial from './Editorial';
 import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
 import PeopleListing from './PeopleListing';
@@ -12,4 +13,4 @@ import Tabs from './Tabs';
 import TextOnly from './TextOnly';
 import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
-export { Accordion, Accordions, AnnouncementBanner, Card, Cards, Editorial, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote, };
+export { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, Editorial, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, Quote, };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Accordion, Accordions, AnnouncementBanner, 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, Quote } from './components';
+import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTapBar, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, 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, Quote } from './components';
 import { devices } from './styles/viewports';
 import { AspectRatio, CarouselType, Colors, IconNameType, TickboxMode, ThemeType } from './types';
-export { Accordion, Accordions, AnnouncementBanner, 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, Quote, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTapBar, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, 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, Quote, };

package/dist/types/types.d.ts

@@ -249,7 +249,15 @@ export declare type ListingPerson = {
     /**
      * String separator
      */
+    headshot?: string;
+    /**
+     * Headshot image url
+     */
     separator?: string;
+    /**
+     * Use headshot or not
+     */
+    useHeadshot: boolean;
 };
 export declare type ListingRole = {
     /**
@@ -447,3 +455,29 @@ export interface IAnnouncementBannerProps {
      */
     icon: 'Info' | 'Clock' | 'Location' | 'Reminder' | 'Star';
 }
+export interface IContactCardProps {
+    /**
+     * Name
+     */
+    name: string;
+    /**
+     * Description
+     */
+    description?: string;
+    /**
+     * Email
+     */
+    email?: string;
+    /**
+     * Phone number
+     */
+    phone?: string;
+    /**
+     * Website
+     */
+    website?: string;
+    /**
+     * Address string
+     */
+    address?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "0.7.23",
+  "version": "0.7.26",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -22,6 +22,7 @@
     "analyze": "size-limit --why",
     "storybook": "start-storybook -s ./external -p 6006",
     "build-storybook": "rm -rf ./storybook-static; build-storybook -s ./src -o ./storybook-static; cp -r ./external/ ./storybook-static/",
+    "deploy-storybook": "storybook-to-aws-s3 --bucket-path=chord.roh.org.uk --aws-profile=parent --existing-output-dir=storybook-static --s3-sync-options=--acl=public-read",
     "test-storybook": "tsdx test --json --passWithNoTests --outputFile=./test/jest-test-results.json",
     "publish-release": "make prepare-release-candidate; make publish-release",
     "publish-snapshot": "make prepare-release-candidate; make publish-npm-snapshot"
@@ -79,6 +80,7 @@
     "@storybook/addon-links": "^6.3.12",
     "@storybook/addons": "^6.3.12",
     "@storybook/react": "^6.3.12",
+    "@storybook/storybook-deployer": "^2.8.11",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",