@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.
- package/CHANGELOG.md +3 -0
- package/dist/chord.cjs.development.js +55 -19
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +55 -19
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Typography/Typography.d.ts +1 -1
- package/dist/components/molecules/SectionTitle/SectionTitle.d.ts +1 -1
- package/dist/helpers/generateDomElementId.d.ts +8 -0
- package/dist/types/editorial.d.ts +16 -0
- package/dist/types/impactHeader.d.ts +9 -0
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
- package/dist/helpers/generateId.d.ts +0 -1
|
@@ -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
|
/**
|
package/dist/types/types.d.ts
CHANGED
|
@@ -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 +0,0 @@
|
|
|
1
|
-
export declare const generateId: () => string;
|