@patternfly/patternfly 6.0.0 → 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 (86) 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 +9 -1
  19. package/components/Page/page.scss +9 -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 +136 -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/Tile/{examples → deprecated}/Tile.md +1 -0
  45. package/docs/components/Title/examples/Title.md +10 -0
  46. package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
  47. package/docs/demos/Alert/examples/Alert.md +6 -12
  48. package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
  49. package/docs/demos/Banner/examples/Banner.md +4 -8
  50. package/docs/demos/Card/examples/Card.css +4 -0
  51. package/docs/demos/Card/examples/Card.md +13 -21
  52. package/docs/demos/CardView/examples/CardView.md +2 -4
  53. package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
  54. package/docs/demos/DataList/examples/DataList.md +13 -46
  55. package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
  56. package/docs/demos/Drawer/examples/Drawer.md +6 -12
  57. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
  58. package/docs/demos/Masthead/examples/Masthead.md +18 -36
  59. package/docs/demos/Modal/examples/Modal.md +12 -24
  60. package/docs/demos/Nav/examples/Nav.md +12 -24
  61. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
  62. package/docs/demos/Page/examples/Page.md +24 -48
  63. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
  64. package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
  65. package/docs/demos/Table/examples/Table.md +191 -984
  66. package/docs/demos/Tabs/examples/Tabs.md +18 -60
  67. package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
  68. package/docs/demos/Wizard/examples/Wizard.md +18 -36
  69. package/docs/layouts/Level/examples/Level.css +1 -2
  70. package/docs/layouts/Level/examples/Level.md +15 -3
  71. package/docs/layouts/Split/examples/Split.css +1 -2
  72. package/docs/layouts/Split/examples/Split.md +4 -4
  73. package/docs/layouts/Stack/examples/Stack.css +1 -2
  74. package/docs/layouts/Stack/examples/Stack.md +4 -4
  75. package/layouts/Split/split.css +1 -2
  76. package/layouts/Split/split.scss +4 -3
  77. package/layouts/Stack/stack.css +1 -2
  78. package/layouts/Stack/stack.scss +4 -3
  79. package/layouts/_index.css +2 -4
  80. package/package.json +6 -6
  81. package/patternfly-no-globals.css +138 -42
  82. package/patternfly.css +138 -42
  83. package/patternfly.min.css +1 -1
  84. package/patternfly.min.css.map +1 -1
  85. package/sass-utilities/functions.scss +6 -0
  86. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -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);
@@ -18878,11 +18961,13 @@ ul.pf-v6-c-list {
18878
18961
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
18879
18962
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18880
18963
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18964
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18881
18965
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
18882
18966
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18883
18967
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
18884
18968
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18885
18969
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18970
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18886
18971
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
18887
18972
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
18888
18973
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19004,18 +19089,21 @@ ul.pf-v6-c-list {
19004
19089
  flex-grow: 0;
19005
19090
  }
19006
19091
 
19092
+ .pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
19007
19093
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
19008
19094
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
19009
19095
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
19010
19096
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
19011
19097
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
19012
19098
  }
19099
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
19013
19100
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
19014
19101
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
19015
19102
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
19016
19103
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
19017
19104
  align-items: center;
19018
19105
  }
19106
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19019
19107
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19020
19108
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
19021
19109
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -19264,6 +19352,9 @@ ul.pf-v6-c-list {
19264
19352
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
19265
19353
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
19266
19354
  }
19355
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
19356
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
19357
+ }
19267
19358
 
19268
19359
  .pf-v6-c-page__main-breadcrumb {
19269
19360
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -22384,7 +22475,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22384
22475
  --pf-v6-c-table--cell--Width: auto;
22385
22476
  }
22386
22477
 
22387
- @media screen and (max-width: 48rem) {
22478
+ @media screen and (max-width: calc(48rem - 1px)) {
22388
22479
  .pf-m-grid-md.pf-v6-c-table {
22389
22480
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22390
22481
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22654,14 +22745,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22654
22745
  text-align: end;
22655
22746
  }
22656
22747
  }
22657
- @media screen and (max-width: 48rem) and (max-width: 36rem) {
22748
+ @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
22658
22749
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
22659
22750
  grid-row-start: 1;
22660
22751
  grid-column-start: 2;
22661
22752
  margin-inline-start: 0;
22662
22753
  }
22663
22754
  }
22664
- @media screen and (max-width: 48rem) {
22755
+ @media screen and (max-width: calc(48rem - 1px)) {
22665
22756
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
22666
22757
  grid-column: 2;
22667
22758
  grid-row: 2;
@@ -22687,7 +22778,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22687
22778
  }
22688
22779
  }
22689
22780
 
22690
- @media screen and (max-width: 62rem) {
22781
+ @media screen and (max-width: calc(62rem - 1px)) {
22691
22782
  .pf-m-grid-lg.pf-v6-c-table {
22692
22783
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22693
22784
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -22957,14 +23048,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22957
23048
  text-align: end;
22958
23049
  }
22959
23050
  }
22960
- @media screen and (max-width: 62rem) and (max-width: 36rem) {
23051
+ @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
22961
23052
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
22962
23053
  grid-row-start: 1;
22963
23054
  grid-column-start: 2;
22964
23055
  margin-inline-start: 0;
22965
23056
  }
22966
23057
  }
22967
- @media screen and (max-width: 62rem) {
23058
+ @media screen and (max-width: calc(62rem - 1px)) {
22968
23059
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
22969
23060
  grid-column: 2;
22970
23061
  grid-row: 2;
@@ -22990,7 +23081,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22990
23081
  }
22991
23082
  }
22992
23083
 
22993
- @media screen and (max-width: 75rem) {
23084
+ @media screen and (max-width: calc(75rem - 1px)) {
22994
23085
  .pf-m-grid-xl.pf-v6-c-table {
22995
23086
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
22996
23087
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23260,14 +23351,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23260
23351
  text-align: end;
23261
23352
  }
23262
23353
  }
23263
- @media screen and (max-width: 75rem) and (max-width: 36rem) {
23354
+ @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
23264
23355
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
23265
23356
  grid-row-start: 1;
23266
23357
  grid-column-start: 2;
23267
23358
  margin-inline-start: 0;
23268
23359
  }
23269
23360
  }
23270
- @media screen and (max-width: 75rem) {
23361
+ @media screen and (max-width: calc(75rem - 1px)) {
23271
23362
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23272
23363
  grid-column: 2;
23273
23364
  grid-row: 2;
@@ -23293,7 +23384,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23293
23384
  }
23294
23385
  }
23295
23386
 
23296
- @media screen and (max-width: 90.625rem) {
23387
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23297
23388
  .pf-m-grid-2xl.pf-v6-c-table {
23298
23389
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
23299
23390
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -23563,14 +23654,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23563
23654
  text-align: end;
23564
23655
  }
23565
23656
  }
23566
- @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) {
23567
23658
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
23568
23659
  grid-row-start: 1;
23569
23660
  grid-column-start: 2;
23570
23661
  margin-inline-start: 0;
23571
23662
  }
23572
23663
  }
23573
- @media screen and (max-width: 90.625rem) {
23664
+ @media screen and (max-width: calc(90.625rem - 1px)) {
23574
23665
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
23575
23666
  grid-column: 2;
23576
23667
  grid-row: 2;
@@ -23625,7 +23716,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23625
23716
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23626
23717
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23627
23718
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23628
- --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));
23629
23720
  --pf-v6-c-table--cell--MaxWidth: none;
23630
23721
  --pf-v6-c-table--cell--Width: auto;
23631
23722
  --pf-v6-c-table--cell--Overflow: visible;
@@ -23639,6 +23730,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23639
23730
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
23640
23731
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
23641
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;
23642
23735
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
23643
23736
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
23644
23737
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24027,11 +24120,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24027
24120
  }
24028
24121
 
24029
24122
  .pf-v6-c-table__text {
24030
- --pf-v6-c-table--cell--MaxWidth: 100%;
24031
24123
  position: relative;
24032
24124
  display: block;
24033
24125
  width: var(--pf-v6-c-table--cell--Width);
24034
- min-width: var(--pf-v6-c-table--text--MinWidth);
24126
+ min-width: var(--pf-v6-c-table__text--MinWidth);
24035
24127
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
24036
24128
  overflow: var(--pf-v6-c-table--cell--Overflow);
24037
24129
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -24041,7 +24133,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24041
24133
  }
24042
24134
  .pf-v6-c-table__text.pf-m-truncate {
24043
24135
  --pf-v6-c-table--cell--MinWidth: 100%;
24044
- --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));
24045
24137
  }
24046
24138
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
24047
24139
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -24094,6 +24186,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24094
24186
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
24095
24187
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
24096
24188
  min-width: auto;
24189
+ max-width: 100%;
24097
24190
  }
24098
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,
24099
24192
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
@@ -24124,6 +24217,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24124
24217
  .pf-v6-c-table .pf-v6-c-table__draggable {
24125
24218
  --pf-v6-c-table--cell--MinWidth: 0;
24126
24219
  --pf-v6-c-table--cell--Width: 1%;
24220
+ max-width: none;
24127
24221
  }
24128
24222
 
24129
24223
  .pf-v6-c-table .pf-v6-c-table__favorite {
@@ -24772,7 +24866,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24772
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));
24773
24867
  }
24774
24868
 
24775
- @media screen and (max-width: 48rem) {
24869
+ @media screen and (max-width: calc(48rem - 1px)) {
24776
24870
  .pf-m-tree-view-grid-md.pf-v6-c-table {
24777
24871
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
24778
24872
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -24915,7 +25009,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24915
25009
  }
24916
25010
  }
24917
25011
 
24918
- @media screen and (max-width: 62rem) {
25012
+ @media screen and (max-width: calc(62rem - 1px)) {
24919
25013
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
24920
25014
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
24921
25015
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25058,7 +25152,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25058
25152
  }
25059
25153
  }
25060
25154
 
25061
- @media screen and (max-width: 75rem) {
25155
+ @media screen and (max-width: calc(75rem - 1px)) {
25062
25156
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
25063
25157
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25064
25158
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -25201,7 +25295,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25201
25295
  }
25202
25296
  }
25203
25297
 
25204
- @media screen and (max-width: 90.625rem) {
25298
+ @media screen and (max-width: calc(90.625rem - 1px)) {
25205
25299
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
25206
25300
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
25207
25301
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -26529,6 +26623,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26529
26623
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
26530
26624
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
26531
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);
26532
26627
  }
26533
26628
 
26534
26629
  .pf-v6-c-title {
@@ -26595,6 +26690,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26595
26690
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
26596
26691
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26597
26692
  }
26693
+ .pf-v6-c-title.pf-m-page-title {
26694
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
26695
+ }
26598
26696
 
26599
26697
  .pf-v6-c-toggle-group {
26600
26698
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -29366,7 +29464,7 @@ label.pf-v6-c-tree-view__node-text {
29366
29464
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
29367
29465
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
29368
29466
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
29369
- --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);
29370
29468
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29371
29469
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29372
29470
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -33198,8 +33296,7 @@ label.pf-v6-c-tree-view__node-text {
33198
33296
  .pf-v6-l-split.pf-m-wrap {
33199
33297
  flex-wrap: wrap;
33200
33298
  }
33201
-
33202
- .pf-v6-l-split__item.pf-m-fill {
33299
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
33203
33300
  flex-grow: 1;
33204
33301
  }
33205
33302
 
@@ -33216,8 +33313,7 @@ label.pf-v6-c-tree-view__node-text {
33216
33313
  flex-direction: column;
33217
33314
  height: 100%;
33218
33315
  }
33219
-
33220
- .pf-v6-l-stack__item.pf-m-fill {
33316
+ .pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
33221
33317
  flex-grow: 1;
33222
33318
  }
33223
33319