@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
@@ -0,0 +1,331 @@
1
+
2
+ {
3
+ "global": {
4
+ "dark": {
5
+ "background": {
6
+ "color": {
7
+ "100": {
8
+ "type": "color",
9
+ "value": "{color.black}"
10
+ },
11
+ "200": {
12
+ "type": "color",
13
+ "value": "{color.gray.80}"
14
+ },
15
+ "300": {
16
+ "type": "color",
17
+ "value": "{color.gray.70}"
18
+ },
19
+ "400": {
20
+ "type": "color",
21
+ "value": "{color.gray.10}"
22
+ },
23
+ "500": {
24
+ "type": "color",
25
+ "value": "rgba(21, 21, 21, 0.8000)"
26
+ },
27
+ "highlight": {
28
+ "100": {
29
+ "type": "color",
30
+ "value": "{color.yellow.20}"
31
+ },
32
+ "200": {
33
+ "type": "color",
34
+ "value": "{color.yellow.30}"
35
+ }
36
+ }
37
+ }
38
+ },
39
+ "color": {
40
+ "brand": {
41
+ "100": {
42
+ "type": "color",
43
+ "value": "{color.blue.30}"
44
+ },
45
+ "200": {
46
+ "type": "color",
47
+ "value": "{color.blue.20}"
48
+ },
49
+ "300": {
50
+ "type": "color",
51
+ "value": "{color.blue.10}"
52
+ }
53
+ },
54
+ "disabled": {
55
+ "100": {
56
+ "type": "color",
57
+ "value": "{color.gray.40}"
58
+ },
59
+ "200": {
60
+ "type": "color",
61
+ "value": "{color.gray.50}"
62
+ },
63
+ "300": {
64
+ "type": "color",
65
+ "value": "{color.gray.60}"
66
+ }
67
+ },
68
+ "favorite": {
69
+ "100": {
70
+ "type": "color",
71
+ "value": "{color.yellow.30}"
72
+ },
73
+ "200": {
74
+ "type": "color",
75
+ "value": "{color.yellow.20}"
76
+ }
77
+ },
78
+ "status": {
79
+ "success": {
80
+ "100": {
81
+ "type": "color",
82
+ "value": "{color.green.40}"
83
+ },
84
+ "200": {
85
+ "type": "color",
86
+ "value": "{color.green.30}"
87
+ }
88
+ },
89
+ "warning": {
90
+ "100": {
91
+ "type": "color",
92
+ "value": "{color.yellow.30}"
93
+ },
94
+ "200": {
95
+ "type": "color",
96
+ "value": "{color.yellow.20}"
97
+ }
98
+ },
99
+ "danger": {
100
+ "100": {
101
+ "type": "color",
102
+ "value": "{color.red-orange.50}"
103
+ },
104
+ "200": {
105
+ "type": "color",
106
+ "value": "{color.red-orange.40}"
107
+ },
108
+ "250": {
109
+ "type": "color",
110
+ "value": "{color.red-orange.30}"
111
+ },
112
+ "300": {
113
+ "type": "color",
114
+ "value": "{color.red-orange.20}"
115
+ }
116
+ },
117
+ "info": {
118
+ "100": {
119
+ "type": "color",
120
+ "value": "{color.purple.30}"
121
+ },
122
+ "200": {
123
+ "type": "color",
124
+ "value": "{color.purple.20}"
125
+ }
126
+ },
127
+ "custom": {
128
+ "100": {
129
+ "type": "color",
130
+ "value": "{color.teal.30}"
131
+ },
132
+ "200": {
133
+ "type": "color",
134
+ "value": "{color.teal.20}"
135
+ }
136
+ }
137
+ },
138
+ "nonstatus": {
139
+ "red": {
140
+ "100": {
141
+ "type": "color",
142
+ "value": "{color.red.30}"
143
+ },
144
+ "200": {
145
+ "type": "color",
146
+ "value": "{color.red.20}"
147
+ },
148
+ "300": {
149
+ "type": "color",
150
+ "value": "{color.red.10}"
151
+ }
152
+ },
153
+ "orangered": {
154
+ "100": {
155
+ "type": "color",
156
+ "value": "{color.red-orange.30}"
157
+ },
158
+ "200": {
159
+ "type": "color",
160
+ "value": "{color.red-orange.20}"
161
+ },
162
+ "300": {
163
+ "type": "color",
164
+ "value": "{color.red-orange.10}"
165
+ }
166
+ },
167
+ "orange": {
168
+ "100": {
169
+ "type": "color",
170
+ "value": "{color.orange.30}"
171
+ },
172
+ "200": {
173
+ "type": "color",
174
+ "value": "{color.orange.20}"
175
+ },
176
+ "300": {
177
+ "type": "color",
178
+ "value": "{color.orange.10}"
179
+ }
180
+ },
181
+ "gold": {
182
+ "100": {
183
+ "type": "color",
184
+ "value": "{color.yellow.30}"
185
+ },
186
+ "200": {
187
+ "type": "color",
188
+ "value": "{color.yellow.20}"
189
+ },
190
+ "300": {
191
+ "type": "color",
192
+ "value": "{color.yellow.10}"
193
+ }
194
+ },
195
+ "green": {
196
+ "100": {
197
+ "type": "color",
198
+ "value": "{color.green.30}"
199
+ },
200
+ "200": {
201
+ "type": "color",
202
+ "value": "{color.green.20}"
203
+ },
204
+ "300": {
205
+ "type": "color",
206
+ "value": "{color.green.10}"
207
+ }
208
+ },
209
+ "cyan": {
210
+ "100": {
211
+ "type": "color",
212
+ "value": "{color.teal.30}"
213
+ },
214
+ "200": {
215
+ "type": "color",
216
+ "value": "{color.teal.20}"
217
+ },
218
+ "300": {
219
+ "type": "color",
220
+ "value": "{color.teal.10}"
221
+ }
222
+ },
223
+ "blue": {
224
+ "100": {
225
+ "type": "color",
226
+ "value": "{color.blue.30}"
227
+ },
228
+ "200": {
229
+ "type": "color",
230
+ "value": "{color.blue.20}"
231
+ },
232
+ "300": {
233
+ "type": "color",
234
+ "value": "{color.blue.10}"
235
+ }
236
+ },
237
+ "purple": {
238
+ "100": {
239
+ "type": "color",
240
+ "value": "{color.purple.30}"
241
+ },
242
+ "200": {
243
+ "type": "color",
244
+ "value": "{color.purple.20}"
245
+ },
246
+ "300": {
247
+ "type": "color",
248
+ "value": "{color.purple.10}"
249
+ }
250
+ },
251
+ "gray": {
252
+ "100": {
253
+ "type": "color",
254
+ "value": "{color.gray.30}"
255
+ },
256
+ "200": {
257
+ "type": "color",
258
+ "value": "{color.gray.20}"
259
+ },
260
+ "300": {
261
+ "type": "color",
262
+ "value": "{color.gray.10}"
263
+ }
264
+ }
265
+ }
266
+ },
267
+ "border": {
268
+ "color": {
269
+ "100": {
270
+ "type": "color",
271
+ "value": "{color.gray.50}"
272
+ },
273
+ "200": {
274
+ "type": "color",
275
+ "value": "{color.gray.40}"
276
+ }
277
+ }
278
+ },
279
+ "text": {
280
+ "color": {
281
+ "100": {
282
+ "type": "color",
283
+ "value": "{color.gray.10}"
284
+ },
285
+ "200": {
286
+ "type": "color",
287
+ "value": "{color.gray.40}"
288
+ },
289
+ "300": {
290
+ "type": "color",
291
+ "value": "{color.gray.90}"
292
+ },
293
+ "400": {
294
+ "type": "color",
295
+ "value": "{color.red-orange.30}"
296
+ },
297
+ "link": {
298
+ "100": {
299
+ "type": "color",
300
+ "value": "{color.blue.20}"
301
+ },
302
+ "200": {
303
+ "type": "color",
304
+ "value": "{color.blue.10}"
305
+ },
306
+ "300": {
307
+ "type": "color",
308
+ "value": "{color.purple.30}"
309
+ }
310
+ }
311
+ }
312
+ },
313
+ "icon": {
314
+ "color": {
315
+ "100": {
316
+ "type": "color",
317
+ "value": "{color.gray.10}"
318
+ },
319
+ "200": {
320
+ "type": "color",
321
+ "value": "{color.gray.40}"
322
+ },
323
+ "300": {
324
+ "type": "color",
325
+ "value": "{color.gray.90}"
326
+ }
327
+ }
328
+ }
329
+ }
330
+ }
331
+ }
@@ -0,0 +1,295 @@
1
+
2
+ {
3
+ "color": {
4
+ "white": {
5
+ "type": "color",
6
+ "value": "#ffffff"
7
+ },
8
+ "gray": {
9
+ "10": {
10
+ "type": "color",
11
+ "value": "#f2f2f2"
12
+ },
13
+ "20": {
14
+ "type": "color",
15
+ "value": "#e0e0e0"
16
+ },
17
+ "30": {
18
+ "type": "color",
19
+ "value": "#c7c7c7"
20
+ },
21
+ "40": {
22
+ "type": "color",
23
+ "value": "#a3a3a3"
24
+ },
25
+ "50": {
26
+ "type": "color",
27
+ "value": "#707070"
28
+ },
29
+ "60": {
30
+ "type": "color",
31
+ "value": "#4d4d4d"
32
+ },
33
+ "70": {
34
+ "type": "color",
35
+ "value": "#383838"
36
+ },
37
+ "80": {
38
+ "type": "color",
39
+ "value": "#292929"
40
+ },
41
+ "90": {
42
+ "type": "color",
43
+ "value": "#1f1f1f"
44
+ },
45
+ "95": {
46
+ "type": "color",
47
+ "value": "#151515"
48
+ }
49
+ },
50
+ "black": {
51
+ "type": "color",
52
+ "value": "#000000"
53
+ },
54
+ "blue": {
55
+ "10": {
56
+ "type": "color",
57
+ "value": "#e0f0ff"
58
+ },
59
+ "20": {
60
+ "type": "color",
61
+ "value": "#b9dafc"
62
+ },
63
+ "30": {
64
+ "type": "color",
65
+ "value": "#92c5f9"
66
+ },
67
+ "40": {
68
+ "type": "color",
69
+ "value": "#4394e5"
70
+ },
71
+ "50": {
72
+ "type": "color",
73
+ "value": "#0066cc"
74
+ },
75
+ "60": {
76
+ "type": "color",
77
+ "value": "#004d99"
78
+ },
79
+ "70": {
80
+ "type": "color",
81
+ "value": "#003366"
82
+ }
83
+ },
84
+ "teal": {
85
+ "10": {
86
+ "type": "color",
87
+ "value": "#daf2f2"
88
+ },
89
+ "20": {
90
+ "type": "color",
91
+ "value": "#b9e5e5"
92
+ },
93
+ "30": {
94
+ "type": "color",
95
+ "value": "#9ad8d8"
96
+ },
97
+ "40": {
98
+ "type": "color",
99
+ "value": "#63bdbd"
100
+ },
101
+ "50": {
102
+ "type": "color",
103
+ "value": "#37a3a3"
104
+ },
105
+ "60": {
106
+ "type": "color",
107
+ "value": "#147878"
108
+ },
109
+ "70": {
110
+ "type": "color",
111
+ "value": "#004d4d"
112
+ }
113
+ },
114
+ "yellow": {
115
+ "10": {
116
+ "type": "color",
117
+ "value": "#fff4cc"
118
+ },
119
+ "20": {
120
+ "type": "color",
121
+ "value": "#ffe072"
122
+ },
123
+ "30": {
124
+ "type": "color",
125
+ "value": "#ffcc17"
126
+ },
127
+ "40": {
128
+ "type": "color",
129
+ "value": "#dca614"
130
+ },
131
+ "50": {
132
+ "type": "color",
133
+ "value": "#b98412"
134
+ },
135
+ "60": {
136
+ "type": "color",
137
+ "value": "#96640f"
138
+ },
139
+ "70": {
140
+ "type": "color",
141
+ "value": "#73480b"
142
+ }
143
+ },
144
+ "green": {
145
+ "10": {
146
+ "type": "color",
147
+ "value": "#e9f7df"
148
+ },
149
+ "20": {
150
+ "type": "color",
151
+ "value": "#d1f1bb"
152
+ },
153
+ "30": {
154
+ "type": "color",
155
+ "value": "#afdc8f"
156
+ },
157
+ "40": {
158
+ "type": "color",
159
+ "value": "#87bb62"
160
+ },
161
+ "50": {
162
+ "type": "color",
163
+ "value": "#63993d"
164
+ },
165
+ "60": {
166
+ "type": "color",
167
+ "value": "#3d7317"
168
+ },
169
+ "70": {
170
+ "type": "color",
171
+ "value": "#204d00"
172
+ }
173
+ },
174
+ "orange": {
175
+ "10": {
176
+ "type": "color",
177
+ "value": "#ffe8cc"
178
+ },
179
+ "20": {
180
+ "type": "color",
181
+ "value": "#fccb8f"
182
+ },
183
+ "30": {
184
+ "type": "color",
185
+ "value": "#f8ae54"
186
+ },
187
+ "40": {
188
+ "type": "color",
189
+ "value": "#f5921b"
190
+ },
191
+ "50": {
192
+ "type": "color",
193
+ "value": "#ca6c0f"
194
+ },
195
+ "60": {
196
+ "type": "color",
197
+ "value": "#9e4a06"
198
+ },
199
+ "70": {
200
+ "type": "color",
201
+ "value": "#732e00"
202
+ }
203
+ },
204
+ "red-orange": {
205
+ "10": {
206
+ "type": "color",
207
+ "value": "#ffe3d9"
208
+ },
209
+ "20": {
210
+ "type": "color",
211
+ "value": "#fbbea8"
212
+ },
213
+ "30": {
214
+ "type": "color",
215
+ "value": "#f89b78"
216
+ },
217
+ "40": {
218
+ "type": "color",
219
+ "value": "#f4784a"
220
+ },
221
+ "50": {
222
+ "type": "color",
223
+ "value": "#f0561d"
224
+ },
225
+ "60": {
226
+ "type": "color",
227
+ "value": "#b1380b"
228
+ },
229
+ "70": {
230
+ "type": "color",
231
+ "value": "#731f00"
232
+ }
233
+ },
234
+ "purple": {
235
+ "10": {
236
+ "type": "color",
237
+ "value": "#ece6ff"
238
+ },
239
+ "20": {
240
+ "type": "color",
241
+ "value": "#d0c5f4"
242
+ },
243
+ "30": {
244
+ "type": "color",
245
+ "value": "#b6a6e9"
246
+ },
247
+ "40": {
248
+ "type": "color",
249
+ "value": "#876fd4"
250
+ },
251
+ "50": {
252
+ "type": "color",
253
+ "value": "#5e40be"
254
+ },
255
+ "60": {
256
+ "type": "color",
257
+ "value": "#3d2785"
258
+ },
259
+ "70": {
260
+ "type": "color",
261
+ "value": "#21134d"
262
+ }
263
+ },
264
+ "red": {
265
+ "10": {
266
+ "type": "color",
267
+ "value": "#fce3e3"
268
+ },
269
+ "20": {
270
+ "type": "color",
271
+ "value": "#fbc5c5"
272
+ },
273
+ "30": {
274
+ "type": "color",
275
+ "value": "#f9a8a8"
276
+ },
277
+ "40": {
278
+ "type": "color",
279
+ "value": "#f56e6e"
280
+ },
281
+ "50": {
282
+ "type": "color",
283
+ "value": "#ee0000"
284
+ },
285
+ "60": {
286
+ "type": "color",
287
+ "value": "#a60000"
288
+ },
289
+ "70": {
290
+ "type": "color",
291
+ "value": "#5f0000"
292
+ }
293
+ }
294
+ }
295
+ }