@royaloperahouse/harmonic 0.18.0 → 0.18.2-a

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 (43) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/README.md +268 -43
  3. package/dist/components/atoms/ImageAspectRatioWrapper/ImageAspectRatioWrapper.d.ts +1 -1
  4. package/dist/components/atoms/Person/Person.style.d.ts +2 -0
  5. package/dist/components/atoms/Person/index.d.ts +2 -0
  6. package/dist/components/atoms/RotatorButtons/RotatorButtons.d.ts +1 -1
  7. package/dist/components/atoms/RotatorButtons/RotatorButtons.style.d.ts +8 -3
  8. package/dist/components/index.d.ts +2 -2
  9. package/dist/components/molecules/ImageWithCaption/ImageWithCaption.d.ts +2 -2
  10. package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +2 -1
  11. package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
  12. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +0 -6
  13. package/dist/components/molecules/PeopleListing/fixtures.d.ts +4 -0
  14. package/dist/components/molecules/PersonCard/PersonCard.d.ts +4 -0
  15. package/dist/components/molecules/PersonCard/PersonCard.style.d.ts +2 -0
  16. package/dist/components/molecules/PersonCard/index.d.ts +2 -0
  17. package/dist/components/molecules/PersonDetails/PersonDetails.d.ts +4 -0
  18. package/dist/components/molecules/PersonDetails/PersonDetails.style.d.ts +2 -0
  19. package/dist/components/molecules/PersonDetails/index.d.ts +2 -0
  20. package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
  21. package/dist/components/molecules/Swipe/Swipe.d.ts +3 -0
  22. package/dist/components/molecules/UpsellCard/UpsellCard.style.d.ts +277 -11
  23. package/dist/components/molecules/index.d.ts +2 -1
  24. package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +1 -1
  25. package/dist/components/organisms/Carousels/Carousel/helper.d.ts +2 -2
  26. package/dist/components/organisms/UpsellSection/UpsellSection.style.d.ts +272 -1
  27. package/dist/harmonic.cjs.development.css +26 -12
  28. package/dist/harmonic.cjs.development.js +1563 -1165
  29. package/dist/harmonic.cjs.development.js.map +1 -1
  30. package/dist/harmonic.cjs.production.min.js +1 -1
  31. package/dist/harmonic.cjs.production.min.js.map +1 -1
  32. package/dist/harmonic.esm.js +1567 -1171
  33. package/dist/harmonic.esm.js.map +1 -1
  34. package/dist/index.d.ts +3 -2
  35. package/dist/types/buttonTypes.d.ts +3 -0
  36. package/dist/types/card.d.ts +7 -0
  37. package/dist/types/carousel.d.ts +2 -1
  38. package/dist/types/image.d.ts +15 -11
  39. package/dist/types/types.d.ts +12 -4
  40. package/dist/types/upsell.d.ts +7 -15
  41. package/package.json +2 -1
  42. package/README.GIT +0 -294
  43. /package/dist/components/{molecules/PeopleListing → atoms/Person}/Person.d.ts +0 -0
package/dist/harmonic.cjs.development.css CHANGED
@@ -152,7 +152,6 @@
152
152
  color: var(--color-primary);
153
153
  }
154
154
 
155
-
156
155
  .typography-module_display--black__8hmsx,
157
156
  .typography-module_header--black__M3I14,
158
157
  .typography-module_subtitle--black__IQRSo,
@@ -209,15 +208,24 @@
209
208
  }
210
209
 
211
210
  /* Typography variants */
212
- .typography-module_display--serif__C0-Ve,
211
+ .typography-module_display--serif__C0-Ve {
212
+ font-family: var(--font-family-serif);
213
+ }
214
+
213
215
  .typography-module_header--serif__uTGCc {
214
216
  font-family: var(--font-family-serif);
217
+ letter-spacing: -0.5px;
218
+ }
219
+
220
+ .typography-module_display--em__h2bPV {
221
+ font-family: var(--font-family-serif);
222
+ font-style: italic;
215
223
  }
216
224
 
217
- .typography-module_display--em__h2bPV,
218
225
  .typography-module_header--em__UFQIA {
219
226
  font-family: var(--font-family-serif);
220
227
  font-style: italic;
228
+ letter-spacing: -0.5px;
221
229
  }
222
230
 
223
231
  .typography-module_display--bold__PG-8g,
@@ -301,6 +309,7 @@
301
309
  letter-spacing: 0.3px;
302
310
  }
303
311
  }
312
+
304
313
  @font-face {
305
314
  font-family: 'GreyLLTT';
306
315
  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -327,8 +336,7 @@
327
336
 
328
337
  @font-face {
329
338
  font-family: 'VictorSerif';
330
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
331
- format('woff2');
339
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
332
340
  font-weight: 500;
333
341
  font-style: normal;
334
342
  font-display: swap;
@@ -336,8 +344,7 @@
336
344
 
337
345
  @font-face {
338
346
  font-family: 'VictorSerif';
339
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
340
- format('woff2');
347
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
341
348
  font-weight: 500;
342
349
  font-style: italic;
343
350
  font-display: swap;
@@ -440,15 +447,19 @@
440
447
 
441
448
  --rotator-button-width: 60px;
442
449
  --rotator-button-icon-width: 36px;
450
+ --rotator-button-small-width: 44px;
451
+ --rotator-button-small-icon-width: 28px;
443
452
  --rotator-button-color: var(--color-primary-black);
444
453
  --rotator-button-bg-color: var(--color-base-light-grey);
445
454
  --rotator-button-hover-color: var(--color-base-white);
446
455
  --rotator-button-hover-bg-color: var(--color-primary-red);
447
456
 
448
- --carousel-image-caption-height: 17px;
457
+ --carousel-image-caption-margin: 12px;
449
458
 
450
459
  --line-height-listing: 36px;
451
460
 
461
+ --upsell-border-color: var(--color-primary-red);
462
+
452
463
  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;
453
464
  --font-feature-settings-header: 'tnum' on, 'lnum' on;
454
465
  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;
@@ -462,7 +473,6 @@
462
473
  --grid-margin: 20px;
463
474
  --rotator-button-width: 40px;
464
475
  --rotator-button-icon-width: 24px;
465
- --carousel-image-caption-height: 14px;
466
476
 
467
477
  --line-height-listing: 34px;
468
478
 
@@ -480,7 +490,6 @@
480
490
  --grid-margin: 32px;
481
491
  --rotator-button-width: 44px;
482
492
  --rotator-button-icon-width: 24px;
483
- --carousel-image-caption-height: 14px;
484
493
  }
485
494
 
486
495
  /* ----- Variables already used in Harmonic END ----- */
@@ -855,6 +864,8 @@
855
864
 
856
865
  --heading-promo-bg-color: var(--color-base-black);
857
866
  --page-header-bg-color: var(--color-primary-black);
867
+
868
+ --upsell-border-color: var(--color-primary-black);
858
869
  }
859
870
 
860
871
  .cinema-theme-module_cinemaTheme__f5QFs {
@@ -900,9 +911,12 @@
900
911
  --information-panel-button-hover-color: var(--color-rbo-red-hovered);
901
912
  --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
902
913
 
903
- --heading-promo-bg-color: var(--color-base-white);
914
+ --heading-promo-bg-color: var(--color-base-white);
904
915
  --page-header-bg-color: var(--color-primary-black);
905
- };
916
+
917
+ --upsell-border-color: var(--color-primary-black);
918
+ }
919
+
906
920
  .schools-theme-module_schoolsTheme__CWHba {
907
921
  /* Schools theme overrides */
908
922
  --base-color-primary: #c8102e;