@planningcenter/tapestry 3.0.0-rc.25 → 3.0.0-rc.26

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 (38) hide show
  1. package/dist/index.css +87 -98
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/jsTokens.d.ts +1 -1
  6. package/dist/jsTokens.d.ts.map +1 -1
  7. package/dist/jsTokens.js +1 -1
  8. package/dist/jsTokens.js.map +1 -1
  9. package/dist/reactRender.css +1007 -1018
  10. package/dist/reactRender.css.map +1 -1
  11. package/dist/reactRenderLegacy.css +1007 -1018
  12. package/dist/reactRenderLegacy.css.map +1 -1
  13. package/dist/tokens-dark.css.map +1 -1
  14. package/dist/tokens-dark.js +2 -0
  15. package/dist/tokens-deprecated.css +0 -3
  16. package/dist/tokens-deprecated.css.map +1 -1
  17. package/dist/tokens-deprecated.js +2 -0
  18. package/dist/tokens.css.map +1 -1
  19. package/dist/tokens.js +2 -0
  20. package/dist/unstable.css +87 -98
  21. package/dist/unstable.css.map +1 -1
  22. package/dist/unstable.d.ts +1 -1
  23. package/dist/unstable.d.ts.map +1 -1
  24. package/dist/unstable.js +2 -1
  25. package/dist/unstable.js.map +1 -1
  26. package/package.json +7 -7
  27. package/dist/tokens/ts/react-native-tokens.d.ts +0 -1927
  28. package/dist/tokens/ts/react-native-tokens.d.ts.map +0 -1
  29. package/dist/tokens/ts/react-native-tokens.js +0 -497
  30. package/dist/tokens/ts/react-native-tokens.js.map +0 -1
  31. package/dist/tokens/ts/tokens.d.ts +0 -497
  32. package/dist/tokens/ts/tokens.d.ts.map +0 -1
  33. package/dist/tokens/ts/tokens.js +0 -499
  34. package/dist/tokens/ts/tokens.js.map +0 -1
  35. package/dist/tokens-deprecated.d.ts +0 -5
  36. package/dist/tokens-deprecated.d.ts.map +0 -1
  37. package/dist/tokens.d.ts +0 -4
  38. package/dist/tokens.d.ts.map +0 -1
package/dist/index.css CHANGED
@@ -414,6 +414,84 @@
414
414
  --t-form-font-color-readonly:var(--t-text-color);
415
415
  --t-form-picker-icon-color:var(--t-icon-color);
416
416
  --t-form-placeholder-color:var(--t-text-color-placeholder);
417
+ --t-border-size-default:var(--t-border-width);
418
+ --t-border-size-thick:var(--t-border-width-thick);
419
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
420
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
421
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
422
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
423
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
424
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
425
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
426
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
427
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
428
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
429
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
430
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
431
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
432
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
433
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
434
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
435
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
436
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
437
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
438
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
439
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
440
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
441
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
442
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
443
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
444
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
445
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
446
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
447
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
448
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
449
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
450
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
451
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
452
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
453
+ --t-border-color-default-base:var(--t-border-color);
454
+ --t-border-color-default-dark:var(--t-border-color-dark);
455
+ --t-border-color-default-darker:var(--t-border-color-darker);
456
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
457
+ --t-border-color-default-dim:var(--t-border-color-dim);
458
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
459
+ --t-border-color-default-white:var(--t-border-color-white);
460
+ --t-border-radius-default:var(--t-border-radius);
461
+ --t-border-width-default:var(--t-border-width);
462
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
463
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
464
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
465
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
466
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
467
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
468
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
469
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
470
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
471
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
472
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
473
+ --t-fill-color-control-primary:var(--t-fill-color-control);
474
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
475
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
476
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
477
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
478
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
479
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
480
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
481
+ --t-icon-color-default-primary:var(--t-icon-color);
482
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
483
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
484
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
485
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
486
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
487
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
488
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
489
+ --t-text-color-default-headline:var(--t-text-color-headline);
490
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
491
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
492
+ --t-text-color-default-primary:var(--t-text-color);
493
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
494
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
417
495
  }
418
496
 
419
497
  :root[data-color-mode="dark"]{
@@ -637,6 +715,14 @@
637
715
  --t-border-color-control-info:hsl(204, 100%, 35%);
638
716
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
639
717
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
718
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
719
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
720
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
721
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
722
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
723
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
724
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
725
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
640
726
  }
641
727
 
642
728
  @media (prefers-color-scheme: dark){
@@ -861,94 +947,6 @@
861
947
  --t-border-color-control-info:hsl(204, 100%, 35%);
862
948
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
863
949
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
864
- }
865
- }
866
-
867
- :root{
868
- --t-border-size-default:var(--t-border-width);
869
- --t-border-size-thick:var(--t-border-width-thick);
870
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
871
- --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
872
- --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
873
- --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
874
- --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
875
- --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
876
- --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
877
- --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
878
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
879
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
880
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
881
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
882
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
883
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
884
- --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
885
- --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
886
- --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
887
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
888
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
889
- --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
890
- --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
891
- --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
892
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
893
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
894
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
895
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
896
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
897
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
898
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
899
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
900
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
901
- --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
902
- --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
903
- --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
904
- }
905
-
906
- :root{
907
- --t-border-color-default-base:var(--t-border-color);
908
- --t-border-color-default-dark:var(--t-border-color-dark);
909
- --t-border-color-default-darker:var(--t-border-color-darker);
910
- --t-border-color-default-darkest:var(--t-border-color-darkest);
911
- --t-border-color-default-dim:var(--t-border-color-dim);
912
- --t-border-color-default-disabled:var(--t-border-color-disabled);
913
- --t-border-color-default-white:var(--t-border-color-white);
914
- --t-border-radius-default:var(--t-border-radius);
915
- --t-border-width-default:var(--t-border-width);
916
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
917
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
918
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
919
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
920
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
921
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
922
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
923
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
924
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
925
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
926
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
927
- --t-fill-color-control-primary:var(--t-fill-color-control);
928
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
929
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
930
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
931
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
932
- --t-icon-color-default-dim:var(--t-icon-color-dim);
933
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
934
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
935
- --t-icon-color-default-primary:var(--t-icon-color);
936
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
937
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
938
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
939
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
940
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
941
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
942
- --t-text-color-default-disabled:var(--t-text-color-disabled);
943
- --t-text-color-default-headline:var(--t-text-color-headline);
944
- --t-text-color-default-inverted:var(--t-text-color-inverted);
945
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
946
- --t-text-color-default-primary:var(--t-text-color);
947
- --t-text-color-default-secondary:var(--t-text-color-secondary);
948
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
949
- }
950
-
951
- :root[data-color-mode="dark"]{
952
950
  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
953
951
  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
954
952
  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
@@ -958,18 +956,9 @@
958
956
  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
959
957
  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
960
958
  }
959
+ }
961
960
 
962
961
  @media (prefers-color-scheme: dark){
963
- :root[data-color-mode="system"]{
964
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
965
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
966
- --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
967
- --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
968
- --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
969
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
970
- --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
971
- --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
972
- }
973
962
  }
974
963
 
975
964
  @layer t-critical{