@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (227) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/assets/images/pf_logo_white.svg +2 -2
  4. package/css/components/AboutModalBox/about-modal-box.css +1 -1
  5. package/css/components/Alert/alert-group.css +1 -1
  6. package/css/components/Alert/alert.css +5 -5
  7. package/css/components/AppLauncher/app-launcher.css +1 -1
  8. package/css/components/Backdrop/backdrop.css +1 -1
  9. package/css/components/Banner/banner.css +1 -1
  10. package/css/components/Breadcrumb/breadcrumb.css +2 -2
  11. package/css/components/Button/button.css +3 -3
  12. package/css/components/Card/card.css +6 -6
  13. package/css/components/Check/check.css +2 -2
  14. package/css/components/Content/content.css +1 -1
  15. package/css/components/ContextSelector/context-selector.css +1 -1
  16. package/css/components/DataList/data-list.css +17 -17
  17. package/css/components/DatePicker/date-picker.css +1 -1
  18. package/css/components/Divider/divider.css +57 -57
  19. package/css/components/Drawer/drawer.css +11 -10
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/Dropdown/dropdown.css +2 -2
  24. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  25. package/css/components/Form/form.css +1 -1
  26. package/css/components/FormControl/form-control.css +3 -3
  27. package/css/components/Hint/hint.css +1 -1
  28. package/css/components/JumpLinks/jump-links.css +3 -3
  29. package/css/components/Label/label.css +14 -0
  30. package/css/components/Label/label.d.ts +2 -1
  31. package/css/components/Label/label.js +2 -1
  32. package/css/components/Label/label.mjs +2 -1
  33. package/css/components/List/list.css +1 -1
  34. package/css/components/Masthead/masthead.css +70 -70
  35. package/css/components/Menu/menu.css +24 -24
  36. package/css/components/MenuToggle/menu-toggle.css +25 -1
  37. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  38. package/css/components/MenuToggle/menu-toggle.js +4 -0
  39. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  40. package/css/components/ModalBox/modal-box.css +1 -1
  41. package/css/components/Nav/nav.css +4 -2
  42. package/css/components/Nav/nav.d.ts +1 -0
  43. package/css/components/Nav/nav.js +1 -0
  44. package/css/components/Nav/nav.mjs +1 -0
  45. package/css/components/NotificationDrawer/notification-drawer.css +2 -2
  46. package/css/components/OptionsMenu/options-menu.css +1 -1
  47. package/css/components/Page/page.css +50 -49
  48. package/css/components/Page/page.d.ts +1 -0
  49. package/css/components/Page/page.js +1 -0
  50. package/css/components/Page/page.mjs +1 -0
  51. package/css/components/Pagination/pagination.css +30 -30
  52. package/css/components/Panel/panel.css +1 -1
  53. package/css/components/Popover/popover.css +1 -1
  54. package/css/components/ProgressStepper/progress-stepper.css +2 -2
  55. package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
  56. package/css/components/ProgressStepper/progress-stepper.js +2 -2
  57. package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
  58. package/css/components/Select/select.css +1 -1
  59. package/css/components/Sidebar/sidebar.css +86 -86
  60. package/css/components/Sidebar/sidebar.d.ts +1 -2
  61. package/css/components/Sidebar/sidebar.js +1 -2
  62. package/css/components/Sidebar/sidebar.mjs +1 -2
  63. package/css/components/SkipToContent/skip-to-content.css +1 -1
  64. package/css/components/Slider/slider.css +1 -1
  65. package/css/components/Table/table-scrollable.css +13 -16
  66. package/css/components/Table/table-tree-view.css +0 -2
  67. package/css/components/Table/table.css +129 -103
  68. package/css/components/Table/table.d.ts +3 -1
  69. package/css/components/Table/table.js +3 -1
  70. package/css/components/Table/table.mjs +3 -1
  71. package/css/components/Tabs/tabs.css +91 -91
  72. package/css/components/ToggleGroup/toggle-group.css +5 -5
  73. package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
  74. package/css/components/ToggleGroup/toggle-group.js +1 -2
  75. package/css/components/ToggleGroup/toggle-group.mjs +1 -2
  76. package/css/components/Toolbar/toolbar.css +322 -306
  77. package/css/components/Toolbar/toolbar.d.ts +3 -0
  78. package/css/components/Toolbar/toolbar.js +3 -0
  79. package/css/components/Toolbar/toolbar.mjs +3 -0
  80. package/css/components/TreeView/tree-view.css +1 -1
  81. package/css/components/Wizard/wizard.css +4 -4
  82. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  83. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  84. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  85. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  86. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  87. package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
  88. package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
  89. package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
  90. package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
  91. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  92. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  93. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  94. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  95. package/css/docs/components/Table/examples/Table.css +6 -8
  96. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  97. package/css/docs/components/Table/examples/Table.js +1 -1
  98. package/css/docs/components/Table/examples/Table.mjs +1 -1
  99. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  100. package/css/docs/components/Tile/examples/Tile.css +5 -5
  101. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  102. package/css/docs/components/Tile/examples/Tile.js +1 -1
  103. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  104. package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
  105. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  106. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  107. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  108. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  109. package/css/docs/components/Truncate/examples/Truncate.css +1 -1
  110. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  111. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  112. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  113. package/css/docs/demos/Card/examples/Card.css +6 -6
  114. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  115. package/css/docs/demos/Card/examples/Card.js +2 -2
  116. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  117. package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  118. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
  119. package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
  120. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
  121. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  122. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  123. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  124. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  125. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  126. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  127. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  128. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  129. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  130. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  131. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  132. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  133. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  134. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  135. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  136. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  137. package/css/docs/layouts/Level/examples/Level.css +5 -5
  138. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  139. package/css/docs/layouts/Level/examples/Level.js +2 -2
  140. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  141. package/css/docs/layouts/Split/examples/Split.css +4 -4
  142. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  143. package/css/docs/layouts/Split/examples/Split.js +2 -2
  144. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  145. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  146. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  147. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  148. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  149. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  150. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  151. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  152. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  153. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  154. package/css/docs/utilities/Display/examples/Display.css +8 -8
  155. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  156. package/css/docs/utilities/Display/examples/Display.js +8 -8
  157. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  158. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  159. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  160. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  161. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  162. package/css/docs/utilities/Float/examples/Float.css +2 -2
  163. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  164. package/css/docs/utilities/Float/examples/Float.js +2 -2
  165. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  166. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  167. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  168. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  169. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  170. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  171. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  172. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  173. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  174. package/css/layouts/Bullseye/bullseye.css +5 -1
  175. package/css/layouts/Flex/flex.css +207 -203
  176. package/css/layouts/Gallery/gallery.css +6 -2
  177. package/css/layouts/Grid/grid.css +6 -2
  178. package/css/layouts/Level/level.css +5 -1
  179. package/css/layouts/Split/split.css +5 -1
  180. package/css/layouts/Stack/stack.css +5 -1
  181. package/css/utilities/Alignment/alignment.css +24 -24
  182. package/css/utilities/Alignment/alignment.d.ts +12 -12
  183. package/css/utilities/Alignment/alignment.js +12 -12
  184. package/css/utilities/Alignment/alignment.mjs +12 -12
  185. package/css/utilities/BackgroundColor/BackgroundColor.css +36 -383
  186. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -97
  187. package/css/utilities/BackgroundColor/BackgroundColor.js +18 -97
  188. package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -97
  189. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  190. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  191. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  192. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  193. package/css/utilities/Float/float.css +24 -24
  194. package/css/utilities/Float/float.d.ts +12 -12
  195. package/css/utilities/Float/float.js +12 -12
  196. package/css/utilities/Float/float.mjs +12 -12
  197. package/css/utilities/Sizing/sizing.css +28 -28
  198. package/css/utilities/Spacing/spacing.css +672 -672
  199. package/css/utilities/Text/text.css +393 -636
  200. package/css/utilities/Text/text.d.ts +169 -197
  201. package/css/utilities/Text/text.js +169 -197
  202. package/css/utilities/Text/text.mjs +169 -197
  203. package/package.json +3 -3
  204. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  205. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  206. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  207. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  208. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  209. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  210. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  211. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  212. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  213. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  214. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  215. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  216. package/css/docs/utilities/Text/examples/Text.css +0 -0
  217. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  218. package/css/docs/utilities/Text/examples/Text.js +0 -4
  219. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  220. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  221. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  222. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  223. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  224. package/css/utilities/Text/themes/dark/text.css +0 -0
  225. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  226. package/css/utilities/Text/themes/dark/text.js +0 -4
  227. package/css/utilities/Text/themes/dark/text.mjs +0 -2
@@ -48,7 +48,7 @@
48
48
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
49
49
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
50
50
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
51
- --pf-v6-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
51
+ --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
52
52
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
53
53
  --pf-v6-c-sidebar__panel--Top: 0;
54
54
  --pf-v6-c-sidebar__panel--md--Top: auto;
@@ -59,7 +59,7 @@
59
59
  --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
60
60
  --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
61
61
  --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
62
- --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
62
+ --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
63
63
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
64
64
  --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
65
65
  --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -200,146 +200,146 @@
200
200
  background-color: transparent;
201
201
  }
202
202
 
203
- .pf-v5-c-sidebar__panel.pf-m-width-default {
204
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
203
+ .pf-v6-c-sidebar__panel.pf-m-width-default {
204
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
205
205
  }
206
206
 
207
- .pf-v5-c-sidebar__panel.pf-m-width-25 {
208
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
207
+ .pf-v6-c-sidebar__panel.pf-m-width-25 {
208
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
209
209
  }
210
210
 
211
- .pf-v5-c-sidebar__panel.pf-m-width-33 {
212
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
211
+ .pf-v6-c-sidebar__panel.pf-m-width-33 {
212
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
213
213
  }
214
214
 
215
- .pf-v5-c-sidebar__panel.pf-m-width-50 {
216
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
215
+ .pf-v6-c-sidebar__panel.pf-m-width-50 {
216
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
217
217
  }
218
218
 
219
- .pf-v5-c-sidebar__panel.pf-m-width-66 {
220
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
219
+ .pf-v6-c-sidebar__panel.pf-m-width-66 {
220
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
221
221
  }
222
222
 
223
- .pf-v5-c-sidebar__panel.pf-m-width-75 {
224
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
223
+ .pf-v6-c-sidebar__panel.pf-m-width-75 {
224
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
225
225
  }
226
226
 
227
- .pf-v5-c-sidebar__panel.pf-m-width-100 {
228
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
227
+ .pf-v6-c-sidebar__panel.pf-m-width-100 {
228
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
229
229
  }
230
230
 
231
231
  @media (min-width: 576px) {
232
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-sm {
233
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
232
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
233
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
234
234
  }
235
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
236
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
235
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
236
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
237
237
  }
238
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
239
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
238
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
239
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
240
240
  }
241
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
242
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
241
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
242
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
243
243
  }
244
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
245
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
244
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
245
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
246
246
  }
247
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
248
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
247
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
248
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
249
249
  }
250
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
251
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
250
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
251
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
252
252
  }
253
253
  }
254
254
  @media (min-width: 768px) {
255
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
256
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
255
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
256
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
257
257
  }
258
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
259
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
258
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
259
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
260
260
  }
261
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
262
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
261
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
262
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
263
263
  }
264
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
265
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
264
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
265
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
266
266
  }
267
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
268
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
267
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
268
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
269
269
  }
270
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
271
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
270
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
271
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
272
272
  }
273
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
274
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
273
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
274
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
275
275
  }
276
276
  }
277
277
  @media (min-width: 992px) {
278
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-lg {
279
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
278
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
279
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
280
280
  }
281
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
282
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
281
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
282
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
283
283
  }
284
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
285
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
284
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
285
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
286
286
  }
287
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
288
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
287
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
288
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
289
289
  }
290
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
291
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
290
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
291
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
292
292
  }
293
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
294
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
293
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
294
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
295
295
  }
296
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
297
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
296
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
297
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
298
298
  }
299
299
  }
300
300
  @media (min-width: 1200px) {
301
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
302
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
301
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
302
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
303
303
  }
304
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
305
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
304
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
305
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
306
306
  }
307
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
308
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
307
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
308
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
309
309
  }
310
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
311
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
310
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
311
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
312
312
  }
313
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
314
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
313
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
314
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
315
315
  }
316
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
317
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
316
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
317
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
318
318
  }
319
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
320
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
319
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
320
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
321
321
  }
322
322
  }
323
323
  @media (min-width: 1450px) {
324
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
325
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
324
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
325
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
326
326
  }
327
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
328
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
327
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
328
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
329
329
  }
330
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
331
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
330
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
331
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
332
332
  }
333
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
334
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
333
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
334
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
335
335
  }
336
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
337
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
336
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
337
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
338
338
  }
339
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
340
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
339
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
340
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
341
341
  }
342
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
343
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
342
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
343
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
344
344
  }
345
345
  }
@@ -57,7 +57,6 @@ declare const _default: {
57
57
  "sidebar": "pf-v6-c-sidebar",
58
58
  "sidebarContent": "pf-v6-c-sidebar__content",
59
59
  "sidebarMain": "pf-v6-c-sidebar__main",
60
- "sidebarPanel": "pf-v6-c-sidebar__panel",
61
- "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
60
+ "sidebarPanel": "pf-v6-c-sidebar__panel"
62
61
  };
63
62
  export default _default;
@@ -59,6 +59,5 @@ exports.default = {
59
59
  "sidebar": "pf-v6-c-sidebar",
60
60
  "sidebarContent": "pf-v6-c-sidebar__content",
61
61
  "sidebarMain": "pf-v6-c-sidebar__main",
62
- "sidebarPanel": "pf-v6-c-sidebar__panel",
63
- "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
62
+ "sidebarPanel": "pf-v6-c-sidebar__panel"
64
63
  };
@@ -57,6 +57,5 @@ export default {
57
57
  "sidebar": "pf-v6-c-sidebar",
58
58
  "sidebarContent": "pf-v6-c-sidebar__content",
59
59
  "sidebarMain": "pf-v6-c-sidebar__main",
60
- "sidebarPanel": "pf-v6-c-sidebar__panel",
61
- "v5CSidebarPanel": "pf-v5-c-sidebar__panel"
60
+ "sidebarPanel": "pf-v6-c-sidebar__panel"
62
61
  };
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
3
- --pf-v6-c-skip-to-content--ZIndex: var(--pf-v6-global--ZIndex--2xl);
3
+ --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
4
4
  --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
5
5
  }
6
6
 
@@ -52,7 +52,7 @@
52
52
  --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
53
53
  --pf-v6-c-slider__value--m-floating--TranslateY: -100%;
54
54
  --pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
55
- --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--Zindex--sm);
55
+ --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
56
56
  --pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
57
57
  --pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
58
58
  --pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
@@ -1,8 +1,8 @@
1
1
  :where(:root),
2
2
  :where(.pf-v6-c-table) {
3
- --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
3
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4
4
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
5
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
5
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
6
6
  --pf-v6-c-table__sticky-cell--Right: auto;
7
7
  --pf-v6-c-table__sticky-cell--Left: auto;
8
8
  --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -14,36 +14,33 @@
14
14
  --pf-v6-c-table__sticky-cell--m-left--Left: 0;
15
15
  --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
16
16
  }
17
- :where(:root) .pf-v6-c-table__sticky-cell,
18
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell {
19
- --pf-v6-c-table--cell--Overflow: visible;
20
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
17
+
18
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
21
19
  position: sticky;
22
20
  inset-inline-start: var(--pf-v6-c-table__sticky-cell--Left);
23
21
  inset-inline-end: var(--pf-v6-c-table__sticky-cell--Right);
24
22
  z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
25
23
  min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
24
+ }
25
+
26
+ .pf-v6-c-table__sticky-cell {
27
+ --pf-v6-c-table--cell--Overflow: visible;
28
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
26
29
  background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
27
30
  background-clip: padding-box;
28
31
  }
29
- :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-right::before,
30
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
32
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
31
33
  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
32
34
  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
33
35
  }
34
- :where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-left::before,
35
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
36
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
36
37
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
37
38
  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
38
39
  }
39
- :where(:root) .pf-v6-c-table__sticky-cell.pf-m-right, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-end,
40
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
41
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
40
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
42
41
  --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
43
42
  }
44
- :where(:root) .pf-v6-c-table__sticky-cell.pf-m-left, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-start,
45
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
46
- :where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
43
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
47
44
  --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
48
45
  }
49
46
 
@@ -6,7 +6,6 @@
6
6
  --pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
7
7
  --pf-v6-c-table__tree-view-main--MarginLeft: calc(var(--pf-v6-c-table--cell--PaddingLeft) * -1);
8
8
  --pf-v6-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
9
- --pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
10
9
  --pf-v6-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
11
10
  --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
12
11
  --pf-v6-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
@@ -87,7 +86,6 @@
87
86
  margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginRight);
88
87
  }
89
88
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
90
- padding-inline-start: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft);
91
89
  padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight);
92
90
  margin-block-start: 0;
93
91
  margin-block-end: 0;