@patternfly/react-tokens 6.5.0-prerelease.16 → 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 (130) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/c_card.d.ts +61 -53
  3. package/dist/esm/c_card.js +61 -53
  4. package/dist/esm/c_compass.d.ts +18 -135
  5. package/dist/esm/c_compass.js +18 -135
  6. package/dist/esm/c_drawer.d.ts +1 -1
  7. package/dist/esm/c_drawer.js +1 -1
  8. package/dist/esm/c_overflow_menu.d.ts +36 -0
  9. package/dist/esm/c_overflow_menu.js +36 -0
  10. package/dist/esm/c_overflow_menu_RowGap.d.ts +6 -0
  11. package/dist/esm/c_overflow_menu_RowGap.js +6 -0
  12. package/dist/esm/c_overflow_menu__group_RowGap.d.ts +6 -0
  13. package/dist/esm/c_overflow_menu__group_RowGap.js +6 -0
  14. package/dist/esm/c_overflow_menu__group_m_button_group_RowGap.d.ts +6 -0
  15. package/dist/esm/c_overflow_menu__group_m_button_group_RowGap.js +6 -0
  16. package/dist/esm/c_overflow_menu__group_m_icon_button_group_RowGap.d.ts +6 -0
  17. package/dist/esm/c_overflow_menu__group_m_icon_button_group_RowGap.js +6 -0
  18. package/dist/esm/c_page.d.ts +2 -2
  19. package/dist/esm/c_page.js +2 -2
  20. package/dist/esm/c_panel.d.ts +73 -13
  21. package/dist/esm/c_panel.js +73 -13
  22. package/dist/esm/c_panel_BorderRadius.d.ts +1 -1
  23. package/dist/esm/c_panel_BorderRadius.js +1 -1
  24. package/dist/esm/c_panel__main_MaxHeight.d.ts +1 -1
  25. package/dist/esm/c_panel__main_MaxHeight.js +1 -1
  26. package/dist/esm/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  27. package/dist/esm/c_panel__main_body_PaddingBlockEnd.js +1 -1
  28. package/dist/esm/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  29. package/dist/esm/c_panel__main_body_PaddingBlockStart.js +1 -1
  30. package/dist/esm/c_panel_before_BorderWidth.d.ts +1 -1
  31. package/dist/esm/c_panel_before_BorderWidth.js +1 -1
  32. package/dist/esm/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  33. package/dist/esm/c_panel_m_no_border_before_BorderWidth.js +6 -0
  34. package/dist/esm/c_panel_m_pill_BorderRadius.d.ts +6 -0
  35. package/dist/esm/c_panel_m_pill_BorderRadius.js +6 -0
  36. package/dist/esm/c_panel_m_raised_BorderRadius.d.ts +6 -0
  37. package/dist/esm/c_panel_m_raised_BorderRadius.js +6 -0
  38. package/dist/esm/index.d.ts +11 -17
  39. package/dist/esm/index.js +11 -17
  40. package/dist/js/c_card.d.ts +61 -53
  41. package/dist/js/c_card.js +61 -53
  42. package/dist/js/c_compass.d.ts +18 -135
  43. package/dist/js/c_compass.js +18 -135
  44. package/dist/js/c_drawer.d.ts +1 -1
  45. package/dist/js/c_drawer.js +1 -1
  46. package/dist/js/c_overflow_menu.d.ts +36 -0
  47. package/dist/js/c_overflow_menu.js +36 -0
  48. package/dist/js/c_overflow_menu_RowGap.d.ts +6 -0
  49. package/dist/js/c_overflow_menu_RowGap.js +8 -0
  50. package/dist/js/c_overflow_menu__group_RowGap.d.ts +6 -0
  51. package/dist/js/c_overflow_menu__group_RowGap.js +8 -0
  52. package/dist/js/c_overflow_menu__group_m_button_group_RowGap.d.ts +6 -0
  53. package/dist/js/c_overflow_menu__group_m_button_group_RowGap.js +8 -0
  54. package/dist/js/c_overflow_menu__group_m_icon_button_group_RowGap.d.ts +6 -0
  55. package/dist/js/c_overflow_menu__group_m_icon_button_group_RowGap.js +8 -0
  56. package/dist/js/c_page.d.ts +2 -2
  57. package/dist/js/c_page.js +2 -2
  58. package/dist/js/c_panel.d.ts +73 -13
  59. package/dist/js/c_panel.js +73 -13
  60. package/dist/js/c_panel_BorderRadius.d.ts +1 -1
  61. package/dist/js/c_panel_BorderRadius.js +1 -1
  62. package/dist/js/c_panel__main_MaxHeight.d.ts +1 -1
  63. package/dist/js/c_panel__main_MaxHeight.js +1 -1
  64. package/dist/js/c_panel__main_body_PaddingBlockEnd.d.ts +1 -1
  65. package/dist/js/c_panel__main_body_PaddingBlockEnd.js +1 -1
  66. package/dist/js/c_panel__main_body_PaddingBlockStart.d.ts +1 -1
  67. package/dist/js/c_panel__main_body_PaddingBlockStart.js +1 -1
  68. package/dist/js/c_panel_before_BorderWidth.d.ts +1 -1
  69. package/dist/js/c_panel_before_BorderWidth.js +1 -1
  70. package/dist/js/c_panel_m_no_border_before_BorderWidth.d.ts +6 -0
  71. package/dist/js/c_panel_m_no_border_before_BorderWidth.js +8 -0
  72. package/dist/js/c_panel_m_pill_BorderRadius.d.ts +6 -0
  73. package/dist/js/c_panel_m_pill_BorderRadius.js +8 -0
  74. package/dist/js/c_panel_m_raised_BorderRadius.d.ts +6 -0
  75. package/dist/js/c_panel_m_raised_BorderRadius.js +8 -0
  76. package/dist/js/index.d.ts +11 -17
  77. package/dist/js/index.js +11 -17
  78. package/package.json +3 -3
  79. package/dist/esm/c_card_BoxShadow.d.ts +0 -6
  80. package/dist/esm/c_card_BoxShadow.js +0 -6
  81. package/dist/esm/c_card_m_plain_BoxShadow.d.ts +0 -6
  82. package/dist/esm/c_card_m_plain_BoxShadow.js +0 -6
  83. package/dist/esm/c_compass__panel_BackdropFilter.d.ts +0 -6
  84. package/dist/esm/c_compass__panel_BackdropFilter.js +0 -6
  85. package/dist/esm/c_compass__panel_BackgroundColor.d.ts +0 -6
  86. package/dist/esm/c_compass__panel_BackgroundColor.js +0 -6
  87. package/dist/esm/c_compass__panel_BorderColor.d.ts +0 -6
  88. package/dist/esm/c_compass__panel_BorderColor.js +0 -6
  89. package/dist/esm/c_compass__panel_BorderRadius.d.ts +0 -6
  90. package/dist/esm/c_compass__panel_BorderRadius.js +0 -6
  91. package/dist/esm/c_compass__panel_BorderWidth.d.ts +0 -6
  92. package/dist/esm/c_compass__panel_BorderWidth.js +0 -6
  93. package/dist/esm/c_compass__panel_BoxShadow.d.ts +0 -6
  94. package/dist/esm/c_compass__panel_BoxShadow.js +0 -6
  95. package/dist/esm/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  96. package/dist/esm/c_compass__panel_PaddingBlockEnd.js +0 -6
  97. package/dist/esm/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  98. package/dist/esm/c_compass__panel_PaddingBlockStart.js +0 -6
  99. package/dist/esm/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  100. package/dist/esm/c_compass__panel_PaddingInlineEnd.js +0 -6
  101. package/dist/esm/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  102. package/dist/esm/c_compass__panel_PaddingInlineStart.js +0 -6
  103. package/dist/esm/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  104. package/dist/esm/c_compass__panel_m_pill_BorderRadius.js +0 -6
  105. package/dist/js/c_card_BoxShadow.d.ts +0 -6
  106. package/dist/js/c_card_BoxShadow.js +0 -8
  107. package/dist/js/c_card_m_plain_BoxShadow.d.ts +0 -6
  108. package/dist/js/c_card_m_plain_BoxShadow.js +0 -8
  109. package/dist/js/c_compass__panel_BackdropFilter.d.ts +0 -6
  110. package/dist/js/c_compass__panel_BackdropFilter.js +0 -8
  111. package/dist/js/c_compass__panel_BackgroundColor.d.ts +0 -6
  112. package/dist/js/c_compass__panel_BackgroundColor.js +0 -8
  113. package/dist/js/c_compass__panel_BorderColor.d.ts +0 -6
  114. package/dist/js/c_compass__panel_BorderColor.js +0 -8
  115. package/dist/js/c_compass__panel_BorderRadius.d.ts +0 -6
  116. package/dist/js/c_compass__panel_BorderRadius.js +0 -8
  117. package/dist/js/c_compass__panel_BorderWidth.d.ts +0 -6
  118. package/dist/js/c_compass__panel_BorderWidth.js +0 -8
  119. package/dist/js/c_compass__panel_BoxShadow.d.ts +0 -6
  120. package/dist/js/c_compass__panel_BoxShadow.js +0 -8
  121. package/dist/js/c_compass__panel_PaddingBlockEnd.d.ts +0 -6
  122. package/dist/js/c_compass__panel_PaddingBlockEnd.js +0 -8
  123. package/dist/js/c_compass__panel_PaddingBlockStart.d.ts +0 -6
  124. package/dist/js/c_compass__panel_PaddingBlockStart.js +0 -8
  125. package/dist/js/c_compass__panel_PaddingInlineEnd.d.ts +0 -6
  126. package/dist/js/c_compass__panel_PaddingInlineEnd.js +0 -8
  127. package/dist/js/c_compass__panel_PaddingInlineStart.d.ts +0 -6
  128. package/dist/js/c_compass__panel_PaddingInlineStart.js +0 -8
  129. package/dist/js/c_compass__panel_m_pill_BorderRadius.d.ts +0 -6
  130. package/dist/js/c_compass__panel_m_pill_BorderRadius.js +0 -8
@@ -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",
@@ -1302,7 +1302,7 @@ export const c_drawer: {
1302
1302
  ]
1303
1303
  }
1304
1304
  },
1305
- ".pf-v6-c-drawer__section.pf-m-no-background": {
1305
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": {
1306
1306
  "c_drawer__section_BackgroundColor": {
1307
1307
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
1308
1308
  "value": "transparent"
@@ -1302,7 +1302,7 @@ export const c_drawer = {
1302
1302
  ]
1303
1303
  }
1304
1304
  },
1305
- ".pf-v6-c-drawer__section.pf-m-no-background": {
1305
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": {
1306
1306
  "c_drawer__section_BackgroundColor": {
1307
1307
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
1308
1308
  "value": "transparent"
@@ -9,6 +9,15 @@ export const c_overflow_menu: {
9
9
  "1rem"
10
10
  ]
11
11
  },
12
+ "c_overflow_menu_RowGap": {
13
+ "name": "--pf-v6-c-overflow-menu--RowGap",
14
+ "value": "1rem",
15
+ "values": [
16
+ "--pf-t--global--spacer--md",
17
+ "--pf-t--global--spacer--300",
18
+ "1rem"
19
+ ]
20
+ },
12
21
  "c_overflow_menu__group_ColumnGap": {
13
22
  "name": "--pf-v6-c-overflow-menu__group--ColumnGap",
14
23
  "value": "1rem",
@@ -18,6 +27,15 @@ export const c_overflow_menu: {
18
27
  "1rem"
19
28
  ]
20
29
  },
30
+ "c_overflow_menu__group_RowGap": {
31
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
32
+ "value": "1rem",
33
+ "values": [
34
+ "--pf-t--global--spacer--md",
35
+ "--pf-t--global--spacer--300",
36
+ "1rem"
37
+ ]
38
+ },
21
39
  "c_overflow_menu__group_m_button_group_ColumnGap": {
22
40
  "name": "--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap",
23
41
  "value": "0.5rem",
@@ -27,6 +45,15 @@ export const c_overflow_menu: {
27
45
  "0.5rem"
28
46
  ]
29
47
  },
48
+ "c_overflow_menu__group_m_button_group_RowGap": {
49
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
50
+ "value": "0.5rem",
51
+ "values": [
52
+ "--pf-t--global--spacer--sm",
53
+ "--pf-t--global--spacer--200",
54
+ "0.5rem"
55
+ ]
56
+ },
30
57
  "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
31
58
  "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap",
32
59
  "value": "0.25rem",
@@ -35,6 +62,15 @@ export const c_overflow_menu: {
35
62
  "--pf-t--global--spacer--100",
36
63
  "0.25rem"
37
64
  ]
65
+ },
66
+ "c_overflow_menu__group_m_icon_button_group_RowGap": {
67
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
68
+ "value": "0.25rem",
69
+ "values": [
70
+ "--pf-t--global--spacer--xs",
71
+ "--pf-t--global--spacer--100",
72
+ "0.25rem"
73
+ ]
38
74
  }
39
75
  }
40
76
  };
@@ -9,6 +9,15 @@ export const c_overflow_menu = {
9
9
  "1rem"
10
10
  ]
11
11
  },
12
+ "c_overflow_menu_RowGap": {
13
+ "name": "--pf-v6-c-overflow-menu--RowGap",
14
+ "value": "1rem",
15
+ "values": [
16
+ "--pf-t--global--spacer--md",
17
+ "--pf-t--global--spacer--300",
18
+ "1rem"
19
+ ]
20
+ },
12
21
  "c_overflow_menu__group_ColumnGap": {
13
22
  "name": "--pf-v6-c-overflow-menu__group--ColumnGap",
14
23
  "value": "1rem",
@@ -18,6 +27,15 @@ export const c_overflow_menu = {
18
27
  "1rem"
19
28
  ]
20
29
  },
30
+ "c_overflow_menu__group_RowGap": {
31
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
32
+ "value": "1rem",
33
+ "values": [
34
+ "--pf-t--global--spacer--md",
35
+ "--pf-t--global--spacer--300",
36
+ "1rem"
37
+ ]
38
+ },
21
39
  "c_overflow_menu__group_m_button_group_ColumnGap": {
22
40
  "name": "--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap",
23
41
  "value": "0.5rem",
@@ -27,6 +45,15 @@ export const c_overflow_menu = {
27
45
  "0.5rem"
28
46
  ]
29
47
  },
48
+ "c_overflow_menu__group_m_button_group_RowGap": {
49
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
50
+ "value": "0.5rem",
51
+ "values": [
52
+ "--pf-t--global--spacer--sm",
53
+ "--pf-t--global--spacer--200",
54
+ "0.5rem"
55
+ ]
56
+ },
30
57
  "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
31
58
  "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap",
32
59
  "value": "0.25rem",
@@ -35,6 +62,15 @@ export const c_overflow_menu = {
35
62
  "--pf-t--global--spacer--100",
36
63
  "0.25rem"
37
64
  ]
65
+ },
66
+ "c_overflow_menu__group_m_icon_button_group_RowGap": {
67
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
68
+ "value": "0.25rem",
69
+ "values": [
70
+ "--pf-t--global--spacer--xs",
71
+ "--pf-t--global--spacer--100",
72
+ "0.25rem"
73
+ ]
38
74
  }
39
75
  }
40
76
  };
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu--RowGap)"
5
+ };
6
+ export default c_overflow_menu_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu_RowGap = {
2
+ "name": "--pf-v6-c-overflow-menu--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu--RowGap)"
5
+ };
6
+ export default c_overflow_menu_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_RowGap = {
2
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_button_group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_button_group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_button_group_RowGap = {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_button_group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_icon_button_group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
3
+ "value": "0.25rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_icon_button_group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_icon_button_group_RowGap = {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
3
+ "value": "0.25rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_icon_button_group_RowGap;
@@ -1535,7 +1535,7 @@ export const c_page: {
1535
1535
  ]
1536
1536
  }
1537
1537
  },
1538
- ".pf-v6-c-page.pf-m-dock": {
1538
+ ".pf-v6-c-page.pf-m-docked": {
1539
1539
  "c_page_masthead_main_container_GridArea": {
1540
1540
  "name": "--pf-v6-c-page--masthead--main-container--GridArea",
1541
1541
  "value": "main"
@@ -1651,7 +1651,7 @@ export const c_page: {
1651
1651
  "value": "1"
1652
1652
  }
1653
1653
  },
1654
- ".pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead": {
1654
+ ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1655
1655
  "c_masthead_m_display_inline_GridTemplateColumns": {
1656
1656
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
1657
1657
  "value": "min-content 1fr",
@@ -1535,7 +1535,7 @@ export const c_page = {
1535
1535
  ]
1536
1536
  }
1537
1537
  },
1538
- ".pf-v6-c-page.pf-m-dock": {
1538
+ ".pf-v6-c-page.pf-m-docked": {
1539
1539
  "c_page_masthead_main_container_GridArea": {
1540
1540
  "name": "--pf-v6-c-page--masthead--main-container--GridArea",
1541
1541
  "value": "main"
@@ -1651,7 +1651,7 @@ export const c_page = {
1651
1651
  "value": "1"
1652
1652
  }
1653
1653
  },
1654
- ".pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead": {
1654
+ ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1655
1655
  "c_masthead_m_display_inline_GridTemplateColumns": {
1656
1656
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
1657
1657
  "value": "min-content 1fr",
@@ -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;