@royaloperahouse/harmonic 0.11.0-i → 0.11.0

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls } from './components';
-import BodyContent from './components/molecules/BodyContent';
+import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls } from './components';
 import { devices, breakpoints } from './styles/viewports';
 import zIndexes from './styles/zIndexes';
 import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeColor, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps } from './types';
@@ -9,4 +8,4 @@ import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButto
 import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
 import { HarmonicSize } from './types/typography';
 import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };

package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
-import './theme/typography.css';
 interface HarmonicThemeProviderProps {
     theme: ThemeType;
     children: React.ReactNode;

package/dist/types/anchorBar.d.ts

@@ -11,6 +11,4 @@ export interface IAnchorBarProps {
     onCloseHandler?: () => void;
     /** Custom CSS classes */
     className?: string;
-    /** Flag indicating whether the anchor bar should have a shadow */
-    withShadow?: boolean;
 }

package/dist/types/contactCard.d.ts

@@ -1,12 +1,9 @@
+import { StyledProps } from 'styled-components';
 export interface IContactCardProps {
     /**
-     * Title
+     * Name
      */
-    title: string;
-    /**
-     * Title suffix
-     */
-    titleSuffix?: string;
+    name: string;
     /**
      * Description
      */
@@ -28,7 +25,24 @@ export interface IContactCardProps {
      */
     address?: string;
     /**
-     * The component's class name
+     * Set visibility of the top border
+     */
+    hideTopBorder?: boolean;
+    /**
+     * Set visibility of the top border
+     */
+    hideBottomBorder?: boolean;
+}
+export interface IContactCardWrapperProps extends StyledProps<{
+    hideTopBorder: boolean;
+    hideBottomBorder: boolean;
+}> {
+    /**
+     * Set visibility of the top border
+     */
+    hideTopBorder: boolean;
+    /**
+     * Set visibility of the bottom border
      */
-    className?: string;
+    hideBottomBorder: boolean;
 }

package/dist/types/creditListing.d.ts

@@ -2,7 +2,7 @@ import { ListingPerson } from './types';
 export interface ICreditListing {
     roles: {
         name: string;
-        people: ListingPerson[];
+        people: ListingPerson[] | ListingPerson[][];
         description: string;
         musicTitle: string[];
         replacement: string;

package/dist/types/promoWithTags.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { EditorialLink, PromoLinks, PromoTitleHierarchy } from './editorial';
+import { EditorialLink, PromoLinks } from './editorial';
 import { IntegratedTimerProps } from './timer';
 import { Image } from './types';
 export interface IPromoWithTagsProps {
@@ -15,10 +15,6 @@ export interface IPromoWithTagsProps {
      * Title size
      */
     titleSize?: 'small' | 'large';
-    /**
-     * Semantic level of the promo title header - h2 or h3.
-     */
-    titleHierarchy: PromoTitleHierarchy;
     /**
      * Subtitle placed in the editorial component
      */
@@ -86,8 +82,4 @@ export interface IPromoWithTagsStyledProps {
      * Sets margin for the tags container
      */
     marginBottom?: number;
-    /**
-     * Sets mobile margin for the tags container
-     */
-    mobileMarginBottom?: number;
 }

package/dist/types/types.d.ts

@@ -154,10 +154,6 @@ export interface ITabProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
-    /**
-     * The unique ID to assign to the link element.
-     */
-    tabLinkId?: string;
     /**
      * Defines the ARIA role of the element for accessibility purposes.
      */
@@ -225,11 +221,7 @@ export interface IDropdownProps {
      */
     ariaLabel?: string;
     /**
-     * The unique ID to assign to the link element inside the tab.
-     */
-    tabLinkId?: string;
-    /**
-     * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     *  Defines if it is needed to trim the text of the Tab and add 3 dots in the end
      */
     trimTabText?: boolean;
 }
@@ -466,10 +458,10 @@ export interface ITextLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>
     textColor?: ThemeColor;
 }
 export interface ISectionSplitterProps {
-    /** Set the width of the Section to full */
+    /**
+     * Set the width of the Section to full
+     */
     fullWidth?: boolean;
-    /** Custom CSS classes */
-    className?: string;
 }
 export interface ITypeTagsProps {
     /**
@@ -477,30 +469,46 @@ export interface ITypeTagsProps {
      */
     list: string[];
 }
-export interface IBodyContentProps {
-    /** Text placed in the BodyContent component */
+export interface ITextOnlyProps {
+    /**
+     * Text placed in the TextOnly component
+     */
     text: string;
-    /** Set columnStart in Desktop */
+    /**
+     * Set columnstart in Desktop
+     */
     columnStartDesktop?: number;
-    /** Set columnSpan in Desktop */
+    /**
+     * Set columnSpan in Desktop
+     */
     columnSpanDesktop?: number;
-    /** Set columnStart in Device */
+    /**
+     * Set columnstart in Device
+     */
     columnStartDevice?: number;
-    /** Set columnSpan in Device */
+    /**
+     * Set columnSpam in Device
+     */
     columnSpanDevice?: number;
-    /** Custom CSS classes */
-    className?: string;
 }
 export declare type SectionTitleSize = 'small' | 'large';
 export interface ISectionTitleProps {
-    /** Title to display. */
+    /**
+     * Title to display.
+     */
     title: string;
-    /** Size of title to display - by default small, which renders as an H2 (and large is an H1). */
+    /**
+     * Size of title to display - by default small, which renders as an H2 (and large is an H1).
+     */
     size?: SectionTitleSize;
-    /** Optional description that can be rendered below the title. */
+    /**
+     * Optional description that can be rendered below the title.
+     */
     description?: string;
-    /** Custom CSS classes */
-    className?: string;
+    /**
+     * Semantic level of the title.
+     */
+    semanticLevel?: TypographyLevel;
 }
 export interface ILogosProps {
     /**

package/dist/types/typography.d.ts

@@ -25,10 +25,6 @@ export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphEl
 export interface IHarmonicHeaderProps extends IGenericTypographyProps {
     hierarchy: HeaderHierarchy;
 }
-export interface IBodyCopyHarmonicProps extends IGenericTypographyProps {
-    /** HTML tag to use to render BodyCopy, by default p. */
-    tag?: React.ElementType;
-}
 export declare type TypographyLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type AltHeaderLevel = 3 | 4 | 5 | 6;
 export declare type BodyLevel = 1 | 2 | 3;

package/package.json

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

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

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

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

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