@royaloperahouse/chord 0.7.34 → 0.7.37

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, LiveChat } from './organisms';
+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 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, 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, 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/PageHeading/Stream/Stream.style.d.ts

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

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

@@ -1,4 +1,7 @@
 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>;
@@ -6,3 +9,5 @@ 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/organisms/StickyBar/StickyBar.d.ts

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

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

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

package/dist/components/organisms/StickyBar/index.d.ts

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

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

@@ -5,4 +5,5 @@ import Carousel from './Carousel';
 import { HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream } from './HighlightsCarousel';
 import TitleWithCTA from './TitleWithCTA';
 import { LiveChat } from './LiveChat';
-export { AnchorTapBar, Carousel, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, LiveChat, Navigation, Footer, TitleWithCTA, };
+import StickyBar from './StickyBar';
+export { AnchorTapBar, Carousel, Footer, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, LiveChat, Navigation, StickyBar, TitleWithCTA, };

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, 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, 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, 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, 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/types/editorial.d.ts

@@ -90,6 +90,14 @@ 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 {
     /**

package/dist/types/navigation.d.ts

@@ -289,3 +289,22 @@ export interface ITabLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      */
     selected?: boolean;
 }
+export interface IStickyBarProps {
+    children: ReactNode;
+    /**
+     * Set columnstart in Desktop
+     */
+    columnStartDesktop?: number;
+    /**
+     * Set columnSpan in Desktop
+     */
+    columnSpanDesktop?: number;
+    /**
+     * Set columnstart in Device
+     */
+    columnStartDevice?: number;
+    /**
+     * Set columnSpam in Device
+     */
+    columnSpanDevice?: number;
+}

package/package.json

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