@patternfly/design-tokens 1.15.1 → 1.15.2

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 (78) hide show
  1. package/build/css/tokens-dark.scss +3 -3
  2. package/build/css/tokens-default.scss +4 -5
  3. package/build/css/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +1 -1
  4. package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +4 -3
  5. package/build/css/{tokens-redhat-glass.scss → tokens-felt-glass.scss} +4 -2
  6. package/build/css/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +5 -3
  7. package/build/css/tokens-felt-highcontrast.scss +121 -0
  8. package/build/css/{tokens-redhat.scss → tokens-felt.scss} +1 -1
  9. package/build/css/tokens-glass-dark.scss +2 -2
  10. package/build/css/tokens-glass.scss +1 -1
  11. package/build/css/tokens-palette.scss +1 -1
  12. package/build/css/tokens-redhat-highcontrast.scss +641 -10
  13. package/build.js +42 -42
  14. package/{config.redhat-dark.json → config.felt-dark.json} +2 -2
  15. package/{config.redhat-glass-dark.json → config.felt-glass-dark.json} +2 -2
  16. package/{config.redhat-glass.json → config.felt-glass.json} +2 -2
  17. package/{config.redhat-highcontrast-dark.json → config.felt-highcontrast-dark.json} +2 -2
  18. package/{config.redhat.json → config.felt.json} +2 -2
  19. package/{config.layers.redhat-dark.json → config.layers.felt-dark.json} +2 -2
  20. package/{config.layers.redhat-glass-dark.json → config.layers.felt-glass-dark.json} +2 -2
  21. package/{config.layers.redhat-glass.json → config.layers.felt-glass.json} +2 -2
  22. package/{config.layers.redhat-highcontrast-dark.json → config.layers.felt-highcontrast-dark.json} +2 -2
  23. package/package.json +1 -1
  24. package/patternfly-docs/content/token-layers-felt-dark.json +48543 -0
  25. package/patternfly-docs/content/token-layers-felt-glass-dark.json +37670 -0
  26. package/patternfly-docs/content/token-layers-felt-glass.json +52576 -0
  27. package/patternfly-docs/content/token-layers-felt-highcontrast-dark.json +38323 -0
  28. package/patternfly-docs/content/token-layers-glass-dark.json +4214 -4247
  29. package/patternfly-docs/content/token-layers-glass.json +4997 -5049
  30. package/patternfly-docs/content/token-layers-highcontrast-dark.json +2978 -3005
  31. package/patternfly-docs/content/token-layers-highcontrast.json +4177 -4229
  32. package/patternfly-docs/content/token-layers-redhat-dark.json +147 -170
  33. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +165 -194
  34. package/patternfly-docs/content/token-layers-redhat-glass.json +298 -346
  35. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +46 -69
  36. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +4911 -4641
  37. package/patternfly-docs/content/token-layers-redhat.json +6147 -5881
  38. package/plugins/export-patternfly-tokens/dist/ui.html +344 -334
  39. package/plugins/export-patternfly-tokens/src/ui.tsx +44 -34
  40. package/tokens/default/dark/base.dark.json +42 -42
  41. package/tokens/default/dark/charts.dark.json +32 -32
  42. package/tokens/default/dark/charts.highcontrast.dark.json +765 -0
  43. package/tokens/default/dark/palette.color.json +4 -4
  44. package/tokens/default/dark/semantic.dark.json +115 -115
  45. package/tokens/default/glass/base.dimension.json +24 -24
  46. package/tokens/default/glass/palette.color.json +4 -4
  47. package/tokens/default/glass/semantic.dimension.glass.json +137 -141
  48. package/tokens/default/glass/semantic.glass.json +114 -114
  49. package/tokens/default/glass-dark/base.dark.json +42 -42
  50. package/tokens/default/glass-dark/palette.color.json +4 -4
  51. package/tokens/default/glass-dark/semantic.glass.dark.json +115 -115
  52. package/tokens/default/highcontrast/base.dimension.json +24 -24
  53. package/tokens/default/highcontrast/palette.color.json +4 -4
  54. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +136 -140
  55. package/tokens/default/highcontrast/semantic.highcontrast.json +114 -114
  56. package/tokens/default/highcontrast-dark/base.dark.json +42 -42
  57. package/tokens/default/highcontrast-dark/palette.color.json +4 -4
  58. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +115 -115
  59. package/tokens/default/light/base.dimension.json +24 -24
  60. package/tokens/default/light/charts.highcontrast.json +765 -0
  61. package/tokens/default/light/charts.json +32 -32
  62. package/tokens/default/light/palette.color.json +4 -4
  63. package/tokens/default/light/semantic.dimension.json +137 -141
  64. package/tokens/default/light/semantic.json +114 -114
  65. package/tokens/default/light/semantic.motion.json +17 -17
  66. package/tokens/{redhat/dark/redhat.color.dark.json → felt/dark/felt.color.dark.json} +19 -19
  67. package/tokens/{redhat/light/redhat.color.json → felt/glass/felt.color.glass.json} +10 -10
  68. package/tokens/{redhat/highcontrast/redhat.dimension.highcontrast.json → felt/glass/felt.dimension.glass.json} +6 -6
  69. package/tokens/{redhat/glass-dark/redhat.color.glass.dark.json → felt/glass-dark/felt.color.glass.dark.json} +22 -17
  70. package/tokens/{redhat/highcontrast/redhat.color.highcontrast.json → felt/highcontrast/felt.color.highcontrast.json} +10 -10
  71. package/tokens/{redhat/light/redhat.dimension.json → felt/highcontrast/felt.dimension.highcontrast.json} +6 -6
  72. package/tokens/{redhat/highcontrast-dark/redhat.color.highcontrast.dark.json → felt/highcontrast-dark/felt.color.highcontrast.dark.json} +10 -10
  73. package/tokens/{redhat/glass/redhat.color.glass.json → felt/light/felt.color.json} +10 -10
  74. package/tokens/felt/light/felt.dimension.json +23 -0
  75. package/tokens/redhat/glass/redhat.dimension.glass.json +0 -2
  76. /package/{config.redhat-highcontrast.json → config.felt-highcontrast.json} +0 -0
  77. /package/{config.layers.redhat-highcontrast.json → config.layers.felt-highcontrast.json} +0 -0
  78. /package/{config.layers.redhat.json → config.layers.felt.json} +0 -0
package/build/css/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:46 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:47 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
@@ -139,7 +139,7 @@
139
139
  --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
140
140
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
141
141
  --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
142
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
142
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--100);
143
143
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
144
144
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
145
145
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
@@ -254,6 +254,7 @@
254
254
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
255
255
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
256
256
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
257
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--200);
257
258
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
258
259
  --pf-t--global--background--color--glass--primary--default: initial;
259
260
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
@@ -433,7 +434,6 @@
433
434
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
434
435
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
435
436
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
436
- --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
437
437
  --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
438
438
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
439
439
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
package/build/css/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:46 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:47 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
@@ -111,7 +111,6 @@
111
111
  --pf-t--global--spacer--800: 5rem;
112
112
  --pf-t--global--text-decoration--line--100: none;
113
113
  --pf-t--global--text-decoration--line--200: underline;
114
- --pf-t--global--text-decoration--offset--hover: 5;
115
114
  --pf-t--global--text-decoration--style--100: solid;
116
115
  --pf-t--global--text-decoration--style--200: dashed;
117
116
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -421,7 +420,7 @@
421
420
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
422
421
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
423
422
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
424
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
423
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
425
424
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
426
425
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
427
426
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -596,9 +595,10 @@
596
595
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
597
596
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
598
597
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
598
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
599
599
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
600
600
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
601
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
601
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
602
602
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
603
603
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
604
604
  --pf-t--global--background--color--glass--primary--default: initial;
@@ -787,7 +787,6 @@
787
787
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
788
788
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
789
789
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
790
- --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
791
790
  --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
792
791
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
793
792
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
package/build/css/{tokens-redhat-dark.scss → tokens-felt-dark.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (14 tokens)
6
6
  @mixin pf-v6-tokens {
package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} RENAMED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (32 tokens)
5
+ // Only tokens that differ from base theme (33 tokens)
6
6
  @mixin pf-v6-tokens {
7
7
  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
8
8
  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
@@ -22,7 +22,7 @@
22
22
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
23
23
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
24
24
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
25
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--alt);
25
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
26
26
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
27
27
  --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
28
28
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
@@ -32,6 +32,7 @@
32
32
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
33
33
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
34
34
  --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
35
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
35
36
  --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
36
37
  --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
37
38
  --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
package/build/css/{tokens-redhat-glass.scss → tokens-felt-glass.scss} RENAMED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (21 tokens)
5
+ // Only tokens that differ from base theme (23 tokens)
6
6
  @mixin pf-v6-tokens {
7
7
  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8
8
  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
@@ -19,6 +19,8 @@
19
19
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
20
20
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
21
21
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
22
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
23
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
22
24
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
23
25
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
24
26
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
package/build/css/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} RENAMED
@@ -1,15 +1,15 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (41 tokens)
5
+ // Only tokens that differ from base theme (43 tokens)
6
6
  @mixin pf-v6-tokens {
7
7
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8
8
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
9
9
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
10
10
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
11
11
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
12
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
12
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
13
13
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
14
14
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
15
15
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
@@ -20,6 +20,7 @@
20
20
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
21
21
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
22
22
  --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
23
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
23
24
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
24
25
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
25
26
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
@@ -43,6 +44,7 @@
43
44
  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
44
45
  --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
45
46
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
47
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
46
48
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
47
49
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
48
50
  }
package/build/css/tokens-felt-highcontrast.scss ADDED
@@ -0,0 +1,121 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 30 Apr 2026 21:30:42 GMT
4
+
5
+ // Only tokens that differ from base theme (114 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
9
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
10
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
11
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
12
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
13
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
14
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
15
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
16
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
17
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
18
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
19
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
20
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
21
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
22
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
23
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
24
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
25
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
26
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
27
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
28
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
29
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
30
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
31
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
32
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
33
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
34
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
35
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
36
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
37
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
38
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
39
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
40
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
41
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
42
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
43
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
44
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
45
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
46
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
47
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
48
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
49
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
50
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
51
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
52
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
53
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
54
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
55
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
56
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
57
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
58
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
59
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
60
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
61
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
62
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
63
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
64
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
65
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
66
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
67
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
68
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
69
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
70
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
71
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
72
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
73
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
74
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
75
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
76
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
77
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
78
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
79
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
80
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
81
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
82
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
83
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
84
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
85
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
86
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
87
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
88
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
89
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
90
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
91
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
92
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
93
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
94
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
95
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
96
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
97
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
98
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
99
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
100
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
101
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
102
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
103
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
104
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
105
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
106
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
107
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
108
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
109
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
110
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
111
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
112
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
113
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
114
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
115
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
116
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
117
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
118
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
119
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
120
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
121
+ }
package/build/css/{tokens-redhat.scss → tokens-felt.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (8 tokens)
6
6
  @mixin pf-v6-tokens {
package/build/css/tokens-glass-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (19 tokens)
6
6
  @mixin pf-v6-tokens {
@@ -19,7 +19,7 @@
19
19
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
20
20
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
21
21
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
22
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--alt);
22
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
23
23
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
24
24
  --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
25
25
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
package/build/css/tokens-glass.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:47 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (15 tokens)
6
6
  @mixin pf-v6-tokens {
package/build/css/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 20:03:46 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:47 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000000;