@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
@@ -15176,7 +15176,7 @@
15176
15176
  "isSource": true,
15177
15177
  "original": {
15178
15178
  "type": "color",
15179
- "value": "{global.background.color.primary.default}"
15179
+ "value": "{global.background.color.floating.default}"
15180
15180
  },
15181
15181
  "name": "pf-t--global--background--color--glass--floating",
15182
15182
  "attributes": {
@@ -15195,29 +15195,29 @@
15195
15195
  ],
15196
15196
  "references": [
15197
15197
  {
15198
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
15198
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
15199
15199
  "type": "color",
15200
15200
  "value": "#ffffff",
15201
15201
  "filePath": "tokens/default/glass/semantic.glass.json",
15202
15202
  "isSource": true,
15203
15203
  "original": {
15204
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
15204
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
15205
15205
  "type": "color",
15206
15206
  "value": "{global.background.color.100}"
15207
15207
  },
15208
- "name": "pf-t--global--background--color--primary--default",
15208
+ "name": "pf-t--global--background--color--floating--default",
15209
15209
  "attributes": {
15210
15210
  "category": "global",
15211
15211
  "type": "background",
15212
15212
  "item": "color",
15213
- "subitem": "primary",
15213
+ "subitem": "floating",
15214
15214
  "state": "default"
15215
15215
  },
15216
15216
  "path": [
15217
15217
  "global",
15218
15218
  "background",
15219
15219
  "color",
15220
- "primary",
15220
+ "floating",
15221
15221
  "default"
15222
15222
  ],
15223
15223
  "references": [
@@ -16957,7 +16957,7 @@
16957
16957
  "pf-t--global--background--filter--glass--blur--primary": {
16958
16958
  "default": {
16959
16959
  "type": "number",
16960
- "value": "12.5px",
16960
+ "value": "blur(12.5px)",
16961
16961
  "filePath": "tokens/default/glass/semantic.glass.json",
16962
16962
  "isSource": true,
16963
16963
  "original": {
@@ -16985,12 +16985,12 @@
16985
16985
  "pf-t--global--background--filter--glass--blur--floating": {
16986
16986
  "default": {
16987
16987
  "type": "number",
16988
- "value": "12.5px",
16988
+ "value": "blur(0px)",
16989
16989
  "filePath": "tokens/default/glass/semantic.glass.json",
16990
16990
  "isSource": true,
16991
16991
  "original": {
16992
16992
  "type": "number",
16993
- "value": 12.5
16993
+ "value": 0
16994
16994
  },
16995
16995
  "name": "pf-t--global--background--filter--glass--blur--floating",
16996
16996
  "attributes": {
@@ -17040,12 +17040,12 @@
17040
17040
  "pf-t--global--background--opacity--glass--floating": {
17041
17041
  "default": {
17042
17042
  "type": "number",
17043
- "value": "80%",
17043
+ "value": "100%",
17044
17044
  "filePath": "tokens/default/glass/semantic.glass.json",
17045
17045
  "isSource": true,
17046
17046
  "original": {
17047
17047
  "type": "number",
17048
- "value": 80
17048
+ "value": 100
17049
17049
  },
17050
17050
  "name": "pf-t--global--background--opacity--glass--floating",
17051
17051
  "attributes": {
@@ -37517,153 +37517,153 @@
37517
37517
  ]
37518
37518
  }
37519
37519
  },
37520
- "pf-t--global--font--weight--100": {
37520
+ "pf-t--global--font--line-height--100": {
37521
37521
  "default": {
37522
37522
  "type": "number",
37523
- "value": 400,
37523
+ "value": 1.3,
37524
37524
  "filePath": "tokens/default/glass/base.dimension.json",
37525
37525
  "isSource": true,
37526
37526
  "original": {
37527
37527
  "type": "number",
37528
- "value": 400
37528
+ "value": 1.2999999523162842
37529
37529
  },
37530
- "name": "pf-t--global--font--weight--100",
37530
+ "name": "pf-t--global--font--line-height--100",
37531
37531
  "attributes": {
37532
37532
  "category": "global",
37533
37533
  "type": "font",
37534
- "item": "weight",
37534
+ "item": "line-height",
37535
37535
  "subitem": "100"
37536
37536
  },
37537
37537
  "path": [
37538
37538
  "global",
37539
37539
  "font",
37540
- "weight",
37540
+ "line-height",
37541
37541
  "100"
37542
37542
  ]
37543
37543
  }
37544
37544
  },
37545
- "pf-t--global--font--weight--200": {
37545
+ "pf-t--global--font--line-height--200": {
37546
37546
  "default": {
37547
37547
  "type": "number",
37548
- "value": 500,
37548
+ "value": 1.5,
37549
37549
  "filePath": "tokens/default/glass/base.dimension.json",
37550
37550
  "isSource": true,
37551
37551
  "original": {
37552
37552
  "type": "number",
37553
- "value": 500
37553
+ "value": 1.5
37554
37554
  },
37555
- "name": "pf-t--global--font--weight--200",
37555
+ "name": "pf-t--global--font--line-height--200",
37556
37556
  "attributes": {
37557
37557
  "category": "global",
37558
37558
  "type": "font",
37559
- "item": "weight",
37559
+ "item": "line-height",
37560
37560
  "subitem": "200"
37561
37561
  },
37562
37562
  "path": [
37563
37563
  "global",
37564
37564
  "font",
37565
- "weight",
37565
+ "line-height",
37566
37566
  "200"
37567
37567
  ]
37568
37568
  }
37569
37569
  },
37570
- "pf-t--global--font--weight--300": {
37570
+ "pf-t--global--font--weight--100": {
37571
37571
  "default": {
37572
37572
  "type": "number",
37573
- "value": 500,
37573
+ "value": 400,
37574
37574
  "filePath": "tokens/default/glass/base.dimension.json",
37575
37575
  "isSource": true,
37576
37576
  "original": {
37577
37577
  "type": "number",
37578
- "value": 500
37578
+ "value": 400
37579
37579
  },
37580
- "name": "pf-t--global--font--weight--300",
37580
+ "name": "pf-t--global--font--weight--100",
37581
37581
  "attributes": {
37582
37582
  "category": "global",
37583
37583
  "type": "font",
37584
37584
  "item": "weight",
37585
- "subitem": "300"
37585
+ "subitem": "100"
37586
37586
  },
37587
37587
  "path": [
37588
37588
  "global",
37589
37589
  "font",
37590
37590
  "weight",
37591
- "300"
37591
+ "100"
37592
37592
  ]
37593
37593
  }
37594
37594
  },
37595
- "pf-t--global--font--weight--400": {
37595
+ "pf-t--global--font--weight--200": {
37596
37596
  "default": {
37597
37597
  "type": "number",
37598
- "value": 700,
37598
+ "value": 500,
37599
37599
  "filePath": "tokens/default/glass/base.dimension.json",
37600
37600
  "isSource": true,
37601
37601
  "original": {
37602
37602
  "type": "number",
37603
- "value": 700
37603
+ "value": 500
37604
37604
  },
37605
- "name": "pf-t--global--font--weight--400",
37605
+ "name": "pf-t--global--font--weight--200",
37606
37606
  "attributes": {
37607
37607
  "category": "global",
37608
37608
  "type": "font",
37609
37609
  "item": "weight",
37610
- "subitem": "400"
37610
+ "subitem": "200"
37611
37611
  },
37612
37612
  "path": [
37613
37613
  "global",
37614
37614
  "font",
37615
37615
  "weight",
37616
- "400"
37616
+ "200"
37617
37617
  ]
37618
37618
  }
37619
37619
  },
37620
- "pf-t--global--font--line-height--100": {
37620
+ "pf-t--global--font--weight--300": {
37621
37621
  "default": {
37622
37622
  "type": "number",
37623
- "value": 1.3,
37623
+ "value": 500,
37624
37624
  "filePath": "tokens/default/glass/base.dimension.json",
37625
37625
  "isSource": true,
37626
37626
  "original": {
37627
37627
  "type": "number",
37628
- "value": 1.2999999523162842
37628
+ "value": 500
37629
37629
  },
37630
- "name": "pf-t--global--font--line-height--100",
37630
+ "name": "pf-t--global--font--weight--300",
37631
37631
  "attributes": {
37632
37632
  "category": "global",
37633
37633
  "type": "font",
37634
- "item": "line-height",
37635
- "subitem": "100"
37634
+ "item": "weight",
37635
+ "subitem": "300"
37636
37636
  },
37637
37637
  "path": [
37638
37638
  "global",
37639
37639
  "font",
37640
- "line-height",
37641
- "100"
37640
+ "weight",
37641
+ "300"
37642
37642
  ]
37643
37643
  }
37644
37644
  },
37645
- "pf-t--global--font--line-height--200": {
37645
+ "pf-t--global--font--weight--400": {
37646
37646
  "default": {
37647
37647
  "type": "number",
37648
- "value": 1.5,
37648
+ "value": 700,
37649
37649
  "filePath": "tokens/default/glass/base.dimension.json",
37650
37650
  "isSource": true,
37651
37651
  "original": {
37652
37652
  "type": "number",
37653
- "value": 1.5
37653
+ "value": 700
37654
37654
  },
37655
- "name": "pf-t--global--font--line-height--200",
37655
+ "name": "pf-t--global--font--weight--400",
37656
37656
  "attributes": {
37657
37657
  "category": "global",
37658
37658
  "type": "font",
37659
- "item": "line-height",
37660
- "subitem": "200"
37659
+ "item": "weight",
37660
+ "subitem": "400"
37661
37661
  },
37662
37662
  "path": [
37663
37663
  "global",
37664
37664
  "font",
37665
- "line-height",
37666
- "200"
37665
+ "weight",
37666
+ "400"
37667
37667
  ]
37668
37668
  }
37669
37669
  },
@@ -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",
@@ -30964,6 +30964,83 @@
30964
30964
  ]
30965
30965
  }
30966
30966
  },
30967
+ "pf-t--global--focus-ring--color--default": {
30968
+ "default": {
30969
+ "description": "Use as color value for custom focus rings",
30970
+ "type": "color",
30971
+ "value": "#92c5f9",
30972
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
30973
+ "isSource": true,
30974
+ "original": {
30975
+ "description": "Use as color value for custom focus rings",
30976
+ "type": "color",
30977
+ "value": "{global.dark.focus-ring.color.100}"
30978
+ },
30979
+ "name": "pf-t--global--focus-ring--color--default",
30980
+ "attributes": {
30981
+ "category": "global",
30982
+ "type": "focus-ring",
30983
+ "item": "color",
30984
+ "subitem": "default"
30985
+ },
30986
+ "path": [
30987
+ "global",
30988
+ "focus-ring",
30989
+ "color",
30990
+ "default"
30991
+ ],
30992
+ "references": [
30993
+ {
30994
+ "type": "color",
30995
+ "value": "#92c5f9",
30996
+ "filePath": "tokens/default/highcontrast-dark/base.dark.json",
30997
+ "isSource": true,
30998
+ "original": {
30999
+ "type": "color",
31000
+ "value": "{color.blue.30}"
31001
+ },
31002
+ "name": "pf-t--global--dark--focus-ring--color--100",
31003
+ "attributes": {
31004
+ "category": "global",
31005
+ "type": "dark",
31006
+ "item": "focus-ring",
31007
+ "subitem": "color",
31008
+ "state": "100"
31009
+ },
31010
+ "path": [
31011
+ "global",
31012
+ "dark",
31013
+ "focus-ring",
31014
+ "color",
31015
+ "100"
31016
+ ],
31017
+ "references": [
31018
+ {
31019
+ "type": "color",
31020
+ "value": "#92c5f9",
31021
+ "filePath": "tokens/default/highcontrast-dark/palette.color.json",
31022
+ "isSource": true,
31023
+ "original": {
31024
+ "type": "color",
31025
+ "value": "#92c5f9"
31026
+ },
31027
+ "name": "pf-t--color--blue--30",
31028
+ "attributes": {
31029
+ "category": "color",
31030
+ "type": "blue",
31031
+ "item": "30"
31032
+ },
31033
+ "path": [
31034
+ "color",
31035
+ "blue",
31036
+ "30"
31037
+ ]
31038
+ }
31039
+ ]
31040
+ }
31041
+ ]
31042
+ }
31043
+ },
30967
31044
  "pf-t--global--text-decoration--color--default": {
30968
31045
  "default": {
30969
31046
  "type": "color",
@@ -31167,83 +31244,6 @@
31167
31244
  }
31168
31245
  ]
31169
31246
  }
31170
- },
31171
- "pf-t--global--focus-ring--color--default": {
31172
- "default": {
31173
- "description": "Use as color value for custom focus rings",
31174
- "type": "color",
31175
- "value": "#92c5f9",
31176
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
31177
- "isSource": true,
31178
- "original": {
31179
- "description": "Use as color value for custom focus rings",
31180
- "type": "color",
31181
- "value": "{global.dark.focus-ring.color.100}"
31182
- },
31183
- "name": "pf-t--global--focus-ring--color--default",
31184
- "attributes": {
31185
- "category": "global",
31186
- "type": "focus-ring",
31187
- "item": "color",
31188
- "subitem": "default"
31189
- },
31190
- "path": [
31191
- "global",
31192
- "focus-ring",
31193
- "color",
31194
- "default"
31195
- ],
31196
- "references": [
31197
- {
31198
- "type": "color",
31199
- "value": "#92c5f9",
31200
- "filePath": "tokens/default/highcontrast-dark/base.dark.json",
31201
- "isSource": true,
31202
- "original": {
31203
- "type": "color",
31204
- "value": "{color.blue.30}"
31205
- },
31206
- "name": "pf-t--global--dark--focus-ring--color--100",
31207
- "attributes": {
31208
- "category": "global",
31209
- "type": "dark",
31210
- "item": "focus-ring",
31211
- "subitem": "color",
31212
- "state": "100"
31213
- },
31214
- "path": [
31215
- "global",
31216
- "dark",
31217
- "focus-ring",
31218
- "color",
31219
- "100"
31220
- ],
31221
- "references": [
31222
- {
31223
- "type": "color",
31224
- "value": "#92c5f9",
31225
- "filePath": "tokens/default/highcontrast-dark/palette.color.json",
31226
- "isSource": true,
31227
- "original": {
31228
- "type": "color",
31229
- "value": "#92c5f9"
31230
- },
31231
- "name": "pf-t--color--blue--30",
31232
- "attributes": {
31233
- "category": "color",
31234
- "type": "blue",
31235
- "item": "30"
31236
- },
31237
- "path": [
31238
- "color",
31239
- "blue",
31240
- "30"
31241
- ]
31242
- }
31243
- ]
31244
- }
31245
- ]
31246
- }
31247
31247
  }
31248
31248
  },
31249
31249
  "dimension": {},