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

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 +7 -4
  25. package/components/Table/table.scss +9 -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 +131 -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 +133 -42
  81. package/patternfly.css +133 -42
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
  84. package/sass-utilities/functions.scss +6 -0
package/patternfly.css CHANGED
@@ -9069,6 +9069,8 @@ button.pf-v6-c-breadcrumb__link {
9069
9069
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
9070
9070
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9071
9071
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
9072
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
9073
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
9072
9074
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
9073
9075
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9074
9076
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -9118,6 +9120,8 @@ button.pf-v6-c-breadcrumb__link {
9118
9120
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
9119
9121
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
9120
9122
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
9123
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
9124
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
9121
9125
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
9122
9126
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
9123
9127
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9142,9 +9146,13 @@ button.pf-v6-c-breadcrumb__link {
9142
9146
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
9143
9147
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
9144
9148
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
9149
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9150
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9145
9151
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
9146
9152
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9147
9153
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9154
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9155
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9148
9156
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
9149
9157
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
9150
9158
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -9332,6 +9340,8 @@ button.pf-v6-c-breadcrumb__link {
9332
9340
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
9333
9341
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
9334
9342
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
9343
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
9344
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
9335
9345
  }
9336
9346
  .pf-v6-c-button.pf-m-link.pf-m-inline {
9337
9347
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -9419,11 +9429,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9419
9429
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
9420
9430
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
9421
9431
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
9432
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
9433
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
9422
9434
  }
9423
9435
  .pf-v6-c-button.pf-m-stateful {
9424
9436
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
9425
9437
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
9426
9438
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
9439
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
9440
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
9427
9441
  }
9428
9442
  .pf-v6-c-button.pf-m-read {
9429
9443
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -9480,8 +9494,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9480
9494
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
9481
9495
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
9482
9496
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
9483
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9484
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9497
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9498
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9499
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9500
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9485
9501
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9486
9502
  }
9487
9503
  .pf-v6-c-button.pf-m-block {
@@ -10403,9 +10419,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10403
10419
  --pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
10404
10420
  }
10405
10421
 
10422
+ .pf-v6-c-code-editor {
10423
+ display: flex;
10424
+ flex-direction: column;
10425
+ }
10406
10426
  .pf-v6-c-code-editor.pf-m-read-only {
10407
10427
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
10408
10428
  }
10429
+ .pf-v6-c-code-editor.pf-m-full-height {
10430
+ height: 100%;
10431
+ }
10432
+
10433
+ .pf-v6-c-code-editor__container {
10434
+ display: flex;
10435
+ flex-direction: column;
10436
+ flex-grow: 1;
10437
+ }
10409
10438
 
10410
10439
  .pf-v6-c-code-editor__header {
10411
10440
  position: relative;
@@ -10472,6 +10501,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10472
10501
 
10473
10502
  .pf-v6-c-code-editor__main {
10474
10503
  position: relative;
10504
+ flex-grow: 1;
10475
10505
  color: var(--pf-v6-c-code-editor__main--Color, inherit);
10476
10506
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10477
10507
  border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
@@ -10493,6 +10523,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10493
10523
 
10494
10524
  .pf-v6-c-code-editor__code {
10495
10525
  position: relative;
10526
+ height: 100%;
10496
10527
  padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
10497
10528
  padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
10498
10529
  padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
@@ -10565,6 +10596,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10565
10596
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
10566
10597
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
10567
10598
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
10599
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10568
10600
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
10569
10601
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
10570
10602
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -10664,6 +10696,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10664
10696
  .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 {
10665
10697
  margin-block-end: 0;
10666
10698
  }
10699
+ :is(.pf-v6-c-content--h1,
10700
+ .pf-v6-c-content--h2,
10701
+ .pf-v6-c-content--h3,
10702
+ .pf-v6-c-content--h4,
10703
+ .pf-v6-c-content--h5,
10704
+ .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 {
10705
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
10706
+ }
10667
10707
 
10668
10708
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
10669
10709
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
@@ -11302,6 +11342,8 @@ ul) {
11302
11342
  --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
11303
11343
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11304
11344
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11345
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
11346
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
11305
11347
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11306
11348
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11307
11349
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11355,6 +11397,10 @@ ul) {
11355
11397
  .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
11356
11398
  font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
11357
11399
  }
11400
+ .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
11401
+ 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));
11402
+ 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));
11403
+ }
11358
11404
  .pf-v6-c-data-list.pf-m-drag-over {
11359
11405
  overflow-anchor: none;
11360
11406
  }
@@ -15434,6 +15480,7 @@ label.pf-v6-c-input-group__text {
15434
15480
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
15435
15481
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15436
15482
  --pf-v6-c-label--MaxWidth: 100%;
15483
+ --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)));
15437
15484
  --pf-v6-c-label--BorderWidth: 0;
15438
15485
  --pf-v6-c-label--BorderColor: transparent;
15439
15486
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -15590,6 +15637,7 @@ label.pf-v6-c-input-group__text {
15590
15637
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15591
15638
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15592
15639
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15640
+ --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)));
15593
15641
  --pf-v6-c-label__content--MaxWidth: 100%;
15594
15642
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15595
15643
  --pf-v6-c-label__content--Cursor: initial;
@@ -15623,6 +15671,7 @@ label.pf-v6-c-input-group__text {
15623
15671
 
15624
15672
  .pf-v6-c-label {
15625
15673
  position: relative;
15674
+ min-width: var(--pf-v6-c-label--MinWidth);
15626
15675
  max-width: var(--pf-v6-c-label--MaxWidth);
15627
15676
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
15628
15677
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -15781,6 +15830,7 @@ label.pf-v6-c-input-group__text {
15781
15830
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
15782
15831
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
15783
15832
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
15833
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
15784
15834
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
15785
15835
  }
15786
15836
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -15869,6 +15919,7 @@ label.pf-v6-c-input-group__text {
15869
15919
  .pf-v6-c-label__content {
15870
15920
  display: inline-flex;
15871
15921
  align-items: center;
15922
+ justify-content: center;
15872
15923
  }
15873
15924
 
15874
15925
  .pf-v6-c-label__text {
@@ -15925,16 +15976,22 @@ input.pf-v6-c-label__content {
15925
15976
  .pf-v6-c-label-group {
15926
15977
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15927
15978
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
15979
+ --pf-v6-c-label-group--MaxWidth: 100%;
15928
15980
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
15929
15981
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
15930
15982
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
15931
15983
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
15984
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
15985
+ --pf-v6-c-label-group__main--MinWidth: 0;
15932
15986
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
15933
15987
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
15934
15988
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
15935
15989
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
15990
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
15991
+ --pf-v6-c-label-group__list--MinWidth: 0;
15936
15992
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
15937
15993
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
15994
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
15938
15995
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15939
15996
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15940
15997
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -15961,6 +16018,7 @@ input.pf-v6-c-label__content {
15961
16018
  row-gap: var(--pf-v6-c-label-group--RowGap);
15962
16019
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
15963
16020
  align-items: center;
16021
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
15964
16022
  }
15965
16023
  .pf-v6-c-label-group.pf-m-category {
15966
16024
  padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -15986,9 +16044,11 @@ input.pf-v6-c-label__content {
15986
16044
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
15987
16045
  flex-direction: column;
15988
16046
  align-items: flex-start;
16047
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
15989
16048
  }
15990
16049
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
15991
16050
  flex-direction: column;
16051
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
15992
16052
  }
15993
16053
  .pf-v6-c-label-group.pf-m-editable,
15994
16054
  .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -16009,6 +16069,7 @@ input.pf-v6-c-label__content {
16009
16069
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
16010
16070
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
16011
16071
  align-items: baseline;
16072
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
16012
16073
  }
16013
16074
 
16014
16075
  .pf-v6-c-label-group__list {
@@ -16016,10 +16077,12 @@ input.pf-v6-c-label__content {
16016
16077
  flex-wrap: wrap;
16017
16078
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
16018
16079
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
16080
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
16019
16081
  }
16020
16082
 
16021
16083
  .pf-v6-c-label-group__list-item {
16022
16084
  display: inline-flex;
16085
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
16023
16086
  }
16024
16087
 
16025
16088
  .pf-v6-c-label-group__label {
@@ -16985,7 +17048,6 @@ ul.pf-v6-c-list {
16985
17048
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
16986
17049
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
16987
17050
  --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
16988
- --pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
16989
17051
  --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
16990
17052
  --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);
16991
17053
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -17471,8 +17533,13 @@ ul.pf-v6-c-list {
17471
17533
  .pf-v6-c-menu__item-action.pf-m-favorited,
17472
17534
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17473
17535
  .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17474
- --pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17475
- --pf-v6-c-menu__item-action--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17536
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17537
+ }
17538
+ .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),
17539
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17540
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
17541
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17542
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17476
17543
  }
17477
17544
 
17478
17545
  .pf-v6-c-menu__breadcrumb {
@@ -17548,6 +17615,8 @@ ul.pf-v6-c-list {
17548
17615
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
17549
17616
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
17550
17617
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
17618
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17619
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17551
17620
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17552
17621
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17553
17622
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -17562,6 +17631,8 @@ ul.pf-v6-c-list {
17562
17631
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17563
17632
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17564
17633
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17634
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17635
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17565
17636
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17566
17637
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17567
17638
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17572,6 +17643,8 @@ ul.pf-v6-c-list {
17572
17643
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17573
17644
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17574
17645
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17646
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17647
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17575
17648
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17576
17649
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17577
17650
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -17586,6 +17659,8 @@ ul.pf-v6-c-list {
17586
17659
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17587
17660
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17588
17661
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17662
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17663
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17589
17664
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17590
17665
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17591
17666
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17597,6 +17672,8 @@ ul.pf-v6-c-list {
17597
17672
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17598
17673
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17599
17674
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17675
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17676
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17600
17677
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17601
17678
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17602
17679
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -17666,6 +17743,8 @@ ul.pf-v6-c-list {
17666
17743
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
17667
17744
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
17668
17745
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
17746
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
17747
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
17669
17748
  }
17670
17749
  .pf-v6-c-menu-toggle.pf-m-secondary {
17671
17750
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -17681,6 +17760,8 @@ ul.pf-v6-c-list {
17681
17760
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17682
17761
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
17683
17762
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
17763
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
17764
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
17684
17765
  }
17685
17766
  .pf-v6-c-menu-toggle.pf-m-full-height {
17686
17767
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -17705,6 +17786,8 @@ ul.pf-v6-c-list {
17705
17786
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17706
17787
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17707
17788
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17789
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
17790
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
17708
17791
  }
17709
17792
  .pf-v6-c-menu-toggle.pf-m-plain::before {
17710
17793
  border: none;
@@ -17731,6 +17814,10 @@ ul.pf-v6-c-list {
17731
17814
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
17732
17815
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17733
17816
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17817
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
17818
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
17819
+ --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);
17820
+ --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);
17734
17821
  }
17735
17822
  .pf-v6-c-menu-toggle.pf-m-success {
17736
17823
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -17809,13 +17896,13 @@ ul.pf-v6-c-list {
17809
17896
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17810
17897
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17811
17898
  }
17812
- .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,
17813
- .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,
17899
+ .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,
17900
+ .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,
17814
17901
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17815
17902
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17816
17903
  }
17817
- .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,
17818
- .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,
17904
+ .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,
17905
+ .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,
17819
17906
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17820
17907
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17821
17908
  }
@@ -17881,13 +17968,6 @@ ul.pf-v6-c-list {
17881
17968
  flex-wrap: nowrap;
17882
17969
  }
17883
17970
 
17884
- .pf-v6-c-menu-toggle__controls,
17885
- .pf-v6-c-menu-toggle__toggle-icon {
17886
- display: flex;
17887
- align-items: center;
17888
- justify-content: center;
17889
- }
17890
-
17891
17971
  .pf-v6-c-menu-toggle__icon {
17892
17972
  flex-shrink: 0;
17893
17973
  }
@@ -17899,7 +17979,10 @@ ul.pf-v6-c-list {
17899
17979
  }
17900
17980
 
17901
17981
  .pf-v6-c-menu-toggle__controls {
17982
+ display: flex;
17902
17983
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17984
+ align-items: center;
17985
+ justify-content: center;
17903
17986
  margin-inline-start: auto;
17904
17987
  }
17905
17988
 
@@ -18953,7 +19036,7 @@ ul.pf-v6-c-list {
18953
19036
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18954
19037
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18955
19038
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18956
- --pf-v6-c-page__sidebar--xl--Width: auto;
19039
+ --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
18957
19040
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18958
19041
  --pf-v6-c-page__sidebar--BoxShadow: none;
18959
19042
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19142,18 +19225,21 @@ ul.pf-v6-c-list {
19142
19225
  flex-grow: 0;
19143
19226
  }
19144
19227
 
19228
+ .pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
19145
19229
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
19146
19230
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
19147
19231
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
19148
19232
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
19149
19233
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
19150
19234
  }
19235
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
19151
19236
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
19152
19237
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
19153
19238
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
19154
19239
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
19155
19240
  align-items: center;
19156
19241
  }
19242
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19157
19243
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19158
19244
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19159
19245
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -22525,7 +22611,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22525
22611
  --pf-v6-c-table--cell--Width: auto;
22526
22612
  }
22527
22613
 
22528
- @media screen and (max-width: 48rem) {
22614
+ @media screen and (max-width: calc(48rem - 1px)) {
22529
22615
  .pf-m-grid-md.pf-v6-c-table {
22530
22616
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22531
22617
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22795,14 +22881,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22795
22881
  text-align: end;
22796
22882
  }
22797
22883
  }
22798
- @media screen and (max-width: 48rem) and (max-width: 36rem) {
22884
+ @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
22799
22885
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
22800
22886
  grid-row-start: 1;
22801
22887
  grid-column-start: 2;
22802
22888
  margin-inline-start: 0;
22803
22889
  }
22804
22890
  }
22805
- @media screen and (max-width: 48rem) {
22891
+ @media screen and (max-width: calc(48rem - 1px)) {
22806
22892
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
22807
22893
  grid-column: 2;
22808
22894
  grid-row: 2;
@@ -22828,7 +22914,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22828
22914
  }
22829
22915
  }
22830
22916
 
22831
- @media screen and (max-width: 62rem) {
22917
+ @media screen and (max-width: calc(62rem - 1px)) {
22832
22918
  .pf-m-grid-lg.pf-v6-c-table {
22833
22919
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22834
22920
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23098,14 +23184,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23098
23184
  text-align: end;
23099
23185
  }
23100
23186
  }
23101
- @media screen and (max-width: 62rem) and (max-width: 36rem) {
23187
+ @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
23102
23188
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
23103
23189
  grid-row-start: 1;
23104
23190
  grid-column-start: 2;
23105
23191
  margin-inline-start: 0;
23106
23192
  }
23107
23193
  }
23108
- @media screen and (max-width: 62rem) {
23194
+ @media screen and (max-width: calc(62rem - 1px)) {
23109
23195
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23110
23196
  grid-column: 2;
23111
23197
  grid-row: 2;
@@ -23131,7 +23217,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23131
23217
  }
23132
23218
  }
23133
23219
 
23134
- @media screen and (max-width: 75rem) {
23220
+ @media screen and (max-width: calc(75rem - 1px)) {
23135
23221
  .pf-m-grid-xl.pf-v6-c-table {
23136
23222
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
23137
23223
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23401,14 +23487,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23401
23487
  text-align: end;
23402
23488
  }
23403
23489
  }
23404
- @media screen and (max-width: 75rem) and (max-width: 36rem) {
23490
+ @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
23405
23491
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
23406
23492
  grid-row-start: 1;
23407
23493
  grid-column-start: 2;
23408
23494
  margin-inline-start: 0;
23409
23495
  }
23410
23496
  }
23411
- @media screen and (max-width: 75rem) {
23497
+ @media screen and (max-width: calc(75rem - 1px)) {
23412
23498
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23413
23499
  grid-column: 2;
23414
23500
  grid-row: 2;
@@ -23434,7 +23520,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23434
23520
  }
23435
23521
  }
23436
23522
 
23437
- @media screen and (max-width: 90.625rem) {
23523
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23438
23524
  .pf-m-grid-2xl.pf-v6-c-table {
23439
23525
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
23440
23526
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23704,14 +23790,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23704
23790
  text-align: end;
23705
23791
  }
23706
23792
  }
23707
- @media screen and (max-width: 90.625rem) and (max-width: 36rem) {
23793
+ @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
23708
23794
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
23709
23795
  grid-row-start: 1;
23710
23796
  grid-column-start: 2;
23711
23797
  margin-inline-start: 0;
23712
23798
  }
23713
23799
  }
23714
- @media screen and (max-width: 90.625rem) {
23800
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23715
23801
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23716
23802
  grid-column: 2;
23717
23803
  grid-row: 2;
@@ -23766,7 +23852,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23766
23852
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23767
23853
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23768
23854
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23769
- --pf-v6-c-table--cell--MinWidth: 0;
23855
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23770
23856
  --pf-v6-c-table--cell--MaxWidth: none;
23771
23857
  --pf-v6-c-table--cell--Width: auto;
23772
23858
  --pf-v6-c-table--cell--Overflow: visible;
@@ -23780,6 +23866,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23780
23866
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
23781
23867
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
23782
23868
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23869
+ --pf-v6-c-table__text--MinWidth: 100%;
23870
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
23783
23871
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
23784
23872
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
23785
23873
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24168,11 +24256,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24168
24256
  }
24169
24257
 
24170
24258
  .pf-v6-c-table__text {
24171
- --pf-v6-c-table--cell--MaxWidth: 100%;
24172
24259
  position: relative;
24173
24260
  display: block;
24174
24261
  width: var(--pf-v6-c-table--cell--Width);
24175
- min-width: var(--pf-v6-c-table--text--MinWidth);
24262
+ min-width: var(--pf-v6-c-table__text--MinWidth);
24176
24263
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
24177
24264
  overflow: var(--pf-v6-c-table--cell--Overflow);
24178
24265
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -24182,7 +24269,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24182
24269
  }
24183
24270
  .pf-v6-c-table__text.pf-m-truncate {
24184
24271
  --pf-v6-c-table--cell--MinWidth: 100%;
24185
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
24272
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
24186
24273
  }
24187
24274
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
24188
24275
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -24235,6 +24322,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24235
24322
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
24236
24323
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
24237
24324
  min-width: auto;
24325
+ max-width: 100%;
24238
24326
  }
24239
24327
  .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,
24240
24328
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
@@ -24265,6 +24353,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24265
24353
  .pf-v6-c-table .pf-v6-c-table__draggable {
24266
24354
  --pf-v6-c-table--cell--MinWidth: 0;
24267
24355
  --pf-v6-c-table--cell--Width: 1%;
24356
+ max-width: none;
24268
24357
  }
24269
24358
 
24270
24359
  .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -24913,7 +25002,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24913
25002
  --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));
24914
25003
  }
24915
25004
 
24916
- @media screen and (max-width: 48rem) {
25005
+ @media screen and (max-width: calc(48rem - 1px)) {
24917
25006
  .pf-m-tree-view-grid-md.pf-v6-c-table {
24918
25007
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
24919
25008
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25056,7 +25145,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25056
25145
  }
25057
25146
  }
25058
25147
 
25059
- @media screen and (max-width: 62rem) {
25148
+ @media screen and (max-width: calc(62rem - 1px)) {
25060
25149
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
25061
25150
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25062
25151
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25199,7 +25288,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25199
25288
  }
25200
25289
  }
25201
25290
 
25202
- @media screen and (max-width: 75rem) {
25291
+ @media screen and (max-width: calc(75rem - 1px)) {
25203
25292
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
25204
25293
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25205
25294
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25342,7 +25431,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25342
25431
  }
25343
25432
  }
25344
25433
 
25345
- @media screen and (max-width: 90.625rem) {
25434
+ @media screen and (max-width: calc(90.625rem - 1px)) {
25346
25435
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
25347
25436
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25348
25437
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -26670,6 +26759,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26670
26759
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
26671
26760
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
26672
26761
  --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
26762
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
26673
26763
  }
26674
26764
 
26675
26765
  .pf-v6-c-title {
@@ -26736,6 +26826,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26736
26826
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
26737
26827
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26738
26828
  }
26829
+ .pf-v6-c-title.pf-m-page-title {
26830
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
26831
+ }
26739
26832
 
26740
26833
  .pf-v6-c-toggle-group {
26741
26834
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29507,7 +29600,7 @@ label.pf-v6-c-tree-view__node-text {
29507
29600
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
29508
29601
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
29509
29602
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
29510
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
29603
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
29511
29604
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29512
29605
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29513
29606
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -33339,8 +33432,7 @@ label.pf-v6-c-tree-view__node-text {
33339
33432
  .pf-v6-l-split.pf-m-wrap {
33340
33433
  flex-wrap: wrap;
33341
33434
  }
33342
-
33343
- .pf-v6-l-split__item.pf-m-fill {
33435
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
33344
33436
  flex-grow: 1;
33345
33437
  }
33346
33438
 
@@ -33357,8 +33449,7 @@ label.pf-v6-c-tree-view__node-text {
33357
33449
  flex-direction: column;
33358
33450
  height: 100%;
33359
33451
  }
33360
-
33361
- .pf-v6-l-stack__item.pf-m-fill {
33452
+ .pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
33362
33453
  flex-grow: 1;
33363
33454
  }
33364
33455