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

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 (90) hide show
  1. package/CHANGELOG.md +6 -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_panel.d.ts +73 -13
  5. package/dist/esm/c_panel.js +73 -13
  6. package/dist/esm/c_panel_BorderRadius.d.ts +1 -1
  7. package/dist/esm/c_panel_BorderRadius.js +1 -1
  8. package/dist/esm/c_panel__main_MaxHeight.d.ts +1 -1
  9. package/dist/esm/c_panel__main_MaxHeight.js +1 -1
  10. package/dist/esm/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  11. package/dist/esm/c_panel__main_body_PaddingBlockEnd.js +1 -1
  12. package/dist/esm/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  13. package/dist/esm/c_panel__main_body_PaddingBlockStart.js +1 -1
  14. package/dist/esm/c_panel_before_BorderWidth.d.ts +1 -1
  15. package/dist/esm/c_panel_before_BorderWidth.js +1 -1
  16. package/dist/esm/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  17. package/dist/esm/c_panel_m_no_border_before_BorderWidth.js +6 -0
  18. package/dist/esm/c_panel_m_pill_BorderRadius.d.ts +6 -0
  19. package/dist/esm/c_panel_m_pill_BorderRadius.js +6 -0
  20. package/dist/esm/c_panel_m_raised_BorderRadius.d.ts +6 -0
  21. package/dist/esm/c_panel_m_raised_BorderRadius.js +6 -0
  22. package/dist/esm/index.d.ts +7 -15
  23. package/dist/esm/index.js +7 -15
  24. package/dist/js/c_compass.d.ts +18 -135
  25. package/dist/js/c_compass.js +18 -135
  26. package/dist/js/c_panel.d.ts +73 -13
  27. package/dist/js/c_panel.js +73 -13
  28. package/dist/js/c_panel_BorderRadius.d.ts +1 -1
  29. package/dist/js/c_panel_BorderRadius.js +1 -1
  30. package/dist/js/c_panel__main_MaxHeight.d.ts +1 -1
  31. package/dist/js/c_panel__main_MaxHeight.js +1 -1
  32. package/dist/js/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  33. package/dist/js/c_panel__main_body_PaddingBlockEnd.js +1 -1
  34. package/dist/js/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  35. package/dist/js/c_panel__main_body_PaddingBlockStart.js +1 -1
  36. package/dist/js/c_panel_before_BorderWidth.d.ts +1 -1
  37. package/dist/js/c_panel_before_BorderWidth.js +1 -1
  38. package/dist/js/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  39. package/dist/js/c_panel_m_no_border_before_BorderWidth.js +8 -0
  40. package/dist/js/c_panel_m_pill_BorderRadius.d.ts +6 -0
  41. package/dist/js/c_panel_m_pill_BorderRadius.js +8 -0
  42. package/dist/js/c_panel_m_raised_BorderRadius.d.ts +6 -0
  43. package/dist/js/c_panel_m_raised_BorderRadius.js +8 -0
  44. package/dist/js/index.d.ts +7 -15
  45. package/dist/js/index.js +7 -15
  46. package/package.json +3 -3
  47. package/dist/esm/c_compass__panel_BackdropFilter.d.ts +0 -6
  48. package/dist/esm/c_compass__panel_BackdropFilter.js +0 -6
  49. package/dist/esm/c_compass__panel_BackgroundColor.d.ts +0 -6
  50. package/dist/esm/c_compass__panel_BackgroundColor.js +0 -6
  51. package/dist/esm/c_compass__panel_BorderColor.d.ts +0 -6
  52. package/dist/esm/c_compass__panel_BorderColor.js +0 -6
  53. package/dist/esm/c_compass__panel_BorderRadius.d.ts +0 -6
  54. package/dist/esm/c_compass__panel_BorderRadius.js +0 -6
  55. package/dist/esm/c_compass__panel_BorderWidth.d.ts +0 -6
  56. package/dist/esm/c_compass__panel_BorderWidth.js +0 -6
  57. package/dist/esm/c_compass__panel_BoxShadow.d.ts +0 -6
  58. package/dist/esm/c_compass__panel_BoxShadow.js +0 -6
  59. package/dist/esm/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  60. package/dist/esm/c_compass__panel_PaddingBlockEnd.js +0 -6
  61. package/dist/esm/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  62. package/dist/esm/c_compass__panel_PaddingBlockStart.js +0 -6
  63. package/dist/esm/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  64. package/dist/esm/c_compass__panel_PaddingInlineEnd.js +0 -6
  65. package/dist/esm/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  66. package/dist/esm/c_compass__panel_PaddingInlineStart.js +0 -6
  67. package/dist/esm/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  68. package/dist/esm/c_compass__panel_m_pill_BorderRadius.js +0 -6
  69. package/dist/js/c_compass__panel_BackdropFilter.d.ts +0 -6
  70. package/dist/js/c_compass__panel_BackdropFilter.js +0 -8
  71. package/dist/js/c_compass__panel_BackgroundColor.d.ts +0 -6
  72. package/dist/js/c_compass__panel_BackgroundColor.js +0 -8
  73. package/dist/js/c_compass__panel_BorderColor.d.ts +0 -6
  74. package/dist/js/c_compass__panel_BorderColor.js +0 -8
  75. package/dist/js/c_compass__panel_BorderRadius.d.ts +0 -6
  76. package/dist/js/c_compass__panel_BorderRadius.js +0 -8
  77. package/dist/js/c_compass__panel_BorderWidth.d.ts +0 -6
  78. package/dist/js/c_compass__panel_BorderWidth.js +0 -8
  79. package/dist/js/c_compass__panel_BoxShadow.d.ts +0 -6
  80. package/dist/js/c_compass__panel_BoxShadow.js +0 -8
  81. package/dist/js/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  82. package/dist/js/c_compass__panel_PaddingBlockEnd.js +0 -8
  83. package/dist/js/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  84. package/dist/js/c_compass__panel_PaddingBlockStart.js +0 -8
  85. package/dist/js/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  86. package/dist/js/c_compass__panel_PaddingInlineEnd.js +0 -8
  87. package/dist/js/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  88. package/dist/js/c_compass__panel_PaddingInlineStart.js +0 -8
  89. package/dist/js/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  90. package/dist/js/c_compass__panel_m_pill_BorderRadius.js +0 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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.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)
7
+
8
+ ### Features
9
+
10
+ - **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))
11
+
6
12
  # [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
13
 
8
14
  **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",
@@ -28,11 +28,11 @@ export const c_panel: {
28
28
  },
29
29
  "c_panel_BorderRadius": {
30
30
  "name": "--pf-v6-c-panel--BorderRadius",
31
- "value": "6px",
31
+ "value": "16px",
32
32
  "values": [
33
- "--pf-t--global--border--radius--small",
34
- "--pf-t--global--border--radius--200",
35
- "6px"
33
+ "--pf-t--global--border--radius--medium",
34
+ "--pf-t--global--border--radius--300",
35
+ "16px"
36
36
  ]
37
37
  },
38
38
  "c_panel_before_BorderWidth": {
@@ -84,6 +84,10 @@ export const c_panel: {
84
84
  "#c7c7c7"
85
85
  ]
86
86
  },
87
+ "c_panel_m_no_border_before_BorderWidth": {
88
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
89
+ "value": "0"
90
+ },
87
91
  "c_panel_m_raised_BoxShadow": {
88
92
  "name": "--pf-v6-c-panel--m-raised--BoxShadow",
89
93
  "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
@@ -112,6 +116,15 @@ export const c_panel: {
112
116
  "0px"
113
117
  ]
114
118
  },
119
+ "c_panel_m_raised_BorderRadius": {
120
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
121
+ "value": "6px",
122
+ "values": [
123
+ "--pf-t--global--border--radius--small",
124
+ "--pf-t--global--border--radius--200",
125
+ "6px"
126
+ ]
127
+ },
115
128
  "c_panel__header_PaddingBlockStart": {
116
129
  "name": "--pf-v6-c-panel__header--PaddingBlockStart",
117
130
  "value": "1rem",
@@ -158,11 +171,11 @@ export const c_panel: {
158
171
  },
159
172
  "c_panel__main_body_PaddingBlockStart": {
160
173
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
161
- "value": "1rem",
174
+ "value": "1.5rem",
162
175
  "values": [
163
- "--pf-t--global--spacer--md",
164
- "--pf-t--global--spacer--300",
165
- "1rem"
176
+ "--pf-t--global--spacer--lg",
177
+ "--pf-t--global--spacer--400",
178
+ "1.5rem"
166
179
  ]
167
180
  },
168
181
  "c_panel__main_body_PaddingInlineEnd": {
@@ -176,11 +189,11 @@ export const c_panel: {
176
189
  },
177
190
  "c_panel__main_body_PaddingBlockEnd": {
178
191
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
179
- "value": "1rem",
192
+ "value": "1.5rem",
180
193
  "values": [
181
- "--pf-t--global--spacer--md",
182
- "--pf-t--global--spacer--300",
183
- "1rem"
194
+ "--pf-t--global--spacer--lg",
195
+ "--pf-t--global--spacer--400",
196
+ "1.5rem"
184
197
  ]
185
198
  },
186
199
  "c_panel__main_body_PaddingInlineStart": {
@@ -240,6 +253,15 @@ export const c_panel: {
240
253
  "name": "--pf-v6-c-panel__footer--BorderWidth",
241
254
  "value": "0"
242
255
  },
256
+ "c_panel_m_pill_BorderRadius": {
257
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
258
+ "value": "999px",
259
+ "values": [
260
+ "--pf-t--global--border--radius--pill",
261
+ "--pf-t--global--border--radius--500",
262
+ "999px"
263
+ ]
264
+ },
243
265
  "c_panel_m_scrollable__main_MaxHeight": {
244
266
  "name": "--pf-v6-c-panel--m-scrollable__main--MaxHeight",
245
267
  "value": "18.75rem"
@@ -420,6 +442,16 @@ export const c_panel: {
420
442
  "--pf-t--global--border--width--high-contrast--regular",
421
443
  "0px"
422
444
  ]
445
+ },
446
+ "c_panel_BorderRadius": {
447
+ "name": "--pf-v6-c-panel--BorderRadius",
448
+ "value": "6px",
449
+ "values": [
450
+ "--pf-v6-c-panel--m-raised--BorderRadius",
451
+ "--pf-t--global--border--radius--small",
452
+ "--pf-t--global--border--radius--200",
453
+ "6px"
454
+ ]
423
455
  }
424
456
  },
425
457
  ".pf-v6-c-panel.pf-m-scrollable": {
@@ -489,7 +521,13 @@ export const c_panel: {
489
521
  ]
490
522
  }
491
523
  },
492
- ".pf-v6-c-panel.pf-m-glass": {
524
+ ".pf-v6-c-panel.pf-m-scrollable-auto-height": {
525
+ "c_panel__main_MaxHeight": {
526
+ "name": "--pf-v6-c-panel__main--MaxHeight",
527
+ "value": "100%"
528
+ }
529
+ },
530
+ ":where(.pf-v6-theme-glass) .pf-v6-c-panel.pf-m-glass": {
493
531
  "c_panel_BackgroundColor": {
494
532
  "name": "--pf-v6-c-panel--BackgroundColor",
495
533
  "value": "initial",
@@ -538,6 +576,28 @@ export const c_panel: {
538
576
  "initial"
539
577
  ]
540
578
  }
579
+ },
580
+ ".pf-v6-c-panel.pf-m-no-border": {
581
+ "c_panel_before_BorderWidth": {
582
+ "name": "--pf-v6-c-panel--before--BorderWidth",
583
+ "value": "0",
584
+ "values": [
585
+ "--pf-v6-c-panel--m-no-border--before--BorderWidth",
586
+ "0"
587
+ ]
588
+ }
589
+ },
590
+ ".pf-v6-c-panel.pf-m-pill": {
591
+ "c_panel_BorderRadius": {
592
+ "name": "--pf-v6-c-panel--BorderRadius",
593
+ "value": "999px",
594
+ "values": [
595
+ "--pf-v6-c-panel--m-pill--BorderRadius",
596
+ "--pf-t--global--border--radius--pill",
597
+ "--pf-t--global--border--radius--500",
598
+ "999px"
599
+ ]
600
+ }
541
601
  }
542
602
  };
543
603
  export default c_panel;