@royaloperahouse/harmonic 0.18.2-c → 0.18.2-d

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';
 export declare const DEFAULT_THEME = ThemeType.Core;
 interface HarmonicThemeProviderProps {
     theme: ThemeType;

package/dist/types/carousel.d.ts

@@ -143,6 +143,18 @@ export declare type HighlightsCarouselSlide = {
      * Renders an auxiliary button when passed
      */
     auxiliaryCTA?: EditorialLink;
+    /**
+     * Set the visualization of progress bar
+     */
+    withContinueWatching?: boolean;
+    /**
+     * The progress percentage
+     */
+    progress?: number;
+    /**
+     * The progress title
+     */
+    progressTitle?: string;
 };
 export interface IHighlightsCarouselProps {
     /**

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

@@ -1,4 +1,4 @@
-import { Colors } from './types';
+import { ThemeColor } from './types';
 export interface IProgressSteps {
     /**
      * Number of the steps
@@ -21,11 +21,11 @@ export interface IProgressProps {
     /**
      * Color of the elapsed line
      */
-    elapsedLineColor?: Colors;
+    elapsedLineColor?: ThemeColor;
     /**
      * Color of the pending line
      */
-    pendingLineColor?: Colors;
+    pendingLineColor?: ThemeColor;
     /**
      * Number of the steps
      */

package/dist/types/promoWithTags.d.ts

@@ -80,6 +80,18 @@ export interface IPromoWithTagsProps {
      * Additional CSS class names to apply to component.
      */
     className?: string;
+    /**
+     * Set the visualization of progress bar
+     */
+    withContinueWatching?: boolean;
+    /**
+     * The progress percentage
+     */
+    progress?: number;
+    /**
+     * The progress title
+     */
+    progressTitle?: string;
 }
 export interface IPromoWithTagsStyledProps {
     /**

package/dist/types/types.d.ts

@@ -147,10 +147,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.
      */
@@ -226,11 +222,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;
 }
@@ -721,6 +713,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/package.json

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