@royaloperahouse/harmonic 0.18.5 → 0.18.6-b

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

@@ -1,6 +1,7 @@
 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;

package/dist/types/impactHeader.d.ts

@@ -20,46 +20,28 @@ export interface CustomSponsorImageData {
     title: string;
 }
 export interface IPageHeadingImpactProps {
-    /**
-     * Text placed in the impact component
-     */
+    /** Text placed in the impact component */
     text?: string;
-    /**
-     * Link placed in the impact component
-     */
+    /**  Link placed in the impact component */
     link?: EditorialLink;
-    /**
-     * Boolean to show/hide sponsorship logo (default true)
-     */
+    /** Boolean to show/hide sponsorship logo (default true) */
     sponsor?: boolean;
-    /**
-     * Data for custom sponsor
-     */
+    /** Data for custom sponsor */
     customSponsorImage?: CustomSponsorImageData;
-    /**
-     * Background url for desktops
-     */
+    /**  Background url for desktops */
     bgUrlDesktop: string;
-    /**
-     * Background url for devices
-     */
+    /**  Background url for devices */
     bgUrlDevice?: string;
-    /**
-     * Alt text for the main image
-     */
+    /** Alt text for the main image */
     bgImageAltText?: string;
-    /**
-     * Logo to be placed in page heading component
-     */
+    /** Desktop video url */
+    videoUrlDesktop?: string;
+    /** Mobile video url */
+    videoUrlMobile?: string;
+    /** Logo to be placed in page heading component */
     children?: ReactNode;
-    /**
-     * Internal anchor ref
-     */
-    scrollHref?: string;
-    /**
-     * Semantic level of the header
-     */
-    semanticLevel?: TypographyLevel;
+    /** Custom CSS classes */
+    className?: string;
 }
 export declare type BrandingStyle = 'BlockText' | 'BodyText' | 'StreamLogo' | 'CinemaLogo' | 'TextLink';
 export interface IPageHeadingCompactProps {

package/dist/types/signUpForm.d.ts

@@ -68,6 +68,7 @@ export interface ISignUpFormProps {
 export declare type SignUpFormComponentTitleProps = {
     title: string;
     isMobile?: boolean;
+    titleFontFamily?: 'Grey' | 'Victor' | undefined;
 };
 export declare type SignUpFormComponentMessageProps = {
     message: string;

package/dist/types/types.d.ts

@@ -147,6 +147,10 @@ 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.
      */
@@ -222,7 +226,11 @@ export interface IDropdownProps {
      */
     ariaLabel?: string;
     /**
-     *  Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     * 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
      */
     trimTabText?: boolean;
 }
@@ -489,6 +497,10 @@ export declare type ICastFiltersProps = {
      * Handle clicking the text link.
      */
     onClear?: () => void;
+    /**
+     * Render person images in greyscale
+     */
+    greyscale?: boolean;
 };
 export interface ISponsorshipProps {
     /**
@@ -721,6 +733,12 @@ export interface IVideoControlsProps {
      */
     loop?: boolean;
 }
+export interface IVideoControlsImpactProps {
+    /** Video element id */
+    videoElementId: string;
+    /** Loops */
+    loop?: boolean;
+}
 export declare type IVideoWithControlsSettings = Omit<IVideoControlsProps, 'videoElementId' | 'videoContainerId'>;
 export interface IVideoWithControlsProps {
     /**

package/dist/types/upsell.d.ts

@@ -80,4 +80,6 @@ export interface IUpsellSectionProps {
     theme?: ThemeType;
     /** Custom CSS classes */
     className?: string;
+    /** Sets Font Family by default Grey */
+    titleFontFamily?: 'Victor' | 'Grey' | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.18.5",
+  "version": "0.18.6-b",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -129,7 +129,7 @@
     "typescript": "^4.4.4"
   },
   "dependencies": {
-    "moment": "^2.29.4",
+    "date-fns": "^4.1.0",
     "react-modal": "^3.16.1",
     "react-scrolllock": "^5.0.1",
     "react-select": "^5.8.0"
@@ -143,6 +143,5 @@
       "npx eslint src --fix ",
       "npx prettier src --write --uncommitted"
     ]
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }