@patternfly/design-tokens 1.14.7 → 1.14.9

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 (38) hide show
  1. package/build/css/tokens-dark.scss +3 -3
  2. package/build/css/tokens-default.scss +3 -3
  3. package/build/css/tokens-glass-dark.scss +3 -6
  4. package/build/css/tokens-glass.scss +3 -6
  5. package/build/css/tokens-palette.scss +3 -1
  6. package/build/css/tokens-redhat-dark.scss +1 -1
  7. package/build/css/tokens-redhat-glass-dark.scss +3 -6
  8. package/build/css/tokens-redhat-glass.scss +3 -6
  9. package/build/css/tokens-redhat-highcontrast-dark.scss +1 -1
  10. package/build/css/tokens-redhat-highcontrast.scss +1 -1
  11. package/build/css/tokens-redhat.scss +1 -1
  12. package/build.js +10 -3
  13. package/config.palette-colors.json +1 -1
  14. package/package.json +1 -1
  15. package/patternfly-docs/content/token-layers-glass-dark.json +154 -154
  16. package/patternfly-docs/content/token-layers-glass.json +51 -51
  17. package/patternfly-docs/content/token-layers-highcontrast-dark.json +133 -133
  18. package/patternfly-docs/content/token-layers-highcontrast.json +192 -192
  19. package/patternfly-docs/content/token-layers-redhat-dark.json +156 -156
  20. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +154 -154
  21. package/patternfly-docs/content/token-layers-redhat-glass.json +51 -51
  22. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +133 -133
  23. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +192 -192
  24. package/patternfly-docs/content/token-layers-redhat.json +413 -413
  25. package/tokens/default/dark/charts.dark.json +4 -4
  26. package/tokens/default/dark/semantic.dark.json +23 -23
  27. package/tokens/default/glass/base.dimension.json +10 -10
  28. package/tokens/default/glass/semantic.glass.json +25 -25
  29. package/tokens/default/glass-dark/semantic.glass.dark.json +25 -25
  30. package/tokens/default/highcontrast/base.dimension.json +10 -10
  31. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +5 -5
  32. package/tokens/default/highcontrast/semantic.highcontrast.json +23 -23
  33. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +23 -23
  34. package/tokens/default/light/base.dimension.json +10 -10
  35. package/tokens/default/light/charts.json +4 -4
  36. package/tokens/default/light/semantic.dimension.json +5 -5
  37. package/tokens/default/light/semantic.json +23 -23
  38. package/tokens/default/light/semantic.motion.json +25 -25
@@ -15653,7 +15653,7 @@
15653
15653
  "isSource": true,
15654
15654
  "original": {
15655
15655
  "type": "color",
15656
- "value": "{global.background.color.primary.default}"
15656
+ "value": "{global.background.color.floating.default}"
15657
15657
  },
15658
15658
  "name": "pf-t--global--background--color--glass--floating",
15659
15659
  "attributes": {
@@ -15672,29 +15672,29 @@
15672
15672
  ],
15673
15673
  "references": [
15674
15674
  {
15675
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
15675
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
15676
15676
  "type": "color",
15677
15677
  "value": "#ffffff",
15678
15678
  "filePath": "tokens/default/glass/semantic.glass.json",
15679
15679
  "isSource": true,
15680
15680
  "original": {
15681
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
15681
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
15682
15682
  "type": "color",
15683
15683
  "value": "{global.background.color.100}"
15684
15684
  },
15685
- "name": "pf-t--global--background--color--primary--default",
15685
+ "name": "pf-t--global--background--color--floating--default",
15686
15686
  "attributes": {
15687
15687
  "category": "global",
15688
15688
  "type": "background",
15689
15689
  "item": "color",
15690
- "subitem": "primary",
15690
+ "subitem": "floating",
15691
15691
  "state": "default"
15692
15692
  },
15693
15693
  "path": [
15694
15694
  "global",
15695
15695
  "background",
15696
15696
  "color",
15697
- "primary",
15697
+ "floating",
15698
15698
  "default"
15699
15699
  ],
15700
15700
  "references": [
@@ -17434,7 +17434,7 @@
17434
17434
  "pf-t--global--background--filter--glass--blur--primary": {
17435
17435
  "default": {
17436
17436
  "type": "number",
17437
- "value": "12.5px",
17437
+ "value": "blur(12.5px)",
17438
17438
  "filePath": "tokens/default/glass/semantic.glass.json",
17439
17439
  "isSource": true,
17440
17440
  "original": {
@@ -17462,12 +17462,12 @@
17462
17462
  "pf-t--global--background--filter--glass--blur--floating": {
17463
17463
  "default": {
17464
17464
  "type": "number",
17465
- "value": "12.5px",
17465
+ "value": "blur(0px)",
17466
17466
  "filePath": "tokens/default/glass/semantic.glass.json",
17467
17467
  "isSource": true,
17468
17468
  "original": {
17469
17469
  "type": "number",
17470
- "value": 12.5
17470
+ "value": 0
17471
17471
  },
17472
17472
  "name": "pf-t--global--background--filter--glass--blur--floating",
17473
17473
  "attributes": {
@@ -17517,12 +17517,12 @@
17517
17517
  "pf-t--global--background--opacity--glass--floating": {
17518
17518
  "default": {
17519
17519
  "type": "number",
17520
- "value": "80%",
17520
+ "value": "100%",
17521
17521
  "filePath": "tokens/default/glass/semantic.glass.json",
17522
17522
  "isSource": true,
17523
17523
  "original": {
17524
17524
  "type": "number",
17525
- "value": 80
17525
+ "value": 100
17526
17526
  },
17527
17527
  "name": "pf-t--global--background--opacity--glass--floating",
17528
17528
  "attributes": {
@@ -38306,153 +38306,153 @@
38306
38306
  ]
38307
38307
  }
38308
38308
  },
38309
- "pf-t--global--font--weight--100": {
38309
+ "pf-t--global--font--line-height--100": {
38310
38310
  "default": {
38311
38311
  "type": "number",
38312
- "value": 400,
38312
+ "value": 1.3,
38313
38313
  "filePath": "tokens/default/glass/base.dimension.json",
38314
38314
  "isSource": true,
38315
38315
  "original": {
38316
38316
  "type": "number",
38317
- "value": 400
38317
+ "value": 1.2999999523162842
38318
38318
  },
38319
- "name": "pf-t--global--font--weight--100",
38319
+ "name": "pf-t--global--font--line-height--100",
38320
38320
  "attributes": {
38321
38321
  "category": "global",
38322
38322
  "type": "font",
38323
- "item": "weight",
38323
+ "item": "line-height",
38324
38324
  "subitem": "100"
38325
38325
  },
38326
38326
  "path": [
38327
38327
  "global",
38328
38328
  "font",
38329
- "weight",
38329
+ "line-height",
38330
38330
  "100"
38331
38331
  ]
38332
38332
  }
38333
38333
  },
38334
- "pf-t--global--font--weight--200": {
38334
+ "pf-t--global--font--line-height--200": {
38335
38335
  "default": {
38336
38336
  "type": "number",
38337
- "value": 500,
38337
+ "value": 1.5,
38338
38338
  "filePath": "tokens/default/glass/base.dimension.json",
38339
38339
  "isSource": true,
38340
38340
  "original": {
38341
38341
  "type": "number",
38342
- "value": 500
38342
+ "value": 1.5
38343
38343
  },
38344
- "name": "pf-t--global--font--weight--200",
38344
+ "name": "pf-t--global--font--line-height--200",
38345
38345
  "attributes": {
38346
38346
  "category": "global",
38347
38347
  "type": "font",
38348
- "item": "weight",
38348
+ "item": "line-height",
38349
38349
  "subitem": "200"
38350
38350
  },
38351
38351
  "path": [
38352
38352
  "global",
38353
38353
  "font",
38354
- "weight",
38354
+ "line-height",
38355
38355
  "200"
38356
38356
  ]
38357
38357
  }
38358
38358
  },
38359
- "pf-t--global--font--weight--300": {
38359
+ "pf-t--global--font--weight--100": {
38360
38360
  "default": {
38361
38361
  "type": "number",
38362
- "value": 500,
38362
+ "value": 400,
38363
38363
  "filePath": "tokens/default/glass/base.dimension.json",
38364
38364
  "isSource": true,
38365
38365
  "original": {
38366
38366
  "type": "number",
38367
- "value": 500
38367
+ "value": 400
38368
38368
  },
38369
- "name": "pf-t--global--font--weight--300",
38369
+ "name": "pf-t--global--font--weight--100",
38370
38370
  "attributes": {
38371
38371
  "category": "global",
38372
38372
  "type": "font",
38373
38373
  "item": "weight",
38374
- "subitem": "300"
38374
+ "subitem": "100"
38375
38375
  },
38376
38376
  "path": [
38377
38377
  "global",
38378
38378
  "font",
38379
38379
  "weight",
38380
- "300"
38380
+ "100"
38381
38381
  ]
38382
38382
  }
38383
38383
  },
38384
- "pf-t--global--font--weight--400": {
38384
+ "pf-t--global--font--weight--200": {
38385
38385
  "default": {
38386
38386
  "type": "number",
38387
- "value": 700,
38387
+ "value": 500,
38388
38388
  "filePath": "tokens/default/glass/base.dimension.json",
38389
38389
  "isSource": true,
38390
38390
  "original": {
38391
38391
  "type": "number",
38392
- "value": 700
38392
+ "value": 500
38393
38393
  },
38394
- "name": "pf-t--global--font--weight--400",
38394
+ "name": "pf-t--global--font--weight--200",
38395
38395
  "attributes": {
38396
38396
  "category": "global",
38397
38397
  "type": "font",
38398
38398
  "item": "weight",
38399
- "subitem": "400"
38399
+ "subitem": "200"
38400
38400
  },
38401
38401
  "path": [
38402
38402
  "global",
38403
38403
  "font",
38404
38404
  "weight",
38405
- "400"
38405
+ "200"
38406
38406
  ]
38407
38407
  }
38408
38408
  },
38409
- "pf-t--global--font--line-height--100": {
38409
+ "pf-t--global--font--weight--300": {
38410
38410
  "default": {
38411
38411
  "type": "number",
38412
- "value": 1.3,
38412
+ "value": 500,
38413
38413
  "filePath": "tokens/default/glass/base.dimension.json",
38414
38414
  "isSource": true,
38415
38415
  "original": {
38416
38416
  "type": "number",
38417
- "value": 1.2999999523162842
38417
+ "value": 500
38418
38418
  },
38419
- "name": "pf-t--global--font--line-height--100",
38419
+ "name": "pf-t--global--font--weight--300",
38420
38420
  "attributes": {
38421
38421
  "category": "global",
38422
38422
  "type": "font",
38423
- "item": "line-height",
38424
- "subitem": "100"
38423
+ "item": "weight",
38424
+ "subitem": "300"
38425
38425
  },
38426
38426
  "path": [
38427
38427
  "global",
38428
38428
  "font",
38429
- "line-height",
38430
- "100"
38429
+ "weight",
38430
+ "300"
38431
38431
  ]
38432
38432
  }
38433
38433
  },
38434
- "pf-t--global--font--line-height--200": {
38434
+ "pf-t--global--font--weight--400": {
38435
38435
  "default": {
38436
38436
  "type": "number",
38437
- "value": 1.5,
38437
+ "value": 700,
38438
38438
  "filePath": "tokens/default/glass/base.dimension.json",
38439
38439
  "isSource": true,
38440
38440
  "original": {
38441
38441
  "type": "number",
38442
- "value": 1.5
38442
+ "value": 700
38443
38443
  },
38444
- "name": "pf-t--global--font--line-height--200",
38444
+ "name": "pf-t--global--font--weight--400",
38445
38445
  "attributes": {
38446
38446
  "category": "global",
38447
38447
  "type": "font",
38448
- "item": "line-height",
38449
- "subitem": "200"
38448
+ "item": "weight",
38449
+ "subitem": "400"
38450
38450
  },
38451
38451
  "path": [
38452
38452
  "global",
38453
38453
  "font",
38454
- "line-height",
38455
- "200"
38454
+ "weight",
38455
+ "400"
38456
38456
  ]
38457
38457
  }
38458
38458
  },
@@ -1,6 +1,62 @@
1
1
  {
2
2
  "semantic": {
3
3
  "colors": {
4
+ "pf-t--global--background--filter--glass--blur--primary": {
5
+ "default": {
6
+ "type": "number",
7
+ "value": "blur(0px)",
8
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
9
+ "isSource": true,
10
+ "original": {
11
+ "type": "number",
12
+ "value": 0
13
+ },
14
+ "name": "pf-t--global--background--filter--glass--blur--primary",
15
+ "attributes": {
16
+ "category": "global",
17
+ "type": "background",
18
+ "item": "filter",
19
+ "subitem": "glass",
20
+ "state": "blur"
21
+ },
22
+ "path": [
23
+ "global",
24
+ "background",
25
+ "filter",
26
+ "glass",
27
+ "blur",
28
+ "primary"
29
+ ]
30
+ }
31
+ },
32
+ "pf-t--global--background--filter--glass--blur--floating": {
33
+ "default": {
34
+ "type": "number",
35
+ "value": "blur(0px)",
36
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
37
+ "isSource": true,
38
+ "original": {
39
+ "type": "number",
40
+ "value": 0
41
+ },
42
+ "name": "pf-t--global--background--filter--glass--blur--floating",
43
+ "attributes": {
44
+ "category": "global",
45
+ "type": "background",
46
+ "item": "filter",
47
+ "subitem": "glass",
48
+ "state": "blur"
49
+ },
50
+ "path": [
51
+ "global",
52
+ "background",
53
+ "filter",
54
+ "glass",
55
+ "blur",
56
+ "floating"
57
+ ]
58
+ }
59
+ },
4
60
  "pf-t--global--background--color--glass--primary": {
5
61
  "default": {
6
62
  "type": "color",
@@ -2026,62 +2082,6 @@
2026
2082
  ]
2027
2083
  }
2028
2084
  },
2029
- "pf-t--global--background--filter--glass--blur--primary": {
2030
- "default": {
2031
- "type": "number",
2032
- "value": "0px",
2033
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
2034
- "isSource": true,
2035
- "original": {
2036
- "type": "number",
2037
- "value": 0
2038
- },
2039
- "name": "pf-t--global--background--filter--glass--blur--primary",
2040
- "attributes": {
2041
- "category": "global",
2042
- "type": "background",
2043
- "item": "filter",
2044
- "subitem": "glass",
2045
- "state": "blur"
2046
- },
2047
- "path": [
2048
- "global",
2049
- "background",
2050
- "filter",
2051
- "glass",
2052
- "blur",
2053
- "primary"
2054
- ]
2055
- }
2056
- },
2057
- "pf-t--global--background--filter--glass--blur--floating": {
2058
- "default": {
2059
- "type": "number",
2060
- "value": "0px",
2061
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
2062
- "isSource": true,
2063
- "original": {
2064
- "type": "number",
2065
- "value": 0
2066
- },
2067
- "name": "pf-t--global--background--filter--glass--blur--floating",
2068
- "attributes": {
2069
- "category": "global",
2070
- "type": "background",
2071
- "item": "filter",
2072
- "subitem": "glass",
2073
- "state": "blur"
2074
- },
2075
- "path": [
2076
- "global",
2077
- "background",
2078
- "filter",
2079
- "glass",
2080
- "blur",
2081
- "floating"
2082
- ]
2083
- }
2084
- },
2085
2085
  "pf-t--global--background--opacity--glass--primary": {
2086
2086
  "default": {
2087
2087
  "type": "number",
@@ -31603,6 +31603,83 @@
31603
31603
  ]
31604
31604
  }
31605
31605
  },
31606
+ "pf-t--global--focus-ring--color--default": {
31607
+ "default": {
31608
+ "description": "Use as color value for custom focus rings",
31609
+ "type": "color",
31610
+ "value": "#92c5f9",
31611
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
31612
+ "isSource": true,
31613
+ "original": {
31614
+ "description": "Use as color value for custom focus rings",
31615
+ "type": "color",
31616
+ "value": "{global.dark.focus-ring.color.100}"
31617
+ },
31618
+ "name": "pf-t--global--focus-ring--color--default",
31619
+ "attributes": {
31620
+ "category": "global",
31621
+ "type": "focus-ring",
31622
+ "item": "color",
31623
+ "subitem": "default"
31624
+ },
31625
+ "path": [
31626
+ "global",
31627
+ "focus-ring",
31628
+ "color",
31629
+ "default"
31630
+ ],
31631
+ "references": [
31632
+ {
31633
+ "type": "color",
31634
+ "value": "#92c5f9",
31635
+ "filePath": "tokens/default/highcontrast-dark/base.dark.json",
31636
+ "isSource": true,
31637
+ "original": {
31638
+ "type": "color",
31639
+ "value": "{color.blue.30}"
31640
+ },
31641
+ "name": "pf-t--global--dark--focus-ring--color--100",
31642
+ "attributes": {
31643
+ "category": "global",
31644
+ "type": "dark",
31645
+ "item": "focus-ring",
31646
+ "subitem": "color",
31647
+ "state": "100"
31648
+ },
31649
+ "path": [
31650
+ "global",
31651
+ "dark",
31652
+ "focus-ring",
31653
+ "color",
31654
+ "100"
31655
+ ],
31656
+ "references": [
31657
+ {
31658
+ "type": "color",
31659
+ "value": "#92c5f9",
31660
+ "filePath": "tokens/default/highcontrast-dark/palette.color.json",
31661
+ "isSource": true,
31662
+ "original": {
31663
+ "type": "color",
31664
+ "value": "#92c5f9"
31665
+ },
31666
+ "name": "pf-t--color--blue--30",
31667
+ "attributes": {
31668
+ "category": "color",
31669
+ "type": "blue",
31670
+ "item": "30"
31671
+ },
31672
+ "path": [
31673
+ "color",
31674
+ "blue",
31675
+ "30"
31676
+ ]
31677
+ }
31678
+ ]
31679
+ }
31680
+ ]
31681
+ }
31682
+ },
31606
31683
  "pf-t--global--text-decoration--color--default": {
31607
31684
  "default": {
31608
31685
  "type": "color",
@@ -31806,83 +31883,6 @@
31806
31883
  }
31807
31884
  ]
31808
31885
  }
31809
- },
31810
- "pf-t--global--focus-ring--color--default": {
31811
- "default": {
31812
- "description": "Use as color value for custom focus rings",
31813
- "type": "color",
31814
- "value": "#92c5f9",
31815
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
31816
- "isSource": true,
31817
- "original": {
31818
- "description": "Use as color value for custom focus rings",
31819
- "type": "color",
31820
- "value": "{global.dark.focus-ring.color.100}"
31821
- },
31822
- "name": "pf-t--global--focus-ring--color--default",
31823
- "attributes": {
31824
- "category": "global",
31825
- "type": "focus-ring",
31826
- "item": "color",
31827
- "subitem": "default"
31828
- },
31829
- "path": [
31830
- "global",
31831
- "focus-ring",
31832
- "color",
31833
- "default"
31834
- ],
31835
- "references": [
31836
- {
31837
- "type": "color",
31838
- "value": "#92c5f9",
31839
- "filePath": "tokens/default/highcontrast-dark/base.dark.json",
31840
- "isSource": true,
31841
- "original": {
31842
- "type": "color",
31843
- "value": "{color.blue.30}"
31844
- },
31845
- "name": "pf-t--global--dark--focus-ring--color--100",
31846
- "attributes": {
31847
- "category": "global",
31848
- "type": "dark",
31849
- "item": "focus-ring",
31850
- "subitem": "color",
31851
- "state": "100"
31852
- },
31853
- "path": [
31854
- "global",
31855
- "dark",
31856
- "focus-ring",
31857
- "color",
31858
- "100"
31859
- ],
31860
- "references": [
31861
- {
31862
- "type": "color",
31863
- "value": "#92c5f9",
31864
- "filePath": "tokens/default/highcontrast-dark/palette.color.json",
31865
- "isSource": true,
31866
- "original": {
31867
- "type": "color",
31868
- "value": "#92c5f9"
31869
- },
31870
- "name": "pf-t--color--blue--30",
31871
- "attributes": {
31872
- "category": "color",
31873
- "type": "blue",
31874
- "item": "30"
31875
- },
31876
- "path": [
31877
- "color",
31878
- "blue",
31879
- "30"
31880
- ]
31881
- }
31882
- ]
31883
- }
31884
- ]
31885
- }
31886
31886
  }
31887
31887
  },
31888
31888
  "dimension": {},