@planningcenter/tapestry 2.5.0-rc.5 → 2.5.0-rc.6

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 +108 -48
  2. package/dist/index.css.map +1 -1
  3. package/dist/reactRender.css +540 -480
  4. package/dist/reactRender.css.map +1 -1
  5. package/dist/reactRenderLegacy.css +540 -480
  6. package/dist/reactRenderLegacy.css.map +1 -1
  7. package/dist/tokens-dark.css +108 -48
  8. package/dist/tokens.css +108 -48
  9. package/dist/tokens.css.map +1 -1
  10. package/dist/unstable.css +108 -48
  11. package/dist/unstable.css.map +1 -1
  12. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -459,7 +459,17 @@
459
459
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
460
460
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
461
461
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
462
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
462
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
463
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
464
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
465
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
466
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
467
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
468
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
469
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
470
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
471
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
472
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
463
473
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
464
474
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
465
475
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -522,30 +532,50 @@
522
532
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
523
533
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
524
534
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
525
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
526
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
527
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
528
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
529
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
530
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
531
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
532
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
533
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
534
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
535
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
536
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
537
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
538
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
539
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
540
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
535
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
536
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
537
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
538
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
539
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
540
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
541
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
542
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
543
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
544
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
545
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
546
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
547
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
548
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
549
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
550
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
551
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
552
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
553
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
554
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
555
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
556
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
557
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
558
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
559
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
560
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
561
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
562
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
541
563
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
542
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
543
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
544
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
545
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
546
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
547
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
548
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
564
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
565
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
566
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
567
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
568
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
569
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
570
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
571
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
572
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
573
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
574
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
575
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
576
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
577
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
578
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
549
579
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
550
580
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
551
581
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -653,7 +683,17 @@
653
683
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
654
684
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
655
685
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
656
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
686
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
687
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
688
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
689
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
690
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
691
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
692
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
693
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
694
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
695
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
696
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
657
697
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
658
698
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
659
699
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -716,30 +756,50 @@
716
756
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
717
757
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
718
758
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
719
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
720
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
721
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
722
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
723
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
724
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
725
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
726
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
727
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
728
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
729
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
730
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
731
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
732
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
733
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
734
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
759
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
760
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
761
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
762
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
763
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
764
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
765
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
766
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
767
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
768
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
769
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
770
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
771
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
772
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
773
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
774
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
775
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
776
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
777
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
778
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
779
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
780
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
781
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
782
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
783
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
784
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
785
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
786
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
735
787
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
736
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
737
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
738
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
739
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
740
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
741
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
742
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
788
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
789
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
790
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
791
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
792
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
793
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
794
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
795
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
796
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
797
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
798
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
799
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
800
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
801
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
802
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
743
803
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
744
804
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
745
805
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);