@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-no-globals.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-v5-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-v5-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-v5-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-v5-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
 
@@ -9395,75 +9395,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9395
9395
  }
9396
9396
 
9397
9397
  .pf-v5-c-content {
9398
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
9399
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
9400
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
9401
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
9402
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
9403
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
9404
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
9405
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
9406
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
9407
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
9408
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
9409
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
9410
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
9411
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
9412
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
9413
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
9414
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
9415
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
9416
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
9417
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
9418
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
9419
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
9420
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
9421
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
9422
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
9423
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
9424
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
9425
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
9426
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
9427
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
9428
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
9429
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
9430
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
9431
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
9432
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
9433
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
9434
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
9435
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
9436
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
9437
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
9438
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
9439
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
9440
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
9441
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
9442
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
9443
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
9444
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
9445
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
9446
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
9447
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
9448
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
9449
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
9450
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
9451
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
9452
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9453
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9454
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
9455
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
9456
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9457
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9398
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9399
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9400
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9401
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9402
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9403
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9404
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9405
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9406
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9407
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9408
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9409
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9410
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9411
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9412
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9413
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9414
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9415
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9416
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9417
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9418
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9419
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9420
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9421
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9422
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9423
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9424
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9425
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9426
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9427
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9428
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9429
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9430
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9431
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9432
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9433
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9434
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9435
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9436
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9437
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9438
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9439
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9440
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9441
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9442
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9443
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9444
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9445
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9446
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9447
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9448
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9449
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9450
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9451
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9452
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9453
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9454
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9455
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9456
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9457
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9458
9458
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
9459
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
9460
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
9461
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
9462
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
9463
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9459
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9460
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9461
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9462
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9463
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
9464
9464
  --pf-v5-c-content--dt--sm--MarginTop: 0;
9465
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
9466
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9465
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9466
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
9467
9467
  font-size: var(--pf-v5-c-content--FontSize);
9468
9468
  line-height: var(--pf-v5-c-content--LineHeight);
9469
9469
  color: var(--pf-v5-c-content--Color);
@@ -18755,38 +18755,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18755
18755
  }
18756
18756
 
18757
18757
  .pf-v5-c-menu-toggle {
18758
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18759
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18760
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18761
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18762
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18763
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18764
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18765
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18766
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18767
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18768
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18769
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18770
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18771
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18772
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18773
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18774
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18775
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18776
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
18758
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
18759
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
18760
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
18761
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
18762
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
18763
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
18764
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
18765
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
18766
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
18767
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
18768
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
18769
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
18770
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
18771
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
18772
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
18773
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
18774
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
18775
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
18776
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
18777
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
18778
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
18779
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
18780
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18777
18781
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18778
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18779
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18782
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
18783
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18780
18784
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18781
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18782
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18785
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18786
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18783
18787
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18784
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18785
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18788
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18789
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18786
18790
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18787
18791
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18788
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18789
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18792
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18793
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18790
18794
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18791
18795
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18792
18796
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18819,20 +18823,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18819
18823
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18820
18824
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18821
18825
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18822
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18823
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18824
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
18826
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
18827
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
18828
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18825
18829
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18826
18830
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18827
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18828
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
18831
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
18832
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18829
18833
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18830
18834
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18831
18835
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18832
18836
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18833
18837
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18834
18838
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18835
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18836
18839
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18837
18840
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18838
18841
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18842,7 +18845,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18842
18845
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18843
18846
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18844
18847
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18845
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18848
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18846
18849
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18847
18850
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18848
18851
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18865,13 +18868,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18865
18868
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18866
18869
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18867
18870
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18868
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18869
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18870
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18871
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18872
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18873
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18874
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18871
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
18872
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
18873
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
18874
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18875
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
18876
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18877
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18875
18878
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18876
18879
  position: relative;
18877
18880
  display: inline-flex;
@@ -18884,9 +18887,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18884
18887
  cursor: pointer;
18885
18888
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
18886
18889
  border: 0;
18890
+ }
18891
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
18887
18892
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
18888
18893
  }
18889
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
18894
+ .pf-v5-c-menu-toggle::before {
18890
18895
  position: absolute;
18891
18896
  top: 0;
18892
18897
  right: 0;
@@ -18894,14 +18899,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18894
18899
  left: 0;
18895
18900
  pointer-events: none;
18896
18901
  content: "";
18897
- }
18898
- .pf-v5-c-menu-toggle::before {
18899
- 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);
18900
- border-style: solid;
18901
- 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);
18902
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
18902
18903
  }
18903
18904
  .pf-v5-c-menu-toggle::after {
18904
- border-bottom: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
18905
+ border-bottom: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
18905
18906
  }
18906
18907
  .pf-v5-c-menu-toggle.pf-m-primary {
18907
18908
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -18946,15 +18947,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18946
18947
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
18947
18948
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
18948
18949
  }
18949
- .pf-v5-c-menu-toggle.pf-m-plain {
18950
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
18951
- }
18952
18950
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
18953
18951
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
18954
18952
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
18955
18953
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
18956
18954
  display: inline-block;
18957
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
18958
18955
  }
18959
18956
  .pf-v5-c-menu-toggle.pf-m-full-height {
18960
18957
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -18969,25 +18966,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18969
18966
  height: 100%;
18970
18967
  }
18971
18968
  .pf-v5-c-menu-toggle:hover {
18972
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
18973
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
18974
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
18975
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
18976
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
18977
- }
18978
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
18979
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
18980
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
18981
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
18982
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
18983
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
18984
- }
18985
- .pf-v5-c-menu-toggle:active {
18986
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
18987
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
18988
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
18989
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
18990
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
18969
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
18970
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
18971
+ }
18972
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
18973
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
18974
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
18991
18975
  }
18992
18976
  .pf-v5-c-menu-toggle.pf-m-expanded {
18993
18977
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -19003,7 +18987,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19003
18987
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
19004
18988
  pointer-events: none;
19005
18989
  }
19006
- .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 {
18990
+ .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 {
19007
18991
  border: 0;
19008
18992
  }
19009
18993
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -19163,7 +19147,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19163
19147
 
19164
19148
  .pf-v5-c-menu-toggle__toggle-icon {
19165
19149
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19166
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19150
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19167
19151
  }
19168
19152
 
19169
19153
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
@@ -19575,20 +19559,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19575
19559
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19576
19560
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19577
19561
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19578
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19579
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19580
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19581
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19582
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19583
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19584
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19585
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19586
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19562
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
19563
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
19564
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
19565
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
19566
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
19567
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19568
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19569
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19570
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19587
19571
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19588
19572
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19589
19573
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19590
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19591
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
19574
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
19575
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19592
19576
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19593
19577
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19594
19578
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19599,32 +19583,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19599
19583
  --pf-v5-c-nav__item--MarginTop: 0;
19600
19584
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19601
19585
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19602
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
19586
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19603
19587
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19604
19588
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19605
19589
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
19590
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19606
19591
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19607
19592
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19608
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19609
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19610
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19611
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19612
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19613
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19614
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19615
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19616
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19617
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19618
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19619
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19620
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
19593
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
19594
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
19595
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
19596
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
19597
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
19598
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
19599
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
19600
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
19601
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
19602
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
19603
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
19604
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
19605
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
19606
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19621
19607
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19622
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19623
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19624
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19625
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19608
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19609
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19610
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19611
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19626
19612
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19627
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19613
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19628
19614
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19629
19615
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19630
19616
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19764,16 +19750,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19764
19750
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19765
19751
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19766
19752
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19767
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19768
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19769
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19770
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19771
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19772
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19773
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19774
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19775
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19776
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19753
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
19754
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
19755
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
19756
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
19757
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
19758
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
19759
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
19760
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
19761
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
19762
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19777
19763
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19778
19764
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19779
19765
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -21297,31 +21283,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21297
21283
  }
21298
21284
 
21299
21285
  :root {
21300
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21301
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
21302
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
21303
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21286
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21287
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21288
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21289
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21304
21290
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
21305
21291
  --pf-v5-c-page__header--MinHeight: 4.75rem;
21306
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
21307
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21308
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21309
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
21310
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
21311
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
21312
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21313
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21292
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21293
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21294
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21295
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21296
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21297
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21298
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21299
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
21314
21300
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
21315
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21301
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
21316
21302
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
21317
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21303
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21318
21304
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
21319
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21320
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
21321
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
21322
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
21323
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
21324
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21305
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21306
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21307
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21308
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21309
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21310
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
21325
21311
  --pf-v5-c-page__header-tools-group--Display: flex;
21326
21312
  --pf-v5-c-page__header-tools-item--Display: block;
21327
21313
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -21336,16 +21322,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21336
21322
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
21337
21323
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
21338
21324
  --pf-v5-c-page__sidebar--Width: 18.125rem;
21339
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21325
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21340
21326
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21341
21327
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21342
21328
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21343
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21329
+ --pf-v5-c-page__sidebar--BoxShadow: none;
21344
21330
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
21345
21331
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21346
21332
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21347
21333
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21348
21334
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21335
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21336
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21337
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21338
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21339
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21340
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21341
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21342
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21349
21343
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21350
21344
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21351
21345
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21354,22 +21348,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21354
21348
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21355
21349
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21356
21350
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21357
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21358
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21359
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21360
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21361
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21362
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21363
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21364
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21365
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21366
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21367
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21368
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21369
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21370
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21371
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21372
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21351
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21352
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21353
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21354
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21355
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21356
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21357
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21358
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21359
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21360
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21361
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21362
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21363
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21373
21364
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21374
21365
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21375
21366
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21393,19 +21384,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21393
21384
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21394
21385
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21395
21386
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21396
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21397
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21398
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21387
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21388
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21399
21389
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21400
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21401
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21402
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21403
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21390
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21404
21391
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21405
21392
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21406
21393
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21407
21394
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21408
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21409
21395
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21410
21396
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21411
21397
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21434,26 +21420,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21434
21420
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21435
21421
  }
21436
21422
  }
21437
- @media screen and (min-width: 1200px) {
21438
- :root {
21439
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21440
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21441
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21442
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21443
- }
21444
- }
21445
- @media screen and (min-width: 1200px) {
21446
- :root {
21447
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21448
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21449
- }
21450
- }
21451
- @media screen and (min-width: 1200px) {
21452
- :root {
21453
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21454
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21455
- }
21456
- }
21457
21423
 
21458
21424
  .pf-v5-c-page {
21459
21425
  display: grid;
@@ -21474,6 +21440,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21474
21440
 
21475
21441
  .pf-v5-c-page__header,
21476
21442
  .pf-v5-c-page > .pf-v5-c-masthead {
21443
+ --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v5-c-page__sidebar--Width) 1fr;
21477
21444
  z-index: var(--pf-v5-c-page__header--ZIndex);
21478
21445
  grid-area: header;
21479
21446
  }
@@ -21606,7 +21573,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21606
21573
  }
21607
21574
 
21608
21575
  .pf-v5-c-page__sidebar {
21609
- color: var(--pf-v5-global--Color--100);
21610
21576
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21611
21577
  display: flex;
21612
21578
  flex-direction: column;
@@ -21614,6 +21580,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21614
21580
  grid-row-start: 2;
21615
21581
  grid-column-start: 1;
21616
21582
  width: var(--pf-v5-c-page__sidebar--Width);
21583
+ padding-top: 0;
21584
+ padding-bottom: var(--pf-t--global--spacer--lg);
21585
+ padding-left: var(--pf-t--global--spacer--lg);
21586
+ margin-right: var(--pf-v5-c-page__sidebar--MarginRight);
21617
21587
  overflow-x: hidden;
21618
21588
  overflow-y: auto;
21619
21589
  -webkit-overflow-scrolling: touch;
@@ -21640,6 +21610,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21640
21610
  border-right: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21641
21611
  }
21642
21612
 
21613
+ .pf-v5-c-page__sidebar-header {
21614
+ padding-top: var(--pf-v5-c-page__sidebar-header--PaddingTop);
21615
+ padding-bottom: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
21616
+ border-bottom: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
21617
+ }
21618
+
21619
+ .pf-v5-c-page__sidebar-title {
21620
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
21621
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
21622
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
21623
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
21624
+ }
21625
+
21643
21626
  .pf-v5-c-page__sidebar-body {
21644
21627
  padding-right: var(--pf-v5-c-page__sidebar-body--PaddingRight);
21645
21628
  padding-left: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
@@ -21905,6 +21888,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21905
21888
  }
21906
21889
  }
21907
21890
 
21891
+ .pf-v5-c-page__main {
21892
+ margin-top: 0;
21893
+ margin-right: var(--pf-t--global--spacer--lg);
21894
+ margin-left: var(--pf-t--global--spacer--lg);
21895
+ }
21896
+
21897
+ .pf-v5-c-page__main-list {
21898
+ padding-bottom: var(--pf-t--global--spacer--lg);
21899
+ margin-bottom: var(--pf-t--global--spacer--lg);
21900
+ background-color: var(--pf-t--global--background--color--primary--default);
21901
+ border-radius: var(--pf-t--global--border--radius--large);
21902
+ }
21903
+
21908
21904
  .pf-v5-c-page__main,
21909
21905
  .pf-v5-c-page__drawer {
21910
21906
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -21920,7 +21916,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21920
21916
 
21921
21917
  .pf-v5-c-page__main,
21922
21918
  .pf-v5-c-page__main-drawer,
21923
- .pf-v5-c-page__main-group {
21919
+ .pf-v5-c-page__main-group,
21920
+ .pf-v5-c-page__main-list {
21924
21921
  display: flex;
21925
21922
  flex-direction: column;
21926
21923
  }