@planningcenter/doxy 1.2.2 → 1.3.1-rc.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 (36) hide show
  1. package/README.md +1 -0
  2. package/dist/build-output/ts/color-tokens.d.ts +208 -18
  3. package/dist/build-output/ts/color-tokens.d.ts.map +1 -1
  4. package/dist/build-output/ts/color-tokens.js +85 -9
  5. package/dist/build-output/ts/color-tokens.js.map +1 -1
  6. package/dist/build-output/ts/react-native-tokens-dark.d.ts +34 -2
  7. package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -1
  8. package/dist/build-output/ts/react-native-tokens-dark.js +25 -3
  9. package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -1
  10. package/dist/build-output/ts/react-native-tokens-light.d.ts +34 -2
  11. package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -1
  12. package/dist/build-output/ts/react-native-tokens-light.js +25 -3
  13. package/dist/build-output/ts/react-native-tokens-light.js.map +1 -1
  14. package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts +4 -0
  15. package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts.map +1 -1
  16. package/dist/build-output/ts/themeable-web-gradient-tokens.js +4 -0
  17. package/dist/build-output/ts/themeable-web-gradient-tokens.js.map +1 -1
  18. package/dist/build-output/ts/tokens-by-theme-set.d.ts +1 -1
  19. package/dist/build-output/ts/tokens-by-theme-set.js +1 -1
  20. package/dist/build-output/ts/tokens-by-theme-set.js.map +1 -1
  21. package/dist/build-output/ts/tokens.d.ts +24 -2
  22. package/dist/build-output/ts/tokens.d.ts.map +1 -1
  23. package/dist/build-output/ts/tokens.js +25 -3
  24. package/dist/build-output/ts/tokens.js.map +1 -1
  25. package/dist/build-output/ts/types/react-native-types.d.ts +30 -1
  26. package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -1
  27. package/dist/index.css +78 -12
  28. package/dist/index.css.map +1 -1
  29. package/dist/tokens-dark.css +42 -8
  30. package/dist/tokens-dark.css.map +1 -1
  31. package/dist/tokens-deprecated.css +16 -0
  32. package/dist/tokens-deprecated.css.map +1 -1
  33. package/dist/tokens.css +66 -12
  34. package/dist/tokens.css.map +1 -1
  35. package/package.json +8 -3
  36. package/dist/tokens.scss +0 -204
package/dist/tokens.scss DELETED
@@ -1,204 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- @use "sass:map";
7
-
8
- $_doxy-tokens: (
9
- light: (
10
- "--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%)),
11
- "--d-border-color": hsl(0, 0%, 88%),
12
- "--d-border-color-button-delete": hsl(0, 72%, 45%),
13
- "--d-border-color-button-disabled": hsl(0, 0%, 88%),
14
- "--d-border-color-dark": hsl(0, 0%, 81%),
15
- "--d-border-color-dim": hsl(0, 0%, 95%),
16
- "--d-border-color-status-warning": hsl(42, 90%, 60%),
17
- "--d-fill-color-button-delete-outline": hsl(0, 0%, 100%),
18
- "--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 100%),
19
- "--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
20
- "--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 93%),
21
- "--d-fill-color-button-interaction-outline": hsl(0, 0%, 100%),
22
- "--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 100%),
23
- "--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 95%),
24
- "--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%)),
25
- "--d-fill-color-neutral-000": hsl(0, 0%, 12%),
26
- "--d-fill-color-neutral-010": hsl(0, 0%, 24%),
27
- "--d-fill-color-neutral-020": hsl(0, 0%, 45%),
28
- "--d-fill-color-neutral-030": hsl(0, 0%, 58%),
29
- "--d-fill-color-neutral-040": hsl(0, 0%, 81%),
30
- "--d-fill-color-neutral-050": hsl(0, 0%, 88%),
31
- "--d-fill-color-neutral-060": hsl(0, 0%, 93%),
32
- "--d-fill-color-neutral-070": hsl(0, 0%, 95%),
33
- "--d-fill-color-neutral-080": hsl(0, 0%, 97%),
34
- "--d-fill-color-neutral-090": hsl(0, 0%, 98%),
35
- "--d-fill-color-neutral-100": hsl(0, 0%, 100%),
36
- "--d-fill-color-status-error-ghost": hsl(0, 80%, 96%),
37
- "--d-fill-color-status-info-ghost": hsl(210, 100%, 96%),
38
- "--d-fill-color-status-neutral-ghost": hsl(0, 0%, 95%),
39
- "--d-fill-color-status-success-ghost": hsl(120, 33%, 96%),
40
- "--d-fill-color-status-warning-ghost": hsl(40, 90%, 96%),
41
- "--d-fill-color-transparency-dark-010": hsla(0, 0%, 0%, 0.1),
42
- "--d-fill-color-transparency-dark-020": hsla(0, 0%, 0%, 0.2),
43
- "--d-fill-color-transparency-dark-030": hsla(0, 0%, 0%, 0.3),
44
- "--d-fill-color-transparency-dark-040": hsla(0, 0%, 0%, 0.4),
45
- "--d-fill-color-transparency-dark-050": hsla(0, 0%, 0%, 0.5),
46
- "--d-fill-color-transparency-dark-060": hsla(0, 0%, 0%, 0.6),
47
- "--d-fill-color-transparency-dark-070": hsla(0, 0%, 0%, 0.7),
48
- "--d-fill-color-transparency-dark-080": hsla(0, 0%, 0%, 0.8),
49
- "--d-fill-color-transparency-dark-090": hsla(0, 0%, 0%, 0.9),
50
- "--d-fill-color-transparency-light-010": hsla(0, 0%, 100%, 0.1),
51
- "--d-fill-color-transparency-light-020": hsla(0, 0%, 100%, 0.2),
52
- "--d-fill-color-transparency-light-030": hsla(0, 0%, 100%, 0.3),
53
- "--d-fill-color-transparency-light-040": hsla(0, 0%, 100%, 0.4),
54
- "--d-fill-color-transparency-light-050": hsla(0, 0%, 100%, 0.5),
55
- "--d-fill-color-transparency-light-060": hsla(0, 0%, 100%, 0.6),
56
- "--d-fill-color-transparency-light-070": hsla(0, 0%, 100%, 0.7),
57
- "--d-fill-color-transparency-light-080": hsla(0, 0%, 100%, 0.8),
58
- "--d-fill-color-transparency-light-090": hsla(0, 0%, 100%, 0.9),
59
- "--d-font-size-2xl": 24px,
60
- "--d-font-size-2xs": 10px,
61
- "--d-font-size-3xl": 28px,
62
- "--d-font-size-4xl": 34px,
63
- "--d-font-size-lg": 18px,
64
- "--d-font-size-md": 16px,
65
- "--d-font-size-sm": 14px,
66
- "--d-font-size-xl": 20px,
67
- "--d-font-size-xs": 12px,
68
- "--d-font-weight-bold": 700,
69
- "--d-font-weight-medium": 500,
70
- "--d-font-weight-normal": 400,
71
- "--d-font-weight-semibold": 600,
72
- "--d-icon-color-button-disabled": hsl(0, 0%, 81%),
73
- "--d-icon-color-button-error": hsl(0, 72%, 45%),
74
- "--d-icon-color-button-interaction": hsl(174, 73%, 28%),
75
- "--d-icon-color-interaction": hsl(174, 73%, 28%),
76
- "--d-icon-color-interaction-disabled": hsl(0, 0%, 81%),
77
- "--d-icon-color-interaction-error": hsl(0, 72%, 45%),
78
- "--d-icon-color-status-error": hsl(0, 72%, 45%),
79
- "--d-icon-color-status-info": hsl(206, 100%, 31%),
80
- "--d-icon-color-status-neutral": hsl(0, 0%, 32%),
81
- "--d-icon-color-status-success": hsl(124, 55%, 33%),
82
- "--d-icon-color-status-warning": hsl(36, 99%, 41%),
83
- "--d-surface-color-canvas": hsl(0, 0%, 100%),
84
- "--d-surface-color-card": hsl(0, 0%, 100%),
85
- "--d-text-color": hsl(0, 0%, 24%),
86
- "--d-text-color-button-interaction": hsl(174, 73%, 28%),
87
- "--d-text-color-button-interaction-disabled": hsl(0, 0%, 81%),
88
- "--d-text-color-button-interaction-error": hsl(0, 72%, 45%),
89
- "--d-text-color-disabled": hsl(0, 0%, 81%),
90
- "--d-text-color-headline": hsl(0, 0%, 12%),
91
- "--d-text-color-interaction": hsl(174, 73%, 28%),
92
- "--d-text-color-interaction-disabled": hsl(0, 0%, 81%),
93
- "--d-text-color-interaction-error": hsl(0, 72%, 45%),
94
- "--d-text-color-inverted": hsl(0, 0%, 100%),
95
- "--d-text-color-placeholder": hsl(0, 0%, 58%),
96
- "--d-text-color-secondary": hsl(0, 0%, 45%),
97
- "--d-text-color-status-error": hsl(0, 72%, 45%),
98
- "--d-text-color-status-info": hsl(206, 100%, 31%),
99
- "--d-text-color-status-neutral": hsl(0, 0%, 32%),
100
- "--d-text-color-status-success": hsl(124, 55%, 33%),
101
- "--d-text-color-status-warning": hsl(36, 99%, 32%),
102
- ),
103
- dark: (
104
- "--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%)),
105
- "--d-border-color": hsl(0, 0%, 24%),
106
- "--d-border-color-button-delete": hsl(0, 72%, 45%),
107
- "--d-border-color-button-disabled": hsl(0, 0%, 24%),
108
- "--d-border-color-dark": hsl(0, 0%, 32%),
109
- "--d-border-color-dim": hsl(0, 0%, 17%),
110
- "--d-border-color-status-warning": hsl(42, 81%, 56%),
111
- "--d-fill-color-button-delete-outline": hsl(0, 32%, 8%),
112
- "--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 7%),
113
- "--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
114
- "--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 24%),
115
- "--d-fill-color-button-interaction-outline": hsl(0, 0%, 7%),
116
- "--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 7%),
117
- "--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 24%),
118
- "--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%)),
119
- "--d-fill-color-neutral-000": hsl(0, 0%, 98%),
120
- "--d-fill-color-neutral-010": hsl(0, 0%, 88%),
121
- "--d-fill-color-neutral-020": hsl(0, 0%, 68%),
122
- "--d-fill-color-neutral-030": hsl(0, 0%, 50%),
123
- "--d-fill-color-neutral-040": hsl(0, 0%, 32%),
124
- "--d-fill-color-neutral-050": hsl(0, 0%, 24%),
125
- "--d-fill-color-neutral-060": hsl(0, 0%, 19%),
126
- "--d-fill-color-neutral-070": hsl(0, 0%, 17%),
127
- "--d-fill-color-neutral-080": hsl(0, 0%, 15%),
128
- "--d-fill-color-neutral-090": hsl(0, 0%, 12%),
129
- "--d-fill-color-neutral-100": hsl(0, 0%, 7%),
130
- "--d-fill-color-status-error-ghost": hsl(0, 19%, 15%),
131
- "--d-fill-color-status-info-ghost": hsl(210, 79%, 15%),
132
- "--d-fill-color-status-neutral-ghost": hsl(0, 0%, 13%),
133
- "--d-fill-color-status-success-ghost": hsl(120, 32%, 15%),
134
- "--d-fill-color-status-warning-ghost": hsl(40, 61%, 15%),
135
- "--d-fill-color-transparency-dark-010": hsla(0, 0%, 100%, 0.1),
136
- "--d-fill-color-transparency-dark-020": hsla(0, 0%, 100%, 0.2),
137
- "--d-fill-color-transparency-dark-030": hsla(0, 0%, 100%, 0.3),
138
- "--d-fill-color-transparency-dark-040": hsla(0, 0%, 100%, 0.4),
139
- "--d-fill-color-transparency-dark-050": hsla(0, 0%, 100%, 0.5),
140
- "--d-fill-color-transparency-dark-060": hsla(0, 0%, 100%, 0.6),
141
- "--d-fill-color-transparency-dark-070": hsla(0, 0%, 100%, 0.7),
142
- "--d-fill-color-transparency-dark-080": hsla(0, 0%, 100%, 0.8),
143
- "--d-fill-color-transparency-dark-090": hsla(0, 0%, 100%, 0.9),
144
- "--d-fill-color-transparency-light-010": hsla(0, 0%, 0%, 0.1),
145
- "--d-fill-color-transparency-light-020": hsla(0, 0%, 0%, 0.2),
146
- "--d-fill-color-transparency-light-030": hsla(0, 0%, 0%, 0.3),
147
- "--d-fill-color-transparency-light-040": hsla(0, 0%, 0%, 0.4),
148
- "--d-fill-color-transparency-light-050": hsla(0, 0%, 0%, 0.5),
149
- "--d-fill-color-transparency-light-060": hsla(0, 0%, 0%, 0.6),
150
- "--d-fill-color-transparency-light-070": hsla(0, 0%, 0%, 0.7),
151
- "--d-fill-color-transparency-light-080": hsla(0, 0%, 0%, 0.8),
152
- "--d-fill-color-transparency-light-090": hsla(0, 0%, 0%, 0.9),
153
- "--d-font-size-2xl": 24px,
154
- "--d-font-size-2xs": 10px,
155
- "--d-font-size-3xl": 28px,
156
- "--d-font-size-4xl": 34px,
157
- "--d-font-size-lg": 18px,
158
- "--d-font-size-md": 16px,
159
- "--d-font-size-sm": 14px,
160
- "--d-font-size-xl": 20px,
161
- "--d-font-size-xs": 12px,
162
- "--d-font-weight-bold": 700,
163
- "--d-font-weight-medium": 500,
164
- "--d-font-weight-normal": 400,
165
- "--d-font-weight-semibold": 600,
166
- "--d-icon-color-button-disabled": hsl(0, 0%, 32%),
167
- "--d-icon-color-button-error": hsl(0, 68%, 54%),
168
- "--d-icon-color-button-interaction": hsl(174, 70%, 37%),
169
- "--d-icon-color-interaction": hsl(174, 70%, 37%),
170
- "--d-icon-color-interaction-disabled": hsl(0, 0%, 32%),
171
- "--d-icon-color-interaction-error": hsl(0, 68%, 57%),
172
- "--d-icon-color-status-error": hsl(0, 68%, 54%),
173
- "--d-icon-color-status-info": hsl(206, 100%, 42%),
174
- "--d-icon-color-status-neutral": hsl(0, 0%, 81%),
175
- "--d-icon-color-status-success": hsl(124, 50%, 38%),
176
- "--d-icon-color-status-warning": hsl(36, 99%, 42%),
177
- "--d-surface-color-canvas": hsl(0, 0%, 7%),
178
- "--d-surface-color-card": hsl(0, 0%, 12%),
179
- "--d-text-color": hsl(0, 0%, 88%),
180
- "--d-text-color-button-interaction": hsl(174, 70%, 37%),
181
- "--d-text-color-button-interaction-disabled": hsl(0, 0%, 32%),
182
- "--d-text-color-button-interaction-error": hsl(0, 68%, 57%),
183
- "--d-text-color-disabled": hsl(0, 0%, 32%),
184
- "--d-text-color-headline": hsl(0, 0%, 98%),
185
- "--d-text-color-interaction": hsl(174, 70%, 37%),
186
- "--d-text-color-interaction-disabled": hsl(0, 0%, 32%),
187
- "--d-text-color-interaction-error": hsl(0, 68%, 57%),
188
- "--d-text-color-inverted": hsl(0, 0%, 100%),
189
- "--d-text-color-placeholder": hsl(0, 0%, 24%),
190
- "--d-text-color-secondary": hsl(0, 0%, 68%),
191
- "--d-text-color-status-error": hsl(0, 95%, 64%),
192
- "--d-text-color-status-info": hsl(206, 100%, 56%),
193
- "--d-text-color-status-neutral": hsl(0, 0%, 81%),
194
- "--d-text-color-status-success": hsl(124, 55%, 45%),
195
- "--d-text-color-status-warning": hsl(36, 99%, 47%),
196
- ),
197
- );
198
-
199
- @function token($name, $mode: null) {
200
- @if $mode == null {
201
- @return var(#{$name});
202
- }
203
- @return map.get(map.get($_doxy-tokens, $mode), $name);
204
- }