@planningcenter/tapestry 2.6.1-rc.1 → 2.6.1-rc.2

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 (21) hide show
  1. package/dist/deprecated.css +24 -6
  2. package/dist/index.css +69 -51
  3. package/dist/index.css.map +1 -1
  4. package/dist/reactRender.css +519 -501
  5. package/dist/reactRender.css.map +1 -1
  6. package/dist/reactRenderLegacy.css +519 -501
  7. package/dist/reactRenderLegacy.css.map +1 -1
  8. package/dist/tokens/ts/react-native-tokens.d.ts +17 -17
  9. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
  10. package/dist/tokens/ts/react-native-tokens.js +17 -17
  11. package/dist/tokens/ts/react-native-tokens.js.map +1 -1
  12. package/dist/tokens/ts/tokens.d.ts +35 -18
  13. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  14. package/dist/tokens/ts/tokens.js +35 -18
  15. package/dist/tokens/ts/tokens.js.map +1 -1
  16. package/dist/tokens-dark.css +28 -28
  17. package/dist/tokens.css +69 -51
  18. package/dist/tokens.css.map +1 -1
  19. package/dist/unstable.css +69 -51
  20. package/dist/unstable.css.map +1 -1
  21. package/package.json +2 -2
package/dist/unstable.css CHANGED
@@ -296,19 +296,19 @@
296
296
  --t-fill-color-control-secondary:hsl(97, 57%, 40%);
297
297
  --t-fill-color-control-error:hsl(8, 60%, 47%);
298
298
  --t-fill-color-control-disabled:hsl(0, 0%, 81%);
299
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 42%);
299
+ --t-fill-color-status-neutral:hsl(0, 0%, 42%);
300
300
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
301
301
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
302
- --t-fill-color-status-info-solid:hsl(204, 100%, 40%);
302
+ --t-fill-color-status-info:hsl(204, 100%, 40%);
303
303
  --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
304
304
  --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
305
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
305
+ --t-fill-color-status-success:hsl(96, 57%, 33%);
306
306
  --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
307
307
  --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
308
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
308
+ --t-fill-color-status-warning:hsl(42, 84%, 63%);
309
309
  --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
310
310
  --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
311
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
311
+ --t-fill-color-status-error:hsl(8, 60%, 47%);
312
312
  --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
313
313
  --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
314
314
  --t-fill-color-tooltip:hsla(0, 0%, 12%, 0.9);
@@ -476,10 +476,10 @@
476
476
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
477
477
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
478
478
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
479
- --t-fill-color-button-neutral-outline-dim:hsla(0, 0%, 100%, 0);
480
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 95%);
481
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 93%);
482
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 98%);
479
+ --t-fill-color-button-neutral-outline:hsla(0, 0%, 100%, 0);
480
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 95%);
481
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 93%);
482
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 98%);
483
483
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 100%, 0);
484
484
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
485
485
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
@@ -492,10 +492,10 @@
492
492
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
493
493
  --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
494
494
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
495
- --t-fill-color-button-interaction-outline-dim:hsla(0, 0%, 100%, 0);
496
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 100%, 97%);
497
- --t-fill-color-button-interaction-outline-dim-active:hsl(203, 94%, 94%);
498
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 98%);
495
+ --t-fill-color-button-interaction-outline:hsla(0, 0%, 100%, 0);
496
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 100%, 97%);
497
+ --t-fill-color-button-interaction-outline-active:hsl(203, 94%, 94%);
498
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 98%);
499
499
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 100%, 0);
500
500
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
501
501
  --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
@@ -504,10 +504,10 @@
504
504
  --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
505
505
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
506
506
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
507
- --t-fill-color-button-delete-outline-dim:hsla(0, 0%, 100%, 0);
508
- --t-fill-color-button-delete-outline-dim-hover:hsl(7, 60%, 97%);
509
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 59%, 93%);
510
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 98%);
507
+ --t-fill-color-button-delete-outline:hsla(0, 0%, 100%, 0);
508
+ --t-fill-color-button-delete-outline-hover:hsl(7, 60%, 97%);
509
+ --t-fill-color-button-delete-outline-active:hsl(9, 59%, 93%);
510
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 98%);
511
511
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 100%, 0);
512
512
  --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
513
513
  --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
@@ -589,14 +589,27 @@
589
589
  --t-border-size-default:var(--t-border-width);
590
590
  --t-border-size-thick:var(--t-border-width-thick);
591
591
  --t-font-weight-semi-bold:var(--t-font-weight-semibold);
592
- --t-icon-color-status-neutral-dark:hsl(0, 0%, 24%);
593
- --t-icon-color-status-info-secondary:hsl(204, 100%, 40%);
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);
594
599
  --t-fill-color-alert-info:hsl(204, 94%, 49%);
595
600
  --t-fill-color-alert-success:hsl(122, 60%, 41%);
596
601
  --t-fill-color-alert-warning:hsl(43, 96%, 58%);
597
602
  --t-fill-color-alert-error:hsl(4, 77%, 59%);
598
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
599
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);
600
613
  --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
601
614
  --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
602
615
  --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
@@ -605,6 +618,10 @@
605
618
  --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
606
619
  --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
607
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);
608
625
  --t-border-color-default-base:var(--t-border-color);
609
626
  --t-border-color-default-dark:var(--t-border-color-dark);
610
627
  --t-border-color-default-darker:var(--t-border-color-darker);
@@ -615,19 +632,20 @@
615
632
  --t-border-radius-default:var(--t-border-radius);
616
633
  --t-border-width-default:var(--t-border-width);
617
634
  --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
618
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline-dim);
635
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
619
636
  --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
620
637
  --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
621
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline-dim);
638
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
622
639
  --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
623
640
  --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
624
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline-dim);
641
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
625
642
  --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
626
643
  --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
627
644
  --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
628
645
  --t-fill-color-control-primary:var(--t-fill-color-control);
629
646
  --t-fill-color-interaction-default:var(--t-fill-color-interaction);
630
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);
631
649
  --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
632
650
  --t-icon-color-default-dim:var(--t-icon-color-dim);
633
651
  --t-icon-color-default-disabled:var(--t-icon-color-disabled);
@@ -715,10 +733,10 @@
715
733
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
716
734
  --t-fill-color-control:hsl(204, 100%, 35%);
717
735
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
718
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
736
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
719
737
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
720
738
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
721
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
739
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
722
740
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
723
741
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
724
742
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -796,10 +814,10 @@
796
814
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
797
815
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
798
816
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
799
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
800
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
801
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
802
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
817
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
818
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
819
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
820
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
803
821
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
804
822
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
805
823
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -809,10 +827,10 @@
809
827
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
810
828
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
811
829
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
812
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
813
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
814
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
815
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
830
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
831
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
832
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
833
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
816
834
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
817
835
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
818
836
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -820,10 +838,10 @@
820
838
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
821
839
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
822
840
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
823
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
824
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
825
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
826
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
841
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
842
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
843
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
844
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
827
845
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
828
846
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
829
847
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -939,10 +957,10 @@
939
957
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
940
958
  --t-fill-color-control:hsl(204, 100%, 35%);
941
959
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
942
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
960
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
943
961
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
944
962
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
945
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
963
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
946
964
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
947
965
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
948
966
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -1020,10 +1038,10 @@
1020
1038
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
1021
1039
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
1022
1040
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
1023
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
1024
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
1025
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
1026
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
1041
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
1042
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
1043
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
1044
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
1027
1045
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
1028
1046
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
1029
1047
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -1033,10 +1051,10 @@
1033
1051
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
1034
1052
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
1035
1053
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
1036
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
1037
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
1038
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
1039
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
1054
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
1055
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
1056
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
1057
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
1040
1058
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
1041
1059
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
1042
1060
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -1044,10 +1062,10 @@
1044
1062
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
1045
1063
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
1046
1064
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
1047
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
1048
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
1049
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
1050
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
1065
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
1066
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
1067
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
1068
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
1051
1069
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
1052
1070
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
1053
1071
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);