@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
package/dist/js/c_card.js CHANGED
@@ -44,16 +44,6 @@ exports.c_card = {
44
44
  "16px"
45
45
  ]
46
46
  },
47
- "c_card_BoxShadow": {
48
- "name": "--pf-v6-c-card--BoxShadow",
49
- "value": "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)",
50
- "values": [
51
- "--pf-t--global--box-shadow--sm",
52
- "--pf-t--global--box-shadow--X--sm--default\n --pf-t--global--box-shadow--Y--sm--default\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--default\n --pf-t--global--box-shadow--color--sm--default",
53
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--500\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
54
- "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)"
55
- ]
56
- },
57
47
  "c_card_first_child_PaddingBlockStart": {
58
48
  "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
59
49
  "value": "1.5rem",
@@ -686,10 +676,6 @@ exports.c_card = {
686
676
  "name": "--pf-v6-c-card--m-plain--BackgroundColor",
687
677
  "value": "transparent"
688
678
  },
689
- "c_card_m_plain_BoxShadow": {
690
- "name": "--pf-v6-c-card--m-plain--BoxShadow",
691
- "value": "none"
692
- },
693
679
  "c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
694
680
  "name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
695
681
  "value": "calc(0.5rem * -1)",
@@ -775,6 +761,35 @@ exports.c_card = {
775
761
  ]
776
762
  }
777
763
  },
764
+ ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
765
+ "c_card_BackgroundColor": {
766
+ "name": "--pf-v6-c-card--BackgroundColor",
767
+ "value": "initial",
768
+ "values": [
769
+ "--pf-v6-c-card--m-glass--BackgroundColor",
770
+ "--pf-t--global--background--color--glass--primary--default",
771
+ "initial"
772
+ ]
773
+ },
774
+ "c_card_BorderColor": {
775
+ "name": "--pf-v6-c-card--BorderColor",
776
+ "value": "initial",
777
+ "values": [
778
+ "--pf-v6-c-card--m-glass--BorderColor",
779
+ "--pf-t--global--border--color--glass--default",
780
+ "initial"
781
+ ]
782
+ },
783
+ "c_card_BorderWidth": {
784
+ "name": "--pf-v6-c-card--BorderWidth",
785
+ "value": "initial",
786
+ "values": [
787
+ "--pf-v6-c-card--m-glass--BorderWidth",
788
+ "--pf-t--global--border--width--glass--default",
789
+ "initial"
790
+ ]
791
+ }
792
+ },
778
793
  ".pf-v6-c-card.pf-m-selectable": {
779
794
  "c_card_BorderColor": {
780
795
  "name": "--pf-v6-c-card--BorderColor",
@@ -1170,58 +1185,51 @@ exports.c_card = {
1170
1185
  "--pf-v6-c-card--m-plain--BackgroundColor",
1171
1186
  "transparent"
1172
1187
  ]
1173
- },
1174
- "c_card_BoxShadow": {
1175
- "name": "--pf-v6-c-card--BoxShadow",
1176
- "value": "none",
1177
- "values": [
1178
- "--pf-v6-c-card--m-plain--BoxShadow",
1179
- "none"
1180
- ]
1181
1188
  }
1182
1189
  },
1183
- ".pf-v6-c-card.pf-m-glass": {
1184
- "c_card_BackgroundColor": {
1185
- "name": "--pf-v6-c-card--BackgroundColor",
1186
- "value": "initial",
1187
- "values": [
1188
- "--pf-v6-c-card--m-glass--BackgroundColor",
1189
- "--pf-t--global--background--color--glass--primary--default",
1190
- "initial"
1191
- ]
1192
- },
1190
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
1193
1191
  "c_card_BorderColor": {
1194
1192
  "name": "--pf-v6-c-card--BorderColor",
1195
- "value": "initial",
1193
+ "value": "#8c8c8c",
1196
1194
  "values": [
1197
- "--pf-v6-c-card--m-glass--BorderColor",
1198
- "--pf-t--global--border--color--glass--default",
1199
- "initial"
1195
+ "--pf-v6-c-card--m-selectable--BorderColor",
1196
+ "--pf-t--global--border--color--control--default",
1197
+ "--pf-t--global--border--color--300",
1198
+ "--pf-t--color--gray--45",
1199
+ "#8c8c8c"
1200
1200
  ]
1201
1201
  },
1202
1202
  "c_card_BorderWidth": {
1203
1203
  "name": "--pf-v6-c-card--BorderWidth",
1204
- "value": "initial",
1204
+ "value": "1px",
1205
1205
  "values": [
1206
- "--pf-v6-c-card--m-glass--BorderWidth",
1207
- "--pf-t--global--border--width--glass--default",
1208
- "initial"
1206
+ "--pf-v6-c-card--m-selectable--BorderWidth",
1207
+ "--pf-t--global--border--width--box--default",
1208
+ "--pf-t--global--border--width--100",
1209
+ "1px"
1210
+ ]
1211
+ }
1212
+ },
1213
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
1214
+ "c_card_BorderColor": {
1215
+ "name": "--pf-v6-c-card--BorderColor",
1216
+ "value": "#0066cc",
1217
+ "values": [
1218
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
1219
+ "--pf-t--global--border--color--clicked",
1220
+ "--pf-t--global--color--brand--200",
1221
+ "--pf-t--color--blue--50",
1222
+ "#0066cc"
1209
1223
  ]
1210
1224
  },
1211
- "c_card_BorderStyle": {
1212
- "name": "--pf-v6-c-card--BorderStyle",
1213
- "value": "solid"
1214
- },
1215
- "c_card_BoxShadow": {
1216
- "name": "--pf-v6-c-card--BoxShadow",
1217
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
1225
+ "c_card_BorderWidth": {
1226
+ "name": "--pf-v6-c-card--BorderWidth",
1227
+ "value": "3px",
1218
1228
  "values": [
1219
- "--pf-v6-c-card--m-glass--BoxShadow",
1220
- "--pf-t--global--box-shadow--glass--default",
1221
- "--pf-t--global--box-shadow--md",
1222
- "--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",
1223
- "--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",
1224
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
1229
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
1230
+ "--pf-t--global--border--width--box--clicked",
1231
+ "--pf-t--global--border--width--300",
1232
+ "3px"
1225
1233
  ]
1226
1234
  }
1227
1235
  },
@@ -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",
@@ -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"
@@ -1304,7 +1304,7 @@ exports.c_drawer = {
1304
1304
  ]
1305
1305
  }
1306
1306
  },
1307
- ".pf-v6-c-drawer__section.pf-m-no-background": {
1307
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": {
1308
1308
  "c_drawer__section_BackgroundColor": {
1309
1309
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
1310
1310
  "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
  };