@royaloperahouse/chord 0.7.38 → 0.7.41

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, Carousel, Footer, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, LiveChat, Navigation, StickyBar, TitleWithCTA } from './organisms';
-import { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, 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, PromoWithTags, 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, 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, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, TextLink, Tickbox, TypeTags, Quote, LiveChat, };
+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, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, TextLink, Tickbox, TypeTags, Quote, LiveChat, };

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

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

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

@@ -0,0 +1,12 @@
+import { IEditorialGridProps, IPromoWithTagsStyledProps } from '../../../types/editorial';
+export declare const PromoWithTagsGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsTagWrapper: import("styled-components").StyledComponent<"div", any, IPromoWithTagsStyledProps, never>;
+export declare const PromoWithTagsAdditionalText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLinksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,7 +1,4 @@
 import { IEditorialGridProps } from '../../../types/editorial';
-interface ITagProps {
-    marginBottom: number;
-}
 export declare const PromoWithTitleGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTitleImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
@@ -9,5 +6,3 @@ export declare const PromoWithTitleContainer: import("styled-components").Styled
 export declare const PromoWithTitleSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PromoWithTitleText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTitleTag: import("styled-components").StyledComponent<"div", any, ITagProps, never>;
-export {};

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

@@ -7,10 +7,11 @@ import ContactCard from './ContactCard';
 import Editorial from './Editorial';
 import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
 import PeopleListing from './PeopleListing';
+import PromoWithTags from './PromoWithTags';
 import PromoWithTitle from './PromoWithTitle';
 import SectionTitle from './SectionTitle';
 import Tabs from './Tabs';
 import TextOnly from './TextOnly';
 import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
-export { Accordion, Accordions, AnnouncementBanner, Card, Cards, ContactCard, 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, PromoWithTags, 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, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, 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, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, 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, ContactCard, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, 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, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, TickboxMode, TypeTags, Quote, };

package/dist/styles/themes.d.ts

@@ -1,3 +1,12 @@
+export declare const fontFamilies: {
+    adobeGaramondPro: string;
+    adobeGaramondProItalics: string;
+    gothamSSmMedium: string;
+    gothamSSm: string;
+    sabonNextLTProRegular: string;
+    sabonNextLTProRegularItalics: string;
+    sansSerifFallback: string;
+};
 export declare const core: {
     colors: {
         primary: string;
@@ -2651,4 +2660,13 @@ export declare const themes: {
             };
         };
     };
+    fontFamilies: {
+        adobeGaramondPro: string;
+        adobeGaramondProItalics: string;
+        gothamSSmMedium: string;
+        gothamSSm: string;
+        sabonNextLTProRegular: string;
+        sabonNextLTProRegularItalics: string;
+        sansSerifFallback: string;
+    };
 };

package/dist/types/editorial.d.ts

@@ -33,6 +33,16 @@ export interface IEditorialGridProps {
      * Set the length of tertiary button text
      */
     tertiaryButtonTextLength?: number;
+    /**
+     * Indicates if component has block for the text links
+     */
+    hasTextLinks?: boolean;
+}
+export interface IPromoWithTagsStyledProps {
+    /**
+     * Sets margin for the tags container
+     */
+    marginBottom?: number;
 }
 export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
     /**
@@ -90,14 +100,6 @@ export interface IPromoWithTitleProps {
      * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
      */
     links?: PromoLinks;
-    /**
-     * Array of tags in the editorial component
-     */
-    aboveTitleTags?: string[];
-    /**
-     * Array of tags in the editorial component
-     */
-    underSubTitleTags?: string[];
 }
 export interface IThemePageHeadingProps {
     /**
@@ -163,3 +165,54 @@ export interface IImpactWrappersStyledProps extends StyledProps<any> {
      */
     bgUrlDevice?: string;
 }
+export interface IPromoWithTagsProps {
+    /**
+     * Text placed in the editorial component
+     */
+    text?: string;
+    /**
+     * Title placed in the editorial component
+     */
+    title: string;
+    /**
+     * Title size
+     */
+    titleSize?: 'small' | 'large';
+    /**
+     * Subtitle placed in the editorial component
+     */
+    subtitle?: string;
+    /**
+     * Position of the image in the editorial component
+     */
+    imagePosition?: 'left' | 'right';
+    /**
+     * Image tag or component to be displayed in the editorial component with aspect ratio 4:3
+     */
+    children: ReactElement<HTMLImageElement>;
+    /**
+     * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
+     */
+    links?: PromoLinks;
+    /**
+     * Array of buttons props that will be displayed above the main buttons
+     */
+    textLinks?: EditorialLink[];
+    /**
+    /**
+     * Array of tags in the editorial component
+     */
+    aboveTitleTags?: string[];
+    /**
+     * Array of tags in the editorial component
+     */
+    underTitleTags?: string[];
+    /**
+     * Text in the middle
+     */
+    middleText?: string;
+    /**
+     * Text in the bottom
+     */
+    bottomText?: string;
+}

package/package.json

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