@royaloperahouse/harmonic 0.11.0-j → 0.11.0-k

package/dist/index.d.ts

@@ -6,7 +6,8 @@ import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, Integrated
 import { MiniCard } from './components/molecules';
 import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
-import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
+import HarmonicThemeProvider, { useHarmonicTheme } from './styles/HarmonicThemeProvider';
 import { HarmonicSize } from './types/typography';
 import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
+export { useHarmonicTheme };
 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, };

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

@@ -2,9 +2,12 @@ import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
 import './theme/typography.css';
+export declare const DEFAULT_THEME = ThemeType.Core;
 interface HarmonicThemeProviderProps {
     theme: ThemeType;
     children: React.ReactNode;
 }
+export declare const HarmonicThemeContext: React.Context<ThemeType>;
+export declare const useHarmonicTheme: () => ThemeType;
 declare const HarmonicThemeProvider: React.FC<HarmonicThemeProviderProps>;
 export default HarmonicThemeProvider;

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

@@ -1,2 +1,3 @@
-import HarmonicThemeProvider from './HarmonicThemeProvider';
+import HarmonicThemeProvider, { useHarmonicTheme } from './HarmonicThemeProvider';
 export default HarmonicThemeProvider;
+export { useHarmonicTheme };

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/impactHeader.d.ts

@@ -187,4 +187,6 @@ export interface IPageHeadingPromoProps {
      * Badge variant
      */
     badge?: PageHeadingPromoBadge;
+    /** Custom CSS classes */
+    className?: string;
 }

package/dist/types/information.d.ts

@@ -1,6 +1,5 @@
 import { DirectionType, IconNameType } from './iconTypes';
-import { LinkTarget } from './types';
-import type { ThemeChildProps } from './types';
+import { LinkTarget, ThemeType } from './types';
 import type { HarmonicSize } from './typography';
 export declare const InformationCtaVariants: {
     readonly Primary: "Primary";
@@ -9,60 +8,41 @@ export declare const InformationCtaVariants: {
     readonly TextLink: "TextLink";
 };
 export declare type InformationCtaVariant = keyof typeof InformationCtaVariants;
-declare type ThemeProps = Pick<ThemeChildProps, 'theme'>;
-export interface IInformationCTAProps extends ThemeProps {
-    /**
-     * Text to display on the CTA
-     */
+export interface IInformationCTAProps {
+    /** Text to display on the CTA */
     text: string;
-    /**
-     * Link for the CTA
-     */
+    /** Link for the CTA */
     link: string;
-    /**
-     * Style of the CTA
-     */
+    /** Style of the CTA */
     variant?: InformationCtaVariant;
-    /**
-     * Name of the icon to be used in the button
-     */
+    /** Name of the icon to be used in the button */
     iconName?: IconNameType;
-    /**
-     * Direction of the icon used in the button
-     */
+    /** Direction of the icon used in the button */
     iconDirection?: DirectionType;
-    /**
-     * Attribute to specify where to open the link
-     */
+    /** Attribute to specify where to open the link */
     target?: LinkTarget;
+    /** Custom CSS classes */
+    className?: string;
 }
-export declare type InformationCTAWrapperProps = Pick<IInformationCTAProps, 'variant' | 'theme'>;
+export declare type InformationCTAWrapperProps = {
+    /** Style of the CTA */
+    variant: InformationCtaVariant;
+    /** Theme options */
+    theme?: ThemeType;
+};
 export interface IInformationTitleProps {
-    /**
-     * Title text to display
-     */
+    /** Title text to display */
     text: string;
-    /**
-     * The size of the title text
-     */
+    /** The size of the title text */
     textSize: HarmonicSize;
 }
-export interface IInformationProps extends ThemeProps {
-    /**
-     * Main body text to display in the Information Component
-     */
+export interface IInformationProps {
+    /**  Main body text to display in the Information Component */
     body: string;
-    /**
-     * Optional CTA to display underneath the body text
-     */
+    /** Optional CTA to display underneath the body text */
     cta?: IInformationCTAProps;
-    /**
-     * Title options for the component
-     */
+    /** Title options for the component */
     title?: IInformationTitleProps;
-    /**
-     * Additional CSS class names to apply to component.
-     */
+    /** Custom CSS classes */
     className?: string;
 }
-export {};

package/dist/types/navigation.d.ts

@@ -275,26 +275,20 @@ export interface IAnchorBarAbsolutePositionParams {
     topOffset: number;
 }
 export interface IAnchorBarProps {
-    /**
-     * Tabs displayed in the anchor bar
-     */
+    /** Tabs displayed in the anchor bar */
     tabs: AnchorBarTab[];
-    /**
-     * Function to be called when a tab is clicked
-     */
+    /** Function to be called when a tab is clicked */
     onTabClick?: (e: MouseEvent, id: string) => void;
-    /**
-     * Set the id of the tab actived
-     */
+    /** Set the id of the active tab */
     activeTab?: string;
-    /**
-     * Only for IOS devices that do not fully support sticky position, in case a keyboard is opened on the device
-     */
+    /** Only for IOS devices that do not fully support sticky position, in case a keyboard is opened on the device */
     absolutePositionParams?: IAnchorBarAbsolutePositionParams;
-    /**
-     * Boolean to set bottom border
-     */
+    /** Boolean to set bottom border */
     bottomBorder?: boolean;
+    /** Flag indicating whether the bar should have a shadow */
+    withShadow?: boolean;
+    /** Custom CSS classes */
+    className?: string;
 }
 export interface ITitleCTAProps {
     /**
@@ -331,43 +325,27 @@ export interface IAnchorTabsListProps {
     hasTwoArrows: boolean;
 }
 export interface IAnchorTabBarBorderProps {
-    /**
-     * Boolean to set bottom border
-     */
-    bottomBorder: boolean;
-}
-export interface IAnchorTabArrowsBoxProps {
-    /**
-     * Boolean to determine width of the arrows container
-     */
-    fullWidth: boolean;
+    /** Boolean to set bottom border */
+    bottomBorder?: boolean;
+    /** Flag indicating whether the anchor bar should have a shadow */
+    withShadow?: boolean;
 }
 export interface ITabLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     children: ReactNode;
-    /**
-     * Function to be called when a button is clicked
-     */
+    /** Function to be called when a button is clicked */
     onClick?: MouseEventHandler<HTMLAnchorElement>;
-    /**
-     * Name of the icon to be used in the button
-     */
+    /** Name of the icon to be used in the button */
     iconName?: IconNameType;
-    /**
-     * Direction of the icon used in the button
-     */
+    /** Direction of the icon used in the button */
     iconDirection?: DirectionType;
-    /**
-     * Color of text and icon
-     */
+    /** Color of text and icon */
     color?: ThemeColor;
-    /**
-     * Color of text and icon on hover
-     */
+    /** Color of text and icon on hover */
     hoverColor?: ThemeColor;
-    /**
-     * Set if tab is selected or not
-     */
+    /** Set if tab is selected or not */
     selected?: boolean;
+    /** Custom CSS classes */
+    className?: string;
 }
 export interface IStickyBarProps {
     children: ReactNode;

package/dist/types/types.d.ts

@@ -53,14 +53,8 @@ export declare enum ThemeType {
     Cinema = "cinema",
     Schools = "schools"
 }
-export declare type ThemeChildProps = {
-    className?: string;
-    theme?: ThemeType;
-};
 export interface IThemeProviderProps {
-    /**
-     * The theme to use for the child elements
-     */
+    /** The theme to use for the child elements */
     theme: ThemeType;
     children: ReactNode;
 }

package/package.json

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