@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/unstable.css CHANGED
@@ -589,6 +589,84 @@
589
589
  --t-form-font-color-readonly:var(--t-text-color);
590
590
  --t-form-picker-icon-color:var(--t-icon-color);
591
591
  --t-form-placeholder-color:var(--t-text-color-placeholder);
592
+ --t-border-size-default:var(--t-border-width);
593
+ --t-border-size-thick:var(--t-border-width-thick);
594
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
595
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
596
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
597
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
598
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
599
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
600
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
601
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
602
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
603
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
604
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
605
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
606
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
607
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
608
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
609
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
610
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
611
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
612
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
613
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
614
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
615
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
616
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
617
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
618
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
619
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
620
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
621
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
622
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
623
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
624
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
625
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
626
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
627
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
628
+ --t-border-color-default-base:var(--t-border-color);
629
+ --t-border-color-default-dark:var(--t-border-color-dark);
630
+ --t-border-color-default-darker:var(--t-border-color-darker);
631
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
632
+ --t-border-color-default-dim:var(--t-border-color-dim);
633
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
634
+ --t-border-color-default-white:var(--t-border-color-white);
635
+ --t-border-radius-default:var(--t-border-radius);
636
+ --t-border-width-default:var(--t-border-width);
637
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
638
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
639
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
640
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
641
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
642
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
643
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
644
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
645
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
646
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
647
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
648
+ --t-fill-color-control-primary:var(--t-fill-color-control);
649
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
650
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
651
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
652
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
653
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
654
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
655
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
656
+ --t-icon-color-default-primary:var(--t-icon-color);
657
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
658
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
659
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
660
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
661
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
662
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
663
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
664
+ --t-text-color-default-headline:var(--t-text-color-headline);
665
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
666
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
667
+ --t-text-color-default-primary:var(--t-text-color);
668
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
669
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
592
670
  }
593
671
 
594
672
  :root[data-color-mode="dark"]{
@@ -812,6 +890,14 @@
812
890
  --t-border-color-control-info:hsl(204, 100%, 35%);
813
891
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
814
892
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
893
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
894
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
895
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
896
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
897
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
898
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
899
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
900
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
815
901
  }
816
902
 
817
903
  @media (prefers-color-scheme: dark){
@@ -1036,94 +1122,6 @@
1036
1122
  --t-border-color-control-info:hsl(204, 100%, 35%);
1037
1123
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
1038
1124
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
1039
- }
1040
- }
1041
-
1042
- :root{
1043
- --t-border-size-default:var(--t-border-width);
1044
- --t-border-size-thick:var(--t-border-width-thick);
1045
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
1046
- --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
1047
- --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
1048
- --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
1049
- --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
1050
- --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
1051
- --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
1052
- --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
1053
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
1054
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
1055
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
1056
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
1057
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
1058
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
1059
- --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
1060
- --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
1061
- --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
1062
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
1063
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
1064
- --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
1065
- --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
1066
- --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
1067
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
1068
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
1069
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
1070
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
1071
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
1072
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
1073
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
1074
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
1075
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
1076
- --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
1077
- --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
1078
- --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
1079
- }
1080
-
1081
- :root{
1082
- --t-border-color-default-base:var(--t-border-color);
1083
- --t-border-color-default-dark:var(--t-border-color-dark);
1084
- --t-border-color-default-darker:var(--t-border-color-darker);
1085
- --t-border-color-default-darkest:var(--t-border-color-darkest);
1086
- --t-border-color-default-dim:var(--t-border-color-dim);
1087
- --t-border-color-default-disabled:var(--t-border-color-disabled);
1088
- --t-border-color-default-white:var(--t-border-color-white);
1089
- --t-border-radius-default:var(--t-border-radius);
1090
- --t-border-width-default:var(--t-border-width);
1091
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
1092
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
1093
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
1094
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
1095
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
1096
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
1097
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
1098
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
1099
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
1100
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
1101
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
1102
- --t-fill-color-control-primary:var(--t-fill-color-control);
1103
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
1104
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
1105
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
1106
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
1107
- --t-icon-color-default-dim:var(--t-icon-color-dim);
1108
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
1109
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
1110
- --t-icon-color-default-primary:var(--t-icon-color);
1111
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
1112
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
1113
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
1114
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
1115
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
1116
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
1117
- --t-text-color-default-disabled:var(--t-text-color-disabled);
1118
- --t-text-color-default-headline:var(--t-text-color-headline);
1119
- --t-text-color-default-inverted:var(--t-text-color-inverted);
1120
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
1121
- --t-text-color-default-primary:var(--t-text-color);
1122
- --t-text-color-default-secondary:var(--t-text-color-secondary);
1123
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
1124
- }
1125
-
1126
- :root[data-color-mode="dark"]{
1127
1125
  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
1128
1126
  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
1129
1127
  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
@@ -1133,18 +1131,9 @@
1133
1131
  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
1134
1132
  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
1135
1133
  }
1134
+ }
1136
1135
 
1137
1136
  @media (prefers-color-scheme: dark){
1138
- :root[data-color-mode="system"]{
1139
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
1140
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
1141
- --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
1142
- --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
1143
- --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
1144
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
1145
- --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
1146
- --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
1147
- }
1148
1137
  }
1149
1138
 
1150
1139
  @layer t-critical{