@patternfly/design-tokens 1.0.4 → 1.1.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 (16) hide show
  1. package/build/css/_tokens-charts-dark.scss +169 -0
  2. package/build/css/_tokens-charts.scss +74 -64
  3. package/build/css/_tokens-dark.scss +3 -4
  4. package/build/css/_tokens-default.scss +15 -16
  5. package/build/css/_tokens-palette.scss +3 -4
  6. package/build.js +16 -0
  7. package/config.chart.dark.json +23 -0
  8. package/config.chart.json +1 -1
  9. package/config.dark.json +1 -1
  10. package/config.default.json +1 -1
  11. package/config.palette-colors.json +1 -1
  12. package/package.json +1 -1
  13. package/tokens/dark/chart.dark.json +747 -0
  14. package/tokens/default/base.dimension.json +1 -1
  15. package/tokens/default/chart.json +139 -87
  16. package/tokens/default/semantic.dimension.json +7 -7
package/tokens/default/base.dimension.json CHANGED
@@ -141,7 +141,7 @@
141
141
  }
142
142
  }
143
143
  },
144
- "Zindex": {
144
+ "z-index": {
145
145
  "100": {
146
146
  "type": "number",
147
147
  "value": 100
package/tokens/default/chart.json CHANGED
@@ -177,97 +177,149 @@
177
177
  "type": "color",
178
178
  "value": "{color.gray.50}"
179
179
  }
180
+ }
181
+ },
182
+ "global": {
183
+ "BorderWidth": {
184
+ "xs": {
185
+ "type": "number",
186
+ "value": 1
187
+ },
188
+ "sm": {
189
+ "type": "number",
190
+ "value": 2
191
+ },
192
+ "lg": {
193
+ "type": "number",
194
+ "value": 8
195
+ }
180
196
  },
181
- "fills-and-strokes": {
182
- "success": {
183
- "color": {
184
- "100": {
185
- "type": "color",
186
- "value": "{color.blue.50}"
187
- }
197
+ "stroke": {
198
+ "width": {
199
+ "xs": {
200
+ "type": "number",
201
+ "value": 1
202
+ },
203
+ "sm": {
204
+ "type": "number",
205
+ "value": 2
188
206
  }
189
- },
190
- "warning": {
191
- "color": {
192
- "100": {
193
- "type": "color",
194
- "value": "{color.orange.40}"
195
- },
196
- "200": {
197
- "type": "color",
198
- "value": "{color.yellow.40}"
199
- }
207
+ }
208
+ },
209
+ "fill": {
210
+ "color": {
211
+ "100": {
212
+ "type": "color",
213
+ "value": "{color.gray.10}"
214
+ },
215
+ "200": {
216
+ "type": "color",
217
+ "value": "{color.gray.20}"
218
+ },
219
+ "300": {
220
+ "type": "color",
221
+ "value": "{color.gray.30}"
222
+ },
223
+ "400": {
224
+ "type": "color",
225
+ "value": "{color.gray.40}"
226
+ },
227
+ "500": {
228
+ "type": "color",
229
+ "value": "{color.gray.50}"
230
+ },
231
+ "700": {
232
+ "type": "color",
233
+ "value": "{color.gray.70}"
234
+ },
235
+ "900": {
236
+ "type": "color",
237
+ "value": "{color.gray.90}"
238
+ },
239
+ "white": {
240
+ "type": "color",
241
+ "value": "{color.white}"
200
242
  }
201
- },
202
- "fill": {
203
- "color": {
204
- "100": {
205
- "type": "color",
206
- "value": "{color.gray.10}"
207
- },
208
- "200": {
209
- "type": "color",
210
- "value": "{color.gray.20}"
211
- },
212
- "300": {
213
- "type": "color",
214
- "value": "{color.gray.30}"
215
- },
216
- "400": {
217
- "type": "color",
218
- "value": "{color.gray.40}"
219
- },
220
- "500": {
221
- "type": "color",
222
- "value": "{color.gray.50}"
223
- },
224
- "700": {
225
- "type": "color",
226
- "value": "{color.gray.70}"
227
- },
228
- "900": {
229
- "type": "color",
230
- "value": "{color.gray.90}"
231
- },
232
- "white": {
233
- "type": "color",
234
- "value": "{color.white}"
235
- }
243
+ }
244
+ },
245
+ "warning": {
246
+ "color": {
247
+ "100": {
248
+ "type": "color",
249
+ "value": "{color.orange.40}"
250
+ },
251
+ "200": {
252
+ "type": "color",
253
+ "value": "{color.yellow.40}"
236
254
  }
237
- },
238
- "danger": {
239
- "color": {
240
- "100": {
241
- "type": "color",
242
- "value": "{global.color.status.danger.100}"
243
- }
255
+ }
256
+ },
257
+ "success": {
258
+ "color": {
259
+ "100": {
260
+ "type": "color",
261
+ "value": "{color.blue.50}"
244
262
  }
245
263
  }
246
- }
247
- },
248
- "BorderWidth": {
249
- "xs": {
250
- "type": "number",
251
- "value": 1
252
264
  },
253
- "sm": {
254
- "type": "number",
255
- "value": 2
265
+ "danger": {
266
+ "color": {
267
+ "100": {
268
+ "type": "color",
269
+ "value": "{color.red-orange.60}"
270
+ }
271
+ }
256
272
  },
257
- "lg": {
258
- "type": "number",
259
- "value": 8
260
- }
261
- },
262
- "stroke": {
263
- "width": {
273
+ "FontSize": {
264
274
  "xs": {
265
275
  "type": "number",
266
- "value": 1
276
+ "value": 12
267
277
  },
268
278
  "sm": {
269
279
  "type": "number",
270
- "value": 2
280
+ "value": 14
281
+ },
282
+ "lg": {
283
+ "type": "number",
284
+ "value": 18
285
+ },
286
+ "2xl": {
287
+ "type": "number",
288
+ "value": 22
289
+ }
290
+ },
291
+ "label": {
292
+ "padding": {
293
+ "type": "number",
294
+ "value": 10
295
+ },
296
+ "margin": {
297
+ "type": "number",
298
+ "value": 8
299
+ },
300
+ "stroke": {
301
+ "width": {
302
+ "type": "number",
303
+ "value": 0
304
+ }
305
+ },
306
+ "fill": {
307
+ "type": "color",
308
+ "value": "{color.gray.90}"
309
+ }
310
+ },
311
+ "layout": {
312
+ "padding": {
313
+ "type": "number",
314
+ "value": 50
315
+ },
316
+ "height": {
317
+ "type": "number",
318
+ "value": 300
319
+ },
320
+ "width": {
321
+ "type": "number",
322
+ "value": 450
271
323
  }
272
324
  }
273
325
  },
@@ -477,11 +529,11 @@
477
529
  },
478
530
  "900": {
479
531
  "type": "color",
480
- "value": "{chart.color.yellow.100}"
532
+ "value": "{chart.color.yellow.500}"
481
533
  },
482
534
  "1000": {
483
535
  "type": "color",
484
- "value": "{chart.color.orange.500}"
536
+ "value": "{chart.color.orange.100}"
485
537
  },
486
538
  "1100": {
487
539
  "type": "color",
@@ -497,11 +549,11 @@
497
549
  },
498
550
  "1400": {
499
551
  "type": "color",
500
- "value": "{chart.color.yellow.500}"
552
+ "value": "{chart.color.yellow.100}"
501
553
  },
502
554
  "1500": {
503
555
  "type": "color",
504
- "value": "{chart.color.orange.100}"
556
+ "value": "{chart.color.orange.500}"
505
557
  },
506
558
  "1600": {
507
559
  "type": "color",
@@ -517,11 +569,11 @@
517
569
  },
518
570
  "1900": {
519
571
  "type": "color",
520
- "value": "{chart.color.yellow.200}"
572
+ "value": "{chart.color.yellow.400}"
521
573
  },
522
574
  "2000": {
523
575
  "type": "color",
524
- "value": "{chart.color.orange.400}"
576
+ "value": "{chart.color.orange.200}"
525
577
  },
526
578
  "2100": {
527
579
  "type": "color",
@@ -537,15 +589,15 @@
537
589
  },
538
590
  "2400": {
539
591
  "type": "color",
540
- "value": "{chart.color.yellow.400}"
592
+ "value": "{chart.color.yellow.200}"
541
593
  },
542
594
  "2500": {
543
595
  "type": "color",
544
- "value": "{chart.color.orange.200}"
596
+ "value": "{chart.color.orange.400}"
545
597
  }
546
598
  }
547
599
  },
548
- "Multi-colored-unordered": {
600
+ "multi-colored-unordered": {
549
601
  "colorscale": {
550
602
  "100": {
551
603
  "type": "color",
package/tokens/default/semantic.dimension.json CHANGED
@@ -381,30 +381,30 @@
381
381
  }
382
382
  }
383
383
  },
384
- "Zindex": {
384
+ "z-index": {
385
385
  "xs": {
386
386
  "type": "number",
387
- "value": "{global.Zindex.100}"
387
+ "value": "{global.z-index.100}"
388
388
  },
389
389
  "sm": {
390
390
  "type": "number",
391
- "value": "{global.Zindex.200}"
391
+ "value": "{global.z-index.200}"
392
392
  },
393
393
  "md": {
394
394
  "type": "number",
395
- "value": "{global.Zindex.300}"
395
+ "value": "{global.z-index.300}"
396
396
  },
397
397
  "lg": {
398
398
  "type": "number",
399
- "value": "{global.Zindex.400}"
399
+ "value": "{global.z-index.400}"
400
400
  },
401
401
  "xl": {
402
402
  "type": "number",
403
- "value": "{global.Zindex.500}"
403
+ "value": "{global.z-index.500}"
404
404
  },
405
405
  "2xl": {
406
406
  "type": "number",
407
- "value": "{global.Zindex.600}"
407
+ "value": "{global.z-index.600}"
408
408
  }
409
409
  },
410
410
  "box-shadow": {