@patternfly/patternfly 6.0.0-alpha.5 → 6.0.0-alpha.7

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 (24) hide show
  1. package/base/patternfly-variables.css +261 -188
  2. package/base/tokens/_tokens-dark.scss +117 -82
  3. package/base/tokens/_tokens-default.scss +145 -109
  4. package/base/tokens/_tokens-palette.scss +2 -4
  5. package/components/Masthead/masthead.css +13 -8
  6. package/components/Masthead/masthead.scss +13 -8
  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/components/Table/table-grid.css +8 -8
  12. package/components/Table/table-grid.scss +8 -8
  13. package/docs/components/Nav/examples/Navigation.css +0 -5
  14. package/docs/demos/Page/examples/Penta.md +528 -500
  15. package/package.json +1 -1
  16. package/patternfly-base-no-globals-theme-dark-unversioned.css +261 -188
  17. package/patternfly-base-no-globals.css +261 -188
  18. package/patternfly-base-theme-dark-unversioned.css +261 -188
  19. package/patternfly-base.css +261 -188
  20. package/patternfly-no-globals.css +405 -314
  21. package/patternfly-theme-dark-unversioned.css +405 -314
  22. package/patternfly.css +405 -314
  23. package/patternfly.min.css +1 -1
  24. 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
 
@@ -418,7 +418,7 @@
418
418
 
419
419
  /**
420
420
  * Do not edit directly
421
- * Generated on Mon, 14 Aug 2023 18:10:37 GMT
421
+ * Generated on Wed, 04 Oct 2023 12:59:21 GMT
422
422
  */
423
423
  :root {
424
424
  --pf-t--color--white: #fff;
@@ -493,10 +493,11 @@
493
493
 
494
494
  /**
495
495
  * Do not edit directly
496
- * Generated on Mon, 14 Aug 2023 18:12:00 GMT
496
+ * Generated on Wed, 04 Oct 2023 12:58:15 GMT
497
497
  */
498
498
  :root {
499
499
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
500
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
500
501
  --pf-t--global--spacer--800: 80px;
501
502
  --pf-t--global--spacer--700: 64px;
502
503
  --pf-t--global--spacer--600: 48px;
@@ -506,8 +507,8 @@
506
507
  --pf-t--global--spacer--200: 8px;
507
508
  --pf-t--global--spacer--100: 4px;
508
509
  --pf-t--global--icon--size--400: 56px;
509
- --pf-t--global--icon--size--300: 24px;
510
- --pf-t--global--icon--size--200: 16px;
510
+ --pf-t--global--icon--size--300: 22px;
511
+ --pf-t--global--icon--size--200: 14px;
511
512
  --pf-t--global--icon--size--100: 12px;
512
513
  --pf-t--global--border--width--300: 3px;
513
514
  --pf-t--global--border--width--200: 2px;
@@ -517,19 +518,7 @@
517
518
  --pf-t--global--border--radius--300: 16px;
518
519
  --pf-t--global--border--radius--200: 6px;
519
520
  --pf-t--global--border--radius--100: 4px;
520
- --pf-t--global--border--radius--000: 0px;
521
- --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
522
- --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
523
- --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
524
- --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
525
- --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
526
- --pf-t--global--background--color--100: var(--pf-t--color--white);
527
- --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
528
- --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
529
- --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
530
- --pf-t--global--text--color--300: var(--pf-t--color--white);
531
- --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
532
- --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
521
+ --pf-t--global--border--radius--0: 0px;
533
522
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
534
523
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
535
524
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
@@ -575,6 +564,20 @@
575
564
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
576
565
  --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
577
566
  --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
567
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
568
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
569
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
570
+ --pf-t--global--text--color--400: var(--pf-t--color--orangered--400);
571
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
572
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
573
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
574
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
575
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
576
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
577
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
578
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
579
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
580
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
578
581
  --pf-t--global--spacer--sm: 8px;
579
582
  --pf-t--global--spacer--xl: 32px;
580
583
  --pf-t--global--spacer--xs: 4px;
@@ -587,8 +590,8 @@
587
590
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
588
591
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
589
592
  --pf-t--global--icon--size--sm: 12px;
590
- --pf-t--global--icon--size--md: 16px;
591
- --pf-t--global--icon--size--lg: 24px;
593
+ --pf-t--global--icon--size--md: 14px;
594
+ --pf-t--global--icon--size--lg: 22px;
592
595
  --pf-t--global--icon--size--xl: 56px;
593
596
  --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
594
597
  --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
@@ -601,35 +604,12 @@
601
604
  --pf-t--global--border--width--button--hover: 2px;
602
605
  --pf-t--global--border--width--button--default: 1px;
603
606
  --pf-t--global--border--width--button--active: 2px;
604
- --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
605
- --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
606
- --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
607
- --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
608
- --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
609
- --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--000);
610
- --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
611
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
612
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
613
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
614
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
615
- --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
616
- --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
617
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
618
- --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
619
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
620
- --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
621
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
622
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
623
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
624
- --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
625
- --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
626
- --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
627
- --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
628
- --pf-t--global--text--color--disabled--default: var(--pf-t--global--color--disabled--300);
629
- --pf-t--global--text--color--disabled--light: var(--pf-t--global--color--disabled--100);
630
- --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
631
- --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
632
- --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
607
+ --pf-t--global--border--radius--pill: 999px;
608
+ --pf-t--global--border--radius--tiny: 4px;
609
+ --pf-t--global--border--radius--medium: 16px;
610
+ --pf-t--global--border--radius--large: 24px;
611
+ --pf-t--global--border--radius--small: 6px;
612
+ --pf-t--global--border--radius--sharp: 0px;
633
613
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
634
614
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
635
615
  --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
@@ -678,10 +658,37 @@
678
658
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
679
659
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
680
660
  --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
661
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
662
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
663
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
664
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
665
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
666
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--100);
667
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
668
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
669
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
670
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
671
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
672
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
673
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
674
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
675
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
676
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
677
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
678
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
679
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
680
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
681
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
682
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
683
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--background--color--100);
684
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--background--color--200);
685
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
686
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
681
687
  --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
682
- --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--300);
688
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
683
689
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
684
690
  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
691
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--100);
685
692
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
686
693
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
687
694
  --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
@@ -712,10 +719,9 @@
712
719
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
713
720
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
714
721
  --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
715
- --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
716
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
717
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
718
- --pf-t--global--text--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
722
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
723
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
724
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
719
725
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
720
726
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
721
727
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -723,19 +729,24 @@
723
729
  --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
724
730
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
725
731
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
726
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
727
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
728
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
729
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
730
732
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
731
733
  --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
732
734
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
733
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
734
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
735
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
736
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
737
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
738
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
735
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
736
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
737
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
738
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
739
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
740
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
741
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
742
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
743
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
744
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
745
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
746
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
747
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
748
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
749
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
739
750
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
740
751
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
741
752
  --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
@@ -745,38 +756,78 @@
745
756
  --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
746
757
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
747
758
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
748
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
749
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
750
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
751
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
752
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
753
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
754
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
755
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
756
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
757
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
758
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
759
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
760
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
761
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
762
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
763
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
764
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
765
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
766
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
767
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
759
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--regular);
760
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
761
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
762
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
763
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
764
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--regular);
765
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--regular);
766
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
767
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
768
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--regular);
769
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
770
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
771
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--regular);
772
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
773
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
774
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--regular);
775
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
776
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
777
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--regular);
778
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
779
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
780
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--regular);
781
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
782
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
783
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--regular);
784
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
785
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
786
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
768
787
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
769
788
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
770
789
  --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
790
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
791
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
792
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
793
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--regular);
794
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
795
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
796
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
797
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
798
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--regular);
799
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
800
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
801
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--regular);
802
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--regular);
803
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
804
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
805
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--regular);
806
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
807
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
808
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--regular);
809
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
810
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
811
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
812
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--regular);
813
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
814
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--regular);
815
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
816
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
817
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
818
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
819
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--regular);
820
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
821
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
822
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
823
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
771
824
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
772
825
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
773
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
774
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
775
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
776
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
826
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
777
827
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
778
828
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
779
829
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
830
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
780
831
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
781
832
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
782
833
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
@@ -793,27 +844,12 @@
793
844
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
794
845
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
795
846
  --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
796
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
797
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
798
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
799
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
800
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
801
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
802
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
803
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
804
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
805
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
806
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
807
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
808
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
809
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
810
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
811
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
812
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
813
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
814
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
815
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
816
- --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
847
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
848
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
849
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
850
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
851
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
852
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
817
853
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
818
854
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
819
855
  --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
@@ -900,10 +936,12 @@
900
936
 
901
937
  /**
902
938
  * Do not edit directly
903
- * Generated on Mon, 14 Aug 2023 18:11:22 GMT
939
+ * Generated on Wed, 04 Oct 2023 12:59:38 GMT
904
940
  */
905
941
  :root:where(.pf-v5-theme-dark) {
906
942
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
943
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
944
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
907
945
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
908
946
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
909
947
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
@@ -913,6 +951,7 @@
913
951
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
914
952
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
915
953
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
954
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--orangered--300);
916
955
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
917
956
  --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
918
957
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
@@ -966,20 +1005,6 @@
966
1005
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
967
1006
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
968
1007
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
969
- --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
970
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
971
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
972
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
973
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
974
- --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
975
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
976
- --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
977
- --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
978
- --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
979
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
980
- --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
981
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
982
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
983
1008
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
984
1009
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
985
1010
  --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
@@ -1010,18 +1035,15 @@
1010
1035
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
1011
1036
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
1012
1037
  --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
1038
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
1013
1039
  --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
1014
1040
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
1015
1041
  --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
1016
- --pf-t--global--text--color--disabled--default: var(--pf-t--global--dark--color--disabled--300);
1017
- --pf-t--global--text--color--disabled--light: var(--pf-t--global--dark--color--disabled--200);
1042
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1043
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1018
1044
  --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
1019
1045
  --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
1020
1046
  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
1021
- --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1022
- --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--300);
1023
- --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1024
- --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1025
1047
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
1026
1048
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
1027
1049
  --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
@@ -1070,8 +1092,27 @@
1070
1092
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1071
1093
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1072
1094
  --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1073
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1074
- --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
1095
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1096
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1097
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1098
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1099
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1100
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
1101
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1102
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1103
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1104
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1105
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1106
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1107
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
1108
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
1109
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1110
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
1111
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1112
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
1113
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1114
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--dark--background--color--200);
1115
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--dark--background--color--200);
1075
1116
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1076
1117
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1077
1118
  --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
@@ -1090,8 +1131,9 @@
1090
1131
  --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
1091
1132
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1092
1133
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1093
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1094
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1134
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1135
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1136
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
1095
1137
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1096
1138
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
1097
1139
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -1099,19 +1141,24 @@
1099
1141
  --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1100
1142
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1101
1143
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1102
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1103
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1104
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1105
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1106
1144
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1107
1145
  --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1108
1146
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1109
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1110
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1111
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1112
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1113
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1114
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1147
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1148
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1149
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
1150
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1151
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1152
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--text--color--inverse);
1153
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1154
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1155
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
1156
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1157
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1158
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
1159
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1160
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1161
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
1115
1162
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1116
1163
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1117
1164
  --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
@@ -1121,38 +1168,77 @@
1121
1168
  --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1122
1169
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1123
1170
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1124
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1125
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1126
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1127
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1128
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1129
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1130
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1131
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1132
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1133
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1134
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1135
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1136
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1137
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1138
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1139
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1140
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1141
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1142
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1143
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1171
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--inverse);
1172
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1173
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1174
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1175
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1176
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--inverse);
1177
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--inverse);
1178
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1179
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1180
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--inverse);
1181
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1182
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1183
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--inverse);
1184
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1185
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1186
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--inverse);
1187
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1188
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1189
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--inverse);
1190
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1191
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1192
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--inverse);
1193
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1194
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1195
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--inverse);
1196
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
1197
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
1144
1198
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1145
1199
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1146
1200
  --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1201
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1202
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1203
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
1204
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--inverse);
1205
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1206
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1207
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1208
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1209
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--inverse);
1210
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1211
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1212
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--inverse);
1213
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--inverse);
1214
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1215
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1216
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--inverse);
1217
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1218
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1219
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--inverse);
1220
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1221
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1222
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1223
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--inverse);
1224
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1225
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--inverse);
1226
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1227
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1228
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1229
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1230
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--inverse);
1231
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1232
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1233
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1234
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
1147
1235
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1148
1236
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1149
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1150
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1151
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1152
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1237
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
1153
1238
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1154
1239
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1155
1240
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1241
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
1156
1242
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1157
1243
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1158
1244
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
@@ -1169,27 +1255,14 @@
1169
1255
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1170
1256
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1171
1257
  --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1172
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1173
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1174
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1175
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1176
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1177
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1178
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1179
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1180
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1181
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1182
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1183
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1184
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1185
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1186
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1187
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1188
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1189
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1190
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1191
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1192
- --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1258
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1259
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1260
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
1261
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1262
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1263
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
1264
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1265
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
1193
1266
  }
1194
1267
 
1195
1268
  @font-face {
@@ -17530,8 +17603,8 @@ ul.pf-v5-c-list {
17530
17603
  .pf-v5-c-masthead {
17531
17604
  --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17532
17605
  --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17533
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
17534
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
17606
+ --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17607
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17535
17608
  --pf-v5-c-masthead--xl--inset: var(--pf-v5-global--spacer--lg);
17536
17609
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17537
17610
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
@@ -17571,17 +17644,17 @@ ul.pf-v5-c-list {
17571
17644
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17572
17645
  --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17573
17646
  --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17574
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17647
+ --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17575
17648
  --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-v5-global--palette--black-600);
17576
17649
  --pf-v5-c-masthead__toggle--MarginRight: var(--pf-v5-global--spacer--sm);
17577
17650
  --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
17578
17651
  --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
17579
- --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17652
+ --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17580
17653
  --pf-v5-c-masthead--m-light__main--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
17581
- --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17582
- --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
17654
+ --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17655
+ --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-t--global--border--color--default);
17583
17656
  --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17584
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--palette--black-800);
17657
+ --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17585
17658
  --pf-v5-c-masthead--c-context-selector--Width: auto;
17586
17659
  --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17587
17660
  --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
@@ -17604,7 +17677,7 @@ ul.pf-v5-c-list {
17604
17677
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17605
17678
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
17606
17679
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17607
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
17680
+ --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17608
17681
  --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17609
17682
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17610
17683
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
@@ -17753,6 +17826,11 @@ ul.pf-v5-c-list {
17753
17826
  --pf-v5-c-masthead__main--MarginRight: 0;
17754
17827
  }
17755
17828
 
17829
+ .pf-v5-c-masthead__logo {
17830
+ display: flex;
17831
+ gap: var(--pf-t--global--spacer--md);
17832
+ }
17833
+
17756
17834
  .pf-v5-c-masthead__content {
17757
17835
  display: flex;
17758
17836
  flex-grow: 1;
@@ -19559,20 +19637,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19559
19637
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19560
19638
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19561
19639
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19562
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19563
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19564
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19565
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19566
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19567
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19568
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19569
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19570
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19640
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
19641
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
19642
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
19643
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
19644
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
19645
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19646
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19647
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19648
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19571
19649
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19572
19650
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19573
19651
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19574
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19575
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
19652
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
19653
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19576
19654
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19577
19655
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19578
19656
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19583,32 +19661,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19583
19661
  --pf-v5-c-nav__item--MarginTop: 0;
19584
19662
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19585
19663
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19586
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
19664
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19587
19665
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19588
19666
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19589
19667
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
19668
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19590
19669
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19591
19670
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19592
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19593
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19594
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19595
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19596
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19597
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19598
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19599
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19600
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19601
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19602
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19603
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19604
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
19671
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
19672
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
19673
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
19674
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
19675
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
19676
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
19677
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
19678
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
19679
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
19680
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
19681
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
19682
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
19683
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
19684
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19605
19685
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19606
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19607
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19608
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19609
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19686
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19687
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19688
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19689
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19610
19690
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19611
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19691
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19612
19692
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19613
19693
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19614
19694
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19748,16 +19828,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19748
19828
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19749
19829
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19750
19830
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19751
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19752
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19753
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19754
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19755
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19756
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19757
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19758
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19759
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19760
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19831
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
19832
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
19833
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
19834
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
19835
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
19836
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
19837
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
19838
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
19839
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
19840
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19761
19841
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19762
19842
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19763
19843
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -21281,31 +21361,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21281
21361
  }
21282
21362
 
21283
21363
  :root {
21284
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21285
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
21286
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
21287
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21364
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21365
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21366
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21367
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21288
21368
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
21289
21369
  --pf-v5-c-page__header--MinHeight: 4.75rem;
21290
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
21291
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21292
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21293
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
21294
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
21295
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
21296
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21297
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21370
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21371
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21372
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21373
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21374
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21375
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21376
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21377
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
21298
21378
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
21299
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21379
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
21300
21380
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
21301
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21381
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21302
21382
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
21303
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21304
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
21305
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
21306
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
21307
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
21308
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21383
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21384
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21385
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21386
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21387
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21388
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
21309
21389
  --pf-v5-c-page__header-tools-group--Display: flex;
21310
21390
  --pf-v5-c-page__header-tools-item--Display: block;
21311
21391
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -21320,16 +21400,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21320
21400
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
21321
21401
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
21322
21402
  --pf-v5-c-page__sidebar--Width: 18.125rem;
21323
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21403
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21324
21404
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21325
21405
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21326
21406
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21327
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21407
+ --pf-v5-c-page__sidebar--BoxShadow: none;
21328
21408
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
21329
21409
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21330
21410
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21331
21411
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21332
21412
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21413
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21414
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21415
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21416
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21417
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21418
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21419
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21420
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21333
21421
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21334
21422
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21335
21423
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21338,22 +21426,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21338
21426
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21339
21427
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21340
21428
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21341
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21342
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21343
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21344
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21345
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21346
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21347
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21348
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21349
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21350
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21351
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21352
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21353
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21354
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21355
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21356
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21429
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21430
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21431
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21432
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21433
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21434
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21435
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21436
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21437
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21438
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21439
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21440
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21441
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21357
21442
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21358
21443
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21359
21444
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21377,19 +21462,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21377
21462
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21378
21463
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21379
21464
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21380
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21381
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21382
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21465
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21466
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21383
21467
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21384
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21385
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21386
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21387
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21468
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21388
21469
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21389
21470
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21390
21471
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21391
21472
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21392
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21393
21473
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21394
21474
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21395
21475
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21418,26 +21498,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21418
21498
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21419
21499
  }
21420
21500
  }
21421
- @media screen and (min-width: 1200px) {
21422
- :root {
21423
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21424
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21425
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21426
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21427
- }
21428
- }
21429
- @media screen and (min-width: 1200px) {
21430
- :root {
21431
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21432
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21433
- }
21434
- }
21435
- @media screen and (min-width: 1200px) {
21436
- :root {
21437
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21438
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21439
- }
21440
- }
21441
21501
 
21442
21502
  .pf-v5-c-page {
21443
21503
  display: grid;
@@ -21458,6 +21518,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21458
21518
 
21459
21519
  .pf-v5-c-page__header,
21460
21520
  .pf-v5-c-page > .pf-v5-c-masthead {
21521
+ --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v5-c-page__sidebar--Width) 1fr;
21461
21522
  z-index: var(--pf-v5-c-page__header--ZIndex);
21462
21523
  grid-area: header;
21463
21524
  }
@@ -21590,7 +21651,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21590
21651
  }
21591
21652
 
21592
21653
  .pf-v5-c-page__sidebar {
21593
- color: var(--pf-v5-global--Color--100);
21594
21654
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21595
21655
  display: flex;
21596
21656
  flex-direction: column;
@@ -21598,6 +21658,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21598
21658
  grid-row-start: 2;
21599
21659
  grid-column-start: 1;
21600
21660
  width: var(--pf-v5-c-page__sidebar--Width);
21661
+ padding-top: 0;
21662
+ padding-bottom: var(--pf-t--global--spacer--lg);
21663
+ padding-left: var(--pf-t--global--spacer--lg);
21664
+ margin-right: var(--pf-v5-c-page__sidebar--MarginRight);
21601
21665
  overflow-x: hidden;
21602
21666
  overflow-y: auto;
21603
21667
  -webkit-overflow-scrolling: touch;
@@ -21624,6 +21688,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21624
21688
  border-right: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21625
21689
  }
21626
21690
 
21691
+ .pf-v5-c-page__sidebar-header {
21692
+ padding-top: var(--pf-v5-c-page__sidebar-header--PaddingTop);
21693
+ padding-bottom: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
21694
+ border-bottom: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
21695
+ }
21696
+
21697
+ .pf-v5-c-page__sidebar-title {
21698
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
21699
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
21700
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
21701
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
21702
+ }
21703
+
21627
21704
  .pf-v5-c-page__sidebar-body {
21628
21705
  padding-right: var(--pf-v5-c-page__sidebar-body--PaddingRight);
21629
21706
  padding-left: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
@@ -21889,6 +21966,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21889
21966
  }
21890
21967
  }
21891
21968
 
21969
+ .pf-v5-c-page__main {
21970
+ margin-top: 0;
21971
+ margin-right: var(--pf-t--global--spacer--lg);
21972
+ margin-left: var(--pf-t--global--spacer--lg);
21973
+ }
21974
+
21975
+ .pf-v5-c-page__main-list {
21976
+ padding-bottom: var(--pf-t--global--spacer--lg);
21977
+ margin-bottom: var(--pf-t--global--spacer--lg);
21978
+ background-color: var(--pf-t--global--background--color--primary--default);
21979
+ border-radius: var(--pf-t--global--border--radius--large);
21980
+ }
21981
+
21892
21982
  .pf-v5-c-page__main,
21893
21983
  .pf-v5-c-page__drawer {
21894
21984
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -21904,7 +21994,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21904
21994
 
21905
21995
  .pf-v5-c-page__main,
21906
21996
  .pf-v5-c-page__main-drawer,
21907
- .pf-v5-c-page__main-group {
21997
+ .pf-v5-c-page__main-group,
21998
+ .pf-v5-c-page__main-list {
21908
21999
  display: flex;
21909
22000
  flex-direction: column;
21910
22001
  }
@@ -25416,15 +25507,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
25416
25507
  }
25417
25508
 
25418
25509
  .pf-v5-c-table[class*=pf-m-grid] {
25419
- --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
25420
- --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25510
+ --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
25511
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25421
25512
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
25422
25513
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25423
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
25424
- --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25514
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
25515
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25425
25516
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
25426
25517
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
25427
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
25518
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
25428
25519
  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
25429
25520
  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
25430
25521
  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -25440,7 +25531,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25440
25531
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25441
25532
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
25442
25533
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25443
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
25534
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
25444
25535
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
25445
25536
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
25446
25537
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -25463,8 +25554,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25463
25554
  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
25464
25555
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
25465
25556
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
25466
- --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
25467
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-global--spacer--sm);
25557
+ --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25558
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
25468
25559
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
25469
25560
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
25470
25561
  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);