@planningcenter/doxy 0.2.0

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 (47) hide show
  1. package/README.md +118 -0
  2. package/dist/build-output/ts/index.d.ts +10 -0
  3. package/dist/build-output/ts/index.d.ts.map +1 -0
  4. package/dist/build-output/ts/index.js +6 -0
  5. package/dist/build-output/ts/index.js.map +1 -0
  6. package/dist/build-output/ts/react-native-tokens-dark.d.ts +81 -0
  7. package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -0
  8. package/dist/build-output/ts/react-native-tokens-dark.js +62 -0
  9. package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -0
  10. package/dist/build-output/ts/react-native-tokens-light.d.ts +81 -0
  11. package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -0
  12. package/dist/build-output/ts/react-native-tokens-light.js +62 -0
  13. package/dist/build-output/ts/react-native-tokens-light.js.map +1 -0
  14. package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts +15 -0
  15. package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts.map +1 -0
  16. package/dist/build-output/ts/themeable-web-gradient-tokens.js +16 -0
  17. package/dist/build-output/ts/themeable-web-gradient-tokens.js.map +1 -0
  18. package/dist/build-output/ts/tokens-by-theme-set.d.ts +8 -0
  19. package/dist/build-output/ts/tokens-by-theme-set.d.ts.map +1 -0
  20. package/dist/build-output/ts/tokens-by-theme-set.js +9 -0
  21. package/dist/build-output/ts/tokens-by-theme-set.js.map +1 -0
  22. package/dist/build-output/ts/tokens.d.ts +60 -0
  23. package/dist/build-output/ts/tokens.d.ts.map +1 -0
  24. package/dist/build-output/ts/tokens.js +62 -0
  25. package/dist/build-output/ts/tokens.js.map +1 -0
  26. package/dist/build-output/ts/types/react-native-types.d.ts +85 -0
  27. package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -0
  28. package/dist/index.css +173 -0
  29. package/dist/index.css.map +1 -0
  30. package/dist/index.d.ts +8 -0
  31. package/dist/index.d.ts.map +1 -0
  32. package/dist/index.js +6 -0
  33. package/dist/index.js.map +1 -0
  34. package/dist/jsTokens.d.ts +3 -0
  35. package/dist/jsTokens.d.ts.map +1 -0
  36. package/dist/jsTokens.js +6 -0
  37. package/dist/jsTokens.js.map +1 -0
  38. package/dist/tokens-dark.css +116 -0
  39. package/dist/tokens-dark.css.map +1 -0
  40. package/dist/tokens-dark.js +3 -0
  41. package/dist/tokens-deprecated.css +2 -0
  42. package/dist/tokens-deprecated.css.map +1 -0
  43. package/dist/tokens-deprecated.js +3 -0
  44. package/dist/tokens.css +173 -0
  45. package/dist/tokens.css.map +1 -0
  46. package/dist/tokens.js +3 -0
  47. package/package.json +104 -0
@@ -0,0 +1,173 @@
1
+ :root{
2
+ --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));
3
+ --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
4
+ --d-fill-color-neutral-000:hsl(0, 0%, 12%);
5
+ --d-fill-color-neutral-010:hsl(0, 0%, 24%);
6
+ --d-fill-color-neutral-020:hsl(0, 0%, 45%);
7
+ --d-fill-color-neutral-030:hsl(0, 0%, 58%);
8
+ --d-fill-color-neutral-040:hsl(0, 0%, 81%);
9
+ --d-fill-color-neutral-050:hsl(0, 0%, 88%);
10
+ --d-fill-color-neutral-060:hsl(0, 0%, 93%);
11
+ --d-fill-color-neutral-070:hsl(0, 0%, 95%);
12
+ --d-fill-color-neutral-080:hsl(0, 0%, 97%);
13
+ --d-fill-color-neutral-090:hsl(0, 0%, 98%);
14
+ --d-fill-color-neutral-100:hsl(0, 0%, 100%);
15
+ --d-fill-color-status-error-ghost:hsl(0, 80%, 96%);
16
+ --d-fill-color-status-info-ghost:hsl(210, 100%, 96%);
17
+ --d-fill-color-status-neutral-ghost:hsl(0, 0%, 95%);
18
+ --d-fill-color-status-success-ghost:hsl(120, 33%, 96%);
19
+ --d-fill-color-status-warning-ghost:hsl(40, 90%, 96%);
20
+ --d-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
21
+ --d-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
22
+ --d-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
23
+ --d-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
24
+ --d-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
25
+ --d-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
26
+ --d-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
27
+ --d-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
28
+ --d-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
29
+ --d-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
30
+ --d-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
31
+ --d-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
32
+ --d-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
33
+ --d-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
34
+ --d-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
35
+ --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
36
+ --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
37
+ --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
38
+ --d-icon-color-interaction:hsl(174, 73%, 28%);
39
+ --d-icon-color-status-error:hsl(0, 72%, 45%);
40
+ --d-icon-color-status-info:hsl(206, 100%, 31%);
41
+ --d-icon-color-status-neutral:hsl(0, 0%, 32%);
42
+ --d-icon-color-status-success:hsl(124, 55%, 33%);
43
+ --d-icon-color-status-warning:hsl(36, 99%, 41%);
44
+ --d-text-color:hsl(0, 0%, 24%);
45
+ --d-text-color-disabled:hsl(0, 0%, 62%);
46
+ --d-text-color-headline:hsl(0, 0%, 12%);
47
+ --d-text-color-interaction:hsl(174, 73%, 28%);
48
+ --d-text-color-inverted:hsl(0, 0%, 100%);
49
+ --d-text-color-placeholder:hsl(0, 0%, 88%);
50
+ --d-text-color-secondary:hsl(0, 0%, 45%);
51
+ --d-text-color-status-error:hsl(0, 72%, 45%);
52
+ --d-text-color-status-info:hsl(206, 100%, 31%);
53
+ --d-text-color-status-neutral:hsl(0, 0%, 32%);
54
+ --d-text-color-status-success:hsl(124, 55%, 33%);
55
+ --d-text-color-status-warning:hsl(36, 99%, 32%);
56
+ }
57
+
58
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
59
+ color-scheme:dark;
60
+ --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
61
+ --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
62
+ --d-fill-color-neutral-000:hsl(0, 0%, 98%);
63
+ --d-fill-color-neutral-010:hsl(0, 0%, 88%);
64
+ --d-fill-color-neutral-020:hsl(0, 0%, 68%);
65
+ --d-fill-color-neutral-030:hsl(0, 0%, 50%);
66
+ --d-fill-color-neutral-040:hsl(0, 0%, 32%);
67
+ --d-fill-color-neutral-050:hsl(0, 0%, 24%);
68
+ --d-fill-color-neutral-060:hsl(0, 0%, 19%);
69
+ --d-fill-color-neutral-070:hsl(0, 0%, 17%);
70
+ --d-fill-color-neutral-080:hsl(0, 0%, 15%);
71
+ --d-fill-color-neutral-090:hsl(0, 0%, 12%);
72
+ --d-fill-color-neutral-100:hsl(0, 0%, 7%);
73
+ --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
74
+ --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
75
+ --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
76
+ --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
77
+ --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
78
+ --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
79
+ --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
80
+ --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
81
+ --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
82
+ --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
83
+ --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
84
+ --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
85
+ --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
86
+ --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
87
+ --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
88
+ --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
89
+ --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
90
+ --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
91
+ --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
92
+ --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
93
+ --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
94
+ --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
95
+ --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
96
+ --d-icon-color-interaction:hsl(174, 70%, 37%);
97
+ --d-icon-color-status-error:hsl(0, 68%, 54%);
98
+ --d-icon-color-status-info:hsl(206, 100%, 42%);
99
+ --d-icon-color-status-neutral:hsl(0, 0%, 81%);
100
+ --d-icon-color-status-success:hsl(124, 50%, 38%);
101
+ --d-icon-color-status-warning:hsl(36, 99%, 42%);
102
+ --d-text-color:hsl(0, 0%, 88%);
103
+ --d-text-color-disabled:hsl(0, 0%, 50%);
104
+ --d-text-color-headline:hsl(0, 0%, 98%);
105
+ --d-text-color-interaction:hsl(174, 70%, 37%);
106
+ --d-text-color-placeholder:hsl(0, 0%, 24%);
107
+ --d-text-color-secondary:hsl(0, 0%, 68%);
108
+ --d-text-color-status-error:hsl(0, 95%, 64%);
109
+ --d-text-color-status-info:hsl(206, 100%, 56%);
110
+ --d-text-color-status-neutral:hsl(0, 0%, 81%);
111
+ --d-text-color-status-success:hsl(124, 55%, 45%);
112
+ --d-text-color-status-warning:hsl(36, 99%, 47%);
113
+ }
114
+
115
+ @media (prefers-color-scheme: dark){
116
+ :root[data-color-mode="system"], body[data-color-scheme="system"]{
117
+ color-scheme:dark;
118
+ --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
119
+ --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
120
+ --d-fill-color-neutral-000:hsl(0, 0%, 98%);
121
+ --d-fill-color-neutral-010:hsl(0, 0%, 88%);
122
+ --d-fill-color-neutral-020:hsl(0, 0%, 68%);
123
+ --d-fill-color-neutral-030:hsl(0, 0%, 50%);
124
+ --d-fill-color-neutral-040:hsl(0, 0%, 32%);
125
+ --d-fill-color-neutral-050:hsl(0, 0%, 24%);
126
+ --d-fill-color-neutral-060:hsl(0, 0%, 19%);
127
+ --d-fill-color-neutral-070:hsl(0, 0%, 17%);
128
+ --d-fill-color-neutral-080:hsl(0, 0%, 15%);
129
+ --d-fill-color-neutral-090:hsl(0, 0%, 12%);
130
+ --d-fill-color-neutral-100:hsl(0, 0%, 7%);
131
+ --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
132
+ --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
133
+ --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
134
+ --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
135
+ --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
136
+ --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
137
+ --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
138
+ --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
139
+ --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
140
+ --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
141
+ --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
142
+ --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
143
+ --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
144
+ --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
145
+ --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
146
+ --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
147
+ --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
148
+ --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
149
+ --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
150
+ --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
151
+ --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
152
+ --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
153
+ --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
154
+ --d-icon-color-interaction:hsl(174, 70%, 37%);
155
+ --d-icon-color-status-error:hsl(0, 68%, 54%);
156
+ --d-icon-color-status-info:hsl(206, 100%, 42%);
157
+ --d-icon-color-status-neutral:hsl(0, 0%, 81%);
158
+ --d-icon-color-status-success:hsl(124, 50%, 38%);
159
+ --d-icon-color-status-warning:hsl(36, 99%, 42%);
160
+ --d-text-color:hsl(0, 0%, 88%);
161
+ --d-text-color-disabled:hsl(0, 0%, 50%);
162
+ --d-text-color-headline:hsl(0, 0%, 98%);
163
+ --d-text-color-interaction:hsl(174, 70%, 37%);
164
+ --d-text-color-placeholder:hsl(0, 0%, 24%);
165
+ --d-text-color-secondary:hsl(0, 0%, 68%);
166
+ --d-text-color-status-error:hsl(0, 95%, 64%);
167
+ --d-text-color-status-info:hsl(206, 100%, 56%);
168
+ --d-text-color-status-neutral:hsl(0, 0%, 81%);
169
+ --d-text-color-status-success:hsl(124, 55%, 45%);
170
+ --d-text-color-status-warning:hsl(36, 99%, 47%);
171
+ }
172
+ }
173
+ /*# sourceMappingURL=tokens.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../build-output/css/tokens-alias.css","../build-output/css/tokens-dark.css","../build-output/css/tokens-system-dark.css"],"names":[],"mappings":"AAIA;EACE,oGAAqG;EACrG,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,2CAA4C;EAC5C,kDAAmD;EACnD,oDAAqD;EACrD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,wCAAyC;EACzC,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;ACvDA;EACE,iBAAkB;EAClB,8FAA+F;EAC/F,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,yCAA0C;EAC1C,kDAAmD;EACnD,mDAAoD;EACpD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;ACvDA;AACA;EACE,iBAAkB;EAClB,8FAA+F;EAC/F,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,yCAA0C;EAC1C,kDAAmD;EACnD,mDAAoD;EACpD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;AACA","file":"tokens.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));\n --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));\n --d-fill-color-neutral-000: hsl(0, 0%, 12%);\n --d-fill-color-neutral-010: hsl(0, 0%, 24%);\n --d-fill-color-neutral-020: hsl(0, 0%, 45%);\n --d-fill-color-neutral-030: hsl(0, 0%, 58%);\n --d-fill-color-neutral-040: hsl(0, 0%, 81%);\n --d-fill-color-neutral-050: hsl(0, 0%, 88%);\n --d-fill-color-neutral-060: hsl(0, 0%, 93%);\n --d-fill-color-neutral-070: hsl(0, 0%, 95%);\n --d-fill-color-neutral-080: hsl(0, 0%, 97%);\n --d-fill-color-neutral-090: hsl(0, 0%, 98%);\n --d-fill-color-neutral-100: hsl(0, 0%, 100%);\n --d-fill-color-status-error-ghost: hsl(0, 80%, 96%);\n --d-fill-color-status-info-ghost: hsl(210, 100%, 96%);\n --d-fill-color-status-neutral-ghost: hsl(0, 0%, 95%);\n --d-fill-color-status-success-ghost: hsl(120, 33%, 96%);\n --d-fill-color-status-warning-ghost: hsl(40, 90%, 96%);\n --d-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --d-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --d-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --d-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --d-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --d-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --d-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --d-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --d-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --d-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --d-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --d-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --d-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --d-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --d-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --d-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --d-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --d-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --d-icon-color-interaction: hsl(174, 73%, 28%);\n --d-icon-color-status-error: hsl(0, 72%, 45%);\n --d-icon-color-status-info: hsl(206, 100%, 31%);\n --d-icon-color-status-neutral: hsl(0, 0%, 32%);\n --d-icon-color-status-success: hsl(124, 55%, 33%);\n --d-icon-color-status-warning: hsl(36, 99%, 41%);\n --d-text-color: hsl(0, 0%, 24%);\n --d-text-color-disabled: hsl(0, 0%, 62%);\n --d-text-color-headline: hsl(0, 0%, 12%);\n --d-text-color-interaction: hsl(174, 73%, 28%);\n --d-text-color-inverted: hsl(0, 0%, 100%);\n --d-text-color-placeholder: hsl(0, 0%, 88%);\n --d-text-color-secondary: hsl(0, 0%, 45%);\n --d-text-color-status-error: hsl(0, 72%, 45%);\n --d-text-color-status-info: hsl(206, 100%, 31%);\n --d-text-color-status-neutral: hsl(0, 0%, 32%);\n --d-text-color-status-success: hsl(124, 55%, 33%);\n --d-text-color-status-warning: hsl(36, 99%, 32%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"], body[data-color-scheme=\"dark\"] {\n color-scheme: dark;\n --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-status-error: hsl(0, 68%, 54%);\n --d-icon-color-status-info: hsl(206, 100%, 42%);\n --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n --d-icon-color-status-success: hsl(124, 50%, 38%);\n --d-icon-color-status-warning: hsl(36, 99%, 42%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-disabled: hsl(0, 0%, 50%);\n --d-text-color-headline: hsl(0, 0%, 98%);\n --d-text-color-interaction: hsl(174, 70%, 37%);\n --d-text-color-placeholder: hsl(0, 0%, 24%);\n --d-text-color-secondary: hsl(0, 0%, 68%);\n --d-text-color-status-error: hsl(0, 95%, 64%);\n --d-text-color-status-info: hsl(206, 100%, 56%);\n --d-text-color-status-neutral: hsl(0, 0%, 81%);\n --d-text-color-status-success: hsl(124, 55%, 45%);\n --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"], body[data-color-scheme=\"system\"] {\n color-scheme: dark;\n --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-status-error: hsl(0, 68%, 54%);\n --d-icon-color-status-info: hsl(206, 100%, 42%);\n --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n --d-icon-color-status-success: hsl(124, 50%, 38%);\n --d-icon-color-status-warning: hsl(36, 99%, 42%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-disabled: hsl(0, 0%, 50%);\n --d-text-color-headline: hsl(0, 0%, 98%);\n --d-text-color-interaction: hsl(174, 70%, 37%);\n --d-text-color-placeholder: hsl(0, 0%, 24%);\n --d-text-color-secondary: hsl(0, 0%, 68%);\n --d-text-color-status-error: hsl(0, 95%, 64%);\n --d-text-color-status-info: hsl(206, 100%, 56%);\n --d-text-color-status-neutral: hsl(0, 0%, 81%);\n --d-text-color-status-success: hsl(124, 55%, 45%);\n --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n}\n"]}
package/dist/tokens.js ADDED
@@ -0,0 +1,3 @@
1
+ var undefined$1 = undefined;
2
+
3
+ export { undefined$1 as default };
package/package.json ADDED
@@ -0,0 +1,104 @@
1
+ {
2
+ "name": "@planningcenter/doxy",
3
+ "version": "0.2.0",
4
+ "main": "./dist/index.js",
5
+ "repository": "git@github.com:planningcenter/doxy.git",
6
+ "type": "module",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "scripts": {
11
+ "prepare": "[ -d dist ] || yarn build",
12
+ "prebuild": "rimraf dist src/build-output",
13
+ "build": "yarn build:tokens && yarn build:rollup",
14
+ "build:rollup": "rollup -c",
15
+ "build:tokens": "tsx ./src/style-dictionary.build.ts",
16
+ "build:tokens:nuke": "rm -rf src/build-output && yarn build:tokens",
17
+ "build:storybook": "storybook build",
18
+ "storybook": "storybook dev -p 6006",
19
+ "lint": "eslint . && prettier --check .",
20
+ "format": "prettier --write .",
21
+ "test": "vitest run",
22
+ "test:watch": "vitest"
23
+ },
24
+ "exports": {
25
+ ".": "./dist/index.js",
26
+ "./index.css": "./dist/index.css",
27
+ "./tokens.css": "./dist/tokens.css",
28
+ "./tokens-dark.css": "./dist/tokens-dark.css",
29
+ "./tokens-deprecated.css": "./dist/tokens-deprecated.css",
30
+ "./react-native-tokens-dark": "./dist/build-output/ts/react-native-tokens-dark.js",
31
+ "./react-native-tokens-light": "./dist/build-output/ts/react-native-tokens-light.js",
32
+ "./types/react-native-types": "./dist/build-output/ts/types/react-native-types.js",
33
+ "./themeable-web-gradient-tokens": "./dist/build-output/ts/themeable-web-gradient-tokens.js",
34
+ "./tokens-by-theme-set": "./dist/build-output/ts/tokens-by-theme-set.js",
35
+ "./tokens": "./dist/jsTokens.js",
36
+ "./ts": "./dist/build-output/ts/index.js"
37
+ },
38
+ "typesVersions": {
39
+ "*": {
40
+ "ts": [
41
+ "./dist/build-output/ts/index.d.ts"
42
+ ],
43
+ "tokens": [
44
+ "./dist/jsTokens.d.ts"
45
+ ],
46
+ "tokens-by-theme-set": [
47
+ "./dist/build-output/ts/tokens-by-theme-set.d.ts"
48
+ ],
49
+ "themeable-web-gradient-tokens": [
50
+ "./dist/build-output/ts/themeable-web-gradient-tokens.d.ts"
51
+ ],
52
+ "react-native-tokens-dark": [
53
+ "./dist/build-output/ts/react-native-tokens-dark.d.ts"
54
+ ],
55
+ "react-native-tokens-light": [
56
+ "./dist/build-output/ts/react-native-tokens-light.d.ts"
57
+ ],
58
+ "types/react-native-types": [
59
+ "./dist/build-output/ts/types/react-native-types.d.ts"
60
+ ]
61
+ }
62
+ },
63
+ "types": "./dist/index.d.ts",
64
+ "devDependencies": {
65
+ "@eslint/js": "^9.39.1",
66
+ "@rollup/plugin-commonjs": "^29.0.0",
67
+ "@rollup/plugin-node-resolve": "^16.0.3",
68
+ "@rollup/plugin-typescript": "^12.3.0",
69
+ "@storybook/addon-docs": "^10.1.11",
70
+ "@storybook/addon-onboarding": "^10.1.11",
71
+ "@storybook/react-vite": "^10.1.11",
72
+ "@types/node": "^25.0.3",
73
+ "@types/react": "^19.2.9",
74
+ "@types/react-dom": "^19.2.3",
75
+ "@types/tinycolor2": "^1.4.6",
76
+ "@typescript-eslint/eslint-plugin": "^8.46.4",
77
+ "eslint": "^9.39.1",
78
+ "eslint-plugin-prettier": "^5.5.4",
79
+ "eslint-plugin-simple-import-sort": "^12.1.1",
80
+ "eslint-plugin-sort-keys-fix": "^1.1.2",
81
+ "eslint-plugin-storybook": "^10.1.11",
82
+ "eslint-plugin-typescript-sort-keys": "^3.3.0",
83
+ "eslint-plugin-vitest": "^0.5.4",
84
+ "globals": "^16.5.0",
85
+ "postcss-combine-duplicated-selectors": "^10.0.3",
86
+ "postcss-discard-comments": "^7.0.5",
87
+ "postcss-import": "^16.1.1",
88
+ "prettier": "3.6.2",
89
+ "react": "^19.2.3",
90
+ "react-dom": "^19.2.3",
91
+ "remark-gfm": "^4.0.1",
92
+ "rimraf": "^6.1.2",
93
+ "rollup": "^4.57.0",
94
+ "rollup-plugin-node-externals": "^8.1.2",
95
+ "rollup-plugin-postcss": "^4.0.2",
96
+ "rollup-plugin-rename-node-modules": "^1.3.1",
97
+ "storybook": "^10.1.11",
98
+ "style-dictionary": "4.4.0",
99
+ "tsx": "^4.21.0",
100
+ "typescript": "^5.9.3",
101
+ "typescript-eslint": "^8.46.4",
102
+ "vitest": "^4.0.10"
103
+ }
104
+ }