@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
@@ -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",
@@ -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",
@@ -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",
@@ -140,6 +140,7 @@ exports.c_drawer = {
140
140
  "name": "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
141
141
  "value": "#f2f2f2",
142
142
  "values": [
143
+ "--pf-t--global--background--color--floating--secondary--default",
143
144
  "--pf-t--global--background--color--secondary--default",
144
145
  "--pf-t--global--background--color--200",
145
146
  "--pf-t--color--gray--10",
@@ -348,12 +349,12 @@ exports.c_drawer = {
348
349
  },
349
350
  "c_drawer_m_pill__panel_BorderColor": {
350
351
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
351
- "value": "#c7c7c7",
352
+ "value": "#e0e0e0",
352
353
  "values": [
353
- "--pf-t--global--border--color--default",
354
- "--pf-t--global--border--color--100",
355
- "--pf-t--color--gray--30",
356
- "#c7c7c7"
354
+ "--pf-t--global--border--color--subtle",
355
+ "--pf-t--global--border--color--50",
356
+ "--pf-t--color--gray--20",
357
+ "#e0e0e0"
357
358
  ]
358
359
  },
359
360
  "c_drawer_m_pill__panel_BorderRadius": {
@@ -375,6 +376,16 @@ exports.c_drawer = {
375
376
  "1.5rem"
376
377
  ]
377
378
  },
379
+ "c_drawer_m_pill_m_expanded__panel_BoxShadow": {
380
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
381
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
382
+ "values": [
383
+ "--pf-t--global--box-shadow--md",
384
+ "--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",
385
+ "--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",
386
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
387
+ ]
388
+ },
378
389
  "c_drawer__panel_m_glass_BackgroundColor": {
379
390
  "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
380
391
  "value": "initial",
@@ -1342,6 +1353,7 @@ exports.c_drawer = {
1342
1353
  "value": "#f2f2f2",
1343
1354
  "values": [
1344
1355
  "--pf-v6-c-drawer__panel--m-secondary--BackgroundColor",
1356
+ "--pf-t--global--background--color--floating--secondary--default",
1345
1357
  "--pf-t--global--background--color--secondary--default",
1346
1358
  "--pf-t--global--background--color--200",
1347
1359
  "--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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_drawer_m_pill__panel_BorderColor = {
4
4
  "name": "--pf-v6-c-drawer--m-pill__panel--BorderColor",
5
- "value": "#c7c7c7",
5
+ "value": "#e0e0e0",
6
6
  "var": "var(--pf-v6-c-drawer--m-pill__panel--BorderColor)"
7
7
  };
8
8
  exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_drawer_m_pill_m_expanded__panel_BoxShadow = {
4
+ "name": "--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow",
5
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
6
+ "var": "var(--pf-v6-c-drawer--m-pill--m-expanded__panel--BoxShadow)"
7
+ };
8
+ exports["default"] = exports.c_drawer_m_pill_m_expanded__panel_BoxShadow;