@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-base-no-globals.css CHANGED
@@ -353,7 +353,7 @@
353
353
 
354
354
  /**
355
355
  * Do not edit directly
356
- * Generated on Mon, 14 Aug 2023 18:10:37 GMT
356
+ * Generated on Wed, 04 Oct 2023 12:59:21 GMT
357
357
  */
358
358
  :root {
359
359
  --pf-t--color--white: #fff;
@@ -428,10 +428,11 @@
428
428
 
429
429
  /**
430
430
  * Do not edit directly
431
- * Generated on Mon, 14 Aug 2023 18:12:00 GMT
431
+ * Generated on Wed, 04 Oct 2023 12:58:15 GMT
432
432
  */
433
433
  :root {
434
434
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
435
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
435
436
  --pf-t--global--spacer--800: 80px;
436
437
  --pf-t--global--spacer--700: 64px;
437
438
  --pf-t--global--spacer--600: 48px;
@@ -441,8 +442,8 @@
441
442
  --pf-t--global--spacer--200: 8px;
442
443
  --pf-t--global--spacer--100: 4px;
443
444
  --pf-t--global--icon--size--400: 56px;
444
- --pf-t--global--icon--size--300: 24px;
445
- --pf-t--global--icon--size--200: 16px;
445
+ --pf-t--global--icon--size--300: 22px;
446
+ --pf-t--global--icon--size--200: 14px;
446
447
  --pf-t--global--icon--size--100: 12px;
447
448
  --pf-t--global--border--width--300: 3px;
448
449
  --pf-t--global--border--width--200: 2px;
@@ -452,19 +453,7 @@
452
453
  --pf-t--global--border--radius--300: 16px;
453
454
  --pf-t--global--border--radius--200: 6px;
454
455
  --pf-t--global--border--radius--100: 4px;
455
- --pf-t--global--border--radius--000: 0px;
456
- --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
457
- --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
458
- --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
459
- --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
460
- --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
461
- --pf-t--global--background--color--100: var(--pf-t--color--white);
462
- --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
463
- --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
464
- --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
465
- --pf-t--global--text--color--300: var(--pf-t--color--white);
466
- --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
467
- --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
456
+ --pf-t--global--border--radius--0: 0px;
468
457
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
469
458
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
470
459
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
@@ -510,6 +499,20 @@
510
499
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
511
500
  --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
512
501
  --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
502
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
503
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
504
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
505
+ --pf-t--global--text--color--400: var(--pf-t--color--orangered--400);
506
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
507
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
508
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
509
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
510
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
511
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
512
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
513
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
514
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
515
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
513
516
  --pf-t--global--spacer--sm: 8px;
514
517
  --pf-t--global--spacer--xl: 32px;
515
518
  --pf-t--global--spacer--xs: 4px;
@@ -522,8 +525,8 @@
522
525
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
523
526
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
524
527
  --pf-t--global--icon--size--sm: 12px;
525
- --pf-t--global--icon--size--md: 16px;
526
- --pf-t--global--icon--size--lg: 24px;
528
+ --pf-t--global--icon--size--md: 14px;
529
+ --pf-t--global--icon--size--lg: 22px;
527
530
  --pf-t--global--icon--size--xl: 56px;
528
531
  --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
529
532
  --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
@@ -536,35 +539,12 @@
536
539
  --pf-t--global--border--width--button--hover: 2px;
537
540
  --pf-t--global--border--width--button--default: 1px;
538
541
  --pf-t--global--border--width--button--active: 2px;
539
- --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
540
- --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
541
- --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
542
- --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
543
- --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
544
- --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--000);
545
- --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
546
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
547
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
548
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
549
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
550
- --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
551
- --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
552
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
553
- --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
554
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
555
- --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
556
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
557
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
558
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
559
- --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
560
- --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
561
- --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
562
- --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
563
- --pf-t--global--text--color--disabled--default: var(--pf-t--global--color--disabled--300);
564
- --pf-t--global--text--color--disabled--light: var(--pf-t--global--color--disabled--100);
565
- --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
566
- --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
567
- --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
542
+ --pf-t--global--border--radius--pill: 999px;
543
+ --pf-t--global--border--radius--tiny: 4px;
544
+ --pf-t--global--border--radius--medium: 16px;
545
+ --pf-t--global--border--radius--large: 24px;
546
+ --pf-t--global--border--radius--small: 6px;
547
+ --pf-t--global--border--radius--sharp: 0px;
568
548
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
569
549
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
570
550
  --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
@@ -613,10 +593,37 @@
613
593
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
614
594
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
615
595
  --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
596
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
597
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
598
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
599
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
600
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
601
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--100);
602
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
603
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
604
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
605
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
606
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
607
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
608
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
609
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
610
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
611
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
612
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
613
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
614
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
615
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
616
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
617
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
618
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--background--color--100);
619
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--background--color--200);
620
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
621
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
616
622
  --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
617
- --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--300);
623
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
618
624
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
619
625
  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
626
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--100);
620
627
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
621
628
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
622
629
  --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
@@ -647,10 +654,9 @@
647
654
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
648
655
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
649
656
  --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
650
- --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
651
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
652
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
653
- --pf-t--global--text--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
657
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
658
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
659
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
654
660
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
655
661
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
656
662
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -658,19 +664,24 @@
658
664
  --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
659
665
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
660
666
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
661
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
662
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
663
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
664
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
665
667
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
666
668
  --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
667
669
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
668
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
669
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
670
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
671
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
672
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
673
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
670
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
671
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
672
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
673
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
674
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
675
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
676
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
677
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
678
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
679
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
680
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
681
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
682
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
683
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
684
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
674
685
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
675
686
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
676
687
  --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
@@ -680,38 +691,78 @@
680
691
  --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
681
692
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
682
693
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
683
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
684
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
685
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
686
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
687
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
688
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
689
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
690
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
691
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
692
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
693
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
694
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
695
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
696
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
697
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
698
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
699
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
700
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
701
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
702
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
694
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--regular);
695
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
696
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
697
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
698
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
699
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--regular);
700
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--regular);
701
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
702
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
703
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--regular);
704
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
705
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
706
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--regular);
707
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
708
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
709
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--regular);
710
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
711
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
712
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--regular);
713
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
714
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
715
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--regular);
716
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
717
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
718
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--regular);
719
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
720
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
721
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
703
722
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
704
723
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
705
724
  --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
725
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
726
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
727
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
728
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--regular);
729
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
730
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
731
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
732
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
733
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--regular);
734
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
735
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
736
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--regular);
737
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--regular);
738
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
739
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
740
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--regular);
741
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
742
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
743
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--regular);
744
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
745
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
746
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
747
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--regular);
748
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
749
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--regular);
750
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
751
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
752
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
753
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
754
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--regular);
755
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
756
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
757
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
758
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
706
759
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
707
760
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
708
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
709
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
710
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
711
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
761
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
712
762
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
713
763
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
714
764
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
765
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
715
766
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
716
767
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
717
768
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
@@ -728,27 +779,12 @@
728
779
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
729
780
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
730
781
  --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
731
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
732
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
733
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
734
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
735
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
736
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
737
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
738
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
739
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
740
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
741
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
742
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
743
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
744
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
745
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
746
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
747
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
748
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
749
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
750
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
751
- --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
782
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
783
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
784
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
785
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
786
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
787
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
752
788
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
753
789
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
754
790
  --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
@@ -835,10 +871,12 @@
835
871
 
836
872
  /**
837
873
  * Do not edit directly
838
- * Generated on Mon, 14 Aug 2023 18:11:22 GMT
874
+ * Generated on Wed, 04 Oct 2023 12:59:38 GMT
839
875
  */
840
876
  :root:where(.pf-v5-theme-dark) {
841
877
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
878
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
879
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
842
880
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
843
881
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
844
882
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
@@ -848,6 +886,7 @@
848
886
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
849
887
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
850
888
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
889
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--orangered--300);
851
890
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
852
891
  --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
853
892
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
@@ -901,20 +940,6 @@
901
940
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
902
941
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
903
942
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
904
- --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
905
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
906
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
907
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
908
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
909
- --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
910
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
911
- --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
912
- --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
913
- --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
914
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
915
- --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
916
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
917
- --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
918
943
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
919
944
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
920
945
  --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
@@ -945,18 +970,15 @@
945
970
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
946
971
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
947
972
  --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
973
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
948
974
  --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
949
975
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
950
976
  --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
951
- --pf-t--global--text--color--disabled--default: var(--pf-t--global--dark--color--disabled--300);
952
- --pf-t--global--text--color--disabled--light: var(--pf-t--global--dark--color--disabled--200);
977
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
978
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
953
979
  --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
954
980
  --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
955
981
  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
956
- --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
957
- --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--300);
958
- --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
959
- --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
960
982
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
961
983
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
962
984
  --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
@@ -1005,8 +1027,27 @@
1005
1027
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1006
1028
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1007
1029
  --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1008
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1009
- --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
1030
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1031
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1032
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1033
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1034
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1035
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
1036
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1037
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1038
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1039
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1040
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1041
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1042
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
1043
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
1044
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1045
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
1046
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1047
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
1048
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1049
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--dark--background--color--200);
1050
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--dark--background--color--200);
1010
1051
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1011
1052
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1012
1053
  --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
@@ -1025,8 +1066,9 @@
1025
1066
  --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
1026
1067
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1027
1068
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1028
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1029
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1069
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1070
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1071
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
1030
1072
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1031
1073
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
1032
1074
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -1034,19 +1076,24 @@
1034
1076
  --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1035
1077
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1036
1078
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1037
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1038
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1039
- --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1040
- --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1041
1079
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1042
1080
  --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1043
1081
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1044
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1045
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1046
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1047
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1048
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1049
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1082
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1083
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1084
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
1085
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1086
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1087
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--text--color--inverse);
1088
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1089
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1090
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
1091
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1092
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1093
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
1094
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1095
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1096
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
1050
1097
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1051
1098
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1052
1099
  --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
@@ -1056,38 +1103,77 @@
1056
1103
  --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1057
1104
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1058
1105
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1059
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1060
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1061
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1062
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1063
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1064
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1065
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1066
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1067
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1068
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1069
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1070
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1071
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1072
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1073
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1074
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1075
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1076
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1077
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1078
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1106
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--inverse);
1107
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1108
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1109
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1110
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1111
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--inverse);
1112
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--inverse);
1113
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1114
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1115
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--inverse);
1116
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1117
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1118
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--inverse);
1119
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1120
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1121
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--inverse);
1122
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1123
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1124
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--inverse);
1125
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1126
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1127
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--inverse);
1128
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1129
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1130
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--inverse);
1131
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
1132
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
1079
1133
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1080
1134
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1081
1135
  --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1136
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1137
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1138
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
1139
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--inverse);
1140
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1141
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1142
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1143
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1144
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--inverse);
1145
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1146
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1147
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--inverse);
1148
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--inverse);
1149
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1150
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1151
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--inverse);
1152
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1153
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1154
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--inverse);
1155
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1156
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1157
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1158
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--inverse);
1159
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1160
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--inverse);
1161
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1162
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1163
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1164
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1165
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--inverse);
1166
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1167
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1168
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1169
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
1082
1170
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1083
1171
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1084
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1085
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1086
- --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1087
- --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1172
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
1088
1173
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1089
1174
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1090
1175
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1176
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
1091
1177
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1092
1178
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1093
1179
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
@@ -1104,27 +1190,14 @@
1104
1190
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1105
1191
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1106
1192
  --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1107
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1108
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1109
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1110
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1111
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1112
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1113
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1114
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1115
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1116
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1117
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1118
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1119
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1120
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1121
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1122
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1123
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1124
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1125
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1126
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1127
- --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1193
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1194
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1195
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
1196
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1197
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1198
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
1199
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1200
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
1128
1201
  }
1129
1202
 
1130
1203
  @font-face {