@patternfly/design-tokens 1.15.0 → 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 +17 -16
  2. package/build/css/tokens-default.scss +11 -9
  3. package/build/css/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +8 -2
  4. package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +16 -6
  5. package/build/css/tokens-felt-glass.scss +30 -0
  6. package/build/css/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +5 -9
  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 +10 -6
  10. package/build/css/tokens-glass.scss +14 -7
  11. package/build/css/tokens-palette.scss +1 -1
  12. package/build/css/tokens-redhat-highcontrast.scss +641 -10
  13. package/build.js +80 -37
  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 +3225 -3126
  29. package/patternfly-docs/content/token-layers-glass.json +14804 -2938
  30. package/patternfly-docs/content/token-layers-highcontrast-dark.json +3200 -2956
  31. package/patternfly-docs/content/token-layers-highcontrast.json +4665 -4428
  32. package/patternfly-docs/content/token-layers-redhat-dark.json +429 -346
  33. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +638 -541
  34. package/patternfly-docs/content/token-layers-redhat-glass.json +12354 -484
  35. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +309 -226
  36. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +5248 -4689
  37. package/patternfly-docs/content/token-layers-redhat.json +6681 -6126
  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 +44 -44
  41. package/tokens/default/dark/charts.dark.json +33 -33
  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 +144 -130
  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 +1105 -0
  48. package/tokens/default/glass/semantic.glass.json +143 -129
  49. package/tokens/default/glass-dark/base.dark.json +44 -44
  50. package/tokens/default/glass-dark/palette.color.json +4 -4
  51. package/tokens/default/glass-dark/semantic.glass.dark.json +147 -133
  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 +143 -135
  55. package/tokens/default/highcontrast/semantic.highcontrast.json +137 -123
  56. package/tokens/default/highcontrast-dark/base.dark.json +44 -44
  57. package/tokens/default/highcontrast-dark/palette.color.json +4 -4
  58. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +141 -127
  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 +33 -33
  62. package/tokens/default/light/palette.color.json +4 -4
  63. package/tokens/default/light/semantic.dimension.json +144 -136
  64. package/tokens/default/light/semantic.json +137 -123
  65. package/tokens/default/light/semantic.motion.json +14 -14
  66. package/tokens/{redhat/dark/redhat.color.dark.json → felt/dark/felt.color.dark.json} +30 -30
  67. package/tokens/{redhat/glass/redhat.color.glass.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} +30 -25
  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/light/redhat.color.json → felt/light/felt.color.json} +10 -10
  74. package/tokens/felt/light/felt.dimension.json +23 -0
  75. package/build/css/tokens-redhat-glass.scss +0 -21
  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,11 +1,11 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 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);
7
- --pf-t--global--background--filter--glass--blur--floating: blur(0px);
8
- --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7
+ --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8
+ --pf-t--global--background--filter--glass--blur--primary: initial;
9
9
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
10
10
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
11
11
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -31,10 +31,10 @@
31
31
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
32
32
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
33
33
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
34
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
34
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
35
35
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
36
36
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
37
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
37
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
38
38
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
39
39
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
40
40
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -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);
@@ -171,7 +171,7 @@
171
171
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
172
172
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
173
173
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
174
- --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
174
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--100);
175
175
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
176
176
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
177
177
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
@@ -254,12 +254,14 @@
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--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
258
- --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
257
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--200);
258
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
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);
260
261
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
261
262
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
262
263
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
264
+ --pf-t--global--border--color--glass--default: initial;
263
265
  --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
264
266
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
265
267
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -317,9 +319,9 @@
317
319
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
318
320
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
319
321
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
320
- --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
321
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
322
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
322
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
323
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
324
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
323
325
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
324
326
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
325
327
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
@@ -389,9 +391,9 @@
389
391
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
390
392
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
391
393
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
392
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
393
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
394
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
394
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
395
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
396
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
395
397
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
396
398
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
397
399
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
@@ -432,7 +434,6 @@
432
434
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
433
435
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
434
436
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
435
- --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
436
437
  --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
437
438
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
438
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,14 +1,13 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 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);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
8
  --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
9
9
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
10
- --pf-t--global--background--filter--glass--blur--floating: blur(0px);
11
- --pf-t--global--background--filter--glass--blur--primary: blur(0px);
10
+ --pf-t--global--background--filter--glass--blur--primary: initial;
12
11
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
13
12
  --pf-t--global--border--radius--0: 0px;
14
13
  --pf-t--global--border--radius--100: 4px;
@@ -112,7 +111,6 @@
112
111
  --pf-t--global--spacer--800: 5rem;
113
112
  --pf-t--global--text-decoration--line--100: none;
114
113
  --pf-t--global--text-decoration--line--200: underline;
115
- --pf-t--global--text-decoration--offset--hover: 5;
116
114
  --pf-t--global--text-decoration--style--100: solid;
117
115
  --pf-t--global--text-decoration--style--200: dashed;
118
116
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -136,6 +134,7 @@
136
134
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
137
135
  --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
138
136
  --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
137
+ --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
139
138
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
140
139
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
141
140
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
@@ -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);
@@ -460,6 +459,8 @@
460
459
  --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
461
460
  --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
462
461
  --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
462
+ --pf-t--global--border--radius--glass--default: initial;
463
+ --pf-t--global--border--width--glass--default: initial;
463
464
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
464
465
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
465
466
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
@@ -594,16 +595,18 @@
594
595
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
595
596
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
596
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);
597
599
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
598
600
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
599
- --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);
600
602
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
601
- --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
602
- --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
603
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
604
+ --pf-t--global--background--color--glass--primary--default: initial;
603
605
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
604
606
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
605
607
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
606
608
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
609
+ --pf-t--global--border--color--glass--default: initial;
607
610
  --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
608
611
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
609
612
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -784,7 +787,6 @@
784
787
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
785
788
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
786
789
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
787
- --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
788
790
  --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
789
791
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
790
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,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (8 tokens)
5
+ // Only tokens that differ from base theme (14 tokens)
6
6
  @mixin pf-v6-tokens {
7
7
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8
8
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
@@ -12,4 +12,10 @@
12
12
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
13
13
  --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
14
14
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
15
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
16
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
17
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
18
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
19
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
20
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
15
21
  }
package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} RENAMED
@@ -1,30 +1,40 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:04 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (23 tokens)
5
+ // Only tokens that differ from base theme (33 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.5000);
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);
9
9
  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
10
10
  --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
11
11
  --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
12
12
  --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
13
13
  --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
14
- --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
14
+ --pf-t--global--background--filter--glass--blur--primary: blur(16px);
15
15
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
16
16
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
17
- --pf-t--global--border--color--subtle: var(--pf-t--color--gray--70);
17
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
18
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover);
18
19
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
19
20
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
20
21
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
21
22
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
22
23
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
23
24
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
24
- --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
+ --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
27
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
25
28
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
26
29
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
27
30
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
28
31
  --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
29
32
  --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
33
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
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);
36
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
37
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
38
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
39
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
30
40
  }
package/build/css/tokens-felt-glass.scss ADDED
@@ -0,0 +1,30 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
+
5
+ // Only tokens that differ from base theme (23 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8
+ --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
9
+ --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
10
+ --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
11
+ --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
12
+ --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
13
+ --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
14
+ --pf-t--global--background--filter--glass--blur--primary: blur(16px);
15
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
16
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
17
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover);
18
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
19
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
20
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
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);
24
+ --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
25
+ --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
26
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
27
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
28
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
29
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
30
+ }
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 Mon, 09 Mar 2026 19:57:04 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (47 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,12 +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
- --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
49
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
50
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
51
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
52
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
53
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
54
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 Mon, 09 Mar 2026 19:57:03 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,22 +1,26 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (15 tokens)
5
+ // Only tokens that differ from base theme (19 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.5000);
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);
9
9
  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
10
10
  --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
11
11
  --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
12
12
  --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
13
13
  --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
14
- --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
14
+ --pf-t--global--background--filter--glass--blur--primary: blur(16px);
15
15
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
16
16
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
17
- --pf-t--global--border--color--subtle: var(--pf-t--color--gray--70);
17
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
18
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover);
18
19
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
19
20
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
20
21
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
21
- --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
+ --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
24
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
25
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
22
26
  }
package/build/css/tokens-glass.scss CHANGED
@@ -1,15 +1,22 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 GMT
3
+ // Generated on Mon, 04 May 2026 18:51:48 GMT
4
4
 
5
- // Only tokens that differ from base theme (8 tokens)
5
+ // Only tokens that differ from base theme (15 tokens)
6
6
  @mixin pf-v6-tokens {
7
- --pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.5000);
8
- --pf-t--global--background--color--primary--clicked: rgba(242, 242, 242, 0.8000);
9
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.8000);
10
- --pf-t--global--background--color--primary--hover: rgba(242, 242, 242, 0.8000);
7
+ --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8
+ --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
9
+ --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
10
+ --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
11
11
  --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
12
12
  --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
13
13
  --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
14
- --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
14
+ --pf-t--global--background--filter--glass--blur--primary: blur(16px);
15
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
16
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
17
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--action--plain--hover);
18
+ --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
19
+ --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
20
+ --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
21
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
15
22
  }
package/build/css/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Mar 2026 19:57:03 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;