@planningcenter/tapestry 2.4.1-rc.1 → 2.4.1-rc.2

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 (12) hide show
  1. package/dist/index.css +0 -266
  2. package/dist/index.css.map +1 -1
  3. package/dist/reactRender.css +909 -1175
  4. package/dist/reactRender.css.map +1 -1
  5. package/dist/reactRenderLegacy.css +909 -1175
  6. package/dist/reactRenderLegacy.css.map +1 -1
  7. package/dist/tokens-dark.css +0 -266
  8. package/dist/tokens.css +0 -266
  9. package/dist/tokens.css.map +1 -1
  10. package/dist/unstable.css +0 -266
  11. package/dist/unstable.css.map +1 -1
  12. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -429,7 +429,6 @@
429
429
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
430
430
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
431
431
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
432
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
433
432
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
434
433
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
435
434
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -451,28 +450,14 @@
451
450
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
452
451
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
453
452
  --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
454
- --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
455
- --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
456
- --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
457
- --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
458
- --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
459
- --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
460
- --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
461
- --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
462
- --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
463
- --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
464
453
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
465
454
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
466
455
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
467
456
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
468
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
469
457
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
470
458
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
471
459
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
472
460
  --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
473
- --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
474
- --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
475
- --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
476
461
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
477
462
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
478
463
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -493,8 +478,6 @@
493
478
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
494
479
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
495
480
  --t-fill-color-control-primary:hsl(204, 100%, 35%);
496
- --t-fill-color-control-secondary:hsl(97, 57%, 40%);
497
- --t-fill-color-control-error:hsl(8, 60%, 47%);
498
481
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
499
482
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
500
483
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -502,99 +485,13 @@
502
485
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
503
486
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
504
487
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
505
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
506
488
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
507
489
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
508
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
509
490
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
510
491
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
511
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
512
492
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
513
493
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
514
494
  --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
515
- --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
516
- --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
517
- --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
518
- --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
519
- --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
520
- --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
521
- --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
522
- --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
523
- --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
524
- --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
525
- --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
526
- --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
527
- --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
528
- --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
529
- --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
530
- --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
531
- --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
532
- --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
533
- --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
534
- --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
535
- --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
536
- --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
537
- --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
538
- --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
539
- --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
540
- --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
541
- --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
542
- --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
543
- --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
544
- --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
545
- --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
546
- --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
547
- --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
548
- --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
549
- --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
550
- --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
551
- --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
552
- --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
553
- --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
554
- --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
555
- --t-fill-color-product-home-010:hsl(221, 89%, 93%);
556
- --t-fill-color-product-home-020:hsl(221, 91%, 91%);
557
- --t-fill-color-product-home-030:hsl(221, 91%, 87%);
558
- --t-fill-color-product-home-040:hsl(221, 91%, 62%);
559
- --t-fill-color-product-home-050:hsl(221, 91%, 55%);
560
- --t-fill-color-product-home-060:hsl(221, 90%, 50%);
561
- --t-fill-color-product-home-070:hsl(221, 90%, 45%);
562
- --t-fill-color-product-home-080:hsl(218, 84%, 25%);
563
- --t-fill-color-product-people-010:hsl(219, 73%, 91%);
564
- --t-fill-color-product-people-020:hsl(220, 69%, 81%);
565
- --t-fill-color-product-people-030:hsl(221, 73%, 71%);
566
- --t-fill-color-product-people-040:hsl(221, 73%, 65%);
567
- --t-fill-color-product-people-050:hsl(220, 74%, 57%);
568
- --t-fill-color-product-people-060:hsl(220, 68%, 51%);
569
- --t-fill-color-product-people-070:hsl(220, 68%, 41%);
570
- --t-fill-color-product-people-080:hsl(221, 68%, 31%);
571
- --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
572
- --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
573
- --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
574
- --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
575
- --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
576
- --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
577
- --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
578
- --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
579
- --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
580
- --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
581
- --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
582
- --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
583
- --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
584
- --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
585
- --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
586
- --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
587
- --t-fill-color-product-services-010:hsl(88, 31%, 88%);
588
- --t-fill-color-product-services-020:hsl(88, 39%, 75%);
589
- --t-fill-color-product-services-030:hsl(88, 39%, 66%);
590
- --t-fill-color-product-services-040:hsl(88, 40%, 54%);
591
- --t-fill-color-product-services-050:hsl(88, 45%, 41%);
592
- --t-fill-color-product-services-060:hsl(89, 62%, 31%);
593
- --t-fill-color-product-services-070:hsl(89, 62%, 26%);
594
- --t-fill-color-product-services-080:hsl(89, 63%, 21%);
595
- --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
596
- --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
597
- --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
598
495
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
599
496
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
600
497
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -621,44 +518,24 @@
621
518
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
622
519
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
623
520
  --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
624
- --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
625
- --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
626
521
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
627
522
  --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
628
- --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
629
- --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
630
523
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
631
524
  --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
632
- --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
633
- --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
634
525
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
635
526
  --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
636
- --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
637
- --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
638
527
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
639
528
  --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
640
- --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
641
- --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
642
529
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
643
530
  --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
644
- --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
645
- --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
646
531
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
647
532
  --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
648
- --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
649
- --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
650
533
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
651
534
  --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
652
- --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
653
- --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
654
535
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
655
536
  --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
656
- --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
657
- --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
658
537
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
659
538
  --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
660
- --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
661
- --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
662
539
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
663
540
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
664
541
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -671,9 +548,6 @@
671
548
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
672
549
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
673
550
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
674
- --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
675
- --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
676
- --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
677
551
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
678
552
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
679
553
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -688,7 +562,6 @@
688
562
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
689
563
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
690
564
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
691
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
692
565
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
693
566
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
694
567
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -732,18 +605,12 @@
732
605
  --t-border-color-default-white:hsl(0, 0%, 12%);
733
606
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
734
607
  --t-border-color-status-info:hsl(204, 100%, 35%);
735
- --t-border-color-status-success:hsl(97, 57%, 40%);
736
- --t-border-color-status-warning:hsl(42, 84%, 63%);
737
- --t-border-color-status-error:hsl(8, 60%, 47%);
738
608
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
739
609
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
740
610
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
741
611
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
742
612
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
743
613
  --t-border-color-control-info:hsl(204, 100%, 35%);
744
- --t-border-color-control-success:hsl(97, 57%, 40%);
745
- --t-border-color-control-warning:hsl(42, 84%, 63%);
746
- --t-border-color-control-error:hsl(8, 60%, 47%);
747
614
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
748
615
  }
749
616
 
@@ -755,7 +622,6 @@
755
622
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
756
623
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
757
624
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
758
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
759
625
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
760
626
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
761
627
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -777,28 +643,14 @@
777
643
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
778
644
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
779
645
  --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
780
- --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
781
- --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
782
- --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
783
- --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
784
- --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
785
- --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
786
- --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
787
- --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
788
- --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
789
- --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
790
646
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
791
647
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
792
648
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
793
649
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
794
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
795
650
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
796
651
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
797
652
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
798
653
  --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
799
- --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
800
- --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
801
- --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
802
654
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
803
655
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
804
656
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -819,8 +671,6 @@
819
671
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
820
672
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
821
673
  --t-fill-color-control-primary:hsl(204, 100%, 35%);
822
- --t-fill-color-control-secondary:hsl(97, 57%, 40%);
823
- --t-fill-color-control-error:hsl(8, 60%, 47%);
824
674
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
825
675
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
826
676
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -828,99 +678,13 @@
828
678
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
829
679
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
830
680
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
831
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
832
681
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
833
682
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
834
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
835
683
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
836
684
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
837
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
838
685
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
839
686
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
840
687
  --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
841
- --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
842
- --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
843
- --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
844
- --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
845
- --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
846
- --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
847
- --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
848
- --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
849
- --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
850
- --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
851
- --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
852
- --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
853
- --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
854
- --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
855
- --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
856
- --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
857
- --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
858
- --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
859
- --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
860
- --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
861
- --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
862
- --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
863
- --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
864
- --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
865
- --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
866
- --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
867
- --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
868
- --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
869
- --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
870
- --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
871
- --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
872
- --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
873
- --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
874
- --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
875
- --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
876
- --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
877
- --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
878
- --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
879
- --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
880
- --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
881
- --t-fill-color-product-home-010:hsl(221, 89%, 93%);
882
- --t-fill-color-product-home-020:hsl(221, 91%, 91%);
883
- --t-fill-color-product-home-030:hsl(221, 91%, 87%);
884
- --t-fill-color-product-home-040:hsl(221, 91%, 62%);
885
- --t-fill-color-product-home-050:hsl(221, 91%, 55%);
886
- --t-fill-color-product-home-060:hsl(221, 90%, 50%);
887
- --t-fill-color-product-home-070:hsl(221, 90%, 45%);
888
- --t-fill-color-product-home-080:hsl(218, 84%, 25%);
889
- --t-fill-color-product-people-010:hsl(219, 73%, 91%);
890
- --t-fill-color-product-people-020:hsl(220, 69%, 81%);
891
- --t-fill-color-product-people-030:hsl(221, 73%, 71%);
892
- --t-fill-color-product-people-040:hsl(221, 73%, 65%);
893
- --t-fill-color-product-people-050:hsl(220, 74%, 57%);
894
- --t-fill-color-product-people-060:hsl(220, 68%, 51%);
895
- --t-fill-color-product-people-070:hsl(220, 68%, 41%);
896
- --t-fill-color-product-people-080:hsl(221, 68%, 31%);
897
- --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
898
- --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
899
- --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
900
- --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
901
- --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
902
- --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
903
- --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
904
- --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
905
- --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
906
- --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
907
- --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
908
- --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
909
- --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
910
- --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
911
- --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
912
- --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
913
- --t-fill-color-product-services-010:hsl(88, 31%, 88%);
914
- --t-fill-color-product-services-020:hsl(88, 39%, 75%);
915
- --t-fill-color-product-services-030:hsl(88, 39%, 66%);
916
- --t-fill-color-product-services-040:hsl(88, 40%, 54%);
917
- --t-fill-color-product-services-050:hsl(88, 45%, 41%);
918
- --t-fill-color-product-services-060:hsl(89, 62%, 31%);
919
- --t-fill-color-product-services-070:hsl(89, 62%, 26%);
920
- --t-fill-color-product-services-080:hsl(89, 63%, 21%);
921
- --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
922
- --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
923
- --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
924
688
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
925
689
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
926
690
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -947,44 +711,24 @@
947
711
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
948
712
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
949
713
  --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
950
- --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
951
- --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
952
714
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
953
715
  --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
954
- --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
955
- --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
956
716
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
957
717
  --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
958
- --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
959
- --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
960
718
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
961
719
  --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
962
- --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
963
- --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
964
720
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
965
721
  --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
966
- --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
967
- --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
968
722
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
969
723
  --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
970
- --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
971
- --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
972
724
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
973
725
  --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
974
- --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
975
- --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
976
726
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
977
727
  --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
978
- --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
979
- --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
980
728
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
981
729
  --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
982
- --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
983
- --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
984
730
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
985
731
  --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
986
- --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
987
- --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
988
732
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
989
733
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
990
734
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -997,9 +741,6 @@
997
741
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
998
742
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
999
743
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
1000
- --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
1001
- --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
1002
- --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
1003
744
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
1004
745
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
1005
746
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -1014,7 +755,6 @@
1014
755
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
1015
756
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
1016
757
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
1017
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
1018
758
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
1019
759
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
1020
760
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -1058,18 +798,12 @@
1058
798
  --t-border-color-default-white:hsl(0, 0%, 12%);
1059
799
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
1060
800
  --t-border-color-status-info:hsl(204, 100%, 35%);
1061
- --t-border-color-status-success:hsl(97, 57%, 40%);
1062
- --t-border-color-status-warning:hsl(42, 84%, 63%);
1063
- --t-border-color-status-error:hsl(8, 60%, 47%);
1064
801
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
1065
802
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
1066
803
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
1067
804
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
1068
805
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
1069
806
  --t-border-color-control-info:hsl(204, 100%, 35%);
1070
- --t-border-color-control-success:hsl(97, 57%, 40%);
1071
- --t-border-color-control-warning:hsl(42, 84%, 63%);
1072
- --t-border-color-control-error:hsl(8, 60%, 47%);
1073
807
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
1074
808
  }
1075
809
  }