@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
@@ -1471,6 +1471,8 @@ button.pf-v6-c-breadcrumb__link {
1471
1471
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
1472
1472
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
1473
1473
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1474
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1475
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1474
1476
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1475
1477
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1476
1478
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1520,6 +1522,8 @@ button.pf-v6-c-breadcrumb__link {
1520
1522
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
1521
1523
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
1522
1524
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
1525
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
1526
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
1523
1527
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
1524
1528
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
1525
1529
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -1544,9 +1548,13 @@ button.pf-v6-c-breadcrumb__link {
1544
1548
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
1545
1549
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
1546
1550
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1551
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1552
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1547
1553
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
1548
1554
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1549
1555
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1556
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1557
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1550
1558
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
1551
1559
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
1552
1560
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -1734,6 +1742,8 @@ button.pf-v6-c-breadcrumb__link {
1734
1742
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
1735
1743
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
1736
1744
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
1745
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
1746
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
1737
1747
  }
1738
1748
  .pf-v6-c-button.pf-m-link.pf-m-inline {
1739
1749
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -1821,11 +1831,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1821
1831
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
1822
1832
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
1823
1833
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
1834
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
1835
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
1824
1836
  }
1825
1837
  .pf-v6-c-button.pf-m-stateful {
1826
1838
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
1827
1839
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
1828
1840
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
1841
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
1842
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
1829
1843
  }
1830
1844
  .pf-v6-c-button.pf-m-read {
1831
1845
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -1882,8 +1896,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1882
1896
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
1883
1897
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
1884
1898
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
1885
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
1886
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
1899
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
1900
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
1901
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
1902
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
1887
1903
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
1888
1904
  }
1889
1905
  .pf-v6-c-button.pf-m-block {
@@ -2805,9 +2821,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2805
2821
  --pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
2806
2822
  }
2807
2823
 
2824
+ .pf-v6-c-code-editor {
2825
+ display: flex;
2826
+ flex-direction: column;
2827
+ }
2808
2828
  .pf-v6-c-code-editor.pf-m-read-only {
2809
2829
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
2810
2830
  }
2831
+ .pf-v6-c-code-editor.pf-m-full-height {
2832
+ height: 100%;
2833
+ }
2834
+
2835
+ .pf-v6-c-code-editor__container {
2836
+ display: flex;
2837
+ flex-direction: column;
2838
+ flex-grow: 1;
2839
+ }
2811
2840
 
2812
2841
  .pf-v6-c-code-editor__header {
2813
2842
  position: relative;
@@ -2874,6 +2903,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2874
2903
 
2875
2904
  .pf-v6-c-code-editor__main {
2876
2905
  position: relative;
2906
+ flex-grow: 1;
2877
2907
  color: var(--pf-v6-c-code-editor__main--Color, inherit);
2878
2908
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
2879
2909
  border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
@@ -2895,6 +2925,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2895
2925
 
2896
2926
  .pf-v6-c-code-editor__code {
2897
2927
  position: relative;
2928
+ height: 100%;
2898
2929
  padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
2899
2930
  padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
2900
2931
  padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
@@ -2967,6 +2998,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2967
2998
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
2968
2999
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
2969
3000
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
3001
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
2970
3002
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
2971
3003
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
2972
3004
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -3066,6 +3098,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3066
3098
  .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 {
3067
3099
  margin-block-end: 0;
3068
3100
  }
3101
+ :is(.pf-v6-c-content--h1,
3102
+ .pf-v6-c-content--h2,
3103
+ .pf-v6-c-content--h3,
3104
+ .pf-v6-c-content--h4,
3105
+ .pf-v6-c-content--h5,
3106
+ .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 {
3107
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
3108
+ }
3069
3109
 
3070
3110
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
3071
3111
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
@@ -3704,6 +3744,8 @@ ul) {
3704
3744
  --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
3705
3745
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3706
3746
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3747
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
3748
+ --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
3707
3749
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3708
3750
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3709
3751
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3757,6 +3799,10 @@ ul) {
3757
3799
  .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
3758
3800
  font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
3759
3801
  }
3802
+ .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
3803
+ 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));
3804
+ 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));
3805
+ }
3760
3806
  .pf-v6-c-data-list.pf-m-drag-over {
3761
3807
  overflow-anchor: none;
3762
3808
  }
@@ -7836,6 +7882,7 @@ label.pf-v6-c-input-group__text {
7836
7882
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7837
7883
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7838
7884
  --pf-v6-c-label--MaxWidth: 100%;
7885
+ --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)));
7839
7886
  --pf-v6-c-label--BorderWidth: 0;
7840
7887
  --pf-v6-c-label--BorderColor: transparent;
7841
7888
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7992,6 +8039,7 @@ label.pf-v6-c-input-group__text {
7992
8039
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7993
8040
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
7994
8041
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8042
+ --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)));
7995
8043
  --pf-v6-c-label__content--MaxWidth: 100%;
7996
8044
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
7997
8045
  --pf-v6-c-label__content--Cursor: initial;
@@ -8025,6 +8073,7 @@ label.pf-v6-c-input-group__text {
8025
8073
 
8026
8074
  .pf-v6-c-label {
8027
8075
  position: relative;
8076
+ min-width: var(--pf-v6-c-label--MinWidth);
8028
8077
  max-width: var(--pf-v6-c-label--MaxWidth);
8029
8078
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
8030
8079
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -8183,6 +8232,7 @@ label.pf-v6-c-input-group__text {
8183
8232
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
8184
8233
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
8185
8234
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
8235
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
8186
8236
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
8187
8237
  }
8188
8238
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
@@ -8271,6 +8321,7 @@ label.pf-v6-c-input-group__text {
8271
8321
  .pf-v6-c-label__content {
8272
8322
  display: inline-flex;
8273
8323
  align-items: center;
8324
+ justify-content: center;
8274
8325
  }
8275
8326
 
8276
8327
  .pf-v6-c-label__text {
@@ -8327,16 +8378,22 @@ input.pf-v6-c-label__content {
8327
8378
  .pf-v6-c-label-group {
8328
8379
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8329
8380
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8381
+ --pf-v6-c-label-group--MaxWidth: 100%;
8330
8382
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8331
8383
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8332
8384
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8333
8385
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8386
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
8387
+ --pf-v6-c-label-group__main--MinWidth: 0;
8334
8388
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8335
8389
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8336
8390
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8337
8391
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8392
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
8393
+ --pf-v6-c-label-group__list--MinWidth: 0;
8338
8394
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8339
8395
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8396
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
8340
8397
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8341
8398
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8342
8399
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -8363,6 +8420,7 @@ input.pf-v6-c-label__content {
8363
8420
  row-gap: var(--pf-v6-c-label-group--RowGap);
8364
8421
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
8365
8422
  align-items: center;
8423
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
8366
8424
  }
8367
8425
  .pf-v6-c-label-group.pf-m-category {
8368
8426
  padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
@@ -8388,9 +8446,11 @@ input.pf-v6-c-label__content {
8388
8446
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8389
8447
  flex-direction: column;
8390
8448
  align-items: flex-start;
8449
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
8391
8450
  }
8392
8451
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8393
8452
  flex-direction: column;
8453
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
8394
8454
  }
8395
8455
  .pf-v6-c-label-group.pf-m-editable,
8396
8456
  .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
@@ -8411,6 +8471,7 @@ input.pf-v6-c-label__content {
8411
8471
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
8412
8472
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8413
8473
  align-items: baseline;
8474
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
8414
8475
  }
8415
8476
 
8416
8477
  .pf-v6-c-label-group__list {
@@ -8418,10 +8479,12 @@ input.pf-v6-c-label__content {
8418
8479
  flex-wrap: wrap;
8419
8480
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
8420
8481
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8482
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
8421
8483
  }
8422
8484
 
8423
8485
  .pf-v6-c-label-group__list-item {
8424
8486
  display: inline-flex;
8487
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
8425
8488
  }
8426
8489
 
8427
8490
  .pf-v6-c-label-group__label {
@@ -9387,7 +9450,6 @@ ul.pf-v6-c-list {
9387
9450
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
9388
9451
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
9389
9452
  --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
9390
- --pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
9391
9453
  --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
9392
9454
  --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);
9393
9455
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -9873,8 +9935,13 @@ ul.pf-v6-c-list {
9873
9935
  .pf-v6-c-menu__item-action.pf-m-favorited,
9874
9936
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
9875
9937
  .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
9876
- --pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9877
- --pf-v6-c-menu__item-action--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9938
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9939
+ }
9940
+ .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),
9941
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
9942
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
9943
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
9944
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9878
9945
  }
9879
9946
 
9880
9947
  .pf-v6-c-menu__breadcrumb {
@@ -9950,6 +10017,8 @@ ul.pf-v6-c-list {
9950
10017
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
9951
10018
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
9952
10019
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
10020
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
10021
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
9953
10022
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
9954
10023
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
9955
10024
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -9964,6 +10033,8 @@ ul.pf-v6-c-list {
9964
10033
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
9965
10034
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
9966
10035
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10036
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
10037
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
9967
10038
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
9968
10039
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
9969
10040
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -9974,6 +10045,8 @@ ul.pf-v6-c-list {
9974
10045
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9975
10046
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
9976
10047
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
10048
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10049
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
9977
10050
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9978
10051
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9979
10052
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -9988,6 +10061,8 @@ ul.pf-v6-c-list {
9988
10061
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9989
10062
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9990
10063
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
10064
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10065
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9991
10066
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
9992
10067
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
9993
10068
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -9999,6 +10074,8 @@ ul.pf-v6-c-list {
9999
10074
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
10000
10075
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
10001
10076
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
10077
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
10078
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
10002
10079
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
10003
10080
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10004
10081
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -10068,6 +10145,8 @@ ul.pf-v6-c-list {
10068
10145
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
10069
10146
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
10070
10147
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
10148
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
10149
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
10071
10150
  }
10072
10151
  .pf-v6-c-menu-toggle.pf-m-secondary {
10073
10152
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -10083,6 +10162,8 @@ ul.pf-v6-c-list {
10083
10162
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
10084
10163
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
10085
10164
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
10165
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
10166
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
10086
10167
  }
10087
10168
  .pf-v6-c-menu-toggle.pf-m-full-height {
10088
10169
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -10107,6 +10188,8 @@ ul.pf-v6-c-list {
10107
10188
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10108
10189
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10109
10190
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10191
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
10192
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10110
10193
  }
10111
10194
  .pf-v6-c-menu-toggle.pf-m-plain::before {
10112
10195
  border: none;
@@ -10133,6 +10216,10 @@ ul.pf-v6-c-list {
10133
10216
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
10134
10217
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10135
10218
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10219
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
10220
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
10221
+ --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);
10222
+ --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);
10136
10223
  }
10137
10224
  .pf-v6-c-menu-toggle.pf-m-success {
10138
10225
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -10211,13 +10298,13 @@ ul.pf-v6-c-list {
10211
10298
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
10212
10299
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
10213
10300
  }
10214
- .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,
10215
- .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,
10301
+ .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,
10302
+ .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,
10216
10303
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
10217
10304
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
10218
10305
  }
10219
- .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,
10220
- .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,
10306
+ .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,
10307
+ .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,
10221
10308
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
10222
10309
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
10223
10310
  }
@@ -10283,13 +10370,6 @@ ul.pf-v6-c-list {
10283
10370
  flex-wrap: nowrap;
10284
10371
  }
10285
10372
 
10286
- .pf-v6-c-menu-toggle__controls,
10287
- .pf-v6-c-menu-toggle__toggle-icon {
10288
- display: flex;
10289
- align-items: center;
10290
- justify-content: center;
10291
- }
10292
-
10293
10373
  .pf-v6-c-menu-toggle__icon {
10294
10374
  flex-shrink: 0;
10295
10375
  }
@@ -10301,7 +10381,10 @@ ul.pf-v6-c-list {
10301
10381
  }
10302
10382
 
10303
10383
  .pf-v6-c-menu-toggle__controls {
10384
+ display: flex;
10304
10385
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10386
+ align-items: center;
10387
+ justify-content: center;
10305
10388
  margin-inline-start: auto;
10306
10389
  }
10307
10390
 
@@ -11355,7 +11438,7 @@ ul.pf-v6-c-list {
11355
11438
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11356
11439
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11357
11440
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11358
- --pf-v6-c-page__sidebar--xl--Width: auto;
11441
+ --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
11359
11442
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11360
11443
  --pf-v6-c-page__sidebar--BoxShadow: none;
11361
11444
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11544,18 +11627,21 @@ ul.pf-v6-c-list {
11544
11627
  flex-grow: 0;
11545
11628
  }
11546
11629
 
11630
+ .pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
11547
11631
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
11548
11632
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
11549
11633
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
11550
11634
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
11551
11635
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
11552
11636
  }
11637
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
11553
11638
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
11554
11639
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
11555
11640
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
11556
11641
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
11557
11642
  align-items: center;
11558
11643
  }
11644
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11559
11645
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11560
11646
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11561
11647
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -14927,7 +15013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14927
15013
  --pf-v6-c-table--cell--Width: auto;
14928
15014
  }
14929
15015
 
14930
- @media screen and (max-width: 48rem) {
15016
+ @media screen and (max-width: calc(48rem - 1px)) {
14931
15017
  .pf-m-grid-md.pf-v6-c-table {
14932
15018
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
14933
15019
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15197,14 +15283,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15197
15283
  text-align: end;
15198
15284
  }
15199
15285
  }
15200
- @media screen and (max-width: 48rem) and (max-width: 36rem) {
15286
+ @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
15201
15287
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
15202
15288
  grid-row-start: 1;
15203
15289
  grid-column-start: 2;
15204
15290
  margin-inline-start: 0;
15205
15291
  }
15206
15292
  }
15207
- @media screen and (max-width: 48rem) {
15293
+ @media screen and (max-width: calc(48rem - 1px)) {
15208
15294
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15209
15295
  grid-column: 2;
15210
15296
  grid-row: 2;
@@ -15230,7 +15316,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15230
15316
  }
15231
15317
  }
15232
15318
 
15233
- @media screen and (max-width: 62rem) {
15319
+ @media screen and (max-width: calc(62rem - 1px)) {
15234
15320
  .pf-m-grid-lg.pf-v6-c-table {
15235
15321
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15236
15322
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15500,14 +15586,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15500
15586
  text-align: end;
15501
15587
  }
15502
15588
  }
15503
- @media screen and (max-width: 62rem) and (max-width: 36rem) {
15589
+ @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
15504
15590
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
15505
15591
  grid-row-start: 1;
15506
15592
  grid-column-start: 2;
15507
15593
  margin-inline-start: 0;
15508
15594
  }
15509
15595
  }
15510
- @media screen and (max-width: 62rem) {
15596
+ @media screen and (max-width: calc(62rem - 1px)) {
15511
15597
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15512
15598
  grid-column: 2;
15513
15599
  grid-row: 2;
@@ -15533,7 +15619,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15533
15619
  }
15534
15620
  }
15535
15621
 
15536
- @media screen and (max-width: 75rem) {
15622
+ @media screen and (max-width: calc(75rem - 1px)) {
15537
15623
  .pf-m-grid-xl.pf-v6-c-table {
15538
15624
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15539
15625
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -15803,14 +15889,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15803
15889
  text-align: end;
15804
15890
  }
15805
15891
  }
15806
- @media screen and (max-width: 75rem) and (max-width: 36rem) {
15892
+ @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
15807
15893
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
15808
15894
  grid-row-start: 1;
15809
15895
  grid-column-start: 2;
15810
15896
  margin-inline-start: 0;
15811
15897
  }
15812
15898
  }
15813
- @media screen and (max-width: 75rem) {
15899
+ @media screen and (max-width: calc(75rem - 1px)) {
15814
15900
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
15815
15901
  grid-column: 2;
15816
15902
  grid-row: 2;
@@ -15836,7 +15922,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15836
15922
  }
15837
15923
  }
15838
15924
 
15839
- @media screen and (max-width: 90.625rem) {
15925
+ @media screen and (max-width: calc(90.625rem - 1px)) {
15840
15926
  .pf-m-grid-2xl.pf-v6-c-table {
15841
15927
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
15842
15928
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -16106,14 +16192,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16106
16192
  text-align: end;
16107
16193
  }
16108
16194
  }
16109
- @media screen and (max-width: 90.625rem) and (max-width: 36rem) {
16195
+ @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
16110
16196
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
16111
16197
  grid-row-start: 1;
16112
16198
  grid-column-start: 2;
16113
16199
  margin-inline-start: 0;
16114
16200
  }
16115
16201
  }
16116
- @media screen and (max-width: 90.625rem) {
16202
+ @media screen and (max-width: calc(90.625rem - 1px)) {
16117
16203
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
16118
16204
  grid-column: 2;
16119
16205
  grid-row: 2;
@@ -16168,7 +16254,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16168
16254
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16169
16255
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
16170
16256
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16171
- --pf-v6-c-table--cell--MinWidth: 0;
16257
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
16172
16258
  --pf-v6-c-table--cell--MaxWidth: none;
16173
16259
  --pf-v6-c-table--cell--Width: auto;
16174
16260
  --pf-v6-c-table--cell--Overflow: visible;
@@ -16182,6 +16268,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16182
16268
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
16183
16269
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
16184
16270
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
16271
+ --pf-v6-c-table__text--MinWidth: 100%;
16272
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
16185
16273
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
16186
16274
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
16187
16275
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -16447,6 +16535,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16447
16535
  --pf-v6-c-table--cell--TextOverflow: ellipsis;
16448
16536
  --pf-v6-c-table--cell--WhiteSpace: nowrap;
16449
16537
  }
16538
+ .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__sort .pf-v6-c-table__button {
16539
+ margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
16540
+ }
16450
16541
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
16451
16542
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
16452
16543
  }
@@ -16570,11 +16661,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16570
16661
  }
16571
16662
 
16572
16663
  .pf-v6-c-table__text {
16573
- --pf-v6-c-table--cell--MaxWidth: 100%;
16574
16664
  position: relative;
16575
16665
  display: block;
16576
16666
  width: var(--pf-v6-c-table--cell--Width);
16577
- min-width: var(--pf-v6-c-table--text--MinWidth);
16667
+ min-width: var(--pf-v6-c-table__text--MinWidth);
16578
16668
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
16579
16669
  overflow: var(--pf-v6-c-table--cell--Overflow);
16580
16670
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -16584,7 +16674,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16584
16674
  }
16585
16675
  .pf-v6-c-table__text.pf-m-truncate {
16586
16676
  --pf-v6-c-table--cell--MinWidth: 100%;
16587
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
16677
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
16588
16678
  }
16589
16679
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
16590
16680
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -16637,6 +16727,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16637
16727
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
16638
16728
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
16639
16729
  min-width: auto;
16730
+ max-width: 100%;
16640
16731
  }
16641
16732
  .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,
16642
16733
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
@@ -16667,6 +16758,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16667
16758
  .pf-v6-c-table .pf-v6-c-table__draggable {
16668
16759
  --pf-v6-c-table--cell--MinWidth: 0;
16669
16760
  --pf-v6-c-table--cell--Width: 1%;
16761
+ max-width: none;
16670
16762
  }
16671
16763
 
16672
16764
  .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -17315,7 +17407,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17315
17407
  --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));
17316
17408
  }
17317
17409
 
17318
- @media screen and (max-width: 48rem) {
17410
+ @media screen and (max-width: calc(48rem - 1px)) {
17319
17411
  .pf-m-tree-view-grid-md.pf-v6-c-table {
17320
17412
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17321
17413
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17458,7 +17550,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17458
17550
  }
17459
17551
  }
17460
17552
 
17461
- @media screen and (max-width: 62rem) {
17553
+ @media screen and (max-width: calc(62rem - 1px)) {
17462
17554
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
17463
17555
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17464
17556
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17601,7 +17693,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17601
17693
  }
17602
17694
  }
17603
17695
 
17604
- @media screen and (max-width: 75rem) {
17696
+ @media screen and (max-width: calc(75rem - 1px)) {
17605
17697
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
17606
17698
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17607
17699
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -17744,7 +17836,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17744
17836
  }
17745
17837
  }
17746
17838
 
17747
- @media screen and (max-width: 90.625rem) {
17839
+ @media screen and (max-width: calc(90.625rem - 1px)) {
17748
17840
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
17749
17841
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
17750
17842
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -19072,6 +19164,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19072
19164
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
19073
19165
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
19074
19166
  --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
19167
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
19075
19168
  }
19076
19169
 
19077
19170
  .pf-v6-c-title {
@@ -19138,6 +19231,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19138
19231
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
19139
19232
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19140
19233
  }
19234
+ .pf-v6-c-title.pf-m-page-title {
19235
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
19236
+ }
19141
19237
 
19142
19238
  .pf-v6-c-toggle-group {
19143
19239
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21909,7 +22005,7 @@ label.pf-v6-c-tree-view__node-text {
21909
22005
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
21910
22006
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
21911
22007
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
21912
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
22008
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
21913
22009
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21914
22010
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
21915
22011
  --pf-v6-c-wizard__nav--Width: 100%;