@royaloperahouse/chord 0.7.48 → 0.7.49

package/dist/types/buttonTypes.d.ts

@@ -1,6 +1,11 @@
 import { ReactNode, AnchorHTMLAttributes, MouseEventHandler } from 'react';
 import { IconNameType, DirectionType } from './iconTypes';
 import { Colors } from './types';
+export declare enum ButtonType {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Tertiary = "Tertiary"
+}
 export interface IButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     children: ReactNode;
     /**

package/dist/types/card.d.ts

@@ -1,5 +1,5 @@
 import { StyledProps } from 'styled-components';
-import { PromoLinks } from '../types/editorial';
+import { PromoLinks } from './editorial';
 export interface ICardProps {
     /**
      * The progress percentage
@@ -33,7 +33,6 @@ export interface ICardProps {
      * Image to render
      */
     image?: string;
-    /**
     /**
      * Image alt text
      */
@@ -46,6 +45,14 @@ export interface ICardProps {
      * Set if content gets full width (same as image)
      */
     fullWidth?: boolean;
+    /**
+     * Defines if buttons are hidden; True by default;
+     */
+    onlyShowButtonsOnHover?: boolean;
+    /**
+     * A callback to be called when the
+     */
+    onClick?: VoidFunction;
 }
 export interface ICardContentContainerProps extends StyledProps<any> {
     /**
@@ -76,4 +83,8 @@ export interface ICardButtonContainerProps {
      * Set the length of tertiary button text
      */
     tertiaryButtonTextLength: number;
+    /**
+     * Hides buttons by default using opacity; shows buttons on
+     */
+    onlyShowButtonsOnHover?: boolean;
 }

package/dist/types/editorial.d.ts

@@ -1,5 +1,6 @@
 import { AnchorHTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
+import { ButtonType } from './buttonTypes';
 import { DirectionType, IconNameType } from './iconTypes';
 import { Colors, Image } from './types';
 export interface IEditorialProps {
@@ -73,6 +74,10 @@ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
      * background color
      */
     bgColor?: Colors;
+    /**
+     * type of the button to be rendered; When not passed the Primary and Tetriary are displayed by default;
+     */
+    buttonType?: ButtonType;
 };
 export declare type PromoLinks = [EditorialLink, EditorialLink?];
 export interface IPromoWithTitleProps {

package/dist/types/index.d.ts

@@ -5,4 +5,6 @@ import { CarouselType } from './carousel';
 import { IconNameType } from './iconTypes';
 import { AspectRatio } from './image';
 import { TickboxMode } from './tickbox';
-export { AspectRatio, CarouselType, Colors, FooterData, IconNameType, INavigationProps, INavTopProps, TickboxMode, ThemeType, };
+import { ButtonType } from './buttonTypes';
+import { EditorialLink } from './editorial';
+export { AspectRatio, ButtonType, CarouselType, Colors, EditorialLink, FooterData, IconNameType, INavigationProps, INavTopProps, TickboxMode, ThemeType, };

package/package.json

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