@royaloperahouse/harmonic 0.5.1 → 0.6.0

package/dist/index.d.ts

@@ -1,4 +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, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, 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 { 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, 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';
@@ -8,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, 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, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, 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, };
+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, 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/types/editorial.d.ts

@@ -2,7 +2,7 @@ import { AnchorHTMLAttributes, ImgHTMLAttributes, MouseEventHandler, ReactElemen
 import { StyledProps } from 'styled-components';
 import { ButtonType } from './buttonTypes';
 import { DirectionType, IconNameType } from './iconTypes';
-import { Colors, IVideoWithControlsSettings, ThemeColor } from './types';
+import { IVideoWithControlsSettings, ThemeColor, ThemeType } from './types';
 import { HarmonicSize, HeaderHierarchy, TypographyLevel } from './typography';
 export interface IEditorialProps {
     /**
@@ -153,9 +153,9 @@ export interface IThemePageHeadingProps {
      */
     sponsor?: boolean;
     /**
-     * Semantic level of the title. Default is 1.
+     * Header Hierarchy for the title. Default is h1.
      */
-    semanticLevel?: TypographyLevel;
+    hierarchy: HeaderHierarchy;
     /**
      * Character limit for the text
      */
@@ -164,6 +164,18 @@ export interface IThemePageHeadingProps {
      * Character limit for the title
      */
     titleCharLimit?: number;
+    /**
+     * Class name for theme styling
+     */
+    className?: string;
+    /**
+     * Show Cinema / Stream badge
+     */
+    showBadge?: boolean;
+    /**
+     * Theme for badge
+     */
+    theme: ThemeType;
 }
 export interface IPageHeadingProps extends IThemePageHeadingProps {
     /**
@@ -267,7 +279,7 @@ export interface IPanelHeadingProps {
     /**
      * Colour of the info panel background
      */
-    color?: Colors;
+    color?: ThemeColor;
     /**
      * Reference of the div to scroll to when clicking on Scroll Down
      */

package/dist/types/navigation.d.ts

@@ -1,6 +1,6 @@
 import React, { AnchorHTMLAttributes, MouseEvent, MouseEventHandler, ReactNode } from 'react';
 import { DirectionType, IconNameType } from './iconTypes';
-import { Colors, IOptionItem } from './types';
+import { Colors, IOptionItem, ThemeColor } from './types';
 export interface IAccountProps {
     /**
      * The text of the title
@@ -245,7 +245,7 @@ export declare type AnchorBarTab = AnchorHTMLAttributes<HTMLAnchorElement> & {
     /**
      * Color of text and icon
      */
-    color?: Colors;
+    color?: ThemeColor;
 };
 export interface IAnchorBarAbsolutePositionParams {
     /**
@@ -342,11 +342,11 @@ export interface ITabLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Color of text and icon
      */
-    color?: Colors;
+    color?: ThemeColor;
     /**
      * Color of text and icon on hover
      */
-    hoverColor?: Colors;
+    hoverColor?: ThemeColor;
     /**
      * Set if tab is selected or not
      */

package/dist/types/types.d.ts

@@ -118,6 +118,10 @@ export interface ITabProps {
      * To keep selected the title of the Tab
      */
     selected?: boolean;
+    /**
+     * Icon direction
+     */
+    iconDirection?: DirectionType;
     /**
      * The name of the icon
      */
@@ -158,6 +162,14 @@ export interface ITabProps {
      * Provides an accessible label for screen readers to describe the element's purpose.
      */
     ariaLabel?: string;
+    /**
+     * Text color
+     */
+    color?: ThemeColor;
+    /**
+     * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     */
+    trimText?: boolean;
 }
 export interface IDropdownProps {
     /**
@@ -208,6 +220,10 @@ export interface IDropdownProps {
      * Provides an accessible label for screen readers to describe the element's purpose.
      */
     ariaLabel?: string;
+    /**
+     *  Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     */
+    trimTabText?: boolean;
 }
 export interface ITabsProps {
     /**

package/package.json

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

package/dist/components/molecules/PageHeading/Cinema/Cinema.d.ts

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

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

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

package/dist/components/molecules/PageHeading/Core/Core.d.ts

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

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

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

package/dist/components/molecules/PageHeading/Stream/Stream.d.ts

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

package/dist/components/molecules/PageHeading/Stream/Stream.style.d.ts

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

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

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