@planningcenter/tapestry 3.0.0-rc.0 → 3.0.0-rc.10

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 (63) 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 +109 -78
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/reactRender.css +1168 -1137
  8. package/dist/reactRender.css.map +1 -1
  9. package/dist/reactRenderLegacy.css +1168 -1137
  10. package/dist/reactRenderLegacy.css.map +1 -1
  11. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js → p-CAuZNjx2.js} +3 -3
  12. package/dist/tapestry-wc/dist/components/p-CAuZNjx2.js.map +1 -0
  13. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js → p-DIxTyg8i.js} +3 -3
  14. package/dist/tapestry-wc/dist/components/p-DIxTyg8i.js.map +1 -0
  15. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js → p-DYAQgo1L.js} +3 -3
  16. package/dist/tapestry-wc/dist/components/p-DYAQgo1L.js.map +1 -0
  17. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js → p-DyZLaxTd.js} +2 -2
  18. package/dist/tapestry-wc/dist/components/p-DyZLaxTd.js.map +1 -0
  19. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js → p-N9a-y0Yp.js} +2 -2
  20. package/dist/tapestry-wc/dist/components/p-N9a-y0Yp.js.map +1 -0
  21. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  22. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  23. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  24. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  25. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  26. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  27. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  30. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  31. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  32. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  33. package/dist/tokens/tokens-deprecated.json +177 -0
  34. package/dist/tokens/ts/react-native-tokens.d.ts +1 -0
  35. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
  36. package/dist/tokens/ts/react-native-tokens.js +1 -0
  37. package/dist/tokens/ts/react-native-tokens.js.map +1 -1
  38. package/dist/tokens/ts/tokens.d.ts +1 -0
  39. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  40. package/dist/tokens/ts/tokens.js +1 -0
  41. package/dist/tokens/ts/tokens.js.map +1 -1
  42. package/dist/tokens-dark.css +2 -0
  43. package/dist/tokens-dark.css.map +1 -0
  44. package/dist/tokens-dark.js +1 -0
  45. package/dist/tokens-deprecated.css +109 -0
  46. package/dist/tokens-deprecated.css.map +1 -0
  47. package/dist/tokens-deprecated.d.ts +5 -0
  48. package/dist/tokens-deprecated.d.ts.map +1 -0
  49. package/dist/tokens-deprecated.js +1 -0
  50. package/dist/tokens.css +1 -78
  51. package/dist/tokens.css.map +1 -1
  52. package/dist/tokens.d.ts +3 -2
  53. package/dist/tokens.d.ts.map +1 -1
  54. package/dist/unstable.css +109 -78
  55. package/dist/unstable.css.map +1 -1
  56. package/package.json +6 -5
  57. package/dist/deprecated.css +0 -84
  58. package/dist/tapestry-wc/dist/components/p-5-Cvrlgk.js.map +0 -1
  59. package/dist/tapestry-wc/dist/components/p-74Cc2nEh.js.map +0 -1
  60. package/dist/tapestry-wc/dist/components/p-D0G2xpOq.js.map +0 -1
  61. package/dist/tapestry-wc/dist/components/p-D1rzJeWl.js.map +0 -1
  62. package/dist/tapestry-wc/dist/components/p-DmP02I4b.js.map +0 -1
  63. package/dist/tokens-dark-combined.js +0 -3
package/dist/unstable.css CHANGED
@@ -193,6 +193,7 @@
193
193
  --t-spacing-7:56px;
194
194
  --t-spacing-fourth:2px;
195
195
  --t-spacing-half:4px;
196
+ --t-spacing-1-half:12px;
196
197
  --t-element-size-3xl:48px;
197
198
  --t-element-size-2xl:32px;
198
199
  --t-element-size-xl:24px;
@@ -586,84 +587,6 @@
586
587
  --t-form-font-color-readonly:var(--t-text-color);
587
588
  --t-form-picker-icon-color:var(--t-icon-color);
588
589
  --t-form-placeholder-color:var(--t-text-color-placeholder);
589
- --t-border-size-default:var(--t-border-width);
590
- --t-border-size-thick:var(--t-border-width-thick);
591
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
592
- --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
593
- --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
594
- --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
595
- --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
596
- --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
597
- --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
598
- --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
599
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
600
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
601
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
602
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
603
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
604
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
605
- --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
606
- --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
607
- --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
608
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
609
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
610
- --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
611
- --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
612
- --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
613
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
614
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
615
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
616
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
617
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
618
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
619
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
620
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
621
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
622
- --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
623
- --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
624
- --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
625
- --t-border-color-default-base:var(--t-border-color);
626
- --t-border-color-default-dark:var(--t-border-color-dark);
627
- --t-border-color-default-darker:var(--t-border-color-darker);
628
- --t-border-color-default-darkest:var(--t-border-color-darkest);
629
- --t-border-color-default-dim:var(--t-border-color-dim);
630
- --t-border-color-default-disabled:var(--t-border-color-disabled);
631
- --t-border-color-default-white:var(--t-border-color-white);
632
- --t-border-radius-default:var(--t-border-radius);
633
- --t-border-width-default:var(--t-border-width);
634
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
635
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
636
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
637
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
638
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
639
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
640
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
641
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
642
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
643
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
644
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
645
- --t-fill-color-control-primary:var(--t-fill-color-control);
646
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
647
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
648
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
649
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
650
- --t-icon-color-default-dim:var(--t-icon-color-dim);
651
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
652
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
653
- --t-icon-color-default-primary:var(--t-icon-color);
654
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
655
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
656
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
657
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
658
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
659
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
660
- --t-text-color-default-disabled:var(--t-text-color-disabled);
661
- --t-text-color-default-headline:var(--t-text-color-headline);
662
- --t-text-color-default-inverted:var(--t-text-color-inverted);
663
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
664
- --t-text-color-default-primary:var(--t-text-color);
665
- --t-text-color-default-secondary:var(--t-text-color-secondary);
666
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
667
590
  }
668
591
 
669
592
  :root[data-color-mode="dark"]{
@@ -1114,6 +1037,114 @@
1114
1037
  }
1115
1038
  }
1116
1039
 
1040
+ :root{
1041
+ --t-border-size-default:var(--t-border-width);
1042
+ --t-border-size-thick:var(--t-border-width-thick);
1043
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
1044
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
1045
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
1046
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
1047
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
1048
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
1049
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
1050
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
1051
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
1052
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
1053
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
1054
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
1055
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
1056
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
1057
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
1058
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
1059
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
1060
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
1061
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
1062
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
1063
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
1064
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
1065
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
1066
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
1067
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
1068
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
1069
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
1070
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
1071
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
1072
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
1073
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
1074
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
1075
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
1076
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
1077
+ }
1078
+
1079
+ :root{
1080
+ --t-border-color-default-base:var(--t-border-color);
1081
+ --t-border-color-default-dark:var(--t-border-color-dark);
1082
+ --t-border-color-default-darker:var(--t-border-color-darker);
1083
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
1084
+ --t-border-color-default-dim:var(--t-border-color-dim);
1085
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
1086
+ --t-border-color-default-white:var(--t-border-color-white);
1087
+ --t-border-radius-default:var(--t-border-radius);
1088
+ --t-border-width-default:var(--t-border-width);
1089
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
1090
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
1091
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
1092
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
1093
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
1094
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
1095
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
1096
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
1097
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
1098
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
1099
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
1100
+ --t-fill-color-control-primary:var(--t-fill-color-control);
1101
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
1102
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
1103
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
1104
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
1105
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
1106
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
1107
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
1108
+ --t-icon-color-default-primary:var(--t-icon-color);
1109
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
1110
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
1111
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
1112
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
1113
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
1114
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
1115
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
1116
+ --t-text-color-default-headline:var(--t-text-color-headline);
1117
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
1118
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
1119
+ --t-text-color-default-primary:var(--t-text-color);
1120
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
1121
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
1122
+ }
1123
+
1124
+ :root[data-color-mode="dark"]{
1125
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
1126
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
1127
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
1128
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
1129
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
1130
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
1131
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
1132
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
1133
+ }
1134
+
1135
+ @media (prefers-color-scheme: dark){
1136
+ :root[data-color-mode="system"]{
1137
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
1138
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
1139
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
1140
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
1141
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
1142
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
1143
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
1144
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
1145
+ }
1146
+ }
1147
+
1117
1148
  @layer t-critical{
1118
1149
  tds-page-header:not(.hydrated){
1119
1150
  display:none;