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