@royaloperahouse/harmonic 0.12.1-c → 0.13.0

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 (33) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/README.GIT +278 -0
  3. package/README.md +43 -252
  4. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  5. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  6. package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
  7. package/dist/components/index.d.ts +2 -2
  8. package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
  9. package/dist/components/molecules/Information/Information.style.d.ts +2 -3
  10. package/dist/components/molecules/PageHeading/index.d.ts +1 -2
  11. package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
  12. package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
  13. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +2 -2
  14. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +3 -273
  15. package/dist/components/molecules/index.d.ts +2 -2
  16. package/dist/harmonic.cjs.development.css +0 -319
  17. package/dist/harmonic.cjs.development.js +132 -194
  18. package/dist/harmonic.cjs.development.js.map +1 -1
  19. package/dist/harmonic.cjs.production.min.js +1 -1
  20. package/dist/harmonic.cjs.production.min.js.map +1 -1
  21. package/dist/harmonic.esm.js +141 -205
  22. package/dist/harmonic.esm.js.map +1 -1
  23. package/dist/index.d.ts +2 -2
  24. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  25. package/dist/types/impactHeader.d.ts +2 -20
  26. package/dist/types/types.d.ts +4 -68
  27. package/package.json +1 -1
  28. package/dist/components/molecules/CastFilter/CastFilters.d.ts +0 -4
  29. package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +0 -14
  30. package/dist/components/molecules/CastFilter/index.d.ts +0 -2
  31. package/dist/components/molecules/PageHeading/Highlight/Highlight.d.ts +0 -4
  32. package/dist/components/molecules/PageHeading/Highlight/Highlight.style.d.ts +0 -9
  33. package/dist/components/molecules/PageHeading/Highlight/index.d.ts +0 -2
@@ -343,325 +343,6 @@
343
343
  font-display: swap;
344
344
  }
345
345
 
346
- /* ~~~~~ General Styling Classes ~~~~~ */
347
- .typography_color-primary__LOfDi {
348
- color: var(--color-primary);
349
- }
350
-
351
- .typography_color-black__6MHRL {
352
- color: var(--color-base-black);
353
- }
354
-
355
- .typography_color-white__PfW5s {
356
- color: var(--color-base-white);
357
- }
358
-
359
- .typography_color-red__iPlbG {
360
- color: var(--color-primary-red);
361
- }
362
-
363
- .typography_color-grey__GA1c2 {
364
- color: var(--color-base-dark-grey);
365
- }
366
-
367
- .typography_color-inherit__RDd0Y {
368
- color: inherit;
369
- }
370
-
371
- .typography_em__E6tX- {
372
- font-style: italic;
373
- }
374
- /* ~~~ */
375
-
376
- /* Display Headers */
377
- .typography_display__-F3p4 {
378
- margin: 0;
379
- font-family: var(--font-family-sans);
380
- line-height: 100%;
381
-
382
- &.typography_large__uq0zC {
383
- font-size: 96px;
384
- font-weight: 700;
385
- letter-spacing: -5px;
386
- }
387
-
388
- &.typography_small__wfQ0K {
389
- font-size: 68px;
390
- font-weight: 500;
391
- letter-spacing: -3px;
392
- }
393
-
394
- /* Serif and Italic styles */
395
- &.typography_serif__VSO38,
396
- &.typography_em__E6tX- {
397
- font-family: var(--font-family-serif);
398
- font-weight: 500;
399
- }
400
-
401
- /* Serif and Italic adjustments */
402
- &.typography_large__uq0zC.typography_serif__VSO38,
403
- &.typography_large__uq0zC.typography_em__E6tX- {
404
- letter-spacing: -3px;
405
- }
406
-
407
- &.typography_small__wfQ0K.typography_serif__VSO38,
408
- &.typography_small__wfQ0K.typography_em__E6tX- {
409
- letter-spacing: -2px;
410
- }
411
-
412
- @media (max-width: 699px) {
413
- &.typography_large__uq0zC {
414
- font-size: 38px;
415
- letter-spacing: -1.5px;
416
- }
417
-
418
- &.typography_small__wfQ0K {
419
- font-size: 32px;
420
- letter-spacing: -1.5px;
421
- }
422
-
423
- &.typography_large__uq0zC.typography_serif__VSO38,
424
- &.typography_large__uq0zC.typography_em__E6tX-,
425
- &.typography_small__wfQ0K.typography_serif__VSO38,
426
- &.typography_small__wfQ0K.typography_em__E6tX- {
427
- letter-spacing: -0.5px;
428
- }
429
- }
430
- }
431
-
432
- /* Headers */
433
- .typography_header__BexiD {
434
- margin: 0;
435
- font-family: var(--font-family-sans);
436
- font-weight: 500;
437
-
438
- &.typography_large__uq0zC {
439
- font-size: 44px;
440
- line-height: 48px;
441
- letter-spacing: -1.5px;
442
- }
443
-
444
- &.typography_medium__K0uZD {
445
- font-size: 34px;
446
- line-height: 40px;
447
- letter-spacing: -1px;
448
- }
449
-
450
- &.typography_small__wfQ0K {
451
- font-size: 26px;
452
- line-height: 32px;
453
- letter-spacing: -0.5px;
454
- }
455
-
456
- /* Serif and Italic styles */
457
- &.typography_serif__VSO38,
458
- &.typography_em__E6tX- {
459
- font-family: var(--font-family-serif);
460
- }
461
-
462
- /* Serif and Italic letter-spacing overrides */
463
- &.typography_large__uq0zC.typography_serif__VSO38,
464
- &.typography_large__uq0zC.typography_em__E6tX- {
465
- letter-spacing: -0.5px;
466
- }
467
-
468
- &.typography_medium__K0uZD.typography_serif__VSO38,
469
- &.typography_medium__K0uZD.typography_em__E6tX- {
470
- letter-spacing: -0.5px;
471
- }
472
-
473
- &.typography_small__wfQ0K.typography_serif__VSO38,
474
- &.typography_small__wfQ0K.typography_em__E6tX- {
475
- letter-spacing: -0.5px;
476
- }
477
-
478
- @media (max-width: 699px) {
479
- &.typography_large__uq0zC {
480
- font-size: 28px;
481
- line-height: 34px;
482
- letter-spacing: -1.5px;
483
- }
484
-
485
- &.typography_medium__K0uZD {
486
- font-size: 24px;
487
- line-height: 28px;
488
- letter-spacing: -1px;
489
- }
490
-
491
- &.typography_small__wfQ0K {
492
- font-size: 20px;
493
- line-height: 26px;
494
- letter-spacing: -0.75px;
495
- }
496
-
497
- /* Mobile overrides for serif/italic letter-spacing */
498
- &.typography_large__uq0zC.typography_serif__VSO38,
499
- &.typography_large__uq0zC.typography_em__E6tX-,
500
- &.typography_medium__K0uZD.typography_serif__VSO38,
501
- &.typography_medium__K0uZD.typography_em__E6tX-,
502
- &.typography_small__wfQ0K.typography_serif__VSO38,
503
- &.typography_small__wfQ0K.typography_em__E6tX- {
504
- letter-spacing: -0.5px;
505
- }
506
- }
507
- }
508
-
509
- /* Subtitle */
510
- .typography_subtitle__aoFTV {
511
- margin: 0;
512
- font-family: var(--font-family-sans);
513
- font-weight: 500;
514
-
515
- &.typography_large__uq0zC {
516
- font-size: 19px;
517
- line-height: 26px;
518
- letter-spacing: -0.5px;
519
- }
520
-
521
- &.typography_small__wfQ0K {
522
- font-size: 17px;
523
- line-height: 24px;
524
- letter-spacing: -0.5px;
525
- }
526
-
527
- @media (max-width: 699px) {
528
- &.typography_large__uq0zC {
529
- font-size: 17px;
530
- line-height: 24px;
531
- letter-spacing: -0.5px;
532
- }
533
-
534
- &.typography_small__wfQ0K {
535
- font-size: 14px;
536
- line-height: 20px;
537
- letter-spacing: -0.2px;
538
- }
539
- }
540
- }
541
-
542
- /* Body Copy */
543
- .typography_bodycopy__vYtQ8 {
544
- margin: 0;
545
- font-family: var(--font-family-sans);
546
- font-weight: 400;
547
-
548
- &.typography_large__uq0zC {
549
- font-size: 19px;
550
- line-height: 26px;
551
- letter-spacing: -0.5px;
552
- }
553
-
554
- &.typography_medium__K0uZD {
555
- font-size: 17px;
556
- line-height: 24px;
557
- letter-spacing: -0.5px;
558
- }
559
-
560
- &.typography_small__wfQ0K {
561
- font-size: 14px;
562
- line-height: 20px;
563
- letter-spacing: -0.5px;
564
- }
565
-
566
- @media (max-width: 699px) {
567
- &.typography_large__uq0zC {
568
- font-size: 17px;
569
- line-height: 24px;
570
- letter-spacing: -0.5px;
571
- }
572
-
573
- &.typography_medium__K0uZD {
574
- font-size: 14px;
575
- line-height: 20px;
576
- letter-spacing: -0.2px;
577
- }
578
-
579
- &.typography_small__wfQ0K {
580
- font-size: 11px;
581
- line-height: 16px;
582
- letter-spacing: -0.2px;
583
- }
584
- }
585
- }
586
-
587
- /* Overline */
588
- .typography_overline__EnUK3 {
589
- margin: 0;
590
- font-family: var(--font-family-sans);
591
- font-weight: 500;
592
- text-transform: uppercase;
593
-
594
- &.typography_large__uq0zC {
595
- font-size: 14px;
596
- line-height: 18px;
597
- letter-spacing: 0.3px;
598
- }
599
-
600
- &.typography_small__wfQ0K {
601
- font-size: 12px;
602
- line-height: 14px;
603
- letter-spacing: 0.2px;
604
- }
605
-
606
- @media (max-width: 699px) {
607
- &.typography_large__uq0zC {
608
- line-height: 17px;
609
- letter-spacing: 0.3px; /* Added to ensure it stays */
610
- }
611
-
612
- &.typography_small__wfQ0K {
613
- line-height: 14px;
614
- letter-spacing: 0.3px;
615
- }
616
- }
617
- }
618
-
619
- /* Button Text */
620
- .typography_buttontext__vcxNi {
621
- margin: 0;
622
- font-family: var(--font-family-sans);
623
- font-size: 17px;
624
- line-height: 20px;
625
- letter-spacing: -0.5px;
626
- font-weight: 400;
627
-
628
- @media (max-width: 699px) {
629
- font-weight: 500;
630
- line-height: 17px;
631
- }
632
- }
633
-
634
- /* Caption Text */
635
- .typography_captiontext__91UFb {
636
- margin: 0;
637
- font-family: var(--font-family-sans);
638
- font-weight: 400;
639
- font-size: 17px;
640
- line-height: 24px;
641
- letter-spacing: -0.5px;
642
-
643
- @media (max-width: 699px) {
644
- font-size: 14px;
645
- line-height: 20px;
646
- letter-spacing: -0.2px;
647
- }
648
- }
649
-
650
- /* Navigation Text */
651
- .typography_navigationtext__YfGf7 {
652
- margin: 0;
653
- font-family: var(--font-family-sans);
654
- font-size: 19px;
655
- line-height: 19px;
656
- letter-spacing: 0.4px;
657
- font-weight: 500;
658
-
659
- @media (max-width: 699px) {
660
- font-size: 17px;
661
- line-height: 17px;
662
- }
663
- }
664
-
665
346
  .core-theme-module_coreTheme__pWxYB {
666
347
  /* RBO Red */
667
348
  /* Primary Palette */