@patternfly/design-tokens 1.15.0 → 1.15.1

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 (45) hide show
  1. package/build/css/tokens-dark.scss +15 -14
  2. package/build/css/tokens-default.scss +8 -5
  3. package/build/css/tokens-glass-dark.scss +9 -5
  4. package/build/css/tokens-glass.scss +14 -7
  5. package/build/css/tokens-palette.scss +1 -1
  6. package/build/css/tokens-redhat-dark.scss +8 -2
  7. package/build/css/tokens-redhat-glass-dark.scss +14 -5
  8. package/build/css/tokens-redhat-glass.scss +14 -7
  9. package/build/css/tokens-redhat-highcontrast-dark.scss +2 -8
  10. package/build/css/tokens-redhat-highcontrast.scss +1 -1
  11. package/build/css/tokens-redhat.scss +1 -1
  12. package/build.js +44 -1
  13. package/package.json +1 -1
  14. package/patternfly-docs/content/token-layers-glass-dark.json +465 -333
  15. package/patternfly-docs/content/token-layers-glass.json +12130 -212
  16. package/patternfly-docs/content/token-layers-highcontrast-dark.json +491 -220
  17. package/patternfly-docs/content/token-layers-highcontrast.json +727 -438
  18. package/patternfly-docs/content/token-layers-redhat-dark.json +307 -201
  19. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +364 -238
  20. package/patternfly-docs/content/token-layers-redhat-glass.json +12286 -368
  21. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +263 -157
  22. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +727 -438
  23. package/patternfly-docs/content/token-layers-redhat.json +1086 -797
  24. package/tokens/default/dark/base.dark.json +2 -2
  25. package/tokens/default/dark/charts.dark.json +4 -4
  26. package/tokens/default/dark/semantic.dark.json +31 -17
  27. package/tokens/default/glass/semantic.dimension.glass.json +1109 -0
  28. package/tokens/default/glass/semantic.glass.json +30 -16
  29. package/tokens/default/glass-dark/base.dark.json +2 -2
  30. package/tokens/default/glass-dark/semantic.glass.dark.json +34 -20
  31. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +46 -34
  32. package/tokens/default/highcontrast/semantic.highcontrast.json +24 -10
  33. package/tokens/default/highcontrast-dark/base.dark.json +2 -2
  34. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +27 -13
  35. package/tokens/default/light/charts.json +4 -4
  36. package/tokens/default/light/semantic.dimension.json +46 -34
  37. package/tokens/default/light/semantic.json +24 -10
  38. package/tokens/default/light/semantic.motion.json +28 -28
  39. package/tokens/redhat/dark/redhat.color.dark.json +24 -24
  40. package/tokens/redhat/glass/redhat.color.glass.json +5 -5
  41. package/tokens/redhat/glass/redhat.dimension.glass.json +2 -0
  42. package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +19 -19
  43. package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +5 -5
  44. package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +5 -5
  45. package/tokens/redhat/light/redhat.color.json +5 -5
package/patternfly-docs/content/token-layers-redhat-glass-dark.json CHANGED
@@ -231,7 +231,7 @@
231
231
  ]
232
232
  }
233
233
  },
234
- "pf-t--global--background--color--glass--primary": {
234
+ "pf-t--global--background--color--glass--primary--default": {
235
235
  "default": {
236
236
  "type": "color",
237
237
  "value": "rgba(41, 41, 41, 0.5000)",
@@ -241,7 +241,7 @@
241
241
  "type": "color",
242
242
  "value": "rgba(41, 41, 41, 0.5000)"
243
243
  },
244
- "name": "pf-t--global--background--color--glass--primary",
244
+ "name": "pf-t--global--background--color--glass--primary--default",
245
245
  "attributes": {
246
246
  "category": "global",
247
247
  "type": "background",
@@ -254,109 +254,83 @@
254
254
  "background",
255
255
  "color",
256
256
  "glass",
257
- "primary"
257
+ "primary",
258
+ "default"
258
259
  ]
259
260
  }
260
261
  },
261
- "pf-t--global--background--color--glass--floating": {
262
+ "pf-t--global--background--color--floating--default": {
262
263
  "default": {
264
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
263
265
  "type": "color",
264
266
  "value": "#292929",
265
267
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
266
268
  "isSource": true,
267
269
  "original": {
270
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
268
271
  "type": "color",
269
- "value": "{global.background.color.floating.default}"
272
+ "value": "{global.dark.background.color.200}"
270
273
  },
271
- "name": "pf-t--global--background--color--glass--floating",
274
+ "name": "pf-t--global--background--color--floating--default",
272
275
  "attributes": {
273
276
  "category": "global",
274
277
  "type": "background",
275
278
  "item": "color",
276
- "subitem": "glass",
277
- "state": "floating"
279
+ "subitem": "floating",
280
+ "state": "default"
278
281
  },
279
282
  "path": [
280
283
  "global",
281
284
  "background",
282
285
  "color",
283
- "glass",
284
- "floating"
286
+ "floating",
287
+ "default"
285
288
  ],
286
289
  "references": [
287
290
  {
288
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
289
291
  "type": "color",
290
292
  "value": "#292929",
291
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
293
+ "filePath": "tokens/default/glass-dark/base.dark.json",
292
294
  "isSource": true,
293
295
  "original": {
294
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
295
296
  "type": "color",
296
- "value": "{global.dark.background.color.200}"
297
+ "value": "{color.gray.80}"
297
298
  },
298
- "name": "pf-t--global--background--color--floating--default",
299
+ "name": "pf-t--global--dark--background--color--200",
299
300
  "attributes": {
300
301
  "category": "global",
301
- "type": "background",
302
- "item": "color",
303
- "subitem": "floating",
304
- "state": "default"
302
+ "type": "dark",
303
+ "item": "background",
304
+ "subitem": "color",
305
+ "state": "200"
305
306
  },
306
307
  "path": [
307
308
  "global",
309
+ "dark",
308
310
  "background",
309
311
  "color",
310
- "floating",
311
- "default"
312
+ "200"
312
313
  ],
313
314
  "references": [
314
315
  {
315
316
  "type": "color",
316
317
  "value": "#292929",
317
- "filePath": "tokens/default/glass-dark/base.dark.json",
318
+ "filePath": "tokens/default/glass-dark/palette.color.json",
318
319
  "isSource": true,
319
320
  "original": {
320
321
  "type": "color",
321
- "value": "{color.gray.80}"
322
+ "value": "#292929"
322
323
  },
323
- "name": "pf-t--global--dark--background--color--200",
324
+ "name": "pf-t--color--gray--80",
324
325
  "attributes": {
325
- "category": "global",
326
- "type": "dark",
327
- "item": "background",
328
- "subitem": "color",
329
- "state": "200"
326
+ "category": "color",
327
+ "type": "gray",
328
+ "item": "80"
330
329
  },
331
330
  "path": [
332
- "global",
333
- "dark",
334
- "background",
335
331
  "color",
336
- "200"
337
- ],
338
- "references": [
339
- {
340
- "type": "color",
341
- "value": "#292929",
342
- "filePath": "tokens/default/glass-dark/palette.color.json",
343
- "isSource": true,
344
- "original": {
345
- "type": "color",
346
- "value": "#292929"
347
- },
348
- "name": "pf-t--color--gray--80",
349
- "attributes": {
350
- "category": "color",
351
- "type": "gray",
352
- "item": "80"
353
- },
354
- "path": [
355
- "color",
356
- "gray",
357
- "80"
358
- ]
359
- }
332
+ "gray",
333
+ "80"
360
334
  ]
361
335
  }
362
336
  ]
@@ -364,78 +338,78 @@
364
338
  ]
365
339
  }
366
340
  },
367
- "pf-t--global--background--color--floating--default": {
341
+ "pf-t--global--background--color--floating--hover": {
368
342
  "default": {
369
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
343
+ "description": "Use as the hover state for floating backgrounds",
370
344
  "type": "color",
371
- "value": "#292929",
345
+ "value": "#383838",
372
346
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
373
347
  "isSource": true,
374
348
  "original": {
375
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
349
+ "description": "Use as the hover state for floating backgrounds",
376
350
  "type": "color",
377
- "value": "{global.dark.background.color.200}"
351
+ "value": "{global.dark.background.color.300}"
378
352
  },
379
- "name": "pf-t--global--background--color--floating--default",
353
+ "name": "pf-t--global--background--color--floating--hover",
380
354
  "attributes": {
381
355
  "category": "global",
382
356
  "type": "background",
383
357
  "item": "color",
384
358
  "subitem": "floating",
385
- "state": "default"
359
+ "state": "hover"
386
360
  },
387
361
  "path": [
388
362
  "global",
389
363
  "background",
390
364
  "color",
391
365
  "floating",
392
- "default"
366
+ "hover"
393
367
  ],
394
368
  "references": [
395
369
  {
396
370
  "type": "color",
397
- "value": "#292929",
371
+ "value": "#383838",
398
372
  "filePath": "tokens/default/glass-dark/base.dark.json",
399
373
  "isSource": true,
400
374
  "original": {
401
375
  "type": "color",
402
- "value": "{color.gray.80}"
376
+ "value": "{color.gray.70}"
403
377
  },
404
- "name": "pf-t--global--dark--background--color--200",
378
+ "name": "pf-t--global--dark--background--color--300",
405
379
  "attributes": {
406
380
  "category": "global",
407
381
  "type": "dark",
408
382
  "item": "background",
409
383
  "subitem": "color",
410
- "state": "200"
384
+ "state": "300"
411
385
  },
412
386
  "path": [
413
387
  "global",
414
388
  "dark",
415
389
  "background",
416
390
  "color",
417
- "200"
391
+ "300"
418
392
  ],
419
393
  "references": [
420
394
  {
421
395
  "type": "color",
422
- "value": "#292929",
396
+ "value": "#383838",
423
397
  "filePath": "tokens/default/glass-dark/palette.color.json",
424
398
  "isSource": true,
425
399
  "original": {
426
400
  "type": "color",
427
- "value": "#292929"
401
+ "value": "#383838"
428
402
  },
429
- "name": "pf-t--color--gray--80",
403
+ "name": "pf-t--color--gray--70",
430
404
  "attributes": {
431
405
  "category": "color",
432
406
  "type": "gray",
433
- "item": "80"
407
+ "item": "70"
434
408
  },
435
409
  "path": [
436
410
  "color",
437
411
  "gray",
438
- "80"
412
+ "70"
439
413
  ]
440
414
  }
441
415
  ]
@@ -443,32 +417,32 @@
443
417
  ]
444
418
  }
445
419
  },
446
- "pf-t--global--background--color--floating--hover": {
420
+ "pf-t--global--background--color--floating--clicked": {
447
421
  "default": {
448
- "description": "Use as the hover state for floating backgrounds",
422
+ "description": "Use as the clicked state for floating backgrounds",
449
423
  "type": "color",
450
424
  "value": "#383838",
451
425
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
452
426
  "isSource": true,
453
427
  "original": {
454
- "description": "Use as the hover state for floating backgrounds",
428
+ "description": "Use as the clicked state for floating backgrounds",
455
429
  "type": "color",
456
430
  "value": "{global.dark.background.color.300}"
457
431
  },
458
- "name": "pf-t--global--background--color--floating--hover",
432
+ "name": "pf-t--global--background--color--floating--clicked",
459
433
  "attributes": {
460
434
  "category": "global",
461
435
  "type": "background",
462
436
  "item": "color",
463
437
  "subitem": "floating",
464
- "state": "hover"
438
+ "state": "clicked"
465
439
  },
466
440
  "path": [
467
441
  "global",
468
442
  "background",
469
443
  "color",
470
444
  "floating",
471
- "hover"
445
+ "clicked"
472
446
  ],
473
447
  "references": [
474
448
  {
@@ -522,78 +496,106 @@
522
496
  ]
523
497
  }
524
498
  },
525
- "pf-t--global--background--color--floating--clicked": {
499
+ "pf-t--global--background--color--floating--secondary--default": {
526
500
  "default": {
527
- "description": "Use as the clicked state for floating backgrounds",
528
501
  "type": "color",
529
- "value": "#383838",
502
+ "value": "#292929",
530
503
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
531
504
  "isSource": true,
532
505
  "original": {
533
- "description": "Use as the clicked state for floating backgrounds",
534
506
  "type": "color",
535
- "value": "{global.dark.background.color.300}"
507
+ "value": "{global.background.color.floating.default}"
536
508
  },
537
- "name": "pf-t--global--background--color--floating--clicked",
509
+ "name": "pf-t--global--background--color--floating--secondary--default",
538
510
  "attributes": {
539
511
  "category": "global",
540
512
  "type": "background",
541
513
  "item": "color",
542
514
  "subitem": "floating",
543
- "state": "clicked"
515
+ "state": "secondary"
544
516
  },
545
517
  "path": [
546
518
  "global",
547
519
  "background",
548
520
  "color",
549
521
  "floating",
550
- "clicked"
522
+ "secondary",
523
+ "default"
551
524
  ],
552
525
  "references": [
553
526
  {
527
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
554
528
  "type": "color",
555
- "value": "#383838",
556
- "filePath": "tokens/default/glass-dark/base.dark.json",
529
+ "value": "#292929",
530
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
557
531
  "isSource": true,
558
532
  "original": {
533
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
559
534
  "type": "color",
560
- "value": "{color.gray.70}"
535
+ "value": "{global.dark.background.color.200}"
561
536
  },
562
- "name": "pf-t--global--dark--background--color--300",
537
+ "name": "pf-t--global--background--color--floating--default",
563
538
  "attributes": {
564
539
  "category": "global",
565
- "type": "dark",
566
- "item": "background",
567
- "subitem": "color",
568
- "state": "300"
540
+ "type": "background",
541
+ "item": "color",
542
+ "subitem": "floating",
543
+ "state": "default"
569
544
  },
570
545
  "path": [
571
546
  "global",
572
- "dark",
573
547
  "background",
574
548
  "color",
575
- "300"
549
+ "floating",
550
+ "default"
576
551
  ],
577
552
  "references": [
578
553
  {
579
554
  "type": "color",
580
- "value": "#383838",
581
- "filePath": "tokens/default/glass-dark/palette.color.json",
555
+ "value": "#292929",
556
+ "filePath": "tokens/default/glass-dark/base.dark.json",
582
557
  "isSource": true,
583
558
  "original": {
584
559
  "type": "color",
585
- "value": "#383838"
560
+ "value": "{color.gray.80}"
586
561
  },
587
- "name": "pf-t--color--gray--70",
562
+ "name": "pf-t--global--dark--background--color--200",
588
563
  "attributes": {
589
- "category": "color",
590
- "type": "gray",
591
- "item": "70"
564
+ "category": "global",
565
+ "type": "dark",
566
+ "item": "background",
567
+ "subitem": "color",
568
+ "state": "200"
592
569
  },
593
570
  "path": [
571
+ "global",
572
+ "dark",
573
+ "background",
594
574
  "color",
595
- "gray",
596
- "70"
575
+ "200"
576
+ ],
577
+ "references": [
578
+ {
579
+ "type": "color",
580
+ "value": "#292929",
581
+ "filePath": "tokens/default/glass-dark/palette.color.json",
582
+ "isSource": true,
583
+ "original": {
584
+ "type": "color",
585
+ "value": "#292929"
586
+ },
587
+ "name": "pf-t--color--gray--80",
588
+ "attributes": {
589
+ "category": "color",
590
+ "type": "gray",
591
+ "item": "80"
592
+ },
593
+ "path": [
594
+ "color",
595
+ "gray",
596
+ "80"
597
+ ]
598
+ }
597
599
  ]
598
600
  }
599
601
  ]
@@ -828,13 +830,13 @@
828
830
  "default": {
829
831
  "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
830
832
  "type": "color",
831
- "value": "#292929",
833
+ "value": "rgba(199, 199, 199, 0.1500)",
832
834
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
833
835
  "isSource": true,
834
836
  "original": {
835
837
  "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
836
838
  "type": "color",
837
- "value": "{global.dark.background.color.200}"
839
+ "value": "{global.background.color.action.plain.hover}"
838
840
  },
839
841
  "name": "pf-t--global--background--color--action--plain--alt--hover",
840
842
  "attributes": {
@@ -855,49 +857,56 @@
855
857
  ],
856
858
  "references": [
857
859
  {
860
+ "description": "Use as the hover state for components that use the plain action default background.",
858
861
  "type": "color",
859
- "value": "#292929",
860
- "filePath": "tokens/default/glass-dark/base.dark.json",
862
+ "value": "rgba(199, 199, 199, 0.1500)",
863
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
861
864
  "isSource": true,
862
865
  "original": {
866
+ "description": "Use as the hover state for components that use the plain action default background.",
863
867
  "type": "color",
864
- "value": "{color.gray.80}"
868
+ "value": "{global.dark.background.color.600}"
865
869
  },
866
- "name": "pf-t--global--dark--background--color--200",
870
+ "name": "pf-t--global--background--color--action--plain--hover",
867
871
  "attributes": {
868
872
  "category": "global",
869
- "type": "dark",
870
- "item": "background",
871
- "subitem": "color",
872
- "state": "200"
873
+ "type": "background",
874
+ "item": "color",
875
+ "subitem": "action",
876
+ "state": "plain"
873
877
  },
874
878
  "path": [
875
879
  "global",
876
- "dark",
877
880
  "background",
878
881
  "color",
879
- "200"
882
+ "action",
883
+ "plain",
884
+ "hover"
880
885
  ],
881
886
  "references": [
882
887
  {
883
888
  "type": "color",
884
- "value": "#292929",
885
- "filePath": "tokens/default/glass-dark/palette.color.json",
889
+ "value": "rgba(199, 199, 199, 0.1500)",
890
+ "filePath": "tokens/default/glass-dark/base.dark.json",
886
891
  "isSource": true,
887
892
  "original": {
888
893
  "type": "color",
889
- "value": "#292929"
894
+ "value": "rgba(199, 199, 199, 0.1500)"
890
895
  },
891
- "name": "pf-t--color--gray--80",
896
+ "name": "pf-t--global--dark--background--color--600",
892
897
  "attributes": {
893
- "category": "color",
894
- "type": "gray",
895
- "item": "80"
898
+ "category": "global",
899
+ "type": "dark",
900
+ "item": "background",
901
+ "subitem": "color",
902
+ "state": "600"
896
903
  },
897
904
  "path": [
905
+ "global",
906
+ "dark",
907
+ "background",
898
908
  "color",
899
- "gray",
900
- "80"
909
+ "600"
901
910
  ]
902
911
  }
903
912
  ]
@@ -909,13 +918,13 @@
909
918
  "default": {
910
919
  "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
911
920
  "type": "color",
912
- "value": "#292929",
921
+ "value": "rgba(199, 199, 199, 0.1500)",
913
922
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
914
923
  "isSource": true,
915
924
  "original": {
916
925
  "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
917
926
  "type": "color",
918
- "value": "{global.dark.background.color.200}"
927
+ "value": "{global.background.color.action.plain.clicked}"
919
928
  },
920
929
  "name": "pf-t--global--background--color--action--plain--alt--clicked",
921
930
  "attributes": {
@@ -936,49 +945,56 @@
936
945
  ],
937
946
  "references": [
938
947
  {
948
+ "description": "Use as the active/pressed state for components that use the plain action default background.",
939
949
  "type": "color",
940
- "value": "#292929",
941
- "filePath": "tokens/default/glass-dark/base.dark.json",
950
+ "value": "rgba(199, 199, 199, 0.1500)",
951
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
942
952
  "isSource": true,
943
953
  "original": {
954
+ "description": "Use as the active/pressed state for components that use the plain action default background.",
944
955
  "type": "color",
945
- "value": "{color.gray.80}"
956
+ "value": "{global.dark.background.color.600}"
946
957
  },
947
- "name": "pf-t--global--dark--background--color--200",
958
+ "name": "pf-t--global--background--color--action--plain--clicked",
948
959
  "attributes": {
949
960
  "category": "global",
950
- "type": "dark",
951
- "item": "background",
952
- "subitem": "color",
953
- "state": "200"
961
+ "type": "background",
962
+ "item": "color",
963
+ "subitem": "action",
964
+ "state": "plain"
954
965
  },
955
966
  "path": [
956
967
  "global",
957
- "dark",
958
968
  "background",
959
969
  "color",
960
- "200"
970
+ "action",
971
+ "plain",
972
+ "clicked"
961
973
  ],
962
974
  "references": [
963
975
  {
964
976
  "type": "color",
965
- "value": "#292929",
966
- "filePath": "tokens/default/glass-dark/palette.color.json",
977
+ "value": "rgba(199, 199, 199, 0.1500)",
978
+ "filePath": "tokens/default/glass-dark/base.dark.json",
967
979
  "isSource": true,
968
980
  "original": {
969
981
  "type": "color",
970
- "value": "#292929"
982
+ "value": "rgba(199, 199, 199, 0.1500)"
971
983
  },
972
- "name": "pf-t--color--gray--80",
984
+ "name": "pf-t--global--dark--background--color--600",
973
985
  "attributes": {
974
- "category": "color",
975
- "type": "gray",
976
- "item": "80"
986
+ "category": "global",
987
+ "type": "dark",
988
+ "item": "background",
989
+ "subitem": "color",
990
+ "state": "600"
977
991
  },
978
992
  "path": [
993
+ "global",
994
+ "dark",
995
+ "background",
979
996
  "color",
980
- "gray",
981
- "80"
997
+ "600"
982
998
  ]
983
999
  }
984
1000
  ]
@@ -1628,6 +1644,34 @@
1628
1644
  ]
1629
1645
  }
1630
1646
  },
1647
+ "pf-t--global--background--color--striped--row--default": {
1648
+ "default": {
1649
+ "type": "color",
1650
+ "value": "rgba(21, 21, 21, 0.3000)",
1651
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1652
+ "isSource": true,
1653
+ "original": {
1654
+ "type": "color",
1655
+ "value": "rgba(21, 21, 21, 0.3000)"
1656
+ },
1657
+ "name": "pf-t--global--background--color--striped--row--default",
1658
+ "attributes": {
1659
+ "category": "global",
1660
+ "type": "background",
1661
+ "item": "color",
1662
+ "subitem": "striped",
1663
+ "state": "row"
1664
+ },
1665
+ "path": [
1666
+ "global",
1667
+ "background",
1668
+ "color",
1669
+ "striped",
1670
+ "row",
1671
+ "default"
1672
+ ]
1673
+ }
1674
+ },
1631
1675
  "pf-t--global--background--color--loading--skeleton--default": {
1632
1676
  "default": {
1633
1677
  "type": "color",
@@ -1741,12 +1785,12 @@
1741
1785
  "pf-t--global--background--filter--glass--blur--primary": {
1742
1786
  "default": {
1743
1787
  "type": "number",
1744
- "value": "blur(12.5px)",
1788
+ "value": "blur(16px)",
1745
1789
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1746
1790
  "isSource": true,
1747
1791
  "original": {
1748
1792
  "type": "number",
1749
- "value": 12.5
1793
+ "value": 16
1750
1794
  },
1751
1795
  "name": "pf-t--global--background--filter--glass--blur--primary",
1752
1796
  "attributes": {
@@ -1766,34 +1810,6 @@
1766
1810
  ]
1767
1811
  }
1768
1812
  },
1769
- "pf-t--global--background--filter--glass--blur--floating": {
1770
- "default": {
1771
- "type": "number",
1772
- "value": "blur(0px)",
1773
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1774
- "isSource": true,
1775
- "original": {
1776
- "type": "number",
1777
- "value": 0
1778
- },
1779
- "name": "pf-t--global--background--filter--glass--blur--floating",
1780
- "attributes": {
1781
- "category": "global",
1782
- "type": "background",
1783
- "item": "filter",
1784
- "subitem": "glass",
1785
- "state": "blur"
1786
- },
1787
- "path": [
1788
- "global",
1789
- "background",
1790
- "filter",
1791
- "glass",
1792
- "blur",
1793
- "floating"
1794
- ]
1795
- }
1796
- },
1797
1813
  "pf-t--global--color--brand--default": {
1798
1814
  "default": {
1799
1815
  "description": "Use this color for elements that you want to reinforce your brand",
@@ -7316,13 +7332,13 @@
7316
7332
  "default": {
7317
7333
  "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7318
7334
  "type": "color",
7319
- "value": "#f2f2f2",
7335
+ "value": "#1f1f1f",
7320
7336
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7321
7337
  "isSource": true,
7322
7338
  "original": {
7323
7339
  "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7324
7340
  "type": "color",
7325
- "value": "{global.icon.color.regular}"
7341
+ "value": "{global.icon.color.inverse}"
7326
7342
  },
7327
7343
  "name": "pf-t--global--icon--color--on-brand--accent--default",
7328
7344
  "attributes": {
@@ -7342,74 +7358,74 @@
7342
7358
  ],
7343
7359
  "references": [
7344
7360
  {
7345
- "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
7361
+ "description": "Use as the color for icons that are placed on an inverse background color",
7346
7362
  "type": "color",
7347
- "value": "#f2f2f2",
7363
+ "value": "#1f1f1f",
7348
7364
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7349
7365
  "isSource": true,
7350
7366
  "original": {
7351
- "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
7367
+ "description": "Use as the color for icons that are placed on an inverse background color",
7352
7368
  "type": "color",
7353
- "value": "{global.dark.icon.color.100}"
7369
+ "value": "{global.dark.icon.color.300}"
7354
7370
  },
7355
- "name": "pf-t--global--icon--color--regular",
7371
+ "name": "pf-t--global--icon--color--inverse",
7356
7372
  "attributes": {
7357
7373
  "category": "global",
7358
7374
  "type": "icon",
7359
7375
  "item": "color",
7360
- "subitem": "regular"
7376
+ "subitem": "inverse"
7361
7377
  },
7362
7378
  "path": [
7363
7379
  "global",
7364
7380
  "icon",
7365
7381
  "color",
7366
- "regular"
7382
+ "inverse"
7367
7383
  ],
7368
7384
  "references": [
7369
7385
  {
7370
7386
  "type": "color",
7371
- "value": "#f2f2f2",
7387
+ "value": "#1f1f1f",
7372
7388
  "filePath": "tokens/default/glass-dark/base.dark.json",
7373
7389
  "isSource": true,
7374
7390
  "original": {
7375
7391
  "type": "color",
7376
- "value": "{color.gray.10}"
7392
+ "value": "{color.gray.90}"
7377
7393
  },
7378
- "name": "pf-t--global--dark--icon--color--100",
7394
+ "name": "pf-t--global--dark--icon--color--300",
7379
7395
  "attributes": {
7380
7396
  "category": "global",
7381
7397
  "type": "dark",
7382
7398
  "item": "icon",
7383
7399
  "subitem": "color",
7384
- "state": "100"
7400
+ "state": "300"
7385
7401
  },
7386
7402
  "path": [
7387
7403
  "global",
7388
7404
  "dark",
7389
7405
  "icon",
7390
7406
  "color",
7391
- "100"
7407
+ "300"
7392
7408
  ],
7393
7409
  "references": [
7394
7410
  {
7395
7411
  "type": "color",
7396
- "value": "#f2f2f2",
7412
+ "value": "#1f1f1f",
7397
7413
  "filePath": "tokens/default/glass-dark/palette.color.json",
7398
7414
  "isSource": true,
7399
7415
  "original": {
7400
7416
  "type": "color",
7401
- "value": "#f2f2f2"
7417
+ "value": "#1f1f1f"
7402
7418
  },
7403
- "name": "pf-t--color--gray--10",
7419
+ "name": "pf-t--color--gray--90",
7404
7420
  "attributes": {
7405
7421
  "category": "color",
7406
7422
  "type": "gray",
7407
- "item": "10"
7423
+ "item": "90"
7408
7424
  },
7409
7425
  "path": [
7410
7426
  "color",
7411
7427
  "gray",
7412
- "10"
7428
+ "90"
7413
7429
  ]
7414
7430
  }
7415
7431
  ]
@@ -18123,7 +18139,7 @@
18123
18139
  "default": {
18124
18140
  "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
18125
18141
  "type": "color",
18126
- "value": "#707070",
18142
+ "value": "#4d4d4d",
18127
18143
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
18128
18144
  "isSource": true,
18129
18145
  "original": {
@@ -18147,12 +18163,12 @@
18147
18163
  "references": [
18148
18164
  {
18149
18165
  "type": "color",
18150
- "value": "#707070",
18166
+ "value": "#4d4d4d",
18151
18167
  "filePath": "tokens/default/glass-dark/base.dark.json",
18152
18168
  "isSource": true,
18153
18169
  "original": {
18154
18170
  "type": "color",
18155
- "value": "{color.gray.50}"
18171
+ "value": "{color.gray.60}"
18156
18172
  },
18157
18173
  "name": "pf-t--global--dark--border--color--100",
18158
18174
  "attributes": {
@@ -18172,23 +18188,23 @@
18172
18188
  "references": [
18173
18189
  {
18174
18190
  "type": "color",
18175
- "value": "#707070",
18191
+ "value": "#4d4d4d",
18176
18192
  "filePath": "tokens/default/glass-dark/palette.color.json",
18177
18193
  "isSource": true,
18178
18194
  "original": {
18179
18195
  "type": "color",
18180
- "value": "#707070"
18196
+ "value": "#4d4d4d"
18181
18197
  },
18182
- "name": "pf-t--color--gray--50",
18198
+ "name": "pf-t--color--gray--60",
18183
18199
  "attributes": {
18184
18200
  "category": "color",
18185
18201
  "type": "gray",
18186
- "item": "50"
18202
+ "item": "60"
18187
18203
  },
18188
18204
  "path": [
18189
18205
  "color",
18190
18206
  "gray",
18191
- "50"
18207
+ "60"
18192
18208
  ]
18193
18209
  }
18194
18210
  ]
@@ -18360,7 +18376,7 @@
18360
18376
  "original": {
18361
18377
  "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
18362
18378
  "type": "color",
18363
- "value": "{color.gray.70}"
18379
+ "value": "{global.dark.border.color.50}"
18364
18380
  },
18365
18381
  "name": "pf-t--global--border--color--subtle",
18366
18382
  "attributes": {
@@ -18379,22 +18395,49 @@
18379
18395
  {
18380
18396
  "type": "color",
18381
18397
  "value": "#383838",
18382
- "filePath": "tokens/default/glass-dark/palette.color.json",
18398
+ "filePath": "tokens/default/glass-dark/base.dark.json",
18383
18399
  "isSource": true,
18384
18400
  "original": {
18385
18401
  "type": "color",
18386
- "value": "#383838"
18402
+ "value": "{color.gray.70}"
18387
18403
  },
18388
- "name": "pf-t--color--gray--70",
18404
+ "name": "pf-t--global--dark--border--color--50",
18389
18405
  "attributes": {
18390
- "category": "color",
18391
- "type": "gray",
18392
- "item": "70"
18406
+ "category": "global",
18407
+ "type": "dark",
18408
+ "item": "border",
18409
+ "subitem": "color",
18410
+ "state": "50"
18393
18411
  },
18394
18412
  "path": [
18413
+ "global",
18414
+ "dark",
18415
+ "border",
18395
18416
  "color",
18396
- "gray",
18397
- "70"
18417
+ "50"
18418
+ ],
18419
+ "references": [
18420
+ {
18421
+ "type": "color",
18422
+ "value": "#383838",
18423
+ "filePath": "tokens/default/glass-dark/palette.color.json",
18424
+ "isSource": true,
18425
+ "original": {
18426
+ "type": "color",
18427
+ "value": "#383838"
18428
+ },
18429
+ "name": "pf-t--color--gray--70",
18430
+ "attributes": {
18431
+ "category": "color",
18432
+ "type": "gray",
18433
+ "item": "70"
18434
+ },
18435
+ "path": [
18436
+ "color",
18437
+ "gray",
18438
+ "70"
18439
+ ]
18440
+ }
18398
18441
  ]
18399
18442
  }
18400
18443
  ]
@@ -18610,6 +18653,89 @@
18610
18653
  ]
18611
18654
  }
18612
18655
  },
18656
+ "pf-t--global--border--color--glass--default": {
18657
+ "default": {
18658
+ "type": "color",
18659
+ "value": "rgba(41, 41, 41, 0.5000)",
18660
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
18661
+ "isSource": true,
18662
+ "original": {
18663
+ "type": "color",
18664
+ "value": "{global.border.color.alt}"
18665
+ },
18666
+ "name": "pf-t--global--border--color--glass--default",
18667
+ "attributes": {
18668
+ "category": "global",
18669
+ "type": "border",
18670
+ "item": "color",
18671
+ "subitem": "glass",
18672
+ "state": "default"
18673
+ },
18674
+ "path": [
18675
+ "global",
18676
+ "border",
18677
+ "color",
18678
+ "glass",
18679
+ "default"
18680
+ ],
18681
+ "references": [
18682
+ {
18683
+ "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
18684
+ "type": "color",
18685
+ "value": "rgba(41, 41, 41, 0.5000)",
18686
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
18687
+ "isSource": true,
18688
+ "original": {
18689
+ "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
18690
+ "type": "color",
18691
+ "value": "{global.background.color.primary.default}"
18692
+ },
18693
+ "name": "pf-t--global--border--color--alt",
18694
+ "attributes": {
18695
+ "category": "global",
18696
+ "type": "border",
18697
+ "item": "color",
18698
+ "subitem": "alt"
18699
+ },
18700
+ "path": [
18701
+ "global",
18702
+ "border",
18703
+ "color",
18704
+ "alt"
18705
+ ],
18706
+ "references": [
18707
+ {
18708
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
18709
+ "type": "color",
18710
+ "value": "rgba(41, 41, 41, 0.5000)",
18711
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
18712
+ "isSource": true,
18713
+ "original": {
18714
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
18715
+ "type": "color",
18716
+ "value": "rgba(41, 41, 41, 0.5000)"
18717
+ },
18718
+ "name": "pf-t--global--background--color--primary--default",
18719
+ "attributes": {
18720
+ "category": "global",
18721
+ "type": "background",
18722
+ "item": "color",
18723
+ "subitem": "primary",
18724
+ "state": "default"
18725
+ },
18726
+ "path": [
18727
+ "global",
18728
+ "background",
18729
+ "color",
18730
+ "primary",
18731
+ "default"
18732
+ ]
18733
+ }
18734
+ ]
18735
+ }
18736
+ ]
18737
+ }
18738
+ },
18613
18739
  "pf-t--global--border--color--nonstatus--red--default": {
18614
18740
  "default": {
18615
18741
  "description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
@@ -29707,7 +29833,7 @@
29707
29833
  "pf-t--global--text-decoration--color--default": {
29708
29834
  "default": {
29709
29835
  "type": "color",
29710
- "value": "#707070",
29836
+ "value": "#4d4d4d",
29711
29837
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
29712
29838
  "isSource": true,
29713
29839
  "original": {
@@ -29731,7 +29857,7 @@
29731
29857
  {
29732
29858
  "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
29733
29859
  "type": "color",
29734
- "value": "#707070",
29860
+ "value": "#4d4d4d",
29735
29861
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
29736
29862
  "isSource": true,
29737
29863
  "original": {
@@ -29755,12 +29881,12 @@
29755
29881
  "references": [
29756
29882
  {
29757
29883
  "type": "color",
29758
- "value": "#707070",
29884
+ "value": "#4d4d4d",
29759
29885
  "filePath": "tokens/default/glass-dark/base.dark.json",
29760
29886
  "isSource": true,
29761
29887
  "original": {
29762
29888
  "type": "color",
29763
- "value": "{color.gray.50}"
29889
+ "value": "{color.gray.60}"
29764
29890
  },
29765
29891
  "name": "pf-t--global--dark--border--color--100",
29766
29892
  "attributes": {
@@ -29780,23 +29906,23 @@
29780
29906
  "references": [
29781
29907
  {
29782
29908
  "type": "color",
29783
- "value": "#707070",
29909
+ "value": "#4d4d4d",
29784
29910
  "filePath": "tokens/default/glass-dark/palette.color.json",
29785
29911
  "isSource": true,
29786
29912
  "original": {
29787
29913
  "type": "color",
29788
- "value": "#707070"
29914
+ "value": "#4d4d4d"
29789
29915
  },
29790
- "name": "pf-t--color--gray--50",
29916
+ "name": "pf-t--color--gray--60",
29791
29917
  "attributes": {
29792
29918
  "category": "color",
29793
29919
  "type": "gray",
29794
- "item": "50"
29920
+ "item": "60"
29795
29921
  },
29796
29922
  "path": [
29797
29923
  "color",
29798
29924
  "gray",
29799
- "50"
29925
+ "60"
29800
29926
  ]
29801
29927
  }
29802
29928
  ]
@@ -33756,12 +33882,12 @@
33756
33882
  "pf-t--global--dark--border--color--50": {
33757
33883
  "default": {
33758
33884
  "type": "color",
33759
- "value": "#4d4d4d",
33885
+ "value": "#383838",
33760
33886
  "filePath": "tokens/default/glass-dark/base.dark.json",
33761
33887
  "isSource": true,
33762
33888
  "original": {
33763
33889
  "type": "color",
33764
- "value": "{color.gray.60}"
33890
+ "value": "{color.gray.70}"
33765
33891
  },
33766
33892
  "name": "pf-t--global--dark--border--color--50",
33767
33893
  "attributes": {
@@ -33781,23 +33907,23 @@
33781
33907
  "references": [
33782
33908
  {
33783
33909
  "type": "color",
33784
- "value": "#4d4d4d",
33910
+ "value": "#383838",
33785
33911
  "filePath": "tokens/default/glass-dark/palette.color.json",
33786
33912
  "isSource": true,
33787
33913
  "original": {
33788
33914
  "type": "color",
33789
- "value": "#4d4d4d"
33915
+ "value": "#383838"
33790
33916
  },
33791
- "name": "pf-t--color--gray--60",
33917
+ "name": "pf-t--color--gray--70",
33792
33918
  "attributes": {
33793
33919
  "category": "color",
33794
33920
  "type": "gray",
33795
- "item": "60"
33921
+ "item": "70"
33796
33922
  },
33797
33923
  "path": [
33798
33924
  "color",
33799
33925
  "gray",
33800
- "60"
33926
+ "70"
33801
33927
  ]
33802
33928
  }
33803
33929
  ]
@@ -33806,12 +33932,12 @@
33806
33932
  "pf-t--global--dark--border--color--100": {
33807
33933
  "default": {
33808
33934
  "type": "color",
33809
- "value": "#707070",
33935
+ "value": "#4d4d4d",
33810
33936
  "filePath": "tokens/default/glass-dark/base.dark.json",
33811
33937
  "isSource": true,
33812
33938
  "original": {
33813
33939
  "type": "color",
33814
- "value": "{color.gray.50}"
33940
+ "value": "{color.gray.60}"
33815
33941
  },
33816
33942
  "name": "pf-t--global--dark--border--color--100",
33817
33943
  "attributes": {
@@ -33831,23 +33957,23 @@
33831
33957
  "references": [
33832
33958
  {
33833
33959
  "type": "color",
33834
- "value": "#707070",
33960
+ "value": "#4d4d4d",
33835
33961
  "filePath": "tokens/default/glass-dark/palette.color.json",
33836
33962
  "isSource": true,
33837
33963
  "original": {
33838
33964
  "type": "color",
33839
- "value": "#707070"
33965
+ "value": "#4d4d4d"
33840
33966
  },
33841
- "name": "pf-t--color--gray--50",
33967
+ "name": "pf-t--color--gray--60",
33842
33968
  "attributes": {
33843
33969
  "category": "color",
33844
33970
  "type": "gray",
33845
- "item": "50"
33971
+ "item": "60"
33846
33972
  },
33847
33973
  "path": [
33848
33974
  "color",
33849
33975
  "gray",
33850
- "50"
33976
+ "60"
33851
33977
  ]
33852
33978
  }
33853
33979
  ]