@patternfly/react-tokens 6.5.0-prerelease.17 → 6.5.0-prerelease.19

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 (146) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/esm/c_compass.d.ts +18 -135
  3. package/dist/esm/c_compass.js +18 -135
  4. package/dist/esm/c_drawer.d.ts +17 -5
  5. package/dist/esm/c_drawer.js +17 -5
  6. package/dist/esm/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
  7. package/dist/esm/c_drawer_m_pill__panel_BorderColor.js +1 -1
  8. package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
  9. package/dist/esm/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +6 -0
  10. package/dist/esm/c_page.d.ts +88 -0
  11. package/dist/esm/c_page.js +88 -0
  12. package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
  13. package/dist/esm/c_page__dock_m_expanded__dock_main_BoxShadow.js +6 -0
  14. package/dist/esm/c_page__dock_main_BoxShadow.d.ts +1 -1
  15. package/dist/esm/c_page__dock_main_BoxShadow.js +1 -1
  16. package/dist/esm/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
  17. package/dist/esm/c_page__main_container_MarginBlockStart_glass.js +6 -0
  18. package/dist/esm/c_page__sidebar_MarginBlockStart.d.ts +1 -1
  19. package/dist/esm/c_page__sidebar_MarginBlockStart.js +1 -1
  20. package/dist/esm/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
  21. package/dist/esm/c_page__sidebar_MarginBlockStart_glass.js +6 -0
  22. package/dist/esm/c_panel.d.ts +73 -13
  23. package/dist/esm/c_panel.js +73 -13
  24. package/dist/esm/c_panel_BorderRadius.d.ts +1 -1
  25. package/dist/esm/c_panel_BorderRadius.js +1 -1
  26. package/dist/esm/c_panel__main_MaxHeight.d.ts +1 -1
  27. package/dist/esm/c_panel__main_MaxHeight.js +1 -1
  28. package/dist/esm/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  29. package/dist/esm/c_panel__main_body_PaddingBlockEnd.js +1 -1
  30. package/dist/esm/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  31. package/dist/esm/c_panel__main_body_PaddingBlockStart.js +1 -1
  32. package/dist/esm/c_panel_before_BorderWidth.d.ts +1 -1
  33. package/dist/esm/c_panel_before_BorderWidth.js +1 -1
  34. package/dist/esm/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  35. package/dist/esm/c_panel_m_no_border_before_BorderWidth.js +6 -0
  36. package/dist/esm/c_panel_m_pill_BorderRadius.d.ts +6 -0
  37. package/dist/esm/c_panel_m_pill_BorderRadius.js +6 -0
  38. package/dist/esm/c_panel_m_raised_BorderRadius.d.ts +6 -0
  39. package/dist/esm/c_panel_m_raised_BorderRadius.js +6 -0
  40. package/dist/esm/c_toggle_group.d.ts +20 -6
  41. package/dist/esm/c_toggle_group.js +20 -6
  42. package/dist/esm/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
  43. package/dist/esm/c_toggle_group__button_PaddingBlockEnd.js +1 -1
  44. package/dist/esm/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
  45. package/dist/esm/c_toggle_group__button_PaddingBlockStart.js +1 -1
  46. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
  47. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
  48. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
  49. package/dist/esm/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
  50. package/dist/esm/index.d.ts +11 -15
  51. package/dist/esm/index.js +11 -15
  52. package/dist/js/c_compass.d.ts +18 -135
  53. package/dist/js/c_compass.js +18 -135
  54. package/dist/js/c_drawer.d.ts +17 -5
  55. package/dist/js/c_drawer.js +17 -5
  56. package/dist/js/c_drawer_m_pill__panel_BorderColor.d.ts +1 -1
  57. package/dist/js/c_drawer_m_pill__panel_BorderColor.js +1 -1
  58. package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.d.ts +6 -0
  59. package/dist/js/c_drawer_m_pill_m_expanded__panel_BoxShadow.js +8 -0
  60. package/dist/js/c_page.d.ts +88 -0
  61. package/dist/js/c_page.js +88 -0
  62. package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.d.ts +6 -0
  63. package/dist/js/c_page__dock_m_expanded__dock_main_BoxShadow.js +8 -0
  64. package/dist/js/c_page__dock_main_BoxShadow.d.ts +1 -1
  65. package/dist/js/c_page__dock_main_BoxShadow.js +1 -1
  66. package/dist/js/c_page__main_container_MarginBlockStart_glass.d.ts +6 -0
  67. package/dist/js/c_page__main_container_MarginBlockStart_glass.js +8 -0
  68. package/dist/js/c_page__sidebar_MarginBlockStart.d.ts +1 -1
  69. package/dist/js/c_page__sidebar_MarginBlockStart.js +1 -1
  70. package/dist/js/c_page__sidebar_MarginBlockStart_glass.d.ts +6 -0
  71. package/dist/js/c_page__sidebar_MarginBlockStart_glass.js +8 -0
  72. package/dist/js/c_panel.d.ts +73 -13
  73. package/dist/js/c_panel.js +73 -13
  74. package/dist/js/c_panel_BorderRadius.d.ts +1 -1
  75. package/dist/js/c_panel_BorderRadius.js +1 -1
  76. package/dist/js/c_panel__main_MaxHeight.d.ts +1 -1
  77. package/dist/js/c_panel__main_MaxHeight.js +1 -1
  78. package/dist/js/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  79. package/dist/js/c_panel__main_body_PaddingBlockEnd.js +1 -1
  80. package/dist/js/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  81. package/dist/js/c_panel__main_body_PaddingBlockStart.js +1 -1
  82. package/dist/js/c_panel_before_BorderWidth.d.ts +1 -1
  83. package/dist/js/c_panel_before_BorderWidth.js +1 -1
  84. package/dist/js/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  85. package/dist/js/c_panel_m_no_border_before_BorderWidth.js +8 -0
  86. package/dist/js/c_panel_m_pill_BorderRadius.d.ts +6 -0
  87. package/dist/js/c_panel_m_pill_BorderRadius.js +8 -0
  88. package/dist/js/c_panel_m_raised_BorderRadius.d.ts +6 -0
  89. package/dist/js/c_panel_m_raised_BorderRadius.js +8 -0
  90. package/dist/js/c_toggle_group.d.ts +20 -6
  91. package/dist/js/c_toggle_group.js +20 -6
  92. package/dist/js/c_toggle_group__button_PaddingBlockEnd.d.ts +1 -1
  93. package/dist/js/c_toggle_group__button_PaddingBlockEnd.js +1 -1
  94. package/dist/js/c_toggle_group__button_PaddingBlockStart.d.ts +1 -1
  95. package/dist/js/c_toggle_group__button_PaddingBlockStart.js +1 -1
  96. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.d.ts +1 -1
  97. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockEnd.js +1 -1
  98. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.d.ts +1 -1
  99. package/dist/js/c_toggle_group_m_compact__button_PaddingBlockStart.js +1 -1
  100. package/dist/js/index.d.ts +11 -15
  101. package/dist/js/index.js +11 -15
  102. package/package.json +3 -3
  103. package/dist/esm/c_compass__panel_BackdropFilter.d.ts +0 -6
  104. package/dist/esm/c_compass__panel_BackdropFilter.js +0 -6
  105. package/dist/esm/c_compass__panel_BackgroundColor.d.ts +0 -6
  106. package/dist/esm/c_compass__panel_BackgroundColor.js +0 -6
  107. package/dist/esm/c_compass__panel_BorderColor.d.ts +0 -6
  108. package/dist/esm/c_compass__panel_BorderColor.js +0 -6
  109. package/dist/esm/c_compass__panel_BorderRadius.d.ts +0 -6
  110. package/dist/esm/c_compass__panel_BorderRadius.js +0 -6
  111. package/dist/esm/c_compass__panel_BorderWidth.d.ts +0 -6
  112. package/dist/esm/c_compass__panel_BorderWidth.js +0 -6
  113. package/dist/esm/c_compass__panel_BoxShadow.d.ts +0 -6
  114. package/dist/esm/c_compass__panel_BoxShadow.js +0 -6
  115. package/dist/esm/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  116. package/dist/esm/c_compass__panel_PaddingBlockEnd.js +0 -6
  117. package/dist/esm/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  118. package/dist/esm/c_compass__panel_PaddingBlockStart.js +0 -6
  119. package/dist/esm/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  120. package/dist/esm/c_compass__panel_PaddingInlineEnd.js +0 -6
  121. package/dist/esm/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  122. package/dist/esm/c_compass__panel_PaddingInlineStart.js +0 -6
  123. package/dist/esm/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  124. package/dist/esm/c_compass__panel_m_pill_BorderRadius.js +0 -6
  125. package/dist/js/c_compass__panel_BackdropFilter.d.ts +0 -6
  126. package/dist/js/c_compass__panel_BackdropFilter.js +0 -8
  127. package/dist/js/c_compass__panel_BackgroundColor.d.ts +0 -6
  128. package/dist/js/c_compass__panel_BackgroundColor.js +0 -8
  129. package/dist/js/c_compass__panel_BorderColor.d.ts +0 -6
  130. package/dist/js/c_compass__panel_BorderColor.js +0 -8
  131. package/dist/js/c_compass__panel_BorderRadius.d.ts +0 -6
  132. package/dist/js/c_compass__panel_BorderRadius.js +0 -8
  133. package/dist/js/c_compass__panel_BorderWidth.d.ts +0 -6
  134. package/dist/js/c_compass__panel_BorderWidth.js +0 -8
  135. package/dist/js/c_compass__panel_BoxShadow.d.ts +0 -6
  136. package/dist/js/c_compass__panel_BoxShadow.js +0 -8
  137. package/dist/js/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  138. package/dist/js/c_compass__panel_PaddingBlockEnd.js +0 -8
  139. package/dist/js/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  140. package/dist/js/c_compass__panel_PaddingBlockStart.js +0 -8
  141. package/dist/js/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  142. package/dist/js/c_compass__panel_PaddingInlineEnd.js +0 -8
  143. package/dist/js/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  144. package/dist/js/c_compass__panel_PaddingInlineStart.js +0 -8
  145. package/dist/js/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  146. package/dist/js/c_compass__panel_m_pill_BorderRadius.js +0 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.5.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.18...@patternfly/react-tokens@6.5.0-prerelease.19) (2026-04-24)
7
+
8
+ ### Features
9
+
10
+ - **ToggleGroup:** added full width variant ([#12374](https://github.com/patternfly/patternfly-react/issues/12374)) ([bf01ade](https://github.com/patternfly/patternfly-react/commit/bf01adecddf38e4d5fc3bc49d68ec9982dc97485))
11
+
12
+ # [6.5.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.17...@patternfly/react-tokens@6.5.0-prerelease.18) (2026-04-24)
13
+
14
+ ### Features
15
+
16
+ - **Panel, CompassPanel:** Removed CompassPanel component. Updated Panel component for use in with compass ([#12372](https://github.com/patternfly/patternfly-react/issues/12372)) ([51f4467](https://github.com/patternfly/patternfly-react/commit/51f44678475ed6cbfab6b5cdbad712a5e2535235))
17
+
6
18
  # [6.5.0-prerelease.17](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.16...@patternfly/react-tokens@6.5.0-prerelease.17) (2026-04-20)
7
19
 
8
20
  **Note:** Version bump only for package @patternfly/react-tokens
@@ -164,111 +164,6 @@ export const c_compass: {
164
164
  "calc(1rem * -1 + 1.5rem)"
165
165
  ]
166
166
  },
167
- "c_compass__panel_m_pill_BorderRadius": {
168
- "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
169
- "value": "999px",
170
- "values": [
171
- "--pf-t--global--border--radius--pill",
172
- "--pf-t--global--border--radius--500",
173
- "999px"
174
- ]
175
- },
176
- "c_compass__panel_PaddingBlockStart": {
177
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
178
- "value": "1.5rem",
179
- "values": [
180
- "--pf-t--global--spacer--inset--page-chrome",
181
- "--pf-t--global--spacer--lg",
182
- "--pf-t--global--spacer--400",
183
- "1.5rem"
184
- ]
185
- },
186
- "c_compass__panel_PaddingBlockEnd": {
187
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
188
- "value": "1.5rem",
189
- "values": [
190
- "--pf-t--global--spacer--inset--page-chrome",
191
- "--pf-t--global--spacer--lg",
192
- "--pf-t--global--spacer--400",
193
- "1.5rem"
194
- ]
195
- },
196
- "c_compass__panel_PaddingInlineStart": {
197
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
198
- "value": "1.5rem",
199
- "values": [
200
- "--pf-t--global--spacer--inset--page-chrome",
201
- "--pf-t--global--spacer--lg",
202
- "--pf-t--global--spacer--400",
203
- "1.5rem"
204
- ]
205
- },
206
- "c_compass__panel_PaddingInlineEnd": {
207
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
208
- "value": "1.5rem",
209
- "values": [
210
- "--pf-t--global--spacer--inset--page-chrome",
211
- "--pf-t--global--spacer--lg",
212
- "--pf-t--global--spacer--400",
213
- "1.5rem"
214
- ]
215
- },
216
- "c_compass__panel_BackgroundColor": {
217
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
218
- "value": "initial, #ffffff",
219
- "values": [
220
- "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)",
221
- "initial, --pf-t--global--background--color--primary--default",
222
- "initial, --pf-t--global--background--color--100",
223
- "initial, --pf-t--color--white",
224
- "initial, #ffffff"
225
- ]
226
- },
227
- "c_compass__panel_BackdropFilter": {
228
- "name": "--pf-v6-c-compass__panel--BackdropFilter",
229
- "value": "initial, revert",
230
- "values": [
231
- "var(--pf-t--global--background--filter--glass--blur--primary, revert)",
232
- "initial, revert"
233
- ]
234
- },
235
- "c_compass__panel_BorderColor": {
236
- "name": "--pf-v6-c-compass__panel--BorderColor",
237
- "value": "initial, transparent",
238
- "values": [
239
- "var(--pf-t--global--border--color--glass--default, transparent)",
240
- "initial, transparent"
241
- ]
242
- },
243
- "c_compass__panel_BorderRadius": {
244
- "name": "--pf-v6-c-compass__panel--BorderRadius",
245
- "value": "initial, 16px",
246
- "values": [
247
- "var(--pf-t--global--border--radius--glass--default, --pf-t--global--border--radius--medium)",
248
- "initial, --pf-t--global--border--radius--medium",
249
- "initial, --pf-t--global--border--radius--300",
250
- "initial, 16px"
251
- ]
252
- },
253
- "c_compass__panel_BorderWidth": {
254
- "name": "--pf-v6-c-compass__panel--BorderWidth",
255
- "value": "initial, 0",
256
- "values": [
257
- "var(--pf-t--global--border--width--glass--default, 0)",
258
- "initial, 0"
259
- ]
260
- },
261
- "c_compass__panel_BoxShadow": {
262
- "name": "--pf-v6-c-compass__panel--BoxShadow",
263
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none",
264
- "values": [
265
- "var(--pf-t--global--box-shadow--glass--default, none)",
266
- "--pf-t--global--box-shadow--md, none",
267
- "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default, none",
268
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, none",
269
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none"
270
- ]
271
- },
272
167
  "c_compass__message_bar_Width": {
273
168
  "name": "--pf-v6-c-compass__message-bar--Width",
274
169
  "value": "450px"
@@ -368,18 +263,6 @@ export const c_compass: {
368
263
  "value": "0s"
369
264
  }
370
265
  },
371
- ".pf-v6-c-compass__panel.pf-m-no-glass": {
372
- "c_compass__panel_BackgroundColor": {
373
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
374
- "value": "#ffffff",
375
- "values": [
376
- "--pf-t--global--background--color--primary--default",
377
- "--pf-t--global--background--color--100",
378
- "--pf-t--color--white",
379
- "#ffffff"
380
- ]
381
- }
382
- },
383
266
  ".pf-v6-c-compass__header.pf-m-expanded": {
384
267
  "c_compass_section_TransitionDelay": {
385
268
  "name": "--pf-v6-c-compass--section--TransitionDelay",
@@ -402,25 +285,25 @@ export const c_compass: {
402
285
  ]
403
286
  }
404
287
  },
405
- ".pf-v6-c-compass__nav": {
406
- "c_compass__panel_PaddingBlockStart": {
407
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
288
+ ".pf-v6-c-compass__nav .pf-v6-c-panel": {
289
+ "c_panel__main_body_PaddingBlockStart": {
290
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
408
291
  "value": "0",
409
292
  "values": [
410
293
  "--pf-v6-c-compass__nav--PaddingBlockStart",
411
294
  "0"
412
295
  ]
413
296
  },
414
- "c_compass__panel_PaddingBlockEnd": {
415
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
297
+ "c_panel__main_body_PaddingBlockEnd": {
298
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
416
299
  "value": "0",
417
300
  "values": [
418
301
  "--pf-v6-c-compass__nav--PaddingBlockEnd",
419
302
  "0"
420
303
  ]
421
304
  },
422
- "c_compass__panel_PaddingInlineStart": {
423
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
305
+ "c_panel__main_body_PaddingInlineStart": {
306
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
424
307
  "value": "0.5rem",
425
308
  "values": [
426
309
  "--pf-v6-c-compass__nav--PaddingInlineStart",
@@ -429,8 +312,8 @@ export const c_compass: {
429
312
  "0.5rem"
430
313
  ]
431
314
  },
432
- "c_compass__panel_PaddingInlineEnd": {
433
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
315
+ "c_panel__main_body_PaddingInlineEnd": {
316
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
434
317
  "value": "0.5rem",
435
318
  "values": [
436
319
  "--pf-v6-c-compass__nav--PaddingInlineEnd",
@@ -440,9 +323,9 @@ export const c_compass: {
440
323
  ]
441
324
  }
442
325
  },
443
- ".pf-v6-c-compass__sidebar": {
444
- "c_compass__panel_PaddingBlockStart": {
445
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
326
+ ".pf-v6-c-compass__sidebar .pf-v6-c-panel": {
327
+ "c_panel__main_body_PaddingBlockStart": {
328
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
446
329
  "value": "0.5rem",
447
330
  "values": [
448
331
  "--pf-v6-c-compass__sidebar--PaddingBlockStart",
@@ -451,8 +334,8 @@ export const c_compass: {
451
334
  "0.5rem"
452
335
  ]
453
336
  },
454
- "c_compass__panel_PaddingBlockEnd": {
455
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
337
+ "c_panel__main_body_PaddingBlockEnd": {
338
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
456
339
  "value": "0.5rem",
457
340
  "values": [
458
341
  "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
@@ -461,8 +344,8 @@ export const c_compass: {
461
344
  "0.5rem"
462
345
  ]
463
346
  },
464
- "c_compass__panel_PaddingInlineStart": {
465
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
347
+ "c_panel__main_body_PaddingInlineStart": {
348
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
466
349
  "value": "0.5rem",
467
350
  "values": [
468
351
  "--pf-v6-c-compass__sidebar--PaddingInlineStart",
@@ -471,8 +354,8 @@ export const c_compass: {
471
354
  "0.5rem"
472
355
  ]
473
356
  },
474
- "c_compass__panel_PaddingInlineEnd": {
475
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
357
+ "c_panel__main_body_PaddingInlineEnd": {
358
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
476
359
  "value": "0.5rem",
477
360
  "values": [
478
361
  "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
@@ -164,111 +164,6 @@ export const c_compass = {
164
164
  "calc(1rem * -1 + 1.5rem)"
165
165
  ]
166
166
  },
167
- "c_compass__panel_m_pill_BorderRadius": {
168
- "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
169
- "value": "999px",
170
- "values": [
171
- "--pf-t--global--border--radius--pill",
172
- "--pf-t--global--border--radius--500",
173
- "999px"
174
- ]
175
- },
176
- "c_compass__panel_PaddingBlockStart": {
177
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
178
- "value": "1.5rem",
179
- "values": [
180
- "--pf-t--global--spacer--inset--page-chrome",
181
- "--pf-t--global--spacer--lg",
182
- "--pf-t--global--spacer--400",
183
- "1.5rem"
184
- ]
185
- },
186
- "c_compass__panel_PaddingBlockEnd": {
187
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
188
- "value": "1.5rem",
189
- "values": [
190
- "--pf-t--global--spacer--inset--page-chrome",
191
- "--pf-t--global--spacer--lg",
192
- "--pf-t--global--spacer--400",
193
- "1.5rem"
194
- ]
195
- },
196
- "c_compass__panel_PaddingInlineStart": {
197
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
198
- "value": "1.5rem",
199
- "values": [
200
- "--pf-t--global--spacer--inset--page-chrome",
201
- "--pf-t--global--spacer--lg",
202
- "--pf-t--global--spacer--400",
203
- "1.5rem"
204
- ]
205
- },
206
- "c_compass__panel_PaddingInlineEnd": {
207
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
208
- "value": "1.5rem",
209
- "values": [
210
- "--pf-t--global--spacer--inset--page-chrome",
211
- "--pf-t--global--spacer--lg",
212
- "--pf-t--global--spacer--400",
213
- "1.5rem"
214
- ]
215
- },
216
- "c_compass__panel_BackgroundColor": {
217
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
218
- "value": "initial, #ffffff",
219
- "values": [
220
- "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)",
221
- "initial, --pf-t--global--background--color--primary--default",
222
- "initial, --pf-t--global--background--color--100",
223
- "initial, --pf-t--color--white",
224
- "initial, #ffffff"
225
- ]
226
- },
227
- "c_compass__panel_BackdropFilter": {
228
- "name": "--pf-v6-c-compass__panel--BackdropFilter",
229
- "value": "initial, revert",
230
- "values": [
231
- "var(--pf-t--global--background--filter--glass--blur--primary, revert)",
232
- "initial, revert"
233
- ]
234
- },
235
- "c_compass__panel_BorderColor": {
236
- "name": "--pf-v6-c-compass__panel--BorderColor",
237
- "value": "initial, transparent",
238
- "values": [
239
- "var(--pf-t--global--border--color--glass--default, transparent)",
240
- "initial, transparent"
241
- ]
242
- },
243
- "c_compass__panel_BorderRadius": {
244
- "name": "--pf-v6-c-compass__panel--BorderRadius",
245
- "value": "initial, 16px",
246
- "values": [
247
- "var(--pf-t--global--border--radius--glass--default, --pf-t--global--border--radius--medium)",
248
- "initial, --pf-t--global--border--radius--medium",
249
- "initial, --pf-t--global--border--radius--300",
250
- "initial, 16px"
251
- ]
252
- },
253
- "c_compass__panel_BorderWidth": {
254
- "name": "--pf-v6-c-compass__panel--BorderWidth",
255
- "value": "initial, 0",
256
- "values": [
257
- "var(--pf-t--global--border--width--glass--default, 0)",
258
- "initial, 0"
259
- ]
260
- },
261
- "c_compass__panel_BoxShadow": {
262
- "name": "--pf-v6-c-compass__panel--BoxShadow",
263
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none",
264
- "values": [
265
- "var(--pf-t--global--box-shadow--glass--default, none)",
266
- "--pf-t--global--box-shadow--md, none",
267
- "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default, none",
268
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100, none",
269
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none"
270
- ]
271
- },
272
167
  "c_compass__message_bar_Width": {
273
168
  "name": "--pf-v6-c-compass__message-bar--Width",
274
169
  "value": "450px"
@@ -368,18 +263,6 @@ export const c_compass = {
368
263
  "value": "0s"
369
264
  }
370
265
  },
371
- ".pf-v6-c-compass__panel.pf-m-no-glass": {
372
- "c_compass__panel_BackgroundColor": {
373
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
374
- "value": "#ffffff",
375
- "values": [
376
- "--pf-t--global--background--color--primary--default",
377
- "--pf-t--global--background--color--100",
378
- "--pf-t--color--white",
379
- "#ffffff"
380
- ]
381
- }
382
- },
383
266
  ".pf-v6-c-compass__header.pf-m-expanded": {
384
267
  "c_compass_section_TransitionDelay": {
385
268
  "name": "--pf-v6-c-compass--section--TransitionDelay",
@@ -402,25 +285,25 @@ export const c_compass = {
402
285
  ]
403
286
  }
404
287
  },
405
- ".pf-v6-c-compass__nav": {
406
- "c_compass__panel_PaddingBlockStart": {
407
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
288
+ ".pf-v6-c-compass__nav .pf-v6-c-panel": {
289
+ "c_panel__main_body_PaddingBlockStart": {
290
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
408
291
  "value": "0",
409
292
  "values": [
410
293
  "--pf-v6-c-compass__nav--PaddingBlockStart",
411
294
  "0"
412
295
  ]
413
296
  },
414
- "c_compass__panel_PaddingBlockEnd": {
415
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
297
+ "c_panel__main_body_PaddingBlockEnd": {
298
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
416
299
  "value": "0",
417
300
  "values": [
418
301
  "--pf-v6-c-compass__nav--PaddingBlockEnd",
419
302
  "0"
420
303
  ]
421
304
  },
422
- "c_compass__panel_PaddingInlineStart": {
423
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
305
+ "c_panel__main_body_PaddingInlineStart": {
306
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
424
307
  "value": "0.5rem",
425
308
  "values": [
426
309
  "--pf-v6-c-compass__nav--PaddingInlineStart",
@@ -429,8 +312,8 @@ export const c_compass = {
429
312
  "0.5rem"
430
313
  ]
431
314
  },
432
- "c_compass__panel_PaddingInlineEnd": {
433
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
315
+ "c_panel__main_body_PaddingInlineEnd": {
316
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
434
317
  "value": "0.5rem",
435
318
  "values": [
436
319
  "--pf-v6-c-compass__nav--PaddingInlineEnd",
@@ -440,9 +323,9 @@ export const c_compass = {
440
323
  ]
441
324
  }
442
325
  },
443
- ".pf-v6-c-compass__sidebar": {
444
- "c_compass__panel_PaddingBlockStart": {
445
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
326
+ ".pf-v6-c-compass__sidebar .pf-v6-c-panel": {
327
+ "c_panel__main_body_PaddingBlockStart": {
328
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
446
329
  "value": "0.5rem",
447
330
  "values": [
448
331
  "--pf-v6-c-compass__sidebar--PaddingBlockStart",
@@ -451,8 +334,8 @@ export const c_compass = {
451
334
  "0.5rem"
452
335
  ]
453
336
  },
454
- "c_compass__panel_PaddingBlockEnd": {
455
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
337
+ "c_panel__main_body_PaddingBlockEnd": {
338
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
456
339
  "value": "0.5rem",
457
340
  "values": [
458
341
  "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
@@ -461,8 +344,8 @@ export const c_compass = {
461
344
  "0.5rem"
462
345
  ]
463
346
  },
464
- "c_compass__panel_PaddingInlineStart": {
465
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
347
+ "c_panel__main_body_PaddingInlineStart": {
348
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
466
349
  "value": "0.5rem",
467
350
  "values": [
468
351
  "--pf-v6-c-compass__sidebar--PaddingInlineStart",
@@ -471,8 +354,8 @@ export const c_compass = {
471
354
  "0.5rem"
472
355
  ]
473
356
  },
474
- "c_compass__panel_PaddingInlineEnd": {
475
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
357
+ "c_panel__main_body_PaddingInlineEnd": {
358
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
476
359
  "value": "0.5rem",
477
360
  "values": [
478
361
  "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
@@ -138,6 +138,7 @@ export const c_drawer: {
138
138
  "name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
139
139
  "value": "#f2f2f2",
140
140
  "values": [
141
+ "--pf-t--global--background--color--floating--secondary--default",
141
142
  "--pf-t--global--background--color--secondary--default",
142
143
  "--pf-t--global--background--color--200",
143
144
  "--pf-t--color--gray--10",
@@ -346,12 +347,12 @@ export const c_drawer: {
346
347
  },
347
348
  "c_drawer_m_pill__panel_BorderColor": {
348
349
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
349
- "value": "#c7c7c7",
350
+ "value": "#e0e0e0",
350
351
  "values": [
351
- "--pf-t--global--border--color--default",
352
- "--pf-t--global--border--color--100",
353
- "--pf-t--color--gray--30",
354
- "#c7c7c7"
352
+ "--pf-t--global--border--color--subtle",
353
+ "--pf-t--global--border--color--50",
354
+ "--pf-t--color--gray--20",
355
+ "#e0e0e0"
355
356
  ]
356
357
  },
357
358
  "c_drawer_m_pill__panel_BorderRadius": {
@@ -373,6 +374,16 @@ export const c_drawer: {
373
374
  "1.5rem"
374
375
  ]
375
376
  },
377
+ "c_drawer_m_pill_m_expanded__panel_BoxShadow": {
378
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
379
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
380
+ "values": [
381
+ "--pf-t--global--box-shadow--md",
382
+ "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
383
+ "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
384
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
385
+ ]
386
+ },
376
387
  "c_drawer__panel_m_glass_BackgroundColor": {
377
388
  "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
378
389
  "value": "initial",
@@ -1340,6 +1351,7 @@ export const c_drawer: {
1340
1351
  "value": "#f2f2f2",
1341
1352
  "values": [
1342
1353
  "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
1354
+ "--pf-t--global--background--color--floating--secondary--default",
1343
1355
  "--pf-t--global--background--color--secondary--default",
1344
1356
  "--pf-t--global--background--color--200",
1345
1357
  "--pf-t--color--gray--10",
@@ -138,6 +138,7 @@ export const c_drawer = {
138
138
  "name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
139
139
  "value": "#f2f2f2",
140
140
  "values": [
141
+ "--pf-t--global--background--color--floating--secondary--default",
141
142
  "--pf-t--global--background--color--secondary--default",
142
143
  "--pf-t--global--background--color--200",
143
144
  "--pf-t--color--gray--10",
@@ -346,12 +347,12 @@ export const c_drawer = {
346
347
  },
347
348
  "c_drawer_m_pill__panel_BorderColor": {
348
349
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
349
- "value": "#c7c7c7",
350
+ "value": "#e0e0e0",
350
351
  "values": [
351
- "--pf-t--global--border--color--default",
352
- "--pf-t--global--border--color--100",
353
- "--pf-t--color--gray--30",
354
- "#c7c7c7"
352
+ "--pf-t--global--border--color--subtle",
353
+ "--pf-t--global--border--color--50",
354
+ "--pf-t--color--gray--20",
355
+ "#e0e0e0"
355
356
  ]
356
357
  },
357
358
  "c_drawer_m_pill__panel_BorderRadius": {
@@ -373,6 +374,16 @@ export const c_drawer = {
373
374
  "1.5rem"
374
375
  ]
375
376
  },
377
+ "c_drawer_m_pill_m_expanded__panel_BoxShadow": {
378
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
379
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
380
+ "values": [
381
+ "--pf-t--global--box-shadow--md",
382
+ "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
383
+ "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
384
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
385
+ ]
386
+ },
376
387
  "c_drawer__panel_m_glass_BackgroundColor": {
377
388
  "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
378
389
  "value": "initial",
@@ -1340,6 +1351,7 @@ export const c_drawer = {
1340
1351
  "value": "#f2f2f2",
1341
1352
  "values": [
1342
1353
  "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
1354
+ "--pf-t--global--background--color--floating--secondary--default",
1343
1355
  "--pf-t--global--background--color--secondary--default",
1344
1356
  "--pf-t--global--background--color--200",
1345
1357
  "--pf-t--color--gray--10",
@@ -1,6 +1,6 @@
1
1
  export const c_drawer_m_pill__panel_BorderColor: {
2
2
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
3
- "value": "#c7c7c7",
3
+ "value": "#e0e0e0",
4
4
  "var": "var(--pf-v6-c-drawer--m-pill__panel--BorderColor)"
5
5
  };
6
6
  export default c_drawer_m_pill__panel_BorderColor;
@@ -1,6 +1,6 @@
1
1
  export const c_drawer_m_pill__panel_BorderColor = {
2
2
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
3
- "value": "#c7c7c7",
3
+ "value": "#e0e0e0",
4
4
  "var": "var(--pf-v6-c-drawer--m-pill__panel--BorderColor)"
5
5
  };
6
6
  export default c_drawer_m_pill__panel_BorderColor;
@@ -0,0 +1,6 @@
1
+ export const c_drawer_m_pill_m_expanded__panel_BoxShadow: {
2
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
3
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
4
+ "var": "var(--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow)"
5
+ };
6
+ export default c_drawer_m_pill_m_expanded__panel_BoxShadow;
@@ -0,0 +1,6 @@
1
+ export const c_drawer_m_pill_m_expanded__panel_BoxShadow = {
2
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
3
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
4
+ "var": "var(--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow)"
5
+ };
6
+ export default c_drawer_m_pill_m_expanded__panel_BoxShadow;