@patternfly/patternfly 6.1.0-prerelease.1 → 6.1.0-prerelease.11

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 (84) hide show
  1. package/README.md +5 -5
  2. package/components/Button/button.css +18 -2
  3. package/components/Button/button.scss +19 -3
  4. package/components/CodeEditor/code-editor.css +15 -0
  5. package/components/CodeEditor/code-editor.scss +16 -1
  6. package/components/Content/content.css +9 -0
  7. package/components/Content/content.scss +7 -0
  8. package/components/DataList/data-list.css +6 -0
  9. package/components/DataList/data-list.scss +7 -0
  10. package/components/Label/label-group.css +12 -0
  11. package/components/Label/label-group.scss +14 -0
  12. package/components/Label/label.css +5 -0
  13. package/components/Label/label.scss +5 -0
  14. package/components/Menu/menu.css +7 -3
  15. package/components/Menu/menu.scss +5 -3
  16. package/components/MenuToggle/menu-toggle.css +27 -11
  17. package/components/MenuToggle/menu-toggle.scss +24 -17
  18. package/components/Page/page.css +4 -1
  19. package/components/Page/page.scss +3 -2
  20. package/components/Table/table-grid.css +12 -12
  21. package/components/Table/table-grid.scss +4 -4
  22. package/components/Table/table-tree-view.css +4 -4
  23. package/components/Table/table-tree-view.scss +4 -4
  24. package/components/Table/table.css +10 -4
  25. package/components/Table/table.scss +13 -5
  26. package/components/Title/title.css +4 -0
  27. package/components/Title/title.scss +7 -0
  28. package/components/Wizard/wizard.css +1 -1
  29. package/components/Wizard/wizard.scss +1 -1
  30. package/components/_index.css +134 -38
  31. package/docs/components/Button/examples/Button.md +1 -1
  32. package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
  33. package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
  34. package/docs/components/Content/examples/Content.md +8 -7
  35. package/docs/components/DataList/examples/DataList.md +15 -13
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
  37. package/docs/components/Label/examples/Label.css +12 -0
  38. package/docs/components/Label/examples/Label.md +162 -0
  39. package/docs/components/Menu/examples/Menu.md +24 -32
  40. package/docs/components/MenuToggle/examples/MenuToggle.md +1309 -533
  41. package/docs/components/Page/examples/Page.css +1 -1
  42. package/docs/components/Page/examples/Page.md +10 -7
  43. package/docs/components/Table/examples/Table.md +469 -2769
  44. package/docs/components/Title/examples/Title.md +10 -0
  45. package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
  46. package/docs/demos/Alert/examples/Alert.md +6 -12
  47. package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
  48. package/docs/demos/Banner/examples/Banner.md +4 -8
  49. package/docs/demos/Card/examples/Card.css +4 -0
  50. package/docs/demos/Card/examples/Card.md +13 -21
  51. package/docs/demos/CardView/examples/CardView.md +2 -4
  52. package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
  53. package/docs/demos/DataList/examples/DataList.md +13 -46
  54. package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
  55. package/docs/demos/Drawer/examples/Drawer.md +6 -12
  56. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
  57. package/docs/demos/Masthead/examples/Masthead.md +18 -36
  58. package/docs/demos/Modal/examples/Modal.md +12 -24
  59. package/docs/demos/Nav/examples/Nav.md +12 -24
  60. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
  61. package/docs/demos/Page/examples/Page.md +24 -48
  62. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
  63. package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
  64. package/docs/demos/Table/examples/Table.md +191 -984
  65. package/docs/demos/Tabs/examples/Tabs.md +18 -60
  66. package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
  67. package/docs/demos/Wizard/examples/Wizard.md +18 -36
  68. package/docs/layouts/Level/examples/Level.css +1 -2
  69. package/docs/layouts/Level/examples/Level.md +15 -3
  70. package/docs/layouts/Split/examples/Split.css +1 -2
  71. package/docs/layouts/Split/examples/Split.md +4 -4
  72. package/docs/layouts/Stack/examples/Stack.css +1 -2
  73. package/docs/layouts/Stack/examples/Stack.md +4 -4
  74. package/layouts/Split/split.css +1 -2
  75. package/layouts/Split/split.scss +4 -3
  76. package/layouts/Stack/stack.css +1 -2
  77. package/layouts/Stack/stack.scss +4 -3
  78. package/layouts/_index.css +2 -4
  79. package/package.json +3 -3
  80. package/patternfly-no-globals.css +136 -42
  81. package/patternfly.css +136 -42
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
  84. package/sass-utilities/functions.scss +6 -0
@@ -8933,6 +8933,8 @@ button.pf-v6-c-breadcrumb__link {
8933
8933
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
8934
8934
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8935
8935
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
8936
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
8937
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
8936
8938
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
8937
8939
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8938
8940
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -8982,6 +8984,8 @@ button.pf-v6-c-breadcrumb__link {
8982
8984
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
8983
8985
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
8984
8986
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
8987
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
8988
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
8985
8989
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
8986
8990
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
8987
8991
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9006,9 +9010,13 @@ button.pf-v6-c-breadcrumb__link {
9006
9010
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
9007
9011
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
9008
9012
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
9013
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9014
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9009
9015
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
9010
9016
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9011
9017
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9018
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9019
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9012
9020
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
9013
9021
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
9014
9022
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -9196,6 +9204,8 @@ button.pf-v6-c-breadcrumb__link {
9196
9204
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
9197
9205
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
9198
9206
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
9207
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
9208
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
9199
9209
  }
9200
9210
  .pf-v6-c-button.pf-m-link.pf-m-inline {
9201
9211
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -9283,11 +9293,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9283
9293
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
9284
9294
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
9285
9295
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
9296
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
9297
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
9286
9298
  }
9287
9299
  .pf-v6-c-button.pf-m-stateful {
9288
9300
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
9289
9301
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
9290
9302
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
9303
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
9304
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
9291
9305
  }
9292
9306
  .pf-v6-c-button.pf-m-read {
9293
9307
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -9344,8 +9358,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9344
9358
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
9345
9359
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
9346
9360
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
9347
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9348
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9361
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9362
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9363
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9364
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9349
9365
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9350
9366
  }
9351
9367
  .pf-v6-c-button.pf-m-block {
@@ -10267,9 +10283,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10267
10283
  --pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
10268
10284
  }
10269
10285
 
10286
+ .pf-v6-c-code-editor {
10287
+ display: flex;
10288
+ flex-direction: column;
10289
+ }
10270
10290
  .pf-v6-c-code-editor.pf-m-read-only {
10271
10291
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
10272
10292
  }
10293
+ .pf-v6-c-code-editor.pf-m-full-height {
10294
+ height: 100%;
10295
+ }
10296
+
10297
+ .pf-v6-c-code-editor__container {
10298
+ display: flex;
10299
+ flex-direction: column;
10300
+ flex-grow: 1;
10301
+ }
10273
10302
 
10274
10303
  .pf-v6-c-code-editor__header {
10275
10304
  position: relative;
@@ -10336,6 +10365,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10336
10365
 
10337
10366
  .pf-v6-c-code-editor__main {
10338
10367
  position: relative;
10368
+ flex-grow: 1;
10339
10369
  color: var(--pf-v6-c-code-editor__main--Color, inherit);
10340
10370
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10341
10371
  border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
@@ -10357,6 +10387,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10357
10387
 
10358
10388
  .pf-v6-c-code-editor__code {
10359
10389
  position: relative;
10390
+ height: 100%;
10360
10391
  padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
10361
10392
  padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
10362
10393
  padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
@@ -10429,6 +10460,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10429
10460
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
10430
10461
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
10431
10462
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
10463
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10432
10464
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
10433
10465
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
10434
10466
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -10528,6 +10560,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10528
10560
  .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
10529
10561
  margin-block-end: 0;
10530
10562
  }
10563
+ :is(.pf-v6-c-content--h1,
10564
+ .pf-v6-c-content--h2,
10565
+ .pf-v6-c-content--h3,
10566
+ .pf-v6-c-content--h4,
10567
+ .pf-v6-c-content--h5,
10568
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
10569
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
10570
+ }
10531
10571
 
10532
10572
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
10533
10573
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
@@ -11166,6 +11206,8 @@ ul) {
11166
11206
  --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
11167
11207
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11168
11208
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11209
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
11210
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
11169
11211
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11170
11212
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11171
11213
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11219,6 +11261,10 @@ ul) {
11219
11261
  .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
11220
11262
  font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
11221
11263
  }
11264
+ .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
11265
+ padding-block-start: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset));
11266
+ padding-block-end: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset));
11267
+ }
11222
11268
  .pf-v6-c-data-list.pf-m-drag-over {
11223
11269
  overflow-anchor: none;
11224
11270
  }
@@ -15298,6 +15344,7 @@ label.pf-v6-c-input-group__text {
15298
15344
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
15299
15345
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15300
15346
  --pf-v6-c-label--MaxWidth: 100%;
15347
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
15301
15348
  --pf-v6-c-label--BorderWidth: 0;
15302
15349
  --pf-v6-c-label--BorderColor: transparent;
15303
15350
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -15454,6 +15501,7 @@ label.pf-v6-c-input-group__text {
15454
15501
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15455
15502
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15456
15503
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15504
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
15457
15505
  --pf-v6-c-label__content--MaxWidth: 100%;
15458
15506
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15459
15507
  --pf-v6-c-label__content--Cursor: initial;
@@ -15487,6 +15535,7 @@ label.pf-v6-c-input-group__text {
15487
15535
 
15488
15536
  .pf-v6-c-label {
15489
15537
  position: relative;
15538
+ min-width: var(--pf-v6-c-label--MinWidth);
15490
15539
  max-width: var(--pf-v6-c-label--MaxWidth);
15491
15540
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
15492
15541
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -15645,6 +15694,7 @@ label.pf-v6-c-input-group__text {
15645
15694
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
15646
15695
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
15647
15696
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
15697
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
15648
15698
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
15649
15699
  }
15650
15700
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -15733,6 +15783,7 @@ label.pf-v6-c-input-group__text {
15733
15783
  .pf-v6-c-label__content {
15734
15784
  display: inline-flex;
15735
15785
  align-items: center;
15786
+ justify-content: center;
15736
15787
  }
15737
15788
 
15738
15789
  .pf-v6-c-label__text {
@@ -15789,16 +15840,22 @@ input.pf-v6-c-label__content {
15789
15840
  .pf-v6-c-label-group {
15790
15841
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15791
15842
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
15843
+ --pf-v6-c-label-group--MaxWidth: 100%;
15792
15844
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
15793
15845
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
15794
15846
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
15795
15847
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
15848
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
15849
+ --pf-v6-c-label-group__main--MinWidth: 0;
15796
15850
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
15797
15851
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
15798
15852
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
15799
15853
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
15854
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
15855
+ --pf-v6-c-label-group__list--MinWidth: 0;
15800
15856
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
15801
15857
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
15858
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
15802
15859
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15803
15860
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15804
15861
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -15825,6 +15882,7 @@ input.pf-v6-c-label__content {
15825
15882
  row-gap: var(--pf-v6-c-label-group--RowGap);
15826
15883
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
15827
15884
  align-items: center;
15885
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
15828
15886
  }
15829
15887
  .pf-v6-c-label-group.pf-m-category {
15830
15888
  padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -15850,9 +15908,11 @@ input.pf-v6-c-label__content {
15850
15908
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
15851
15909
  flex-direction: column;
15852
15910
  align-items: flex-start;
15911
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
15853
15912
  }
15854
15913
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
15855
15914
  flex-direction: column;
15915
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
15856
15916
  }
15857
15917
  .pf-v6-c-label-group.pf-m-editable,
15858
15918
  .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -15873,6 +15933,7 @@ input.pf-v6-c-label__content {
15873
15933
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
15874
15934
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
15875
15935
  align-items: baseline;
15936
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
15876
15937
  }
15877
15938
 
15878
15939
  .pf-v6-c-label-group__list {
@@ -15880,10 +15941,12 @@ input.pf-v6-c-label__content {
15880
15941
  flex-wrap: wrap;
15881
15942
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
15882
15943
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
15944
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
15883
15945
  }
15884
15946
 
15885
15947
  .pf-v6-c-label-group__list-item {
15886
15948
  display: inline-flex;
15949
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
15887
15950
  }
15888
15951
 
15889
15952
  .pf-v6-c-label-group__label {
@@ -16849,7 +16912,6 @@ ul.pf-v6-c-list {
16849
16912
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
16850
16913
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
16851
16914
  --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
16852
- --pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
16853
16915
  --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
16854
16916
  --pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
16855
16917
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -17335,8 +17397,13 @@ ul.pf-v6-c-list {
17335
17397
  .pf-v6-c-menu__item-action.pf-m-favorited,
17336
17398
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17337
17399
  .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17338
- --pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17339
- --pf-v6-c-menu__item-action--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17400
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17401
+ }
17402
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
17403
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17404
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
17405
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17406
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17340
17407
  }
17341
17408
 
17342
17409
  .pf-v6-c-menu__breadcrumb {
@@ -17412,6 +17479,8 @@ ul.pf-v6-c-list {
17412
17479
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
17413
17480
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
17414
17481
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
17482
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17483
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17415
17484
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17416
17485
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17417
17486
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -17426,6 +17495,8 @@ ul.pf-v6-c-list {
17426
17495
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17427
17496
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17428
17497
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17498
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17499
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17429
17500
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17430
17501
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17431
17502
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17436,6 +17507,8 @@ ul.pf-v6-c-list {
17436
17507
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17437
17508
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17438
17509
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17510
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17511
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17439
17512
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17440
17513
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17441
17514
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -17450,6 +17523,8 @@ ul.pf-v6-c-list {
17450
17523
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17451
17524
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17452
17525
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17526
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17527
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17453
17528
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17454
17529
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17455
17530
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17461,6 +17536,8 @@ ul.pf-v6-c-list {
17461
17536
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17462
17537
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17463
17538
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17539
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17540
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17464
17541
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17465
17542
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17466
17543
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -17530,6 +17607,8 @@ ul.pf-v6-c-list {
17530
17607
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
17531
17608
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
17532
17609
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
17610
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
17611
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
17533
17612
  }
17534
17613
  .pf-v6-c-menu-toggle.pf-m-secondary {
17535
17614
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -17545,6 +17624,8 @@ ul.pf-v6-c-list {
17545
17624
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17546
17625
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
17547
17626
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
17627
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
17628
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
17548
17629
  }
17549
17630
  .pf-v6-c-menu-toggle.pf-m-full-height {
17550
17631
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -17569,6 +17650,8 @@ ul.pf-v6-c-list {
17569
17650
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17570
17651
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17571
17652
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17653
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
17654
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
17572
17655
  }
17573
17656
  .pf-v6-c-menu-toggle.pf-m-plain::before {
17574
17657
  border: none;
@@ -17595,6 +17678,10 @@ ul.pf-v6-c-list {
17595
17678
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
17596
17679
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17597
17680
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17681
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
17682
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
17683
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
17684
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
17598
17685
  }
17599
17686
  .pf-v6-c-menu-toggle.pf-m-success {
17600
17687
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -17673,13 +17760,13 @@ ul.pf-v6-c-list {
17673
17760
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17674
17761
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17675
17762
  }
17676
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17677
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17763
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17764
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17678
17765
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17679
17766
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17680
17767
  }
17681
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17682
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17768
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17769
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17683
17770
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17684
17771
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17685
17772
  }
@@ -17745,13 +17832,6 @@ ul.pf-v6-c-list {
17745
17832
  flex-wrap: nowrap;
17746
17833
  }
17747
17834
 
17748
- .pf-v6-c-menu-toggle__controls,
17749
- .pf-v6-c-menu-toggle__toggle-icon {
17750
- display: flex;
17751
- align-items: center;
17752
- justify-content: center;
17753
- }
17754
-
17755
17835
  .pf-v6-c-menu-toggle__icon {
17756
17836
  flex-shrink: 0;
17757
17837
  }
@@ -17763,7 +17843,10 @@ ul.pf-v6-c-list {
17763
17843
  }
17764
17844
 
17765
17845
  .pf-v6-c-menu-toggle__controls {
17846
+ display: flex;
17766
17847
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17848
+ align-items: center;
17849
+ justify-content: center;
17767
17850
  margin-inline-start: auto;
17768
17851
  }
17769
17852
 
@@ -18817,7 +18900,7 @@ ul.pf-v6-c-list {
18817
18900
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18818
18901
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18819
18902
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18820
- --pf-v6-c-page__sidebar--xl--Width: auto;
18903
+ --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
18821
18904
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18822
18905
  --pf-v6-c-page__sidebar--BoxShadow: none;
18823
18906
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19006,18 +19089,21 @@ ul.pf-v6-c-list {
19006
19089
  flex-grow: 0;
19007
19090
  }
19008
19091
 
19092
+ .pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
19009
19093
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
19010
19094
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
19011
19095
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
19012
19096
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
19013
19097
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
19014
19098
  }
19099
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
19015
19100
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
19016
19101
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
19017
19102
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
19018
19103
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
19019
19104
  align-items: center;
19020
19105
  }
19106
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19021
19107
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19022
19108
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19023
19109
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -22389,7 +22475,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22389
22475
  --pf-v6-c-table--cell--Width: auto;
22390
22476
  }
22391
22477
 
22392
- @media screen and (max-width: 48rem) {
22478
+ @media screen and (max-width: calc(48rem - 1px)) {
22393
22479
  .pf-m-grid-md.pf-v6-c-table {
22394
22480
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22395
22481
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22659,14 +22745,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22659
22745
  text-align: end;
22660
22746
  }
22661
22747
  }
22662
- @media screen and (max-width: 48rem) and (max-width: 36rem) {
22748
+ @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
22663
22749
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
22664
22750
  grid-row-start: 1;
22665
22751
  grid-column-start: 2;
22666
22752
  margin-inline-start: 0;
22667
22753
  }
22668
22754
  }
22669
- @media screen and (max-width: 48rem) {
22755
+ @media screen and (max-width: calc(48rem - 1px)) {
22670
22756
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
22671
22757
  grid-column: 2;
22672
22758
  grid-row: 2;
@@ -22692,7 +22778,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22692
22778
  }
22693
22779
  }
22694
22780
 
22695
- @media screen and (max-width: 62rem) {
22781
+ @media screen and (max-width: calc(62rem - 1px)) {
22696
22782
  .pf-m-grid-lg.pf-v6-c-table {
22697
22783
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22698
22784
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22962,14 +23048,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22962
23048
  text-align: end;
22963
23049
  }
22964
23050
  }
22965
- @media screen and (max-width: 62rem) and (max-width: 36rem) {
23051
+ @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
22966
23052
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
22967
23053
  grid-row-start: 1;
22968
23054
  grid-column-start: 2;
22969
23055
  margin-inline-start: 0;
22970
23056
  }
22971
23057
  }
22972
- @media screen and (max-width: 62rem) {
23058
+ @media screen and (max-width: calc(62rem - 1px)) {
22973
23059
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
22974
23060
  grid-column: 2;
22975
23061
  grid-row: 2;
@@ -22995,7 +23081,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22995
23081
  }
22996
23082
  }
22997
23083
 
22998
- @media screen and (max-width: 75rem) {
23084
+ @media screen and (max-width: calc(75rem - 1px)) {
22999
23085
  .pf-m-grid-xl.pf-v6-c-table {
23000
23086
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
23001
23087
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23265,14 +23351,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23265
23351
  text-align: end;
23266
23352
  }
23267
23353
  }
23268
- @media screen and (max-width: 75rem) and (max-width: 36rem) {
23354
+ @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
23269
23355
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
23270
23356
  grid-row-start: 1;
23271
23357
  grid-column-start: 2;
23272
23358
  margin-inline-start: 0;
23273
23359
  }
23274
23360
  }
23275
- @media screen and (max-width: 75rem) {
23361
+ @media screen and (max-width: calc(75rem - 1px)) {
23276
23362
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23277
23363
  grid-column: 2;
23278
23364
  grid-row: 2;
@@ -23298,7 +23384,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23298
23384
  }
23299
23385
  }
23300
23386
 
23301
- @media screen and (max-width: 90.625rem) {
23387
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23302
23388
  .pf-m-grid-2xl.pf-v6-c-table {
23303
23389
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
23304
23390
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23568,14 +23654,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23568
23654
  text-align: end;
23569
23655
  }
23570
23656
  }
23571
- @media screen and (max-width: 90.625rem) and (max-width: 36rem) {
23657
+ @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
23572
23658
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
23573
23659
  grid-row-start: 1;
23574
23660
  grid-column-start: 2;
23575
23661
  margin-inline-start: 0;
23576
23662
  }
23577
23663
  }
23578
- @media screen and (max-width: 90.625rem) {
23664
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23579
23665
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23580
23666
  grid-column: 2;
23581
23667
  grid-row: 2;
@@ -23630,7 +23716,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23630
23716
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23631
23717
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23632
23718
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23633
- --pf-v6-c-table--cell--MinWidth: 0;
23719
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23634
23720
  --pf-v6-c-table--cell--MaxWidth: none;
23635
23721
  --pf-v6-c-table--cell--Width: auto;
23636
23722
  --pf-v6-c-table--cell--Overflow: visible;
@@ -23644,6 +23730,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23644
23730
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
23645
23731
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
23646
23732
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23733
+ --pf-v6-c-table__text--MinWidth: 100%;
23734
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
23647
23735
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
23648
23736
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
23649
23737
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -23909,6 +23997,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23909
23997
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
23910
23998
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
23911
23999
  }
24000
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
24001
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
24002
+ }
23912
24003
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
23913
24004
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
23914
24005
  }
@@ -24032,11 +24123,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24032
24123
  }
24033
24124
 
24034
24125
  .pf-v6-c-table__text {
24035
- --pf-v6-c-table--cell--MaxWidth: 100%;
24036
24126
  position: relative;
24037
24127
  display: block;
24038
24128
  width: var(--pf-v6-c-table--cell--Width);
24039
- min-width: var(--pf-v6-c-table--text--MinWidth);
24129
+ min-width: var(--pf-v6-c-table__text--MinWidth);
24040
24130
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
24041
24131
  overflow: var(--pf-v6-c-table--cell--Overflow);
24042
24132
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -24046,7 +24136,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24046
24136
  }
24047
24137
  .pf-v6-c-table__text.pf-m-truncate {
24048
24138
  --pf-v6-c-table--cell--MinWidth: 100%;
24049
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
24139
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
24050
24140
  }
24051
24141
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
24052
24142
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -24099,6 +24189,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24099
24189
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
24100
24190
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
24101
24191
  min-width: auto;
24192
+ max-width: 100%;
24102
24193
  }
24103
24194
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
24104
24195
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
@@ -24129,6 +24220,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24129
24220
  .pf-v6-c-table .pf-v6-c-table__draggable {
24130
24221
  --pf-v6-c-table--cell--MinWidth: 0;
24131
24222
  --pf-v6-c-table--cell--Width: 1%;
24223
+ max-width: none;
24132
24224
  }
24133
24225
 
24134
24226
  .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -24777,7 +24869,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24777
24869
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
24778
24870
  }
24779
24871
 
24780
- @media screen and (max-width: 48rem) {
24872
+ @media screen and (max-width: calc(48rem - 1px)) {
24781
24873
  .pf-m-tree-view-grid-md.pf-v6-c-table {
24782
24874
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
24783
24875
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -24920,7 +25012,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24920
25012
  }
24921
25013
  }
24922
25014
 
24923
- @media screen and (max-width: 62rem) {
25015
+ @media screen and (max-width: calc(62rem - 1px)) {
24924
25016
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
24925
25017
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
24926
25018
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25063,7 +25155,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25063
25155
  }
25064
25156
  }
25065
25157
 
25066
- @media screen and (max-width: 75rem) {
25158
+ @media screen and (max-width: calc(75rem - 1px)) {
25067
25159
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
25068
25160
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25069
25161
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25206,7 +25298,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25206
25298
  }
25207
25299
  }
25208
25300
 
25209
- @media screen and (max-width: 90.625rem) {
25301
+ @media screen and (max-width: calc(90.625rem - 1px)) {
25210
25302
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
25211
25303
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25212
25304
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -26534,6 +26626,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26534
26626
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
26535
26627
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
26536
26628
  --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
26629
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
26537
26630
  }
26538
26631
 
26539
26632
  .pf-v6-c-title {
@@ -26600,6 +26693,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26600
26693
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
26601
26694
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26602
26695
  }
26696
+ .pf-v6-c-title.pf-m-page-title {
26697
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
26698
+ }
26603
26699
 
26604
26700
  .pf-v6-c-toggle-group {
26605
26701
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29371,7 +29467,7 @@ label.pf-v6-c-tree-view__node-text {
29371
29467
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
29372
29468
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
29373
29469
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
29374
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
29470
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
29375
29471
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29376
29472
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29377
29473
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -33203,8 +33299,7 @@ label.pf-v6-c-tree-view__node-text {
33203
33299
  .pf-v6-l-split.pf-m-wrap {
33204
33300
  flex-wrap: wrap;
33205
33301
  }
33206
-
33207
- .pf-v6-l-split__item.pf-m-fill {
33302
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
33208
33303
  flex-grow: 1;
33209
33304
  }
33210
33305
 
@@ -33221,8 +33316,7 @@ label.pf-v6-c-tree-view__node-text {
33221
33316
  flex-direction: column;
33222
33317
  height: 100%;
33223
33318
  }
33224
-
33225
- .pf-v6-l-stack__item.pf-m-fill {
33319
+ .pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
33226
33320
  flex-grow: 1;
33227
33321
  }
33228
33322