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