@patternfly/design-tokens 1.0.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 (39) hide show
  1. package/build/css/_tokens-charts.scss +159 -0
  2. package/build/css/_tokens-dark.scss +355 -0
  3. package/build/css/_tokens-default.scss +418 -0
  4. package/build/css/_tokens-palette.scss +75 -0
  5. package/build-js-for-docs.js +38 -0
  6. package/build.js +55 -0
  7. package/config.chart.json +23 -0
  8. package/config.dark.json +23 -0
  9. package/config.default.json +23 -0
  10. package/config.palette-colors.json +23 -0
  11. package/generate-fed-package-json.js +65 -0
  12. package/package.json +52 -0
  13. package/patternfly-a11y.config.js +24 -0
  14. package/patternfly-docs/content/all-patternfly-tokens.md +9 -0
  15. package/patternfly-docs/content/tokensTable.js +143 -0
  16. package/patternfly-docs/generated/index.js +12 -0
  17. package/patternfly-docs/generated/react.js +59 -0
  18. package/patternfly-docs/generated/tokens/all-patternfly-tokens/tokens.js +34 -0
  19. package/patternfly-docs/pages/index.js +27 -0
  20. package/patternfly-docs/patternfly-docs.config.js +6 -0
  21. package/patternfly-docs/patternfly-docs.css.js +8 -0
  22. package/patternfly-docs/patternfly-docs.routes.js +12 -0
  23. package/patternfly-docs/patternfly-docs.source.js +20 -0
  24. package/patternfly-docs/scssAsJson.json +1 -0
  25. package/plugins/export-patternfly-tokens/README.md +22 -0
  26. package/plugins/export-patternfly-tokens/code.js +85 -0
  27. package/plugins/export-patternfly-tokens/export.html +179 -0
  28. package/plugins/export-patternfly-tokens/manifest.json +12 -0
  29. package/release.config.js +13 -0
  30. package/tokens/AsExported.text +3388 -0
  31. package/tokens/dark/base.dark.json +331 -0
  32. package/tokens/dark/palette.color.json +295 -0
  33. package/tokens/dark/semantic.dark.json +1359 -0
  34. package/tokens/default/base.dimension.json +171 -0
  35. package/tokens/default/base.json +329 -0
  36. package/tokens/default/chart.json +695 -0
  37. package/tokens/default/palette.color.json +295 -0
  38. package/tokens/default/semantic.dimension.json +383 -0
  39. package/tokens/default/semantic.json +1110 -0
package/tokens/default/base.dimension.json ADDED
@@ -0,0 +1,171 @@
1
+
2
+ {
3
+ "global": {
4
+ "spacer": {
5
+ "100": {
6
+ "type": "number",
7
+ "value": 4
8
+ },
9
+ "200": {
10
+ "type": "number",
11
+ "value": 8
12
+ },
13
+ "300": {
14
+ "type": "number",
15
+ "value": 16
16
+ },
17
+ "400": {
18
+ "type": "number",
19
+ "value": 24
20
+ },
21
+ "500": {
22
+ "type": "number",
23
+ "value": 32
24
+ },
25
+ "600": {
26
+ "type": "number",
27
+ "value": 48
28
+ },
29
+ "700": {
30
+ "type": "number",
31
+ "value": 64
32
+ },
33
+ "800": {
34
+ "type": "number",
35
+ "value": 80
36
+ }
37
+ },
38
+ "icon": {
39
+ "size": {
40
+ "100": {
41
+ "type": "number",
42
+ "value": 12
43
+ },
44
+ "200": {
45
+ "type": "number",
46
+ "value": 14
47
+ },
48
+ "250": {
49
+ "type": "number",
50
+ "value": 16
51
+ },
52
+ "300": {
53
+ "type": "number",
54
+ "value": 22
55
+ },
56
+ "400": {
57
+ "type": "number",
58
+ "value": 56
59
+ },
60
+ "500": {
61
+ "type": "number",
62
+ "value": 96
63
+ }
64
+ }
65
+ },
66
+ "border": {
67
+ "width": {
68
+ "100": {
69
+ "type": "number",
70
+ "value": 1
71
+ },
72
+ "200": {
73
+ "type": "number",
74
+ "value": 2
75
+ },
76
+ "300": {
77
+ "type": "number",
78
+ "value": 3
79
+ }
80
+ },
81
+ "radius": {
82
+ "0": {
83
+ "type": "number",
84
+ "value": 0
85
+ },
86
+ "100": {
87
+ "type": "number",
88
+ "value": 4
89
+ },
90
+ "200": {
91
+ "type": "number",
92
+ "value": 6
93
+ },
94
+ "300": {
95
+ "type": "number",
96
+ "value": 16
97
+ },
98
+ "400": {
99
+ "type": "number",
100
+ "value": 24
101
+ },
102
+ "500": {
103
+ "type": "number",
104
+ "value": 999
105
+ }
106
+ }
107
+ },
108
+ "font": {
109
+ "size": {
110
+ "100": {
111
+ "type": "number",
112
+ "value": 12
113
+ },
114
+ "200": {
115
+ "type": "number",
116
+ "value": 14
117
+ },
118
+ "300": {
119
+ "type": "number",
120
+ "value": 16
121
+ },
122
+ "400": {
123
+ "type": "number",
124
+ "value": 18
125
+ },
126
+ "500": {
127
+ "type": "number",
128
+ "value": 20
129
+ },
130
+ "600": {
131
+ "type": "number",
132
+ "value": 22
133
+ },
134
+ "700": {
135
+ "type": "number",
136
+ "value": 28
137
+ },
138
+ "800": {
139
+ "type": "number",
140
+ "value": 36
141
+ }
142
+ }
143
+ },
144
+ "Zindex": {
145
+ "100": {
146
+ "type": "number",
147
+ "value": 100
148
+ },
149
+ "200": {
150
+ "type": "number",
151
+ "value": 200
152
+ },
153
+ "300": {
154
+ "type": "number",
155
+ "value": 300
156
+ },
157
+ "400": {
158
+ "type": "number",
159
+ "value": 400
160
+ },
161
+ "500": {
162
+ "type": "number",
163
+ "value": 500
164
+ },
165
+ "600": {
166
+ "type": "number",
167
+ "value": 600
168
+ }
169
+ }
170
+ }
171
+ }
package/tokens/default/base.json ADDED
@@ -0,0 +1,329 @@
1
+
2
+ {
3
+ "global": {
4
+ "background": {
5
+ "color": {
6
+ "100": {
7
+ "type": "color",
8
+ "value": "{color.white}"
9
+ },
10
+ "200": {
11
+ "type": "color",
12
+ "value": "{color.gray.10}"
13
+ },
14
+ "300": {
15
+ "type": "color",
16
+ "value": "{color.gray.20}"
17
+ },
18
+ "400": {
19
+ "type": "color",
20
+ "value": "{color.gray.80}"
21
+ },
22
+ "500": {
23
+ "type": "color",
24
+ "value": "rgba(21, 21, 21, 0.2000)"
25
+ },
26
+ "highlight": {
27
+ "100": {
28
+ "type": "color",
29
+ "value": "{color.yellow.30}"
30
+ },
31
+ "200": {
32
+ "type": "color",
33
+ "value": "{color.yellow.40}"
34
+ }
35
+ }
36
+ }
37
+ },
38
+ "color": {
39
+ "brand": {
40
+ "100": {
41
+ "type": "color",
42
+ "value": "{color.blue.40}"
43
+ },
44
+ "200": {
45
+ "type": "color",
46
+ "value": "{color.blue.50}"
47
+ },
48
+ "300": {
49
+ "type": "color",
50
+ "value": "{color.blue.60}"
51
+ }
52
+ },
53
+ "disabled": {
54
+ "100": {
55
+ "type": "color",
56
+ "value": "{color.gray.40}"
57
+ },
58
+ "200": {
59
+ "type": "color",
60
+ "value": "{color.gray.50}"
61
+ },
62
+ "300": {
63
+ "type": "color",
64
+ "value": "{color.gray.60}"
65
+ }
66
+ },
67
+ "favorite": {
68
+ "100": {
69
+ "type": "color",
70
+ "value": "{color.yellow.30}"
71
+ },
72
+ "200": {
73
+ "type": "color",
74
+ "value": "{color.yellow.40}"
75
+ }
76
+ },
77
+ "status": {
78
+ "success": {
79
+ "100": {
80
+ "type": "color",
81
+ "value": "{color.green.50}"
82
+ },
83
+ "200": {
84
+ "type": "color",
85
+ "value": "{color.green.60}"
86
+ }
87
+ },
88
+ "warning": {
89
+ "100": {
90
+ "type": "color",
91
+ "value": "{color.yellow.30}"
92
+ },
93
+ "200": {
94
+ "type": "color",
95
+ "value": "{color.yellow.40}"
96
+ },
97
+ "300": {
98
+ "type": "color",
99
+ "value": "{color.yellow.50}"
100
+ }
101
+ },
102
+ "danger": {
103
+ "100": {
104
+ "type": "color",
105
+ "value": "{color.red-orange.50}"
106
+ },
107
+ "200": {
108
+ "type": "color",
109
+ "value": "{color.red-orange.60}"
110
+ },
111
+ "300": {
112
+ "type": "color",
113
+ "value": "{color.red-orange.70}"
114
+ }
115
+ },
116
+ "info": {
117
+ "100": {
118
+ "type": "color",
119
+ "value": "{color.purple.50}"
120
+ },
121
+ "200": {
122
+ "type": "color",
123
+ "value": "{color.purple.60}"
124
+ }
125
+ },
126
+ "custom": {
127
+ "100": {
128
+ "type": "color",
129
+ "value": "{color.teal.50}"
130
+ },
131
+ "200": {
132
+ "type": "color",
133
+ "value": "{color.teal.60}"
134
+ }
135
+ }
136
+ },
137
+ "nonstatus": {
138
+ "red": {
139
+ "100": {
140
+ "type": "color",
141
+ "value": "{color.red.20}"
142
+ },
143
+ "200": {
144
+ "type": "color",
145
+ "value": "{color.red.30}"
146
+ },
147
+ "300": {
148
+ "type": "color",
149
+ "value": "{color.red.40}"
150
+ }
151
+ },
152
+ "orangered": {
153
+ "100": {
154
+ "type": "color",
155
+ "value": "{color.red-orange.20}"
156
+ },
157
+ "200": {
158
+ "type": "color",
159
+ "value": "{color.red-orange.30}"
160
+ },
161
+ "300": {
162
+ "type": "color",
163
+ "value": "{color.red-orange.40}"
164
+ }
165
+ },
166
+ "orange": {
167
+ "100": {
168
+ "type": "color",
169
+ "value": "{color.orange.20}"
170
+ },
171
+ "200": {
172
+ "type": "color",
173
+ "value": "{color.orange.30}"
174
+ },
175
+ "300": {
176
+ "type": "color",
177
+ "value": "{color.orange.40}"
178
+ }
179
+ },
180
+ "gold": {
181
+ "100": {
182
+ "type": "color",
183
+ "value": "{color.yellow.20}"
184
+ },
185
+ "200": {
186
+ "type": "color",
187
+ "value": "{color.yellow.30}"
188
+ },
189
+ "300": {
190
+ "type": "color",
191
+ "value": "{color.yellow.40}"
192
+ }
193
+ },
194
+ "green": {
195
+ "100": {
196
+ "type": "color",
197
+ "value": "{color.green.20}"
198
+ },
199
+ "200": {
200
+ "type": "color",
201
+ "value": "{color.green.30}"
202
+ },
203
+ "300": {
204
+ "type": "color",
205
+ "value": "{color.green.40}"
206
+ }
207
+ },
208
+ "cyan": {
209
+ "100": {
210
+ "type": "color",
211
+ "value": "{color.teal.20}"
212
+ },
213
+ "200": {
214
+ "type": "color",
215
+ "value": "{color.teal.30}"
216
+ },
217
+ "300": {
218
+ "type": "color",
219
+ "value": "{color.teal.40}"
220
+ }
221
+ },
222
+ "blue": {
223
+ "100": {
224
+ "type": "color",
225
+ "value": "{color.blue.20}"
226
+ },
227
+ "200": {
228
+ "type": "color",
229
+ "value": "{color.blue.30}"
230
+ },
231
+ "300": {
232
+ "type": "color",
233
+ "value": "{color.blue.40}"
234
+ }
235
+ },
236
+ "purple": {
237
+ "100": {
238
+ "type": "color",
239
+ "value": "{color.purple.20}"
240
+ },
241
+ "200": {
242
+ "type": "color",
243
+ "value": "{color.purple.30}"
244
+ },
245
+ "300": {
246
+ "type": "color",
247
+ "value": "{color.purple.40}"
248
+ }
249
+ },
250
+ "gray": {
251
+ "100": {
252
+ "type": "color",
253
+ "value": "{color.gray.20}"
254
+ },
255
+ "200": {
256
+ "type": "color",
257
+ "value": "{color.gray.30}"
258
+ },
259
+ "300": {
260
+ "type": "color",
261
+ "value": "{color.gray.40}"
262
+ }
263
+ }
264
+ }
265
+ },
266
+ "border": {
267
+ "color": {
268
+ "100": {
269
+ "type": "color",
270
+ "value": "{color.gray.30}"
271
+ },
272
+ "200": {
273
+ "type": "color",
274
+ "value": "{color.gray.40}"
275
+ }
276
+ }
277
+ },
278
+ "text": {
279
+ "color": {
280
+ "100": {
281
+ "type": "color",
282
+ "value": "{color.gray.90}"
283
+ },
284
+ "200": {
285
+ "type": "color",
286
+ "value": "{color.gray.50}"
287
+ },
288
+ "300": {
289
+ "type": "color",
290
+ "value": "{color.white}"
291
+ },
292
+ "400": {
293
+ "type": "color",
294
+ "value": "{color.red-orange.40}"
295
+ },
296
+ "link": {
297
+ "100": {
298
+ "type": "color",
299
+ "value": "{color.blue.50}"
300
+ },
301
+ "200": {
302
+ "type": "color",
303
+ "value": "{color.blue.60}"
304
+ },
305
+ "300": {
306
+ "type": "color",
307
+ "value": "{color.purple.50}"
308
+ }
309
+ }
310
+ }
311
+ },
312
+ "icon": {
313
+ "color": {
314
+ "100": {
315
+ "type": "color",
316
+ "value": "{color.gray.90}"
317
+ },
318
+ "200": {
319
+ "type": "color",
320
+ "value": "{color.gray.50}"
321
+ },
322
+ "300": {
323
+ "type": "color",
324
+ "value": "{color.white}"
325
+ }
326
+ }
327
+ }
328
+ }
329
+ }