@royaloperahouse/chord 1.2.0 → 1.3.0

package/dist/components/atoms/Typography/Typography.d.ts

@@ -2,6 +2,6 @@ import { IAltHeaderProps, IBodyTextProps, IHeaderProps, IOverlineProps, IStyledT
 export declare const StyledTag: ({ tag, typography, children, level }: IStyledTag) => JSX.Element;
 export declare const AltHeader: ({ level, children }: IAltHeaderProps) => JSX.Element;
 export declare const BodyText: ({ level, children, tag }: IBodyTextProps) => JSX.Element;
-export declare const Header: ({ level, children }: IHeaderProps) => JSX.Element;
+export declare const Header: ({ semanticLevel, level, children }: IHeaderProps) => JSX.Element;
 export declare const Overline: ({ level, children, tag }: IOverlineProps) => JSX.Element;
 export declare const Subtitle: ({ level, children, tag }: ISubtitleProps) => JSX.Element;

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

@@ -1,8 +1,5 @@
 import { IEditorialGridProps, IPromoWithTagsStyledProps } from '../../../types/editorial';
 export declare const PromoWithTagsGrid: 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>;
 export declare const PromoWithTagsText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
@@ -14,3 +11,8 @@ export declare const ExtraContentWrapper: import("styled-components").StyledComp
 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>;
+export declare const PromoWithTagsTypeTags: import("styled-components").StyledComponent<({ list }: import("../../../types/types").ITypeTagsProps) => JSX.Element, any, {}, never>;
+export declare const PromoWithTagsHeader: import("styled-components").StyledComponent<({ semanticLevel, level, children }: import("../../../types/typography").IHeaderProps) => JSX.Element, any, {}, 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>;

package/dist/helpers/defaultValues.d.ts

@@ -0,0 +1,7 @@
+export declare const placeholderImage: {
+    altText: string;
+    desktopPath: string;
+    mobilePath: string;
+    caption: null;
+    thumbPath: null;
+};

package/dist/types/editorial.d.ts

@@ -42,6 +42,10 @@ export interface IEditorialGridProps {
      * Indicates if component should be hidden
      */
     hideSection?: boolean;
+    /**
+     * Modifies styles to fixed height card
+     */
+    asCard?: boolean;
 }
 export interface IPromoWithTagsStyledProps {
     /**
@@ -228,4 +232,16 @@ export interface IPromoWithTagsProps {
      * Text in the bottom
      */
     bottomText?: string;
+    /**
+     * Display with reduced height & font size for use as card
+     */
+    asCard?: boolean;
+    /**
+     * Make CTA appear disabled
+     */
+    disableCTA?: boolean;
+    /**
+     * Copy to show on disabled CTA
+     */
+    disabledCTACopy?: string;
 }

package/dist/types/typography.d.ts

@@ -30,9 +30,13 @@ export interface IStyledTag extends ITypographyWrapperProps, IGenericTypography
 }
 export interface IHeaderProps extends IGenericTypography {
     /**
-     * Header level, 1, 2, 3, 4, 5 or 6.
+     * Display Header level, 1, 2, 3, 4, 5 or 6.
      */
     level: TypographyLevel;
+    /**
+     * Semantic Header level, 1, 2, 3, 4, 5 or 6. - Not to be used for aeshetics.
+     */
+    semanticLevel?: TypographyLevel;
 }
 export interface IAltHeaderProps extends IGenericTypography {
     /**

package/package.json

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