@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.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 {
@@ -17646,8 +17719,8 @@ ul.pf-v5-c-list {
17646
17719
  .pf-v5-c-masthead {
17647
17720
  --pf-v5-c-masthead--PaddingLeft: var(--pf-v5-c-masthead--inset);
17648
17721
  --pf-v5-c-masthead--PaddingRight: var(--pf-v5-c-masthead--inset);
17649
- --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
17650
- --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--md);
17722
+ --pf-v5-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17723
+ --pf-v5-c-masthead--inset: var(--pf-t--global--spacer--lg);
17651
17724
  --pf-v5-c-masthead--xl--inset: var(--pf-v5-global--spacer--lg);
17652
17725
  --pf-v5-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
17653
17726
  --pf-v5-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
@@ -17687,17 +17760,17 @@ ul.pf-v5-c-list {
17687
17760
  --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
17688
17761
  --pf-v5-c-masthead__main--before--Right: calc(var(--pf-v5-c-masthead--inset) * -1);
17689
17762
  --pf-v5-c-masthead__main--before--Left: calc(var(--pf-v5-c-masthead--inset) * -1);
17690
- --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17763
+ --pf-v5-c-masthead__main--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17691
17764
  --pf-v5-c-masthead__main--before--BorderBottomColor: var(--pf-v5-global--palette--black-600);
17692
17765
  --pf-v5-c-masthead__toggle--MarginRight: var(--pf-v5-global--spacer--sm);
17693
17766
  --pf-v5-c-masthead__toggle--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
17694
17767
  --pf-v5-c-masthead__toggle--c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
17695
- --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17768
+ --pf-v5-c-masthead--m-light--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17696
17769
  --pf-v5-c-masthead--m-light__main--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
17697
- --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17698
- --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
17770
+ --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17771
+ --pf-v5-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-t--global--border--color--default);
17699
17772
  --pf-v5-c-masthead--c-toolbar__item--Display: flex;
17700
- --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--palette--black-800);
17773
+ --pf-v5-c-masthead--item-border-color--base: var(--pf-t--global--border--color--default);
17701
17774
  --pf-v5-c-masthead--c-context-selector--Width: auto;
17702
17775
  --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17703
17776
  --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
@@ -17720,7 +17793,7 @@ ul.pf-v5-c-list {
17720
17793
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-masthead--inset);
17721
17794
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
17722
17795
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-masthead--inset);
17723
- --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
17796
+ --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
17724
17797
  --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
17725
17798
  --pf-v5-c-masthead--GridTemplateColumns: var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns);
17726
17799
  --pf-v5-c-masthead__main--GridColumn: var(--pf-v5-c-masthead--m-display-stack__main--GridColumn);
@@ -17869,6 +17942,11 @@ ul.pf-v5-c-list {
17869
17942
  --pf-v5-c-masthead__main--MarginRight: 0;
17870
17943
  }
17871
17944
 
17945
+ .pf-v5-c-masthead__logo {
17946
+ display: flex;
17947
+ gap: var(--pf-t--global--spacer--md);
17948
+ }
17949
+
17872
17950
  .pf-v5-c-masthead__content {
17873
17951
  display: flex;
17874
17952
  flex-grow: 1;
@@ -19675,20 +19753,20 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19675
19753
  --pf-v5-c-nav--Transition: var(--pf-v5-global--Transition);
19676
19754
  --pf-v5-c-nav--m-light__item--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19677
19755
  --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19678
- --pf-v5-c-nav--m-light__link--Color: var(--pf-v5-global--Color--dark-100);
19679
- --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-v5-global--Color--dark-100);
19680
- --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-v5-global--Color--dark-100);
19681
- --pf-v5-c-nav--m-light__link--active--Color: var(--pf-v5-global--Color--dark-100);
19682
- --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-v5-global--Color--dark-100);
19683
- --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19684
- --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19685
- --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19686
- --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
19756
+ --pf-v5-c-nav--m-light__link--Color: var(--pf-t--global--text--color--subtle);
19757
+ --pf-v5-c-nav--m-light__link--hover--Color: var(--pf-t--global--text--color--subtle);
19758
+ --pf-v5-c-nav--m-light__link--focus--Color: var(--pf-t--global--text--color--subtle);
19759
+ --pf-v5-c-nav--m-light__link--active--Color: var(--pf-t--global--text--color--subtle);
19760
+ --pf-v5-c-nav--m-light__link--m-current--Color: var(--pf-t--global--text--color--regular);
19761
+ --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19762
+ --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19763
+ --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19764
+ --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19687
19765
  --pf-v5-c-nav--m-light__link--before--BorderColor: var(--pf-v5-global--BorderColor--300);
19688
19766
  --pf-v5-c-nav--m-light__link--after--BorderColor: var(--pf-v5-global--active-color--100);
19689
19767
  --pf-v5-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-v5-global--active-color--100);
19690
- --pf-v5-c-nav--m-light__section-title--Color: var(--pf-v5-global--Color--dark-200);
19691
- --pf-v5-c-nav--m-light__section-title--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
19768
+ --pf-v5-c-nav--m-light__section-title--Color: var(--pf-t--global--text--color--regular);
19769
+ --pf-v5-c-nav--m-light__section-title--BorderBottomColor: transparent;
19692
19770
  --pf-v5-c-nav--m-light--c-divider--BackgroundColor: var(--pf-v5-global--BorderColor--300);
19693
19771
  --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
19694
19772
  --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-v5-global--BorderColor--dark-100);
@@ -19699,32 +19777,34 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19699
19777
  --pf-v5-c-nav__item--MarginTop: 0;
19700
19778
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19701
19779
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19702
- --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-v5-global--spacer--xl);
19780
+ --pf-v5-c-nav__item__item__link--PaddingRight: var(--pf-t--global--spacer--xl);
19703
19781
  --pf-v5-c-nav__item__item__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
19704
19782
  --pf-v5-c-nav__item__toggle-icon--Rotate: 0;
19705
19783
  --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
19784
+ --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
19706
19785
  --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19707
19786
  --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
19708
- --pf-v5-c-nav__link--FontSize: var(--pf-v5-global--FontSize--md);
19709
- --pf-v5-c-nav__link--FontWeight: var(--pf-v5-global--FontWeight--normal);
19710
- --pf-v5-c-nav__link--PaddingTop: var(--pf-v5-global--spacer--md);
19711
- --pf-v5-c-nav__link--PaddingRight: var(--pf-v5-global--spacer--md);
19712
- --pf-v5-c-nav__link--PaddingBottom: var(--pf-v5-global--spacer--md);
19713
- --pf-v5-c-nav__link--PaddingLeft: var(--pf-v5-global--spacer--md);
19714
- --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19715
- --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19716
- --pf-v5-c-nav__link--Color: var(--pf-v5-global--Color--light-100);
19717
- --pf-v5-c-nav__link--hover--Color: var(--pf-v5-global--Color--light-100);
19718
- --pf-v5-c-nav__link--focus--Color: var(--pf-v5-global--Color--light-100);
19719
- --pf-v5-c-nav__link--active--Color: var(--pf-v5-global--Color--light-100);
19720
- --pf-v5-c-nav__link--m-current--Color: var(--pf-v5-global--Color--light-100);
19787
+ --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
19788
+ --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
19789
+ --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
19790
+ --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
19791
+ --pf-v5-c-nav__link--PaddingBottom: var(--pf-t--global--spacer--md);
19792
+ --pf-v5-c-nav__link--PaddingLeft: var(--pf-t--global--spacer--md);
19793
+ --pf-v5-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
19794
+ --pf-v5-c-nav__link--xl--PaddingRight: var(--pf-t--global--spacer--lg);
19795
+ --pf-v5-c-nav__link--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
19796
+ --pf-v5-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
19797
+ --pf-v5-c-nav__link--hover--Color: var(--pf-t--global--text--color--subtle);
19798
+ --pf-v5-c-nav__link--focus--Color: var(--pf-t--global--text--color--subtle);
19799
+ --pf-v5-c-nav__link--active--Color: var(--pf-t--global--text--color--subtle);
19800
+ --pf-v5-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
19721
19801
  --pf-v5-c-nav__link--BackgroundColor: transparent;
19722
- --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19723
- --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19724
- --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
19725
- --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-400);
19802
+ --pf-v5-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19803
+ --pf-v5-c-nav__link--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19804
+ --pf-v5-c-nav__link--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19805
+ --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19726
19806
  --pf-v5-c-nav__link--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
19727
- --pf-v5-c-nav__link--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
19807
+ --pf-v5-c-nav__link--before--BorderColor: transparent;
19728
19808
  --pf-v5-c-nav__link--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19729
19809
  --pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0;
19730
19810
  --pf-v5-c-nav__link--focus--before--BorderBottomWidth: 0;
@@ -19864,16 +19944,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19864
19944
  --pf-v5-c-nav__section__link--active--after--BorderWidth: 0;
19865
19945
  --pf-v5-c-nav__section__link--m-current--after--BorderWidth: var(--pf-v5-global--BorderWidth--xl);
19866
19946
  --pf-v5-c-nav__section--section--MarginTop: var(--pf-v5-global--spacer--xl);
19867
- --pf-v5-c-nav__section-title--PaddingTop: var(--pf-v5-global--spacer--sm);
19868
- --pf-v5-c-nav__section-title--PaddingRight: var(--pf-v5-global--spacer--md);
19869
- --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-v5-global--spacer--sm);
19870
- --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-v5-global--spacer--md);
19871
- --pf-v5-c-nav__section-title--MarginBottom: var(--pf-v5-global--spacer--sm);
19872
- --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
19873
- --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
19874
- --pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--sm);
19875
- --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--light-100);
19876
- --pf-v5-c-nav__section-title--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
19947
+ --pf-v5-c-nav__section-title--PaddingTop: var(--pf-t--global--spacer--sm);
19948
+ --pf-v5-c-nav__section-title--PaddingRight: var(--pf-t--global--spacer--md);
19949
+ --pf-v5-c-nav__section-title--PaddingBottom: var(--pf-t--global--spacer--sm);
19950
+ --pf-v5-c-nav__section-title--PaddingLeft: var(--pf-t--global--spacer--md);
19951
+ --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
19952
+ --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
19953
+ --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
19954
+ --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
19955
+ --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
19956
+ --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
19877
19957
  --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
19878
19958
  --pf-v5-c-nav__scroll-button--Color: var(--pf-v5-global--Color--light-100);
19879
19959
  --pf-v5-c-nav__scroll-button--hover--Color: var(--pf-v5-global--active-color--400);
@@ -21397,31 +21477,31 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21397
21477
  }
21398
21478
 
21399
21479
  :root {
21400
- --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21401
- --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md);
21402
- --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg);
21403
- --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
21480
+ --pf-v5-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21481
+ --pf-v5-c-page--inset: var(--pf-t--global--spacer--md);
21482
+ --pf-v5-c-page--xl--inset: var(--pf-t--global--spacer--xl);
21483
+ --pf-v5-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21404
21484
  --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md);
21405
21485
  --pf-v5-c-page__header--MinHeight: 4.75rem;
21406
- --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md);
21407
- --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21408
- --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21409
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
21410
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
21411
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
21412
- --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21413
- --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md);
21486
+ --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
21487
+ --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21488
+ --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21489
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-t--global--spacer--sm);
21490
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-t--global--spacer--sm);
21491
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
21492
+ --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
21493
+ --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-t--global--spacer--md);
21414
21494
  --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1);
21415
- --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl);
21495
+ --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
21416
21496
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
21417
- --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21497
+ --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21418
21498
  --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent;
21419
- --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl);
21420
- --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl);
21421
- --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md);
21422
- --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg);
21423
- --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md);
21424
- --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl);
21499
+ --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
21500
+ --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
21501
+ --pf-v5-c-page__header-tools--MarginRight: var(--pf-t--global--spacer--md);
21502
+ --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-t--global--spacer--lg);
21503
+ --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-t--global--spacer--md);
21504
+ --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-t--global--spacer--xl);
21425
21505
  --pf-v5-c-page__header-tools-group--Display: flex;
21426
21506
  --pf-v5-c-page__header-tools-item--Display: block;
21427
21507
  --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200);
@@ -21436,16 +21516,24 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21436
21516
  --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
21437
21517
  --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm);
21438
21518
  --pf-v5-c-page__sidebar--Width: 18.125rem;
21439
- --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300);
21519
+ --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21440
21520
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21441
21521
  --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
21442
21522
  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100);
21443
- --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
21523
+ --pf-v5-c-page__sidebar--BoxShadow: none;
21444
21524
  --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition);
21445
21525
  --pf-v5-c-page__sidebar--TranslateX: -100%;
21446
21526
  --pf-v5-c-page__sidebar--TranslateZ: 0;
21447
21527
  --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0;
21448
21528
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21529
+ --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21530
+ --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21531
+ --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21532
+ --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21533
+ --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21534
+ --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21535
+ --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21536
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21449
21537
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21450
21538
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21451
21539
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21454,22 +21542,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21454
21542
  --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
21455
21543
  --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200);
21456
21544
  --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
21457
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21458
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md);
21459
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md);
21460
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md);
21461
- --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
21462
- --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21463
- --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
21464
- --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21465
- --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md);
21466
- --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
21467
- --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21468
- --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
21469
- --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
21470
- --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200);
21471
- --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21472
- --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md);
21545
+ --pf-v5-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
21546
+ --pf-v5-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
21547
+ --pf-v5-c-page__main-section--PaddingRight: var(--pf-t--global--spacer--lg);
21548
+ --pf-v5-c-page__main-section--PaddingBottom: 0;
21549
+ --pf-v5-c-page__main-section--PaddingLeft: var(--pf-t--global--spacer--lg);
21550
+ --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
21551
+ --pf-v5-c-page__main-section--BackgroundColor: transparent;
21552
+ --pf-v5-c-page__main-section--m-light--BackgroundColor: transparent;
21553
+ --pf-v5-c-page__main-section--m-light-100--BackgroundColor: transparent;
21554
+ --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: transparent;
21555
+ --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: transparent;
21556
+ --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21557
+ --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
21473
21558
  --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width));
21474
21559
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21475
21560
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
@@ -21493,19 +21578,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21493
21578
  --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800);
21494
21579
  --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
21495
21580
  --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
21496
- --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21497
- --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
21498
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
21581
+ --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
21582
+ --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-t--global--spacer--md);
21499
21583
  --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0;
21500
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
21501
- --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md);
21502
- --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21503
- --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21584
+ --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-t--global--spacer--lg);
21504
21585
  --pf-v5-c-page__main-tabs--PaddingTop: 0;
21505
21586
  --pf-v5-c-page__main-tabs--PaddingRight: 0;
21506
21587
  --pf-v5-c-page__main-tabs--PaddingBottom: 0;
21507
21588
  --pf-v5-c-page__main-tabs--PaddingLeft: 0;
21508
- --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21509
21589
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
21510
21590
  --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100);
21511
21591
  --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
@@ -21534,26 +21614,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21534
21614
  --pf-v5-c-page__sidebar--TranslateX: var(--pf-v5-c-page__sidebar--xl--TranslateX);
21535
21615
  }
21536
21616
  }
21537
- @media screen and (min-width: 1200px) {
21538
- :root {
21539
- --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-c-page__main-section--xl--PaddingTop);
21540
- --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-c-page__main-section--xl--PaddingRight);
21541
- --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-c-page__main-section--xl--PaddingBottom);
21542
- --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-c-page__main-section--xl--PaddingLeft);
21543
- }
21544
- }
21545
- @media screen and (min-width: 1200px) {
21546
- :root {
21547
- --pf-v5-c-page__main-nav--PaddingRight: var(--pf-v5-c-page__main-nav--xl--PaddingRight);
21548
- --pf-v5-c-page__main-nav--PaddingLeft: var(--pf-v5-c-page__main-nav--xl--PaddingLeft);
21549
- }
21550
- }
21551
- @media screen and (min-width: 1200px) {
21552
- :root {
21553
- --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight);
21554
- --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft);
21555
- }
21556
- }
21557
21617
 
21558
21618
  .pf-v5-c-page {
21559
21619
  display: grid;
@@ -21574,6 +21634,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21574
21634
 
21575
21635
  .pf-v5-c-page__header,
21576
21636
  .pf-v5-c-page > .pf-v5-c-masthead {
21637
+ --pf-v5-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v5-c-page__sidebar--Width) 1fr;
21577
21638
  z-index: var(--pf-v5-c-page__header--ZIndex);
21578
21639
  grid-area: header;
21579
21640
  }
@@ -21706,7 +21767,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21706
21767
  }
21707
21768
 
21708
21769
  .pf-v5-c-page__sidebar {
21709
- color: var(--pf-v5-global--Color--100);
21710
21770
  z-index: var(--pf-v5-c-page__sidebar--ZIndex);
21711
21771
  display: flex;
21712
21772
  flex-direction: column;
@@ -21714,6 +21774,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21714
21774
  grid-row-start: 2;
21715
21775
  grid-column-start: 1;
21716
21776
  width: var(--pf-v5-c-page__sidebar--Width);
21777
+ padding-top: 0;
21778
+ padding-bottom: var(--pf-t--global--spacer--lg);
21779
+ padding-left: var(--pf-t--global--spacer--lg);
21780
+ margin-right: var(--pf-v5-c-page__sidebar--MarginRight);
21717
21781
  overflow-x: hidden;
21718
21782
  overflow-y: auto;
21719
21783
  -webkit-overflow-scrolling: touch;
@@ -21740,6 +21804,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21740
21804
  border-right: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
21741
21805
  }
21742
21806
 
21807
+ .pf-v5-c-page__sidebar-header {
21808
+ padding-top: var(--pf-v5-c-page__sidebar-header--PaddingTop);
21809
+ padding-bottom: var(--pf-v5-c-page__sidebar-header--PaddingBottom);
21810
+ border-bottom: var(--pf-v5-c-page__sidebar-header--BorderBottomWidth) solid var(--pf-v5-c-page__sidebar-header--BorderBottomColor);
21811
+ }
21812
+
21813
+ .pf-v5-c-page__sidebar-title {
21814
+ font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
21815
+ font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
21816
+ font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
21817
+ line-height: var(--pf-v5-c-page__sidebar-title--LineHeight);
21818
+ }
21819
+
21743
21820
  .pf-v5-c-page__sidebar-body {
21744
21821
  padding-right: var(--pf-v5-c-page__sidebar-body--PaddingRight);
21745
21822
  padding-left: var(--pf-v5-c-page__sidebar-body--PaddingLeft);
@@ -22005,6 +22082,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22005
22082
  }
22006
22083
  }
22007
22084
 
22085
+ .pf-v5-c-page__main {
22086
+ margin-top: 0;
22087
+ margin-right: var(--pf-t--global--spacer--lg);
22088
+ margin-left: var(--pf-t--global--spacer--lg);
22089
+ }
22090
+
22091
+ .pf-v5-c-page__main-list {
22092
+ padding-bottom: var(--pf-t--global--spacer--lg);
22093
+ margin-bottom: var(--pf-t--global--spacer--lg);
22094
+ background-color: var(--pf-t--global--background--color--primary--default);
22095
+ border-radius: var(--pf-t--global--border--radius--large);
22096
+ }
22097
+
22008
22098
  .pf-v5-c-page__main,
22009
22099
  .pf-v5-c-page__drawer {
22010
22100
  z-index: var(--pf-v5-c-page__main--ZIndex);
@@ -22020,7 +22110,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22020
22110
 
22021
22111
  .pf-v5-c-page__main,
22022
22112
  .pf-v5-c-page__main-drawer,
22023
- .pf-v5-c-page__main-group {
22113
+ .pf-v5-c-page__main-group,
22114
+ .pf-v5-c-page__main-list {
22024
22115
  display: flex;
22025
22116
  flex-direction: column;
22026
22117
  }
@@ -25532,15 +25623,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
25532
25623
  }
25533
25624
 
25534
25625
  .pf-v5-c-table[class*=pf-m-grid] {
25535
- --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
25536
- --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25626
+ --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
25627
+ --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25537
25628
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
25538
25629
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25539
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
25540
- --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
25630
+ --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
25631
+ --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
25541
25632
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
25542
25633
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
25543
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
25634
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
25544
25635
  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
25545
25636
  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
25546
25637
  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -25556,7 +25647,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25556
25647
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25557
25648
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
25558
25649
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25559
- --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
25650
+ --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
25560
25651
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
25561
25652
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
25562
25653
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -25579,8 +25670,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25579
25670
  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
25580
25671
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
25581
25672
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
25582
- --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
25583
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-global--spacer--sm);
25673
+ --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25674
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
25584
25675
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
25585
25676
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
25586
25677
  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);