@royaloperahouse/chord 0.7.44 → 0.7.45

package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts

@@ -1,6 +1,6 @@
 import { IEditorialGridProps, IPromoWithTagsStyledProps } from '../../../types/editorial';
 export declare const PromoWithTagsGrid: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
-export declare const PromoWithTagsImageWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
+export declare const PromoWithTagsExtraContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const PromoWithTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PromoWithTagsSubtitle: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -10,3 +10,7 @@ export declare const PromoWithTagsTagWrapper: import("styled-components").Styled
 export declare const PromoWithTagsAdditionalText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExtraContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/editorial.d.ts

@@ -1,7 +1,7 @@
 import { AnchorHTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
 import { DirectionType, IconNameType } from './iconTypes';
-import { Colors } from './types';
+import { Colors, Image } from './types';
 export interface IEditorialProps {
     /**
      * Text placed in the editorial component
@@ -37,6 +37,10 @@ export interface IEditorialGridProps {
      * Indicates if component has block for the text links
      */
     hasTextLinks?: boolean;
+    /**
+     * Indicates if component should be hidden
+     */
+    hideSection?: boolean;
 }
 export interface IPromoWithTagsStyledProps {
     /**
@@ -187,9 +191,13 @@ export interface IPromoWithTagsProps {
      */
     imagePosition?: 'left' | 'right';
     /**
-     * Image tag or component to be displayed in the editorial component with aspect ratio 4:3
+     * Image to be displayed in the editorial component with aspect ratio 4:3
      */
-    children: ReactElement<HTMLImageElement>;
+    image?: Image;
+    /**
+     * Component to be displayed instead of the image after clicking on the button
+     */
+    children?: ReactElement<HTMLElement>;
     /**
      * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
      */

package/dist/types/types.d.ts

@@ -455,3 +455,4 @@ export interface IAnnouncementBannerProps {
      */
     icon: 'Info' | 'Clock' | 'Location' | 'Reminder' | 'Star';
 }
+export declare type Image = Pick<HTMLImageElement, 'alt' | 'src'>;

package/package.json

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