@planningcenter/tapestry 3.0.0-rc.1 → 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 (62) 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 +1162 -1131
  8. package/dist/reactRender.css.map +1 -1
  9. package/dist/reactRenderLegacy.css +1162 -1131
  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/ts/react-native-tokens.d.ts +1 -0
  34. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
  35. package/dist/tokens/ts/react-native-tokens.js +1 -0
  36. package/dist/tokens/ts/react-native-tokens.js.map +1 -1
  37. package/dist/tokens/ts/tokens.d.ts +1 -0
  38. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  39. package/dist/tokens/ts/tokens.js +1 -0
  40. package/dist/tokens/ts/tokens.js.map +1 -1
  41. package/dist/tokens-dark.css +2 -0
  42. package/dist/tokens-dark.css.map +1 -0
  43. package/dist/tokens-dark.js +1 -0
  44. package/dist/tokens-deprecated.css +109 -0
  45. package/dist/tokens-deprecated.css.map +1 -0
  46. package/dist/tokens-deprecated.d.ts +5 -0
  47. package/dist/tokens-deprecated.d.ts.map +1 -0
  48. package/dist/tokens-deprecated.js +1 -0
  49. package/dist/tokens.css +1 -78
  50. package/dist/tokens.css.map +1 -1
  51. package/dist/tokens.d.ts +3 -2
  52. package/dist/tokens.d.ts.map +1 -1
  53. package/dist/unstable.css +109 -78
  54. package/dist/unstable.css.map +1 -1
  55. package/package.json +5 -5
  56. package/dist/deprecated.css +0 -84
  57. package/dist/tapestry-wc/dist/components/p-5-Cvrlgk.js.map +0 -1
  58. package/dist/tapestry-wc/dist/components/p-74Cc2nEh.js.map +0 -1
  59. package/dist/tapestry-wc/dist/components/p-D0G2xpOq.js.map +0 -1
  60. package/dist/tapestry-wc/dist/components/p-D1rzJeWl.js.map +0 -1
  61. package/dist/tapestry-wc/dist/components/p-DmP02I4b.js.map +0 -1
  62. package/dist/tokens-dark-combined.js +0 -3
package/dist/components/page-header/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-74Cc2nEh.js';
1
+ import '../../tapestry-wc/dist/components/p-DyZLaxTd.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
 
package/dist/components/sidenav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-74Cc2nEh.js';
1
+ import '../../tapestry-wc/dist/components/p-DyZLaxTd.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
@@ -18,6 +18,7 @@
18
18
  --t-spacing-7:56px;
19
19
  --t-spacing-fourth:2px;
20
20
  --t-spacing-half:4px;
21
+ --t-spacing-1-half:12px;
21
22
  --t-element-size-3xl:48px;
22
23
  --t-element-size-2xl:32px;
23
24
  --t-element-size-xl:24px;
@@ -411,84 +412,6 @@
411
412
  --t-form-font-color-readonly:var(--t-text-color);
412
413
  --t-form-picker-icon-color:var(--t-icon-color);
413
414
  --t-form-placeholder-color:var(--t-text-color-placeholder);
414
- --t-border-size-default:var(--t-border-width);
415
- --t-border-size-thick:var(--t-border-width-thick);
416
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
417
- --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
418
- --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
419
- --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
420
- --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
421
- --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
422
- --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
423
- --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
424
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
425
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
426
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
427
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
428
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
429
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
430
- --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
431
- --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
432
- --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
433
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
434
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
435
- --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
436
- --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
437
- --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
438
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
439
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
440
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
441
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
442
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
443
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
444
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
445
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
446
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
447
- --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
448
- --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
449
- --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
450
- --t-border-color-default-base:var(--t-border-color);
451
- --t-border-color-default-dark:var(--t-border-color-dark);
452
- --t-border-color-default-darker:var(--t-border-color-darker);
453
- --t-border-color-default-darkest:var(--t-border-color-darkest);
454
- --t-border-color-default-dim:var(--t-border-color-dim);
455
- --t-border-color-default-disabled:var(--t-border-color-disabled);
456
- --t-border-color-default-white:var(--t-border-color-white);
457
- --t-border-radius-default:var(--t-border-radius);
458
- --t-border-width-default:var(--t-border-width);
459
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
460
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
461
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
462
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
463
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
464
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
465
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
466
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
467
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
468
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
469
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
470
- --t-fill-color-control-primary:var(--t-fill-color-control);
471
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
472
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
473
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
474
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
475
- --t-icon-color-default-dim:var(--t-icon-color-dim);
476
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
477
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
478
- --t-icon-color-default-primary:var(--t-icon-color);
479
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
480
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
481
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
482
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
483
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
484
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
485
- --t-text-color-default-disabled:var(--t-text-color-disabled);
486
- --t-text-color-default-headline:var(--t-text-color-headline);
487
- --t-text-color-default-inverted:var(--t-text-color-inverted);
488
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
489
- --t-text-color-default-primary:var(--t-text-color);
490
- --t-text-color-default-secondary:var(--t-text-color-secondary);
491
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
492
415
  }
493
416
 
494
417
  :root[data-color-mode="dark"]{
@@ -939,6 +862,114 @@
939
862
  }
940
863
  }
941
864
 
865
+ :root{
866
+ --t-border-size-default:var(--t-border-width);
867
+ --t-border-size-thick:var(--t-border-width-thick);
868
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
869
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
870
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
871
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
872
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
873
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
874
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
875
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
876
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
877
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
878
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
879
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
880
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
881
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
882
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
883
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
884
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
885
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
886
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
887
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
888
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
889
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
890
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
891
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
892
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
893
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
894
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
895
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
896
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
897
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
898
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
899
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
900
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
901
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
902
+ }
903
+
904
+ :root{
905
+ --t-border-color-default-base:var(--t-border-color);
906
+ --t-border-color-default-dark:var(--t-border-color-dark);
907
+ --t-border-color-default-darker:var(--t-border-color-darker);
908
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
909
+ --t-border-color-default-dim:var(--t-border-color-dim);
910
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
911
+ --t-border-color-default-white:var(--t-border-color-white);
912
+ --t-border-radius-default:var(--t-border-radius);
913
+ --t-border-width-default:var(--t-border-width);
914
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
915
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
916
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
917
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
918
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
919
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
920
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
921
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
922
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
923
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
924
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
925
+ --t-fill-color-control-primary:var(--t-fill-color-control);
926
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
927
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
928
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
929
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
930
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
931
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
932
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
933
+ --t-icon-color-default-primary:var(--t-icon-color);
934
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
935
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
936
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
937
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
938
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
939
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
940
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
941
+ --t-text-color-default-headline:var(--t-text-color-headline);
942
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
943
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
944
+ --t-text-color-default-primary:var(--t-text-color);
945
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
946
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
947
+ }
948
+
949
+ :root[data-color-mode="dark"]{
950
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
951
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
952
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
953
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
954
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
955
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
956
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
957
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
958
+ }
959
+
960
+ @media (prefers-color-scheme: dark){
961
+ :root[data-color-mode="system"]{
962
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
963
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
964
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
965
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
966
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
967
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
968
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
969
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
970
+ }
971
+ }
972
+
942
973
  @layer t-critical{
943
974
  tds-page-header:not(.hydrated){
944
975
  display:none;