@patternfly/patternfly 6.0.0-alpha.6 → 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 (19) 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/Table/table-grid.css +8 -8
  8. package/components/Table/table-grid.scss +8 -8
  9. package/docs/demos/Page/examples/Penta.md +528 -500
  10. package/package.json +1 -1
  11. package/patternfly-base-no-globals-theme-dark-unversioned.css +261 -188
  12. package/patternfly-base-no-globals.css +261 -188
  13. package/patternfly-base-theme-dark-unversioned.css +261 -188
  14. package/patternfly-base.css +261 -188
  15. package/patternfly-no-globals.css +282 -204
  16. package/patternfly-theme-dark-unversioned.css +282 -204
  17. package/patternfly.css +282 -204
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -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;
@@ -25545,15 +25623,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
25545
25623
  }
25546
25624
 
25547
25625
  .pf-v5-c-table[class*=pf-m-grid] {
25548
- --pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
25549
- --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);
25550
25628
  --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
25551
25629
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
25552
- --pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
25553
- --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);
25554
25632
  --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
25555
25633
  --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
25556
- --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);
25557
25635
  --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
25558
25636
  --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
25559
25637
  --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -25569,7 +25647,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25569
25647
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25570
25648
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
25571
25649
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
25572
- --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);
25573
25651
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
25574
25652
  --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
25575
25653
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
@@ -25592,8 +25670,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
25592
25670
  --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
25593
25671
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
25594
25672
  --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
25595
- --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
25596
- --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);
25597
25675
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
25598
25676
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
25599
25677
  --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);