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

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 (16) hide show
  1. package/dist/index.css +9 -266
  2. package/dist/index.css.map +1 -1
  3. package/dist/reactRender.css +391 -648
  4. package/dist/reactRender.css.map +1 -1
  5. package/dist/reactRenderLegacy.css +391 -648
  6. package/dist/reactRenderLegacy.css.map +1 -1
  7. package/dist/tokens/ts/tokens.d.ts +9 -0
  8. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  9. package/dist/tokens/ts/tokens.js +9 -0
  10. package/dist/tokens/ts/tokens.js.map +1 -1
  11. package/dist/tokens-dark.css +0 -266
  12. package/dist/tokens.css +9 -266
  13. package/dist/tokens.css.map +1 -1
  14. package/dist/unstable.css +9 -266
  15. package/dist/unstable.css.map +1 -1
  16. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -359,6 +359,15 @@
359
359
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
360
360
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
361
361
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
362
+ --t-fill-color-transparency-dark-static-010:hsla(0, 0%, 0%, 0.1);
363
+ --t-fill-color-transparency-dark-static-020:hsla(0, 0%, 0%, 0.2);
364
+ --t-fill-color-transparency-dark-static-030:hsla(0, 0%, 0%, 0.3);
365
+ --t-fill-color-transparency-dark-static-040:hsla(0, 0%, 0%, 0.4);
366
+ --t-fill-color-transparency-dark-static-050:hsla(0, 0%, 0%, 0.5);
367
+ --t-fill-color-transparency-dark-static-060:hsla(0, 0%, 0%, 0.6);
368
+ --t-fill-color-transparency-dark-static-070:hsla(0, 0%, 0%, 0.7);
369
+ --t-fill-color-transparency-dark-static-080:hsla(0, 0%, 0%, 0.8);
370
+ --t-fill-color-transparency-dark-static-090:hsla(0, 0%, 0%, 0.9);
362
371
  --t-surface-color-card:hsl(0, 0%, 100%);
363
372
  --t-surface-color-canvas:hsl(0, 0%, 100%);
364
373
  --t-border-color-default-base:hsl(0, 0%, 88%);
@@ -429,7 +438,6 @@
429
438
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
430
439
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
431
440
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
432
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
433
441
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
434
442
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
435
443
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -451,28 +459,14 @@
451
459
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
452
460
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
453
461
  --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
462
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
465
463
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
466
464
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
467
465
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
468
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
469
466
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
470
467
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
471
468
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
472
469
  --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
470
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
477
471
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
478
472
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -493,8 +487,6 @@
493
487
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
494
488
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
495
489
  --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
490
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
499
491
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
500
492
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -502,99 +494,13 @@
502
494
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
503
495
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
504
496
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
505
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
506
497
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
507
498
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
508
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
509
499
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
510
500
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
511
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
512
501
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
513
502
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
514
503
  --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
504
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
599
505
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
600
506
  --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 +527,24 @@
621
527
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
622
528
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
623
529
  --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
530
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
627
531
  --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
532
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
631
533
  --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
534
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
635
535
  --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
536
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
639
537
  --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
538
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
643
539
  --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
540
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
647
541
  --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
542
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
651
543
  --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
544
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
655
545
  --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
546
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
659
547
  --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
548
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
663
549
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
664
550
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -671,9 +557,6 @@
671
557
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
672
558
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
673
559
  --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
560
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
678
561
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
679
562
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -688,7 +571,6 @@
688
571
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
689
572
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
690
573
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
691
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
692
574
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
693
575
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
694
576
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -732,18 +614,12 @@
732
614
  --t-border-color-default-white:hsl(0, 0%, 12%);
733
615
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
734
616
  --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
617
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
739
618
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
740
619
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
741
620
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
742
621
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
743
622
  --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
623
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
748
624
  }
749
625
 
@@ -755,7 +631,6 @@
755
631
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
756
632
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
757
633
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
758
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
759
634
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
760
635
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
761
636
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -777,28 +652,14 @@
777
652
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
778
653
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
779
654
  --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
655
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
791
656
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
792
657
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
793
658
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
794
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
795
659
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
796
660
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
797
661
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
798
662
  --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
663
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
803
664
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
804
665
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -819,8 +680,6 @@
819
680
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
820
681
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
821
682
  --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
683
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
825
684
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
826
685
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -828,99 +687,13 @@
828
687
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
829
688
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
830
689
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
831
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
832
690
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
833
691
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
834
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
835
692
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
836
693
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
837
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
838
694
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
839
695
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
840
696
  --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
697
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
925
698
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
926
699
  --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 +720,24 @@
947
720
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
948
721
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
949
722
  --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
723
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
953
724
  --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
725
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
957
726
  --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
727
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
961
728
  --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
729
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
965
730
  --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
731
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
969
732
  --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
733
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
973
734
  --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
735
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
977
736
  --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
737
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
981
738
  --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
739
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
985
740
  --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
741
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
989
742
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
990
743
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -997,9 +750,6 @@
997
750
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
998
751
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
999
752
  --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
753
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
1004
754
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
1005
755
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -1014,7 +764,6 @@
1014
764
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
1015
765
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
1016
766
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
1017
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
1018
767
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
1019
768
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
1020
769
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -1058,18 +807,12 @@
1058
807
  --t-border-color-default-white:hsl(0, 0%, 12%);
1059
808
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
1060
809
  --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
810
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
1065
811
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
1066
812
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
1067
813
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
1068
814
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
1069
815
  --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
816
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
1074
817
  }
1075
818
  }