@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
@@ -166,111 +166,6 @@ exports.c_compass = {
166
166
  "calc(1rem * -1 + 1.5rem)"
167
167
  ]
168
168
  },
169
- "c_compass__panel_m_pill_BorderRadius": {
170
- "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
171
- "value": "999px",
172
- "values": [
173
- "--pf-t--global--border--radius--pill",
174
- "--pf-t--global--border--radius--500",
175
- "999px"
176
- ]
177
- },
178
- "c_compass__panel_PaddingBlockStart": {
179
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
180
- "value": "1.5rem",
181
- "values": [
182
- "--pf-t--global--spacer--inset--page-chrome",
183
- "--pf-t--global--spacer--lg",
184
- "--pf-t--global--spacer--400",
185
- "1.5rem"
186
- ]
187
- },
188
- "c_compass__panel_PaddingBlockEnd": {
189
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
190
- "value": "1.5rem",
191
- "values": [
192
- "--pf-t--global--spacer--inset--page-chrome",
193
- "--pf-t--global--spacer--lg",
194
- "--pf-t--global--spacer--400",
195
- "1.5rem"
196
- ]
197
- },
198
- "c_compass__panel_PaddingInlineStart": {
199
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
200
- "value": "1.5rem",
201
- "values": [
202
- "--pf-t--global--spacer--inset--page-chrome",
203
- "--pf-t--global--spacer--lg",
204
- "--pf-t--global--spacer--400",
205
- "1.5rem"
206
- ]
207
- },
208
- "c_compass__panel_PaddingInlineEnd": {
209
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
210
- "value": "1.5rem",
211
- "values": [
212
- "--pf-t--global--spacer--inset--page-chrome",
213
- "--pf-t--global--spacer--lg",
214
- "--pf-t--global--spacer--400",
215
- "1.5rem"
216
- ]
217
- },
218
- "c_compass__panel_BackgroundColor": {
219
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
220
- "value": "initial, #ffffff",
221
- "values": [
222
- "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)",
223
- "initial, --pf-t--global--background--color--primary--default",
224
- "initial, --pf-t--global--background--color--100",
225
- "initial, --pf-t--color--white",
226
- "initial, #ffffff"
227
- ]
228
- },
229
- "c_compass__panel_BackdropFilter": {
230
- "name": "--pf-v6-c-compass__panel--BackdropFilter",
231
- "value": "initial, revert",
232
- "values": [
233
- "var(--pf-t--global--background--filter--glass--blur--primary, revert)",
234
- "initial, revert"
235
- ]
236
- },
237
- "c_compass__panel_BorderColor": {
238
- "name": "--pf-v6-c-compass__panel--BorderColor",
239
- "value": "initial, transparent",
240
- "values": [
241
- "var(--pf-t--global--border--color--glass--default, transparent)",
242
- "initial, transparent"
243
- ]
244
- },
245
- "c_compass__panel_BorderRadius": {
246
- "name": "--pf-v6-c-compass__panel--BorderRadius",
247
- "value": "initial, 16px",
248
- "values": [
249
- "var(--pf-t--global--border--radius--glass--default, --pf-t--global--border--radius--medium)",
250
- "initial, --pf-t--global--border--radius--medium",
251
- "initial, --pf-t--global--border--radius--300",
252
- "initial, 16px"
253
- ]
254
- },
255
- "c_compass__panel_BorderWidth": {
256
- "name": "--pf-v6-c-compass__panel--BorderWidth",
257
- "value": "initial, 0",
258
- "values": [
259
- "var(--pf-t--global--border--width--glass--default, 0)",
260
- "initial, 0"
261
- ]
262
- },
263
- "c_compass__panel_BoxShadow": {
264
- "name": "--pf-v6-c-compass__panel--BoxShadow",
265
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none",
266
- "values": [
267
- "var(--pf-t--global--box-shadow--glass--default, none)",
268
- "--pf-t--global--box-shadow--md, none",
269
- "--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",
270
- "--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",
271
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500), none"
272
- ]
273
- },
274
169
  "c_compass__message_bar_Width": {
275
170
  "name": "--pf-v6-c-compass__message-bar--Width",
276
171
  "value": "450px"
@@ -370,18 +265,6 @@ exports.c_compass = {
370
265
  "value": "0s"
371
266
  }
372
267
  },
373
- ".pf-v6-c-compass__panel.pf-m-no-glass": {
374
- "c_compass__panel_BackgroundColor": {
375
- "name": "--pf-v6-c-compass__panel--BackgroundColor",
376
- "value": "#ffffff",
377
- "values": [
378
- "--pf-t--global--background--color--primary--default",
379
- "--pf-t--global--background--color--100",
380
- "--pf-t--color--white",
381
- "#ffffff"
382
- ]
383
- }
384
- },
385
268
  ".pf-v6-c-compass__header.pf-m-expanded": {
386
269
  "c_compass_section_TransitionDelay": {
387
270
  "name": "--pf-v6-c-compass--section--TransitionDelay",
@@ -404,25 +287,25 @@ exports.c_compass = {
404
287
  ]
405
288
  }
406
289
  },
407
- ".pf-v6-c-compass__nav": {
408
- "c_compass__panel_PaddingBlockStart": {
409
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
290
+ ".pf-v6-c-compass__nav .pf-v6-c-panel": {
291
+ "c_panel__main_body_PaddingBlockStart": {
292
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
410
293
  "value": "0",
411
294
  "values": [
412
295
  "--pf-v6-c-compass__nav--PaddingBlockStart",
413
296
  "0"
414
297
  ]
415
298
  },
416
- "c_compass__panel_PaddingBlockEnd": {
417
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
299
+ "c_panel__main_body_PaddingBlockEnd": {
300
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
418
301
  "value": "0",
419
302
  "values": [
420
303
  "--pf-v6-c-compass__nav--PaddingBlockEnd",
421
304
  "0"
422
305
  ]
423
306
  },
424
- "c_compass__panel_PaddingInlineStart": {
425
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
307
+ "c_panel__main_body_PaddingInlineStart": {
308
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
426
309
  "value": "0.5rem",
427
310
  "values": [
428
311
  "--pf-v6-c-compass__nav--PaddingInlineStart",
@@ -431,8 +314,8 @@ exports.c_compass = {
431
314
  "0.5rem"
432
315
  ]
433
316
  },
434
- "c_compass__panel_PaddingInlineEnd": {
435
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
317
+ "c_panel__main_body_PaddingInlineEnd": {
318
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
436
319
  "value": "0.5rem",
437
320
  "values": [
438
321
  "--pf-v6-c-compass__nav--PaddingInlineEnd",
@@ -442,9 +325,9 @@ exports.c_compass = {
442
325
  ]
443
326
  }
444
327
  },
445
- ".pf-v6-c-compass__sidebar": {
446
- "c_compass__panel_PaddingBlockStart": {
447
- "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
328
+ ".pf-v6-c-compass__sidebar .pf-v6-c-panel": {
329
+ "c_panel__main_body_PaddingBlockStart": {
330
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
448
331
  "value": "0.5rem",
449
332
  "values": [
450
333
  "--pf-v6-c-compass__sidebar--PaddingBlockStart",
@@ -453,8 +336,8 @@ exports.c_compass = {
453
336
  "0.5rem"
454
337
  ]
455
338
  },
456
- "c_compass__panel_PaddingBlockEnd": {
457
- "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
339
+ "c_panel__main_body_PaddingBlockEnd": {
340
+ "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
458
341
  "value": "0.5rem",
459
342
  "values": [
460
343
  "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
@@ -463,8 +346,8 @@ exports.c_compass = {
463
346
  "0.5rem"
464
347
  ]
465
348
  },
466
- "c_compass__panel_PaddingInlineStart": {
467
- "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
349
+ "c_panel__main_body_PaddingInlineStart": {
350
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
468
351
  "value": "0.5rem",
469
352
  "values": [
470
353
  "--pf-v6-c-compass__sidebar--PaddingInlineStart",
@@ -473,8 +356,8 @@ exports.c_compass = {
473
356
  "0.5rem"
474
357
  ]
475
358
  },
476
- "c_compass__panel_PaddingInlineEnd": {
477
- "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
359
+ "c_panel__main_body_PaddingInlineEnd": {
360
+ "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
478
361
  "value": "0.5rem",
479
362
  "values": [
480
363
  "--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;
@@ -30,11 +30,11 @@ exports.c_panel = {
30
30
  },
31
31
  "c_panel_BorderRadius": {
32
32
  "name": "--pf-v6-c-panel--BorderRadius",
33
- "value": "6px",
33
+ "value": "16px",
34
34
  "values": [
35
- "--pf-t--global--border--radius--small",
36
- "--pf-t--global--border--radius--200",
37
- "6px"
35
+ "--pf-t--global--border--radius--medium",
36
+ "--pf-t--global--border--radius--300",
37
+ "16px"
38
38
  ]
39
39
  },
40
40
  "c_panel_before_BorderWidth": {
@@ -86,6 +86,10 @@ exports.c_panel = {
86
86
  "#c7c7c7"
87
87
  ]
88
88
  },
89
+ "c_panel_m_no_border_before_BorderWidth": {
90
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
91
+ "value": "0"
92
+ },
89
93
  "c_panel_m_raised_BoxShadow": {
90
94
  "name": "--pf-v6-c-panel--m-raised--BoxShadow",
91
95
  "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
@@ -114,6 +118,15 @@ exports.c_panel = {
114
118
  "0px"
115
119
  ]
116
120
  },
121
+ "c_panel_m_raised_BorderRadius": {
122
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
123
+ "value": "6px",
124
+ "values": [
125
+ "--pf-t--global--border--radius--small",
126
+ "--pf-t--global--border--radius--200",
127
+ "6px"
128
+ ]
129
+ },
117
130
  "c_panel__header_PaddingBlockStart": {
118
131
  "name": "--pf-v6-c-panel__header--PaddingBlockStart",
119
132
  "value": "1rem",
@@ -160,11 +173,11 @@ exports.c_panel = {
160
173
  },
161
174
  "c_panel__main_body_PaddingBlockStart": {
162
175
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
163
- "value": "1rem",
176
+ "value": "1.5rem",
164
177
  "values": [
165
- "--pf-t--global--spacer--md",
166
- "--pf-t--global--spacer--300",
167
- "1rem"
178
+ "--pf-t--global--spacer--lg",
179
+ "--pf-t--global--spacer--400",
180
+ "1.5rem"
168
181
  ]
169
182
  },
170
183
  "c_panel__main_body_PaddingInlineEnd": {
@@ -178,11 +191,11 @@ exports.c_panel = {
178
191
  },
179
192
  "c_panel__main_body_PaddingBlockEnd": {
180
193
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
181
- "value": "1rem",
194
+ "value": "1.5rem",
182
195
  "values": [
183
- "--pf-t--global--spacer--md",
184
- "--pf-t--global--spacer--300",
185
- "1rem"
196
+ "--pf-t--global--spacer--lg",
197
+ "--pf-t--global--spacer--400",
198
+ "1.5rem"
186
199
  ]
187
200
  },
188
201
  "c_panel__main_body_PaddingInlineStart": {
@@ -242,6 +255,15 @@ exports.c_panel = {
242
255
  "name": "--pf-v6-c-panel__footer--BorderWidth",
243
256
  "value": "0"
244
257
  },
258
+ "c_panel_m_pill_BorderRadius": {
259
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
260
+ "value": "999px",
261
+ "values": [
262
+ "--pf-t--global--border--radius--pill",
263
+ "--pf-t--global--border--radius--500",
264
+ "999px"
265
+ ]
266
+ },
245
267
  "c_panel_m_scrollable__main_MaxHeight": {
246
268
  "name": "--pf-v6-c-panel--m-scrollable__main--MaxHeight",
247
269
  "value": "18.75rem"
@@ -422,6 +444,16 @@ exports.c_panel = {
422
444
  "--pf-t--global--border--width--high-contrast--regular",
423
445
  "0px"
424
446
  ]
447
+ },
448
+ "c_panel_BorderRadius": {
449
+ "name": "--pf-v6-c-panel--BorderRadius",
450
+ "value": "6px",
451
+ "values": [
452
+ "--pf-v6-c-panel--m-raised--BorderRadius",
453
+ "--pf-t--global--border--radius--small",
454
+ "--pf-t--global--border--radius--200",
455
+ "6px"
456
+ ]
425
457
  }
426
458
  },
427
459
  ".pf-v6-c-panel.pf-m-scrollable": {
@@ -491,7 +523,13 @@ exports.c_panel = {
491
523
  ]
492
524
  }
493
525
  },
494
- ".pf-v6-c-panel.pf-m-glass": {
526
+ ".pf-v6-c-panel.pf-m-scrollable-auto-height": {
527
+ "c_panel__main_MaxHeight": {
528
+ "name": "--pf-v6-c-panel__main--MaxHeight",
529
+ "value": "100%"
530
+ }
531
+ },
532
+ ":where(.pf-v6-theme-glass) .pf-v6-c-panel.pf-m-glass": {
495
533
  "c_panel_BackgroundColor": {
496
534
  "name": "--pf-v6-c-panel--BackgroundColor",
497
535
  "value": "initial",
@@ -540,6 +578,28 @@ exports.c_panel = {
540
578
  "initial"
541
579
  ]
542
580
  }
581
+ },
582
+ ".pf-v6-c-panel.pf-m-no-border": {
583
+ "c_panel_before_BorderWidth": {
584
+ "name": "--pf-v6-c-panel--before--BorderWidth",
585
+ "value": "0",
586
+ "values": [
587
+ "--pf-v6-c-panel--m-no-border--before--BorderWidth",
588
+ "0"
589
+ ]
590
+ }
591
+ },
592
+ ".pf-v6-c-panel.pf-m-pill": {
593
+ "c_panel_BorderRadius": {
594
+ "name": "--pf-v6-c-panel--BorderRadius",
595
+ "value": "999px",
596
+ "values": [
597
+ "--pf-v6-c-panel--m-pill--BorderRadius",
598
+ "--pf-t--global--border--radius--pill",
599
+ "--pf-t--global--border--radius--500",
600
+ "999px"
601
+ ]
602
+ }
543
603
  }
544
604
  };
545
605
  exports["default"] = exports.c_panel;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_BorderRadius: {
2
2
  "name": "--pf-v6-c-panel--BorderRadius",
3
- "value": "initial",
3
+ "value": "999px",
4
4
  "var": "var(--pf-v6-c-panel--BorderRadius)"
5
5
  };
6
6
  export default c_panel_BorderRadius;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel_BorderRadius = {
4
4
  "name": "--pf-v6-c-panel--BorderRadius",
5
- "value": "initial",
5
+ "value": "999px",
6
6
  "var": "var(--pf-v6-c-panel--BorderRadius)"
7
7
  };
8
8
  exports["default"] = exports.c_panel_BorderRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_MaxHeight: {
2
2
  "name": "--pf-v6-c-panel__main--MaxHeight",
3
- "value": "18.75rem",
3
+ "value": "100%",
4
4
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
5
5
  };
6
6
  export default c_panel__main_MaxHeight;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_MaxHeight = {
4
4
  "name": "--pf-v6-c-panel__main--MaxHeight",
5
- "value": "18.75rem",
5
+ "value": "100%",
6
6
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_MaxHeight;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_body_PaddingBlockEnd: {
2
2
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
3
- "value": "1rem",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_panel__main_body_PaddingBlockEnd;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_body_PaddingBlockEnd = {
4
4
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
5
- "value": "1rem",
5
+ "value": "1.5rem",
6
6
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockEnd)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_body_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_body_PaddingBlockStart: {
2
2
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
3
- "value": "1rem",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockStart)"
5
5
  };
6
6
  export default c_panel__main_body_PaddingBlockStart;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_body_PaddingBlockStart = {
4
4
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
5
- "value": "1rem",
5
+ "value": "1.5rem",
6
6
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockStart)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_body_PaddingBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_before_BorderWidth: {
2
2
  "name": "--pf-v6-c-panel--before--BorderWidth",
3
- "value": "initial",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-panel--before--BorderWidth)"
5
5
  };
6
6
  export default c_panel_before_BorderWidth;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel_before_BorderWidth = {
4
4
  "name": "--pf-v6-c-panel--before--BorderWidth",
5
- "value": "initial",
5
+ "value": "0",
6
6
  "var": "var(--pf-v6-c-panel--before--BorderWidth)"
7
7
  };
8
8
  exports["default"] = exports.c_panel_before_BorderWidth;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_no_border_before_BorderWidth: {
2
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-panel--m-no-border--before--BorderWidth)"
5
+ };
6
+ export default c_panel_m_no_border_before_BorderWidth;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_no_border_before_BorderWidth = {
4
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-panel--m-no-border--before--BorderWidth)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_no_border_before_BorderWidth;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_pill_BorderRadius: {
2
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
3
+ "value": "999px",
4
+ "var": "var(--pf-v6-c-panel--m-pill--BorderRadius)"
5
+ };
6
+ export default c_panel_m_pill_BorderRadius;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_pill_BorderRadius = {
4
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
5
+ "value": "999px",
6
+ "var": "var(--pf-v6-c-panel--m-pill--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_pill_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_raised_BorderRadius: {
2
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
3
+ "value": "6px",
4
+ "var": "var(--pf-v6-c-panel--m-raised--BorderRadius)"
5
+ };
6
+ export default c_panel_m_raised_BorderRadius;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_raised_BorderRadius = {
4
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
5
+ "value": "6px",
6
+ "var": "var(--pf-v6-c-panel--m-raised--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_raised_BorderRadius;