@royaloperahouse/chord 0.3.5 → 0.3.6

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.
Files changed (35) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +1 -1
  3. package/dist/chord.cjs.development.js +539 -257
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +533 -258
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/components/atoms/Badge/Badge.style.d.ts +2 -0
  10. package/dist/components/atoms/Badge/CinemaBadge.d.ts +4 -0
  11. package/dist/components/atoms/Badge/StreamBadge.d.ts +4 -0
  12. package/dist/components/atoms/Badge/index.d.ts +3 -0
  13. package/dist/components/atoms/SecondaryLogo/SecodaryLogo.style.d.ts +2 -0
  14. package/dist/components/atoms/SecondaryLogo/SecondaryLogo.d.ts +4 -0
  15. package/dist/components/atoms/SecondaryLogo/index.d.ts +2 -0
  16. package/dist/components/atoms/index.d.ts +3 -1
  17. package/dist/components/index.d.ts +3 -3
  18. package/dist/components/molecules/PageHeading/Cinema/Cinema.d.ts +4 -0
  19. package/dist/components/molecules/PageHeading/Cinema/index.d.ts +2 -0
  20. package/dist/components/molecules/PageHeading/Core/Core.d.ts +4 -0
  21. package/dist/components/molecules/PageHeading/Core/index.d.ts +2 -0
  22. package/dist/components/molecules/PageHeading/Impact/Impact.d.ts +4 -0
  23. package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +8 -0
  24. package/dist/components/molecules/PageHeading/Impact/index.d.ts +2 -0
  25. package/dist/components/molecules/PageHeading/PageHeading.d.ts +4 -0
  26. package/dist/components/molecules/PageHeading/PageHeading.style.d.ts +7 -0
  27. package/dist/components/molecules/PageHeading/Stream/Stream.d.ts +4 -0
  28. package/dist/components/molecules/PageHeading/Stream/index.d.ts +2 -0
  29. package/dist/components/molecules/PageHeading/index.d.ts +5 -0
  30. package/dist/components/molecules/index.d.ts +2 -1
  31. package/dist/index.d.ts +2 -2
  32. package/dist/styles/themes.d.ts +84 -0
  33. package/dist/types/editorial.d.ts +72 -3
  34. package/dist/types/types.d.ts +12 -0
  35. package/package.json +1 -1
package/dist/components/atoms/Badge/Badge.style.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { ILogosStyledProps } from '../../../types/types';
2
+ export declare const BadgeWrapper: import("styled-components").StyledComponent<"svg", any, ILogosStyledProps, never>;
package/dist/components/atoms/Badge/CinemaBadge.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const CinemaBadge: FunctionComponent<ILogosProps>;
4
+ export default CinemaBadge;
package/dist/components/atoms/Badge/StreamBadge.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const StreamBadge: FunctionComponent<ILogosProps>;
4
+ export default StreamBadge;
package/dist/components/atoms/Badge/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import StreamBadge from './StreamBadge';
2
+ import CinemaBadge from './CinemaBadge';
3
+ export { CinemaBadge, StreamBadge };
package/dist/components/atoms/SecondaryLogo/SecodaryLogo.style.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { ILogosStyledProps } from '../../../types/types';
2
+ export declare const SecondaryLogoWrapper: import("styled-components").StyledComponent<"svg", any, ILogosStyledProps, never>;
package/dist/components/atoms/SecondaryLogo/SecondaryLogo.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ILogosProps } from '../../../types/types';
3
+ declare const SecondaryLogo: FunctionComponent<ILogosProps>;
4
+ export default SecondaryLogo;
package/dist/components/atoms/SecondaryLogo/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import SecondaryLogo from './SecondaryLogo';
2
+ export default SecondaryLogo;
package/dist/components/atoms/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
2
2
  import { Grid, GridItem } from './Grid';
3
3
  import { Icon } from './Icons';
4
+ import { CinemaBadge, StreamBadge } from './Badge';
5
+ import SecondaryLogo from './SecondaryLogo';
4
6
  import Heading from './Heading';
5
7
  import SponsorLogo from './SponsorLogo';
6
8
  import Sponsorship from './Sponsorship';
@@ -10,4 +12,4 @@ import Tab from './Tab';
10
12
  import TabLink from './TabLink';
11
13
  import TypeTags from './TypeTags';
12
14
  import RotatorButtons from './RotatorButtons';
13
- export { Grid, GridItem, Heading, Icon, ImageAspectRatioWrapper, PrimaryButton, RotatorButtons, SecondaryButton, SectionSplitter, SponsorLogo, Sponsorship, Tab, TabLink, TertiaryButton, TypeTags, };
15
+ export { CinemaBadge, Grid, GridItem, Heading, Icon, ImageAspectRatioWrapper, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, StreamBadge, Tab, TabLink, TertiaryButton, TypeTags, };
package/dist/components/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { Grid, GridItem, Heading, Icon, Sponsorship, PrimaryButton, RotatorButtons, SecondaryButton, TertiaryButton, SectionSplitter, TabLink, TypeTags } from './atoms';
1
+ import { CinemaBadge, Grid, GridItem, Heading, Icon, Sponsorship, PrimaryButton, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, StreamBadge, TabLink, TypeTags } from './atoms';
2
2
  import { AnchorTapBar, Footer, Navigation } from './organisms';
3
- import { Accordion, Accordions, Cards, Editorial, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly } from './molecules';
3
+ import { Accordion, Accordions, Cards, Editorial, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly } from './molecules';
4
4
  import ThemeProvider from '../styles/ThemeProvider';
5
5
  import GlobalStyles from '../styles/GlobalStyles';
6
- export { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionTitle, Sponsorship, TertiaryButton, TextOnly, ThemeProvider, SectionSplitter, TabLink, Tabs, TypeTags, };
6
+ export { CinemaBadge, Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionTitle, Sponsorship, StreamBadge, TertiaryButton, TextOnly, ThemeProvider, SectionSplitter, TabLink, Tabs, TypeTags, };
package/dist/components/molecules/PageHeading/Cinema/Cinema.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingCinema: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingCinema;
package/dist/components/molecules/PageHeading/Cinema/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import PageTitleCinema from './Cinema';
2
+ export default PageTitleCinema;
package/dist/components/molecules/PageHeading/Core/Core.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingCore: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingCore;
package/dist/components/molecules/PageHeading/Core/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import PageTitleCore from './Core';
2
+ export default PageTitleCore;
package/dist/components/molecules/PageHeading/Impact/Impact.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IPageHeadingImpactProps } from '../../../../types/editorial';
3
+ declare const PageHeadingImpact: FunctionComponent<IPageHeadingImpactProps>;
4
+ export default PageHeadingImpact;
package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { IImpactWrappersStyledProps } from '../../../../types/editorial';
2
+ export declare const ImpactWrapper: import("styled-components").StyledComponent<"div", any, IImpactWrappersStyledProps, never>;
3
+ export declare const ImpactGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const ScrollDownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/components/molecules/PageHeading/Impact/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import PageTitleImpact from './Impact';
2
+ export default PageTitleImpact;
package/dist/components/molecules/PageHeading/PageHeading.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IPageHeadingProps } from '../../../types/editorial';
3
+ declare const PageHeading: FunctionComponent<IPageHeadingProps>;
4
+ export default PageHeading;
package/dist/components/molecules/PageHeading/PageHeading.style.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export declare const PageHeadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const PageHeadingGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const ChildrenWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/components/molecules/PageHeading/Stream/Stream.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IThemePageHeadingProps } from '../../../../types/editorial';
3
+ declare const PageHeadingStream: FunctionComponent<IThemePageHeadingProps>;
4
+ export default PageHeadingStream;
package/dist/components/molecules/PageHeading/Stream/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import PageTitleStream from './Stream';
2
+ export default PageTitleStream;
package/dist/components/molecules/PageHeading/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import PageHeadingCore from './Core';
2
+ import PageHeadingCinema from './Cinema';
3
+ import PageHeadingImpact from './Impact';
4
+ import PageHeadingStream from './Stream';
5
+ export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream };
package/dist/components/molecules/index.d.ts CHANGED
@@ -2,9 +2,10 @@ import Accordion from './Accordion';
2
2
  import Accordions from './Accordions';
3
3
  import Cards from './Cards';
4
4
  import Editorial from './Editorial';
5
+ import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream } from './PageHeading';
5
6
  import PeopleListing from './PeopleListing';
6
7
  import PromoWithTitle from './PromoWithTitle';
7
8
  import SectionTitle from './SectionTitle';
8
9
  import Tabs from './Tabs';
9
10
  import TextOnly from './TextOnly';
10
- export { Accordion, Accordions, Cards, Editorial, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly };
11
+ export { Accordion, Accordions, Cards, Editorial, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PromoWithTitle, SectionTitle, Tabs, TextOnly, };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionSplitter, SectionTitle, Sponsorship, TertiaryButton, TextOnly, ThemeProvider, TabLink, Tabs, TypeTags } from './components';
1
+ import { CinemaBadge, Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Heading, Icon, Navigation, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, TertiaryButton, TextOnly, ThemeProvider, TabLink, Tabs, TypeTags } from './components';
2
2
  import { ThemeType } from './types/types';
3
- export { Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Icon, Heading, Navigation, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SectionSplitter, SectionTitle, Sponsorship, TabLink, Tabs, TertiaryButton, TextOnly, ThemeProvider, ThemeType, TypeTags, };
3
+ export { CinemaBadge, Accordion, Accordions, AnchorTapBar, Cards, Editorial, Footer, GlobalStyles, Grid, GridItem, Icon, Heading, Navigation, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StreamBadge, TabLink, Tabs, TertiaryButton, TextOnly, ThemeProvider, ThemeType, TypeTags, };
package/dist/styles/themes.d.ts CHANGED
@@ -65,6 +65,9 @@ export declare const core: {
65
65
  5: string;
66
66
  6: string;
67
67
  };
68
+ altHeaders: {
69
+ 6: string;
70
+ };
68
71
  overline: {
69
72
  1: string;
70
73
  2: string;
@@ -137,6 +140,9 @@ export declare const core: {
137
140
  5: string;
138
141
  6: string;
139
142
  };
143
+ altHeaders: {
144
+ 6: string;
145
+ };
140
146
  buttons: string;
141
147
  overline: {
142
148
  1: string;
@@ -155,6 +161,7 @@ export declare const core: {
155
161
  };
156
162
  transforms: {
157
163
  headers: string;
164
+ altHeaders: string;
158
165
  overline: string;
159
166
  subtitles: string;
160
167
  body: string;
@@ -214,6 +221,9 @@ export declare const core: {
214
221
  5: string;
215
222
  6: string;
216
223
  };
224
+ altHeaders: {
225
+ 6: string;
226
+ };
217
227
  overline: {
218
228
  1: string;
219
229
  2: string;
@@ -284,6 +294,9 @@ export declare const core: {
284
294
  5: string;
285
295
  6: string;
286
296
  };
297
+ altHeaders: {
298
+ 6: string;
299
+ };
287
300
  buttons: string;
288
301
  overline: {
289
302
  1: string;
@@ -302,6 +315,7 @@ export declare const core: {
302
315
  };
303
316
  transforms: {
304
317
  headers: string;
318
+ altHeaders: string;
305
319
  overline: string;
306
320
  subtitles: string;
307
321
  body: string;
@@ -456,6 +470,9 @@ export declare const stream: {
456
470
  5: string;
457
471
  6: string;
458
472
  };
473
+ altHeaders: {
474
+ 6: string;
475
+ };
459
476
  overline: {
460
477
  1: string;
461
478
  2: string;
@@ -528,6 +545,9 @@ export declare const stream: {
528
545
  5: string;
529
546
  6: string;
530
547
  };
548
+ altHeaders: {
549
+ 6: string;
550
+ };
531
551
  buttons: string;
532
552
  overline: {
533
553
  1: string;
@@ -546,6 +566,7 @@ export declare const stream: {
546
566
  };
547
567
  transforms: {
548
568
  headers: string;
569
+ altHeaders: string;
549
570
  overline: string;
550
571
  subtitles: string;
551
572
  body: string;
@@ -605,6 +626,9 @@ export declare const stream: {
605
626
  5: string;
606
627
  6: string;
607
628
  };
629
+ altHeaders: {
630
+ 6: string;
631
+ };
608
632
  overline: {
609
633
  1: string;
610
634
  2: string;
@@ -675,6 +699,9 @@ export declare const stream: {
675
699
  5: string;
676
700
  6: string;
677
701
  };
702
+ altHeaders: {
703
+ 6: string;
704
+ };
678
705
  buttons: string;
679
706
  overline: {
680
707
  1: string;
@@ -693,6 +720,7 @@ export declare const stream: {
693
720
  };
694
721
  transforms: {
695
722
  headers: string;
723
+ altHeaders: string;
696
724
  overline: string;
697
725
  subtitles: string;
698
726
  body: string;
@@ -847,6 +875,9 @@ export declare const cinema: {
847
875
  5: string;
848
876
  6: string;
849
877
  };
878
+ altHeaders: {
879
+ 6: string;
880
+ };
850
881
  overline: {
851
882
  1: string;
852
883
  2: string;
@@ -919,6 +950,9 @@ export declare const cinema: {
919
950
  5: string;
920
951
  6: string;
921
952
  };
953
+ altHeaders: {
954
+ 6: string;
955
+ };
922
956
  buttons: string;
923
957
  overline: {
924
958
  1: string;
@@ -937,6 +971,7 @@ export declare const cinema: {
937
971
  };
938
972
  transforms: {
939
973
  headers: string;
974
+ altHeaders: string;
940
975
  overline: string;
941
976
  subtitles: string;
942
977
  body: string;
@@ -996,6 +1031,9 @@ export declare const cinema: {
996
1031
  5: string;
997
1032
  6: string;
998
1033
  };
1034
+ altHeaders: {
1035
+ 6: string;
1036
+ };
999
1037
  overline: {
1000
1038
  1: string;
1001
1039
  2: string;
@@ -1066,6 +1104,9 @@ export declare const cinema: {
1066
1104
  5: string;
1067
1105
  6: string;
1068
1106
  };
1107
+ altHeaders: {
1108
+ 6: string;
1109
+ };
1069
1110
  buttons: string;
1070
1111
  overline: {
1071
1112
  1: string;
@@ -1084,6 +1125,7 @@ export declare const cinema: {
1084
1125
  };
1085
1126
  transforms: {
1086
1127
  headers: string;
1128
+ altHeaders: string;
1087
1129
  overline: string;
1088
1130
  subtitles: string;
1089
1131
  body: string;
@@ -1239,6 +1281,9 @@ export declare const themes: {
1239
1281
  5: string;
1240
1282
  6: string;
1241
1283
  };
1284
+ altHeaders: {
1285
+ 6: string;
1286
+ };
1242
1287
  overline: {
1243
1288
  1: string;
1244
1289
  2: string;
@@ -1311,6 +1356,9 @@ export declare const themes: {
1311
1356
  5: string;
1312
1357
  6: string;
1313
1358
  };
1359
+ altHeaders: {
1360
+ 6: string;
1361
+ };
1314
1362
  buttons: string;
1315
1363
  overline: {
1316
1364
  1: string;
@@ -1329,6 +1377,7 @@ export declare const themes: {
1329
1377
  };
1330
1378
  transforms: {
1331
1379
  headers: string;
1380
+ altHeaders: string;
1332
1381
  overline: string;
1333
1382
  subtitles: string;
1334
1383
  body: string;
@@ -1388,6 +1437,9 @@ export declare const themes: {
1388
1437
  5: string;
1389
1438
  6: string;
1390
1439
  };
1440
+ altHeaders: {
1441
+ 6: string;
1442
+ };
1391
1443
  overline: {
1392
1444
  1: string;
1393
1445
  2: string;
@@ -1458,6 +1510,9 @@ export declare const themes: {
1458
1510
  5: string;
1459
1511
  6: string;
1460
1512
  };
1513
+ altHeaders: {
1514
+ 6: string;
1515
+ };
1461
1516
  buttons: string;
1462
1517
  overline: {
1463
1518
  1: string;
@@ -1476,6 +1531,7 @@ export declare const themes: {
1476
1531
  };
1477
1532
  transforms: {
1478
1533
  headers: string;
1534
+ altHeaders: string;
1479
1535
  overline: string;
1480
1536
  subtitles: string;
1481
1537
  body: string;
@@ -1630,6 +1686,9 @@ export declare const themes: {
1630
1686
  5: string;
1631
1687
  6: string;
1632
1688
  };
1689
+ altHeaders: {
1690
+ 6: string;
1691
+ };
1633
1692
  overline: {
1634
1693
  1: string;
1635
1694
  2: string;
@@ -1702,6 +1761,9 @@ export declare const themes: {
1702
1761
  5: string;
1703
1762
  6: string;
1704
1763
  };
1764
+ altHeaders: {
1765
+ 6: string;
1766
+ };
1705
1767
  buttons: string;
1706
1768
  overline: {
1707
1769
  1: string;
@@ -1720,6 +1782,7 @@ export declare const themes: {
1720
1782
  };
1721
1783
  transforms: {
1722
1784
  headers: string;
1785
+ altHeaders: string;
1723
1786
  overline: string;
1724
1787
  subtitles: string;
1725
1788
  body: string;
@@ -1779,6 +1842,9 @@ export declare const themes: {
1779
1842
  5: string;
1780
1843
  6: string;
1781
1844
  };
1845
+ altHeaders: {
1846
+ 6: string;
1847
+ };
1782
1848
  overline: {
1783
1849
  1: string;
1784
1850
  2: string;
@@ -1849,6 +1915,9 @@ export declare const themes: {
1849
1915
  5: string;
1850
1916
  6: string;
1851
1917
  };
1918
+ altHeaders: {
1919
+ 6: string;
1920
+ };
1852
1921
  buttons: string;
1853
1922
  overline: {
1854
1923
  1: string;
@@ -1867,6 +1936,7 @@ export declare const themes: {
1867
1936
  };
1868
1937
  transforms: {
1869
1938
  headers: string;
1939
+ altHeaders: string;
1870
1940
  overline: string;
1871
1941
  subtitles: string;
1872
1942
  body: string;
@@ -2021,6 +2091,9 @@ export declare const themes: {
2021
2091
  5: string;
2022
2092
  6: string;
2023
2093
  };
2094
+ altHeaders: {
2095
+ 6: string;
2096
+ };
2024
2097
  overline: {
2025
2098
  1: string;
2026
2099
  2: string;
@@ -2093,6 +2166,9 @@ export declare const themes: {
2093
2166
  5: string;
2094
2167
  6: string;
2095
2168
  };
2169
+ altHeaders: {
2170
+ 6: string;
2171
+ };
2096
2172
  buttons: string;
2097
2173
  overline: {
2098
2174
  1: string;
@@ -2111,6 +2187,7 @@ export declare const themes: {
2111
2187
  };
2112
2188
  transforms: {
2113
2189
  headers: string;
2190
+ altHeaders: string;
2114
2191
  overline: string;
2115
2192
  subtitles: string;
2116
2193
  body: string;
@@ -2170,6 +2247,9 @@ export declare const themes: {
2170
2247
  5: string;
2171
2248
  6: string;
2172
2249
  };
2250
+ altHeaders: {
2251
+ 6: string;
2252
+ };
2173
2253
  overline: {
2174
2254
  1: string;
2175
2255
  2: string;
@@ -2240,6 +2320,9 @@ export declare const themes: {
2240
2320
  5: string;
2241
2321
  6: string;
2242
2322
  };
2323
+ altHeaders: {
2324
+ 6: string;
2325
+ };
2243
2326
  buttons: string;
2244
2327
  overline: {
2245
2328
  1: string;
@@ -2258,6 +2341,7 @@ export declare const themes: {
2258
2341
  };
2259
2342
  transforms: {
2260
2343
  headers: string;
2344
+ altHeaders: string;
2261
2345
  overline: string;
2262
2346
  subtitles: string;
2263
2347
  body: string;
package/dist/types/editorial.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { AnchorHTMLAttributes, MouseEventHandler, ReactElement } from 'react';
1
+ import { AnchorHTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
2
+ import { StyledProps } from 'styled-components';
2
3
  import { DirectionType, IconNameType } from './iconTypes';
3
4
  import { Colors } from './types';
4
5
  export interface IEditorialProps {
@@ -25,7 +26,7 @@ export interface IEditorialGridProps {
25
26
  */
26
27
  imageToLeft: boolean;
27
28
  }
28
- export declare type PromoWithTitleLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
29
+ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
29
30
  /**
30
31
  * Text inside the link
31
32
  */
@@ -46,8 +47,12 @@ export declare type PromoWithTitleLink = AnchorHTMLAttributes<HTMLAnchorElement>
46
47
  * Color of text and icon
47
48
  */
48
49
  color?: Colors;
50
+ /**
51
+ * background color
52
+ */
53
+ bgColor?: Colors;
49
54
  };
50
- export declare type PromoLinks = [PromoWithTitleLink, PromoWithTitleLink?];
55
+ export declare type PromoLinks = [EditorialLink, EditorialLink?];
51
56
  export interface IPromoWithTitleProps {
52
57
  /**
53
58
  * Text placed in the editorial component
@@ -78,3 +83,67 @@ export interface IPromoWithTitleProps {
78
83
  */
79
84
  links?: PromoLinks;
80
85
  }
86
+ export interface IThemePageHeadingProps {
87
+ /**
88
+ * Title placed in the page heading component
89
+ */
90
+ title: string;
91
+ /**
92
+ * Text placed in the page heading component
93
+ */
94
+ text?: string;
95
+ /**
96
+ * Link placed in the page heading component
97
+ */
98
+ link?: EditorialLink;
99
+ /**
100
+ * Boolean to show/hide sponsorship logo (default true)
101
+ */
102
+ sponsor?: boolean;
103
+ }
104
+ export interface IPageHeadingProps extends IThemePageHeadingProps {
105
+ /**
106
+ * Logo to be placed in page heading component
107
+ */
108
+ children?: ReactNode;
109
+ }
110
+ export interface IPageHeadingImpactProps {
111
+ /**
112
+ * Text placed in the impact component
113
+ */
114
+ text?: string;
115
+ /**
116
+ * Link placed in the impact component
117
+ */
118
+ link?: EditorialLink;
119
+ /**
120
+ * Boolean to show/hide sponsorship logo (default true)
121
+ */
122
+ sponsor?: boolean;
123
+ /**
124
+ * Background url for desktops
125
+ */
126
+ bgUrlDesktop: string;
127
+ /**
128
+ * Background url for devices
129
+ */
130
+ bgUrlDevice?: string;
131
+ /**
132
+ * Logo to be placed in page heading component
133
+ */
134
+ children?: ReactNode;
135
+ /**
136
+ * Internal anchor ref
137
+ */
138
+ scrollHref?: string;
139
+ }
140
+ export interface IImpactWrappersStyledProps extends StyledProps<any> {
141
+ /**
142
+ * Background url for desktops
143
+ */
144
+ bgUrlDesktop: string;
145
+ /**
146
+ * Background url for devices
147
+ */
148
+ bgUrlDevice?: string;
149
+ }
package/dist/types/types.d.ts CHANGED
@@ -279,6 +279,18 @@ export interface ISectionTitleProps {
279
279
  */
280
280
  description?: string;
281
281
  }
282
+ export interface ILogosProps {
283
+ /**
284
+ * Color used to fill logos.
285
+ */
286
+ fillColor?: Colors.White | Colors.Black;
287
+ }
288
+ export interface ILogosStyledProps extends StyledProps<any> {
289
+ /**
290
+ * Color used to fill logos.
291
+ */
292
+ fillColor?: Colors.White | Colors.Black;
293
+ }
282
294
  export interface IAccordionProps {
283
295
  /**
284
296
  * Title to display.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/chord",
3
- "version": "0.3.5",
3
+ "version": "0.3.6",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",