@royaloperahouse/chord 2.3.1-b-chord-development → 2.3.2-a-chord-development

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { IAltHeaderProps, IBodyTextProps, IHeaderProps, IOverlineProps, IStyledTag, ISubtitleProps } from '../../../types/typography';
2
2
  export declare const StyledTag: ({ tag, typography, children, level }: IStyledTag) => JSX.Element;
3
- export declare const AltHeader: ({ level, children }: IAltHeaderProps) => JSX.Element;
3
+ export declare const AltHeader: ({ semanticLevel, level, children }: IAltHeaderProps) => JSX.Element;
4
4
  export declare const BodyText: ({ level, children, tag }: IBodyTextProps) => JSX.Element;
5
5
  export declare const Header: ({ semanticLevel, level, children }: IHeaderProps) => JSX.Element;
6
6
  export declare const Overline: ({ level, children, tag }: IOverlineProps) => JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { ISectionTitleProps } from '../../../types/types';
2
- declare const SectionTitle: ({ title, size, description }: ISectionTitleProps) => JSX.Element;
2
+ declare const SectionTitle: ({ title, size, description, semanticLevel }: ISectionTitleProps) => JSX.Element;
3
3
  export default SectionTitle;
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Generates a random string in the format XXX-XXX.
3
+ * Does not meet UUID standards.
4
+ * To be used where only a small number of unique IDs are required, e.g. DOM element IDs.
5
+ *
6
+ * @return {string} A random string in the format XXX-XXX.
7
+ */
8
+ export declare const generateDomElementId: () => string;
@@ -112,6 +112,10 @@ export interface IPromoWithTitleProps {
112
112
  * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
113
113
  */
114
114
  links?: PromoLinks;
115
+ /**
116
+ * Semantic level of the title. Default is 2.
117
+ */
118
+ titleSemanticLevel?: TypographyLevel;
115
119
  }
116
120
  export interface IThemePageHeadingProps {
117
121
  /**
@@ -130,6 +134,18 @@ export interface IThemePageHeadingProps {
130
134
  * Boolean to show/hide sponsorship logo (default true)
131
135
  */
132
136
  sponsor?: boolean;
137
+ /**
138
+ * Semantic level of the title. Default is 1.
139
+ */
140
+ semanticLevel?: TypographyLevel;
141
+ /**
142
+ * Character limit for the text
143
+ */
144
+ copyCharLimit?: number;
145
+ /**
146
+ * Character limit for the title
147
+ */
148
+ titleCharLimit?: number;
133
149
  }
134
150
  export interface IPageHeadingProps extends IThemePageHeadingProps {
135
151
  /**
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { EditorialLink } from '../types';
3
+ import { TypographyLevel } from './typography';
3
4
  export interface IPageHeadingImpactProps {
4
5
  /**
5
6
  * Text placed in the impact component
@@ -37,6 +38,10 @@ export interface IPageHeadingImpactProps {
37
38
  * Internal anchor ref
38
39
  */
39
40
  scrollHref?: string;
41
+ /**
42
+ * Semantic level of the header
43
+ */
44
+ semanticLevel?: TypographyLevel;
40
45
  }
41
46
  export declare type BrandingStyle = 'BlockText' | 'BodyText' | 'StreamLogo' | 'CinemaLogo' | 'TextLink';
42
47
  export interface IPageHeadingCompactProps {
@@ -105,6 +110,10 @@ export interface IPageHeadingCompactProps {
105
110
  * If true, shows the copy section (title, CTAs etc.). If false, only the video banner is visible. True by default.
106
111
  */
107
112
  showCopy?: boolean;
113
+ /**
114
+ * Semantic level of the header
115
+ */
116
+ semanticLevel?: TypographyLevel;
108
117
  }
109
118
  export interface CustomSponsorImageData {
110
119
  /**
@@ -426,6 +426,10 @@ export interface ISectionTitleProps {
426
426
  * Optional description that can be rendered below the title.
427
427
  */
428
428
  description?: string;
429
+ /**
430
+ * Semantic level of the title.
431
+ */
432
+ semanticLevel?: TypographyLevel;
429
433
  }
430
434
  export interface ILogosProps {
431
435
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/chord",
3
- "version": "2.3.1-b-chord-development",
3
+ "version": "2.3.2-a-chord-development",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -1 +0,0 @@
1
- export declare const generateId: () => string;