@patternfly/patternfly 6.0.0-alpha.4 → 6.0.0-alpha.6

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 (43) hide show
  1. package/base/_globals.scss +0 -2
  2. package/base/patternfly-globals.css +0 -1
  3. package/components/Content/content.css +67 -67
  4. package/components/Content/content.scss +68 -68
  5. package/components/MenuToggle/menu-toggle.css +57 -73
  6. package/components/MenuToggle/menu-toggle.scss +60 -82
  7. package/components/Nav/nav.css +42 -40
  8. package/components/Nav/nav.scss +42 -42
  9. package/components/Page/page.css +81 -70
  10. package/components/Page/page.scss +82 -68
  11. package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
  12. package/docs/components/Nav/examples/Navigation.css +0 -5
  13. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  14. package/docs/demos/Alert/examples/Alert.md +3 -3
  15. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  16. package/docs/demos/Banner/examples/Banner.md +2 -2
  17. package/docs/demos/CardView/examples/CardView.md +1 -1
  18. package/docs/demos/ContextSelector/examples/ContextSelector.md +4 -4
  19. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  20. package/docs/demos/DataList/examples/DataList.md +4 -4
  21. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  22. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  23. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  24. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  25. package/docs/demos/Modal/examples/Modal.md +6 -6
  26. package/docs/demos/Nav/examples/Nav.md +8 -8
  27. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  28. package/docs/demos/Page/examples/Page.md +9 -9
  29. package/docs/demos/Page/examples/Penta.md +4 -4
  30. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  31. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  32. package/docs/demos/Table/examples/Table.md +15 -15
  33. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  34. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  35. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  36. package/package.json +1 -1
  37. package/patternfly-base-theme-dark-unversioned.css +0 -1
  38. package/patternfly-base.css +0 -1
  39. package/patternfly-no-globals.css +247 -250
  40. package/patternfly-theme-dark-unversioned.css +247 -251
  41. package/patternfly.css +247 -251
  42. package/patternfly.min.css +1 -1
  43. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
12
12
  }
13
13
 
14
- .pf-v5-c-wizard__header, .pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__sidebar, .pf-v5-c-page__header, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead, .pf-v5-c-login__footer, .pf-v5-c-login__header, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .pf-t-dark {
14
+ .pf-v5-c-wizard__header, .pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__header, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead, .pf-v5-c-login__footer, .pf-v5-c-login__header, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .pf-t-dark {
15
15
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16
16
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
17
17
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -22,7 +22,7 @@
22
22
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
23
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
24
24
  }
25
- .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-page__sidebar .pf-v5-c-button, .pf-v5-c-page__header .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button, .pf-v5-c-login__footer .pf-v5-c-button, .pf-v5-c-login__header .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-t-dark .pf-v5-c-button {
25
+ .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-page__header .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button, .pf-v5-c-login__footer .pf-v5-c-button, .pf-v5-c-login__header .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-t-dark .pf-v5-c-button {
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
@@ -1433,7 +1433,6 @@ pre) {
1433
1433
  }
1434
1434
 
1435
1435
  :where(a) {
1436
- font-weight: var(--pf-v5-global--link--FontWeight);
1437
1436
  color: var(--pf-t--global--text--color--link--default);
1438
1437
  text-decoration: var(--pf-t--global--link--text-decoration);
1439
1438
  }
@@ -9512,75 +9511,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9512
9511
  }
9513
9512
 
9514
9513
  .pf-v5-c-content {
9515
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
9516
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
9517
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
9518
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
9519
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
9520
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
9521
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
9522
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
9523
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
9524
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
9525
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
9526
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
9527
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
9528
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
9529
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
9530
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
9531
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
9532
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
9533
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
9534
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
9535
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
9536
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
9537
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
9538
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
9539
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
9540
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
9541
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
9542
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
9543
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
9544
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
9545
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
9546
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
9547
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
9548
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
9549
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
9550
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
9551
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
9552
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
9553
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
9554
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
9555
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
9556
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
9557
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
9558
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
9559
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
9560
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
9561
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
9562
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
9563
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
9564
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
9565
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
9566
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
9567
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
9568
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
9569
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9570
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9571
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
9572
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
9573
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9574
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9514
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9515
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9516
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9517
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9518
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9519
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9520
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9521
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9522
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9523
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9524
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9525
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9526
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9527
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9528
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9529
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9530
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9531
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9532
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9533
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9534
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9535
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9536
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9537
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9538
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9539
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9540
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9541
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9542
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9543
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9544
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9545
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9546
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9547
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9548
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9549
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9550
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9551
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9552
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9553
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9554
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9555
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9556
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9557
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9558
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9559
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9560
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9561
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9562
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9563
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9564
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9565
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9566
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9567
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9568
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9569
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9570
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9571
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9572
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9573
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9575
9574
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
9576
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
9577
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
9578
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
9579
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
9580
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9575
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9576
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9577
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9578
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9579
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
9581
9580
  --pf-v5-c-content--dt--sm--MarginTop: 0;
9582
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
9583
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9581
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9582
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
9584
9583
  font-size: var(--pf-v5-c-content--FontSize);
9585
9584
  line-height: var(--pf-v5-c-content--LineHeight);
9586
9585
  color: var(--pf-v5-c-content--Color);
@@ -18872,38 +18871,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18872
18871
  }
18873
18872
 
18874
18873
  .pf-v5-c-menu-toggle {
18875
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18876
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18877
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18878
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18879
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18880
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18881
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18882
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18883
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18884
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18885
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18886
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18887
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18888
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18889
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18890
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18891
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18892
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18893
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
18874
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
18875
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
18876
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
18877
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
18878
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
18879
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
18880
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
18881
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
18882
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
18883
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
18884
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
18885
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
18886
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
18887
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
18888
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
18889
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
18890
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
18891
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
18892
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
18893
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
18894
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
18895
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
18896
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18894
18897
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18895
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18896
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18898
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
18899
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18897
18900
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18898
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18899
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18901
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18902
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18900
18903
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18901
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18902
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18904
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18905
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18903
18906
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18904
18907
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18905
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18906
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18908
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18909
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18907
18910
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18908
18911
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18909
18912
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18936,20 +18939,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18936
18939
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18937
18940
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18938
18941
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18939
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18940
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18941
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
18942
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
18943
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
18944
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18942
18945
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18943
18946
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18944
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18945
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
18947
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
18948
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18946
18949
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18947
18950
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18948
18951
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18949
18952
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18950
18953
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18951
18954
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18952
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18953
18955
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18954
18956
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18955
18957
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18959,7 +18961,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18959
18961
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18960
18962
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18961
18963
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18962
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18964
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18963
18965
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18964
18966
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18965
18967
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18982,13 +18984,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18982
18984
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18983
18985
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18984
18986
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18985
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18986
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18987
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18988
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18989
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18990
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18991
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18987
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
18988
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
18989
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
18990
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18991
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
18992
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18993
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18992
18994
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18993
18995
  position: relative;
18994
18996
  display: inline-flex;
@@ -19001,9 +19003,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19001
19003
  cursor: pointer;
19002
19004
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
19003
19005
  border: 0;
19006
+ }
19007
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
19004
19008
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
19005
19009
  }
19006
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
19010
+ .pf-v5-c-menu-toggle::before {
19007
19011
  position: absolute;
19008
19012
  top: 0;
19009
19013
  right: 0;
@@ -19011,14 +19015,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19011
19015
  left: 0;
19012
19016
  pointer-events: none;
19013
19017
  content: "";
19014
- }
19015
- .pf-v5-c-menu-toggle::before {
19016
- border-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor) var(--pf-v5-c-menu-toggle--before--BorderRightColor) var(--pf-v5-c-menu-toggle--before--BorderBottomColor) var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
19017
- border-style: solid;
19018
- border-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth) var(--pf-v5-c-menu-toggle--before--BorderRightWidth) var(--pf-v5-c-menu-toggle--before--BorderBottomWidth) var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
19018
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
19019
19019
  }
19020
19020
  .pf-v5-c-menu-toggle::after {
19021
- border-bottom: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
19021
+ border-bottom: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
19022
19022
  }
19023
19023
  .pf-v5-c-menu-toggle.pf-m-primary {
19024
19024
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -19063,15 +19063,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19063
19063
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
19064
19064
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
19065
19065
  }
19066
- .pf-v5-c-menu-toggle.pf-m-plain {
19067
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
19068
- }
19069
19066
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
19070
19067
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
19071
19068
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
19072
19069
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
19073
19070
  display: inline-block;
19074
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
19075
19071
  }
19076
19072
  .pf-v5-c-menu-toggle.pf-m-full-height {
19077
19073
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -19086,25 +19082,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19086
19082
  height: 100%;
19087
19083
  }
19088
19084
  .pf-v5-c-menu-toggle:hover {
19089
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
19090
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
19091
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
19092
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
19093
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
19094
- }
19095
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
19096
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
19097
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
19098
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
19099
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
19100
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
19101
- }
19102
- .pf-v5-c-menu-toggle:active {
19103
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
19104
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
19105
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
19106
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
19107
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
19085
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
19086
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
19087
+ }
19088
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
19089
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
19090
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
19108
19091
  }
19109
19092
  .pf-v5-c-menu-toggle.pf-m-expanded {
19110
19093
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -19120,7 +19103,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19120
19103
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
19121
19104
  pointer-events: none;
19122
19105
  }
19123
- .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle.pf-m-plain::before, .pf-v5-c-menu-toggle.pf-m-plain::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
19106
+ .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
19124
19107
  border: 0;
19125
19108
  }
19126
19109
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -19280,7 +19263,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19280
19263
 
19281
19264
  .pf-v5-c-menu-toggle__toggle-icon {
19282
19265
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19283
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19266
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19284
19267
  }
19285
19268
 
19286
19269
  :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
@@ -19692,20 +19675,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19692
19675
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19693
19676
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19694
19677
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19695
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19696
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19697
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19698
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19699
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19700
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19701
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19702
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19703
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19678
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
19679
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
19680
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
19681
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
19682
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
19683
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19684
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19685
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19686
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19704
19687
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19705
19688
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19706
19689
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19707
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19708
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
19690
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
19691
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19709
19692
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19710
19693
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19711
19694
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19716,32 +19699,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19716
19699
  --pf-v5-c-nav__item--MarginTop: 0;
19717
19700
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19718
19701
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19719
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
19702
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19720
19703
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19721
19704
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19722
19705
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
19706
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19723
19707
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19724
19708
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19725
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19726
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19727
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19728
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19729
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19730
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19731
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19732
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19733
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19734
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19735
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19736
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19737
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
19709
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
19710
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
19711
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
19712
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
19713
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
19714
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
19715
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
19716
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
19717
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
19718
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
19719
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
19720
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
19721
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
19722
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19738
19723
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19739
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19740
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19741
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19742
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19724
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19725
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19726
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19727
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19743
19728
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19744
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19729
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19745
19730
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19746
19731
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19747
19732
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19881,16 +19866,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19881
19866
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19882
19867
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19883
19868
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19884
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19885
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19886
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19887
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19888
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19889
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19890
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19891
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19892
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19893
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19869
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
19870
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
19871
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
19872
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
19873
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
19874
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
19875
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
19876
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
19877
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
19878
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19894
19879
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19895
19880
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19896
19881
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -21414,31 +21399,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21414
21399
  }
21415
21400
 
21416
21401
  :root {
21417
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21418
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
21419
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
21420
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21402
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21403
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21404
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21405
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21421
21406
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
21422
21407
  --pf-v5-c-page__header--MinHeight: 4.75rem;
21423
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
21424
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21425
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21426
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
21427
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
21428
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
21429
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21430
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21408
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21409
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21410
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21411
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21412
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21413
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21414
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21415
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
21431
21416
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
21432
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21417
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
21433
21418
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
21434
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21419
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21435
21420
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
21436
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21437
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
21438
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
21439
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
21440
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
21441
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21421
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21422
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21423
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21424
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21425
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21426
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
21442
21427
  --pf-v5-c-page__header-tools-group--Display: flex;
21443
21428
  --pf-v5-c-page__header-tools-item--Display: block;
21444
21429
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -21453,16 +21438,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21453
21438
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
21454
21439
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
21455
21440
  --pf-v5-c-page__sidebar--Width: 18.125rem;
21456
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21441
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21457
21442
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21458
21443
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21459
21444
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21460
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21445
+ --pf-v5-c-page__sidebar--BoxShadow: none;
21461
21446
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
21462
21447
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21463
21448
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21464
21449
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21465
21450
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21451
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21452
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21453
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21454
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21455
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21456
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21457
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21458
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21466
21459
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21467
21460
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21468
21461
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21471,22 +21464,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21471
21464
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21472
21465
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21473
21466
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21474
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21475
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21476
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21477
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21478
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21479
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21480
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21481
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21482
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21483
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21484
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21485
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21486
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21487
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21488
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21489
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21467
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21468
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21469
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21470
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21471
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21472
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21473
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21474
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21475
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21476
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21477
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21478
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21479
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21490
21480
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21491
21481
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21492
21482
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21510,19 +21500,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21510
21500
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21511
21501
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21512
21502
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21513
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21514
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21515
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21503
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21504
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21516
21505
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21517
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21518
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21519
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21520
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21506
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21521
21507
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21522
21508
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21523
21509
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21524
21510
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21525
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21526
21511
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21527
21512
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21528
21513
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21551,26 +21536,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21551
21536
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21552
21537
  }
21553
21538
  }
21554
- @media screen and (min-width: 1200px) {
21555
- :root {
21556
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21557
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21558
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21559
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21560
- }
21561
- }
21562
- @media screen and (min-width: 1200px) {
21563
- :root {
21564
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21565
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21566
- }
21567
- }
21568
- @media screen and (min-width: 1200px) {
21569
- :root {
21570
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21571
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21572
- }
21573
- }
21574
21539
 
21575
21540
  .pf-v5-c-page {
21576
21541
  display: grid;
@@ -21591,6 +21556,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21591
21556
 
21592
21557
  .pf-v5-c-page__header,
21593
21558
  .pf-v5-c-page > .pf-v5-c-masthead {
21559
+ --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v5-c-page__sidebar--Width) 1fr;
21594
21560
  z-index: var(--pf-v5-c-page__header--ZIndex);
21595
21561
  grid-area: header;
21596
21562
  }
@@ -21723,7 +21689,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21723
21689
  }
21724
21690
 
21725
21691
  .pf-v5-c-page__sidebar {
21726
- color: var(--pf-v5-global--Color--100);
21727
21692
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21728
21693
  display: flex;
21729
21694
  flex-direction: column;
@@ -21731,6 +21696,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21731
21696
  grid-row-start: 2;
21732
21697
  grid-column-start: 1;
21733
21698
  width: var(--pf-v5-c-page__sidebar--Width);
21699
+ padding-top: 0;
21700
+ padding-bottom: var(--pf-t--global--spacer--lg);
21701
+ padding-left: var(--pf-t--global--spacer--lg);
21702
+ margin-right: var(--pf-v5-c-page__sidebar--MarginRight);
21734
21703
  overflow-x: hidden;
21735
21704
  overflow-y: auto;
21736
21705
  -webkit-overflow-scrolling: touch;
@@ -21757,6 +21726,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21757
21726
  border-right: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21758
21727
  }
21759
21728
 
21729
+ .pf-v5-c-page__sidebar-header {
21730
+ padding-top: var(--pf-v5-c-page__sidebar-header--PaddingTop);
21731
+ padding-bottom: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
21732
+ border-bottom: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
21733
+ }
21734
+
21735
+ .pf-v5-c-page__sidebar-title {
21736
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
21737
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
21738
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
21739
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
21740
+ }
21741
+
21760
21742
  .pf-v5-c-page__sidebar-body {
21761
21743
  padding-right: var(--pf-v5-c-page__sidebar-body--PaddingRight);
21762
21744
  padding-left: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
@@ -22022,6 +22004,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22022
22004
  }
22023
22005
  }
22024
22006
 
22007
+ .pf-v5-c-page__main {
22008
+ margin-top: 0;
22009
+ margin-right: var(--pf-t--global--spacer--lg);
22010
+ margin-left: var(--pf-t--global--spacer--lg);
22011
+ }
22012
+
22013
+ .pf-v5-c-page__main-list {
22014
+ padding-bottom: var(--pf-t--global--spacer--lg);
22015
+ margin-bottom: var(--pf-t--global--spacer--lg);
22016
+ background-color: var(--pf-t--global--background--color--primary--default);
22017
+ border-radius: var(--pf-t--global--border--radius--large);
22018
+ }
22019
+
22025
22020
  .pf-v5-c-page__main,
22026
22021
  .pf-v5-c-page__drawer {
22027
22022
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -22037,7 +22032,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22037
22032
 
22038
22033
  .pf-v5-c-page__main,
22039
22034
  .pf-v5-c-page__main-drawer,
22040
- .pf-v5-c-page__main-group {
22035
+ .pf-v5-c-page__main-group,
22036
+ .pf-v5-c-page__main-list {
22041
22037
  display: flex;
22042
22038
  flex-direction: column;
22043
22039
  }