@planningcenter/tapestry 2.4.1 → 2.5.0-qa-459.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/components/page-header/index.js +1 -1
  2. package/dist/components/sidenav/index.js +1 -1
  3. package/dist/index.css +132 -48
  4. package/dist/index.css.map +1 -1
  5. package/dist/reactRender.css +472 -388
  6. package/dist/reactRender.css.map +1 -1
  7. package/dist/reactRenderLegacy.css +472 -388
  8. package/dist/reactRenderLegacy.css.map +1 -1
  9. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js → p-B3ThsNMt.js} +3 -3
  10. package/dist/tapestry-wc/dist/components/p-B3ThsNMt.js.map +1 -0
  11. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js → p-CyPxxt8j.js} +3 -3
  12. package/dist/tapestry-wc/dist/components/p-CyPxxt8j.js.map +1 -0
  13. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js → p-D3u4gNWq.js} +2 -2
  14. package/dist/tapestry-wc/dist/components/p-D3u4gNWq.js.map +1 -0
  15. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js → p-DqBnlok_.js} +3 -3
  16. package/dist/tapestry-wc/dist/components/p-DqBnlok_.js.map +1 -0
  17. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js → p-K9zYAXLM.js} +2 -2
  18. package/dist/tapestry-wc/dist/components/p-K9zYAXLM.js.map +1 -0
  19. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  20. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  21. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  22. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  23. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  24. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  25. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  26. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  27. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  29. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  30. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  31. package/dist/tokens/ts/react-native-tokens.d.ts +1398 -0
  32. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -0
  33. package/dist/tokens/ts/react-native-tokens.js +418 -0
  34. package/dist/tokens/ts/react-native-tokens.js.map +1 -0
  35. package/dist/tokens-dark.css +108 -48
  36. package/dist/tokens.css +108 -48
  37. package/dist/tokens.css.map +1 -1
  38. package/dist/unstable.css +307 -223
  39. package/dist/unstable.css.map +1 -1
  40. package/dist/unstable.d.ts +2 -1
  41. package/dist/unstable.d.ts.map +1 -1
  42. package/dist/unstable.js +2 -1
  43. package/dist/unstable.js.map +1 -1
  44. package/dist/utilities/buttonLinkShared.d.ts +1 -0
  45. package/dist/utilities/buttonLinkShared.d.ts.map +1 -1
  46. package/dist/utilities/buttonLinkShared.js +1 -0
  47. package/dist/utilities/buttonLinkShared.js.map +1 -1
  48. package/package.json +5 -4
  49. package/dist/tapestry-wc/dist/components/p-5-Cvrlgk.js.map +0 -1
  50. package/dist/tapestry-wc/dist/components/p-74Cc2nEh.js.map +0 -1
  51. package/dist/tapestry-wc/dist/components/p-D0G2xpOq.js.map +0 -1
  52. package/dist/tapestry-wc/dist/components/p-D1rzJeWl.js.map +0 -1
  53. package/dist/tapestry-wc/dist/components/p-DmP02I4b.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-74Cc2nEh.js';
1
+ import '../../tapestry-wc/dist/components/p-K9zYAXLM.js';
2
2
  import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
3
3
  import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
4
4
 
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-74Cc2nEh.js';
1
+ import '../../tapestry-wc/dist/components/p-K9zYAXLM.js';
2
2
  import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
3
3
  import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
4
4
  import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
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%);
@@ -1574,6 +1634,30 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1574
1634
  --tds-btn-border-color-disabled:var(--t-fill-color-button-neutral-solid-disabled);
1575
1635
  }
1576
1636
 
1637
+ .tds-btn--neutral-inline{
1638
+ --tds-btn-color:var(--t-text-color-status-neutral);
1639
+ --tds-btn-bg:transparent;
1640
+ --tds-btn-border-color:transparent;
1641
+ --tds-btn-color-hover:var(--t-text-color-status-neutral);
1642
+ --tds-btn-bg-hover:transparent;
1643
+ --tds-btn-border-color-hover:transparent;
1644
+ --tds-btn-padding-y:0;
1645
+ --tds-btn-padding-x:0;
1646
+ --tds-btn-min-height:auto;
1647
+ --tds-btn-text-decoration:none;
1648
+ --tds-btn-border-width:0;
1649
+ --tds-btn-font-size:inherit;
1650
+ --tds-btn-font-weight:inherit;
1651
+ --tds-btn-line-height:inherit;
1652
+ font-family:inherit;
1653
+ font-style:inherit;
1654
+ vertical-align:inherit;
1655
+ }
1656
+
1657
+ .tds-btn--neutral-inline:hover,.tds-btn--neutral-inline:focus-visible{
1658
+ --tds-btn-text-decoration:underline;
1659
+ }
1660
+
1577
1661
  .tds-btn--interaction{
1578
1662
  --tds-btn-color:var(--t-text-color-default-inverted);
1579
1663
  --tds-btn-bg:var(--t-fill-color-button-interaction-solid-default);