@royaloperahouse/harmonic 0.6.0-f → 0.6.1

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 (29) hide show
  1. package/README.GIT +278 -0
  2. package/README.md +43 -252
  3. package/dist/components/atoms/ControlledDropdown/ControlledDropdown.d.ts +2 -2
  4. package/dist/components/atoms/ControlledDropdown/ControlledDropdown.style.d.ts +2 -2
  5. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  6. package/dist/components/atoms/Search/Search.d.ts +1 -1
  7. package/dist/components/atoms/Search/Search.style.d.ts +1 -1
  8. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  9. package/dist/components/index.d.ts +2 -2
  10. package/dist/components/molecules/NavTop/NavTop.d.ts +1 -1
  11. package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
  12. package/dist/components/molecules/SearchBar/SearchBar.style.d.ts +1 -1
  13. package/dist/components/molecules/index.d.ts +1 -2
  14. package/dist/harmonic.cjs.development.css +0 -319
  15. package/dist/harmonic.cjs.development.js +186 -306
  16. package/dist/harmonic.cjs.development.js.map +1 -1
  17. package/dist/harmonic.cjs.production.min.js +1 -1
  18. package/dist/harmonic.cjs.production.min.js.map +1 -1
  19. package/dist/harmonic.esm.js +196 -318
  20. package/dist/harmonic.esm.js.map +1 -1
  21. package/dist/index.d.ts +2 -2
  22. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  23. package/dist/types/navigation.d.ts +0 -12
  24. package/dist/types/types.d.ts +1 -23
  25. package/package.json +1 -1
  26. package/dist/components/molecules/HotFilters/HotFilters.d.ts +0 -4
  27. package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +0 -3
  28. package/dist/components/molecules/HotFilters/index.d.ts +0 -2
  29. package/dist/helpers/accessibility.d.ts +0 -1
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ISearchBarProps } from '../../../types/navigation';
3
- declare const SearchBar: ({ onClick, onClose, className, inputRef }: ISearchBarProps) => React.JSX.Element;
3
+ declare const SearchBar: ({ onClick, onClose, className }: ISearchBarProps) => React.JSX.Element;
4
4
  export default SearchBar;
@@ -1,6 +1,6 @@
1
1
  export declare const SearchBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
2
  export declare const SvgContainerSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const SvgContainerClose: import("styled-components").StyledComponent<"button", any, {}, never>;
3
+ export declare const SvgContainerClose: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const SearchUnavailableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
5
  export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const TextLinkWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
@@ -6,7 +6,6 @@ import Cards from './Cards';
6
6
  import ContactCard from './ContactCard';
7
7
  import ContentSummary from './ContentSummary';
8
8
  import Editorial from './Editorial';
9
- import HotFilters from './HotFilters';
10
9
  import Information from './Information';
11
10
  import { PageHeading, PageHeadingImpact, PageHeadingPanel, PageHeadingCompact, PageHeadingPromo } from './PageHeading';
12
11
  import Pagination from './Pagination';
@@ -35,4 +34,4 @@ import Table from './Table';
35
34
  import VideoWithControls from './VideoWithControls';
36
35
  import SignUpForm from './SignUpForm';
37
36
  import AnchorBar from './AnchorBar';
38
- export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, HotFilters, ImageWithCaption, Information, MiniCard, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };
37
+ export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };
@@ -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 */