@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
@@ -11,6 +11,15 @@ exports.c_overflow_menu = {
11
11
  "1rem"
12
12
  ]
13
13
  },
14
+ "c_overflow_menu_RowGap": {
15
+ "name": "--pf-v6-c-overflow-menu--RowGap",
16
+ "value": "1rem",
17
+ "values": [
18
+ "--pf-t--global--spacer--md",
19
+ "--pf-t--global--spacer--300",
20
+ "1rem"
21
+ ]
22
+ },
14
23
  "c_overflow_menu__group_ColumnGap": {
15
24
  "name": "--pf-v6-c-overflow-menu__group--ColumnGap",
16
25
  "value": "1rem",
@@ -20,6 +29,15 @@ exports.c_overflow_menu = {
20
29
  "1rem"
21
30
  ]
22
31
  },
32
+ "c_overflow_menu__group_RowGap": {
33
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
34
+ "value": "1rem",
35
+ "values": [
36
+ "--pf-t--global--spacer--md",
37
+ "--pf-t--global--spacer--300",
38
+ "1rem"
39
+ ]
40
+ },
23
41
  "c_overflow_menu__group_m_button_group_ColumnGap": {
24
42
  "name": "--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap",
25
43
  "value": "0.5rem",
@@ -29,6 +47,15 @@ exports.c_overflow_menu = {
29
47
  "0.5rem"
30
48
  ]
31
49
  },
50
+ "c_overflow_menu__group_m_button_group_RowGap": {
51
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
52
+ "value": "0.5rem",
53
+ "values": [
54
+ "--pf-t--global--spacer--sm",
55
+ "--pf-t--global--spacer--200",
56
+ "0.5rem"
57
+ ]
58
+ },
32
59
  "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
33
60
  "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap",
34
61
  "value": "0.25rem",
@@ -37,6 +64,15 @@ exports.c_overflow_menu = {
37
64
  "--pf-t--global--spacer--100",
38
65
  "0.25rem"
39
66
  ]
67
+ },
68
+ "c_overflow_menu__group_m_icon_button_group_RowGap": {
69
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
70
+ "value": "0.25rem",
71
+ "values": [
72
+ "--pf-t--global--spacer--xs",
73
+ "--pf-t--global--spacer--100",
74
+ "0.25rem"
75
+ ]
40
76
  }
41
77
  }
42
78
  };
@@ -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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu--RowGap",
5
+ "value": "1rem",
6
+ "var": "var(--pf-v6-c-overflow-menu--RowGap)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
5
+ "value": "1rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--RowGap)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_m_button_group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
5
+ "value": "0.5rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_m_icon_button_group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
5
+ "value": "0.25rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap)"
7
+ };
8
+ exports["default"] = exports.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",
package/dist/js/c_page.js CHANGED
@@ -1537,7 +1537,7 @@ exports.c_page = {
1537
1537
  ]
1538
1538
  }
1539
1539
  },
1540
- ".pf-v6-c-page.pf-m-dock": {
1540
+ ".pf-v6-c-page.pf-m-docked": {
1541
1541
  "c_page_masthead_main_container_GridArea": {
1542
1542
  "name": "--pf-v6-c-page--masthead--main-container--GridArea",
1543
1543
  "value": "main"
@@ -1653,7 +1653,7 @@ exports.c_page = {
1653
1653
  "value": "1"
1654
1654
  }
1655
1655
  },
1656
- ".pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead": {
1656
+ ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1657
1657
  "c_masthead_m_display_inline_GridTemplateColumns": {
1658
1658
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
1659
1659
  "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;
@@ -30,11 +30,11 @@ exports.c_panel = {
30
30
  },
31
31
  "c_panel_BorderRadius": {
32
32
  "name": "--pf-v6-c-panel--BorderRadius",
33
- "value": "6px",
33
+ "value": "16px",
34
34
  "values": [
35
- "--pf-t--global--border--radius--small",
36
- "--pf-t--global--border--radius--200",
37
- "6px"
35
+ "--pf-t--global--border--radius--medium",
36
+ "--pf-t--global--border--radius--300",
37
+ "16px"
38
38
  ]
39
39
  },
40
40
  "c_panel_before_BorderWidth": {
@@ -86,6 +86,10 @@ exports.c_panel = {
86
86
  "#c7c7c7"
87
87
  ]
88
88
  },
89
+ "c_panel_m_no_border_before_BorderWidth": {
90
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
91
+ "value": "0"
92
+ },
89
93
  "c_panel_m_raised_BoxShadow": {
90
94
  "name": "--pf-v6-c-panel--m-raised--BoxShadow",
91
95
  "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
@@ -114,6 +118,15 @@ exports.c_panel = {
114
118
  "0px"
115
119
  ]
116
120
  },
121
+ "c_panel_m_raised_BorderRadius": {
122
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
123
+ "value": "6px",
124
+ "values": [
125
+ "--pf-t--global--border--radius--small",
126
+ "--pf-t--global--border--radius--200",
127
+ "6px"
128
+ ]
129
+ },
117
130
  "c_panel__header_PaddingBlockStart": {
118
131
  "name": "--pf-v6-c-panel__header--PaddingBlockStart",
119
132
  "value": "1rem",
@@ -160,11 +173,11 @@ exports.c_panel = {
160
173
  },
161
174
  "c_panel__main_body_PaddingBlockStart": {
162
175
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
163
- "value": "1rem",
176
+ "value": "1.5rem",
164
177
  "values": [
165
- "--pf-t--global--spacer--md",
166
- "--pf-t--global--spacer--300",
167
- "1rem"
178
+ "--pf-t--global--spacer--lg",
179
+ "--pf-t--global--spacer--400",
180
+ "1.5rem"
168
181
  ]
169
182
  },
170
183
  "c_panel__main_body_PaddingInlineEnd": {
@@ -178,11 +191,11 @@ exports.c_panel = {
178
191
  },
179
192
  "c_panel__main_body_PaddingBlockEnd": {
180
193
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
181
- "value": "1rem",
194
+ "value": "1.5rem",
182
195
  "values": [
183
- "--pf-t--global--spacer--md",
184
- "--pf-t--global--spacer--300",
185
- "1rem"
196
+ "--pf-t--global--spacer--lg",
197
+ "--pf-t--global--spacer--400",
198
+ "1.5rem"
186
199
  ]
187
200
  },
188
201
  "c_panel__main_body_PaddingInlineStart": {
@@ -242,6 +255,15 @@ exports.c_panel = {
242
255
  "name": "--pf-v6-c-panel__footer--BorderWidth",
243
256
  "value": "0"
244
257
  },
258
+ "c_panel_m_pill_BorderRadius": {
259
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
260
+ "value": "999px",
261
+ "values": [
262
+ "--pf-t--global--border--radius--pill",
263
+ "--pf-t--global--border--radius--500",
264
+ "999px"
265
+ ]
266
+ },
245
267
  "c_panel_m_scrollable__main_MaxHeight": {
246
268
  "name": "--pf-v6-c-panel--m-scrollable__main--MaxHeight",
247
269
  "value": "18.75rem"
@@ -422,6 +444,16 @@ exports.c_panel = {
422
444
  "--pf-t--global--border--width--high-contrast--regular",
423
445
  "0px"
424
446
  ]
447
+ },
448
+ "c_panel_BorderRadius": {
449
+ "name": "--pf-v6-c-panel--BorderRadius",
450
+ "value": "6px",
451
+ "values": [
452
+ "--pf-v6-c-panel--m-raised--BorderRadius",
453
+ "--pf-t--global--border--radius--small",
454
+ "--pf-t--global--border--radius--200",
455
+ "6px"
456
+ ]
425
457
  }
426
458
  },
427
459
  ".pf-v6-c-panel.pf-m-scrollable": {
@@ -491,7 +523,13 @@ exports.c_panel = {
491
523
  ]
492
524
  }
493
525
  },
494
- ".pf-v6-c-panel.pf-m-glass": {
526
+ ".pf-v6-c-panel.pf-m-scrollable-auto-height": {
527
+ "c_panel__main_MaxHeight": {
528
+ "name": "--pf-v6-c-panel__main--MaxHeight",
529
+ "value": "100%"
530
+ }
531
+ },
532
+ ":where(.pf-v6-theme-glass) .pf-v6-c-panel.pf-m-glass": {
495
533
  "c_panel_BackgroundColor": {
496
534
  "name": "--pf-v6-c-panel--BackgroundColor",
497
535
  "value": "initial",
@@ -540,6 +578,28 @@ exports.c_panel = {
540
578
  "initial"
541
579
  ]
542
580
  }
581
+ },
582
+ ".pf-v6-c-panel.pf-m-no-border": {
583
+ "c_panel_before_BorderWidth": {
584
+ "name": "--pf-v6-c-panel--before--BorderWidth",
585
+ "value": "0",
586
+ "values": [
587
+ "--pf-v6-c-panel--m-no-border--before--BorderWidth",
588
+ "0"
589
+ ]
590
+ }
591
+ },
592
+ ".pf-v6-c-panel.pf-m-pill": {
593
+ "c_panel_BorderRadius": {
594
+ "name": "--pf-v6-c-panel--BorderRadius",
595
+ "value": "999px",
596
+ "values": [
597
+ "--pf-v6-c-panel--m-pill--BorderRadius",
598
+ "--pf-t--global--border--radius--pill",
599
+ "--pf-t--global--border--radius--500",
600
+ "999px"
601
+ ]
602
+ }
543
603
  }
544
604
  };
545
605
  exports["default"] = exports.c_panel;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_BorderRadius: {
2
2
  "name": "--pf-v6-c-panel--BorderRadius",
3
- "value": "initial",
3
+ "value": "999px",
4
4
  "var": "var(--pf-v6-c-panel--BorderRadius)"
5
5
  };
6
6
  export default c_panel_BorderRadius;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel_BorderRadius = {
4
4
  "name": "--pf-v6-c-panel--BorderRadius",
5
- "value": "initial",
5
+ "value": "999px",
6
6
  "var": "var(--pf-v6-c-panel--BorderRadius)"
7
7
  };
8
8
  exports["default"] = exports.c_panel_BorderRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_MaxHeight: {
2
2
  "name": "--pf-v6-c-panel__main--MaxHeight",
3
- "value": "18.75rem",
3
+ "value": "100%",
4
4
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
5
5
  };
6
6
  export default c_panel__main_MaxHeight;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_MaxHeight = {
4
4
  "name": "--pf-v6-c-panel__main--MaxHeight",
5
- "value": "18.75rem",
5
+ "value": "100%",
6
6
  "var": "var(--pf-v6-c-panel__main--MaxHeight)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_MaxHeight;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_body_PaddingBlockEnd: {
2
2
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
3
- "value": "1rem",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_panel__main_body_PaddingBlockEnd;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_body_PaddingBlockEnd = {
4
4
  "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
5
- "value": "1rem",
5
+ "value": "1.5rem",
6
6
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockEnd)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_body_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_panel__main_body_PaddingBlockStart: {
2
2
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
3
- "value": "1rem",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockStart)"
5
5
  };
6
6
  export default c_panel__main_body_PaddingBlockStart;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel__main_body_PaddingBlockStart = {
4
4
  "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
5
- "value": "1rem",
5
+ "value": "1.5rem",
6
6
  "var": "var(--pf-v6-c-panel__main-body--PaddingBlockStart)"
7
7
  };
8
8
  exports["default"] = exports.c_panel__main_body_PaddingBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_panel_before_BorderWidth: {
2
2
  "name": "--pf-v6-c-panel--before--BorderWidth",
3
- "value": "initial",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-panel--before--BorderWidth)"
5
5
  };
6
6
  export default c_panel_before_BorderWidth;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_panel_before_BorderWidth = {
4
4
  "name": "--pf-v6-c-panel--before--BorderWidth",
5
- "value": "initial",
5
+ "value": "0",
6
6
  "var": "var(--pf-v6-c-panel--before--BorderWidth)"
7
7
  };
8
8
  exports["default"] = exports.c_panel_before_BorderWidth;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_no_border_before_BorderWidth: {
2
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-panel--m-no-border--before--BorderWidth)"
5
+ };
6
+ export default c_panel_m_no_border_before_BorderWidth;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_no_border_before_BorderWidth = {
4
+ "name": "--pf-v6-c-panel--m-no-border--before--BorderWidth",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-panel--m-no-border--before--BorderWidth)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_no_border_before_BorderWidth;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_pill_BorderRadius: {
2
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
3
+ "value": "999px",
4
+ "var": "var(--pf-v6-c-panel--m-pill--BorderRadius)"
5
+ };
6
+ export default c_panel_m_pill_BorderRadius;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_pill_BorderRadius = {
4
+ "name": "--pf-v6-c-panel--m-pill--BorderRadius",
5
+ "value": "999px",
6
+ "var": "var(--pf-v6-c-panel--m-pill--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_pill_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_panel_m_raised_BorderRadius: {
2
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
3
+ "value": "6px",
4
+ "var": "var(--pf-v6-c-panel--m-raised--BorderRadius)"
5
+ };
6
+ export default c_panel_m_raised_BorderRadius;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_panel_m_raised_BorderRadius = {
4
+ "name": "--pf-v6-c-panel--m-raised--BorderRadius",
5
+ "value": "6px",
6
+ "var": "var(--pf-v6-c-panel--m-raised--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.c_panel_m_raised_BorderRadius;