@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.
- package/README.md +118 -0
- package/dist/build-output/ts/index.d.ts +10 -0
- package/dist/build-output/ts/index.d.ts.map +1 -0
- package/dist/build-output/ts/index.js +6 -0
- package/dist/build-output/ts/index.js.map +1 -0
- package/dist/build-output/ts/react-native-tokens-dark.d.ts +81 -0
- package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -0
- package/dist/build-output/ts/react-native-tokens-dark.js +62 -0
- package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -0
- package/dist/build-output/ts/react-native-tokens-light.d.ts +81 -0
- package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -0
- package/dist/build-output/ts/react-native-tokens-light.js +62 -0
- package/dist/build-output/ts/react-native-tokens-light.js.map +1 -0
- package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts +15 -0
- package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts.map +1 -0
- package/dist/build-output/ts/themeable-web-gradient-tokens.js +16 -0
- package/dist/build-output/ts/themeable-web-gradient-tokens.js.map +1 -0
- package/dist/build-output/ts/tokens-by-theme-set.d.ts +8 -0
- package/dist/build-output/ts/tokens-by-theme-set.d.ts.map +1 -0
- package/dist/build-output/ts/tokens-by-theme-set.js +9 -0
- package/dist/build-output/ts/tokens-by-theme-set.js.map +1 -0
- package/dist/build-output/ts/tokens.d.ts +60 -0
- package/dist/build-output/ts/tokens.d.ts.map +1 -0
- package/dist/build-output/ts/tokens.js +62 -0
- package/dist/build-output/ts/tokens.js.map +1 -0
- package/dist/build-output/ts/types/react-native-types.d.ts +85 -0
- package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -0
- package/dist/index.css +173 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/jsTokens.d.ts +3 -0
- package/dist/jsTokens.d.ts.map +1 -0
- package/dist/jsTokens.js +6 -0
- package/dist/jsTokens.js.map +1 -0
- package/dist/tokens-dark.css +116 -0
- package/dist/tokens-dark.css.map +1 -0
- package/dist/tokens-dark.js +3 -0
- package/dist/tokens-deprecated.css +2 -0
- package/dist/tokens-deprecated.css.map +1 -0
- package/dist/tokens-deprecated.js +3 -0
- package/dist/tokens.css +173 -0
- package/dist/tokens.css.map +1 -0
- package/dist/tokens.js +3 -0
- package/package.json +104 -0
package/dist/tokens.css
ADDED
|
@@ -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":"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","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
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
|
+
}
|