@patternfly/react-core 4.258.2 → 4.258.3

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 (3) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/umd/react-core.min.css +359 -359
  3. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.258.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.258.2...@patternfly/react-core@4.258.3) (2022-10-27)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## [4.258.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.258.1...@patternfly/react-core@4.258.2) (2022-10-26)
7
15
 
8
16
 
package/dist/umd/react-core.min.css CHANGED
@@ -529,256 +529,6 @@
529
529
  --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
530
530
  }
531
531
 
532
- .pf-c-app-launcher {
533
- --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
534
- --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
535
- --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
536
- --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
537
- --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
538
- --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
539
- --pf-c-app-launcher--m-top__menu--Top: 0;
540
- --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
541
- --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
542
- --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
543
- --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
544
- --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
545
- --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
546
- --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
547
- --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
548
- --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
549
- --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
550
- --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
551
- --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
552
- --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
553
- --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
554
- --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
555
- --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
556
- --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
557
- --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
558
- --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
559
- --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
560
- --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
561
- --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
562
- --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
563
- --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
564
- --pf-c-app-launcher__menu-item--Width: 100%;
565
- --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
566
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
567
- --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
568
- --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
569
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
570
- --pf-c-app-launcher__menu-item--m-action--Width: auto;
571
- --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
572
- --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
573
- --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
574
- --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
575
- --pf-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-global--disabled-color--200);
576
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
577
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-500);
578
- --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
579
- --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
580
- --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
581
- --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
582
- --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
583
- --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
584
- --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
585
- --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
586
- --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
587
- --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
588
- --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
589
- --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
590
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
591
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
592
- --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
593
- --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
594
- --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
595
- position: relative;
596
- display: inline-block;
597
- max-width: 100%;
598
- }
599
-
600
- .pf-c-app-launcher.pf-m-expanded > .pf-c-app-launcher__toggle {
601
- color: var(--pf-c-app-launcher__toggle--m-expanded--Color);
602
- }
603
-
604
- .pf-c-app-launcher .pf-c-divider {
605
- margin-top: var(--pf-c-app-launcher--c-divider--MarginTop);
606
- margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
607
- }
608
-
609
- .pf-c-app-launcher .pf-c-divider:last-child {
610
- --pf-c-app-launcher--c-divider--MarginBottom: 0;
611
- }
612
-
613
- .pf-c-app-launcher__toggle {
614
- padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
615
- color: var(--pf-c-app-launcher__toggle--Color);
616
- border: none;
617
- }
618
-
619
- .pf-c-app-launcher__toggle:hover {
620
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color);
621
- }
622
-
623
- .pf-c-app-launcher__toggle:active, .pf-c-app-launcher__toggle.pf-m-active {
624
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color);
625
- }
626
-
627
- .pf-c-app-launcher__toggle:focus {
628
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color);
629
- }
630
-
631
- .pf-c-app-launcher__toggle:disabled {
632
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--disabled--Color);
633
- pointer-events: none;
634
- }
635
-
636
- .pf-c-app-launcher__menu {
637
- position: absolute;
638
- top: var(--pf-c-app-launcher__menu--Top);
639
- z-index: var(--pf-c-app-launcher__menu--ZIndex);
640
- min-width: 100%;
641
- padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
642
- padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
643
- background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
644
- background-clip: padding-box;
645
- box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
646
- }
647
-
648
- .pf-c-app-launcher__menu.pf-m-align-right {
649
- right: 0;
650
- }
651
-
652
- .pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
653
- --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
654
- transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
655
- }
656
-
657
- .pf-c-app-launcher__menu.pf-m-static {
658
- --pf-c-app-launcher--m-top__menu--TranslateY: 0;
659
- position: static;
660
- top: auto;
661
- right: auto;
662
- bottom: auto;
663
- left: auto;
664
- z-index: auto;
665
- min-width: min-content;
666
- }
667
-
668
- .pf-c-app-launcher__menu-search {
669
- padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
670
- margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
671
- border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
672
- }
673
-
674
- .pf-c-app-launcher__menu-wrapper {
675
- display: flex;
676
- }
677
-
678
- .pf-c-app-launcher__menu-wrapper.pf-m-favorite {
679
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
680
- --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color);
681
- }
682
-
683
- .pf-c-app-launcher__menu-item {
684
- display: flex;
685
- align-items: center;
686
- width: var(--pf-c-app-launcher__menu-item--Width);
687
- padding: var(--pf-c-app-launcher__menu-item--PaddingTop) var(--pf-c-app-launcher__menu-item--PaddingRight) var(--pf-c-app-launcher__menu-item--PaddingBottom) var(--pf-c-app-launcher__menu-item--PaddingLeft);
688
- font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
689
- color: var(--pf-c-app-launcher__menu-item--Color);
690
- white-space: nowrap;
691
- border: 0;
692
- }
693
-
694
- .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
695
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
696
- text-decoration: none;
697
- }
698
-
699
- .pf-c-app-launcher__menu-wrapper:hover,
700
- .pf-c-app-launcher__menu-wrapper:focus-within,
701
- .pf-c-app-launcher__menu-wrapper.pf-m-focus, .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
702
- background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor);
703
- }
704
-
705
- .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
706
- --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
707
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--disabled--Color);
708
- pointer-events: none;
709
- }
710
-
711
- .pf-c-app-launcher__menu-wrapper:disabled, .pf-c-app-launcher__menu-wrapper.pf-m-disabled, .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
712
- background-color: transparent;
713
- }
714
-
715
- .pf-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-item.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-item.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon {
716
- opacity: 1;
717
- }
718
-
719
- .pf-c-app-launcher__menu-item.pf-m-link {
720
- --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
721
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
722
- }
723
-
724
- .pf-c-app-launcher__menu-item.pf-m-action {
725
- --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
726
- --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
727
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
728
- font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize);
729
- }
730
-
731
- .pf-c-app-launcher__menu-item.pf-m-action:hover, .pf-c-app-launcher__menu-item.pf-m-action:focus {
732
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color);
733
- }
734
-
735
- .pf-c-app-launcher__menu-item-icon {
736
- display: inline-flex;
737
- align-items: center;
738
- justify-content: center;
739
- width: var(--pf-c-app-launcher__menu-item-icon--Width);
740
- height: var(--pf-c-app-launcher__menu-item-icon--Height);
741
- margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
742
- }
743
-
744
- .pf-c-app-launcher__menu-item-icon > * {
745
- max-width: 100%;
746
- max-height: 100%;
747
- }
748
-
749
- .pf-c-app-launcher__menu-item-external-icon {
750
- padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
751
- margin-left: auto;
752
- font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
753
- color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
754
- opacity: 0;
755
- transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
756
- }
757
-
758
- .pf-c-app-launcher__group + .pf-c-app-launcher__group {
759
- padding-top: var(--pf-c-app-launcher__group--group--PaddingTop);
760
- }
761
-
762
- .pf-c-app-launcher__group-title {
763
- padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
764
- padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
765
- padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
766
- padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
767
- font-size: var(--pf-c-app-launcher__group-title--FontSize);
768
- font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
769
- color: var(--pf-c-app-launcher__group-title--Color);
770
- }
771
-
772
- :where(.pf-theme-dark) .pf-c-app-launcher {
773
- --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
774
- --pf-c-app-launcher__menu--Top: 100%;
775
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
776
- --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
777
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
778
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
779
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
780
- }
781
-
782
532
  .pf-c-form-control {
783
533
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
784
534
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -1441,126 +1191,376 @@ textarea.pf-c-form-control {
1441
1191
  --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))));
1442
1192
  }
1443
1193
  }
1444
- @media (min-width: 1200px) {
1445
- .pf-c-avatar.pf-m-md {
1446
- --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));
1447
- }
1194
+ @media (min-width: 1200px) {
1195
+ .pf-c-avatar.pf-m-md {
1196
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));
1197
+ }
1198
+ }
1199
+ @media (min-width: 1450px) {
1200
+ .pf-c-avatar.pf-m-md {
1201
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));
1202
+ }
1203
+ }
1204
+ .pf-c-avatar.pf-m-lg {
1205
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
1206
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
1207
+ }
1208
+
1209
+ @media (min-width: 576px) {
1210
+ .pf-c-avatar.pf-m-lg {
1211
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));
1212
+ }
1213
+ }
1214
+ @media (min-width: 768px) {
1215
+ .pf-c-avatar.pf-m-lg {
1216
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));
1217
+ }
1218
+ }
1219
+ @media (min-width: 992px) {
1220
+ .pf-c-avatar.pf-m-lg {
1221
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));
1222
+ }
1223
+ }
1224
+ @media (min-width: 1200px) {
1225
+ .pf-c-avatar.pf-m-lg {
1226
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));
1227
+ }
1228
+ }
1229
+ @media (min-width: 1450px) {
1230
+ .pf-c-avatar.pf-m-lg {
1231
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));
1232
+ }
1233
+ }
1234
+ @media (min-width: 576px) {
1235
+ .pf-c-avatar.pf-m-lg {
1236
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));
1237
+ }
1238
+ }
1239
+ @media (min-width: 768px) {
1240
+ .pf-c-avatar.pf-m-lg {
1241
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));
1242
+ }
1243
+ }
1244
+ @media (min-width: 992px) {
1245
+ .pf-c-avatar.pf-m-lg {
1246
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));
1247
+ }
1248
+ }
1249
+ @media (min-width: 1200px) {
1250
+ .pf-c-avatar.pf-m-lg {
1251
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));
1252
+ }
1253
+ }
1254
+ @media (min-width: 1450px) {
1255
+ .pf-c-avatar.pf-m-lg {
1256
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));
1257
+ }
1258
+ }
1259
+ .pf-c-avatar.pf-m-xl {
1260
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
1261
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
1262
+ }
1263
+
1264
+ @media (min-width: 576px) {
1265
+ .pf-c-avatar.pf-m-xl {
1266
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));
1267
+ }
1268
+ }
1269
+ @media (min-width: 768px) {
1270
+ .pf-c-avatar.pf-m-xl {
1271
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));
1272
+ }
1273
+ }
1274
+ @media (min-width: 992px) {
1275
+ .pf-c-avatar.pf-m-xl {
1276
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));
1277
+ }
1278
+ }
1279
+ @media (min-width: 1200px) {
1280
+ .pf-c-avatar.pf-m-xl {
1281
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));
1282
+ }
1283
+ }
1284
+ @media (min-width: 1450px) {
1285
+ .pf-c-avatar.pf-m-xl {
1286
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));
1287
+ }
1288
+ }
1289
+ @media (min-width: 576px) {
1290
+ .pf-c-avatar.pf-m-xl {
1291
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));
1292
+ }
1293
+ }
1294
+ @media (min-width: 768px) {
1295
+ .pf-c-avatar.pf-m-xl {
1296
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
1297
+ }
1298
+ }
1299
+ @media (min-width: 992px) {
1300
+ .pf-c-avatar.pf-m-xl {
1301
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
1302
+ }
1303
+ }
1304
+ @media (min-width: 1200px) {
1305
+ .pf-c-avatar.pf-m-xl {
1306
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
1307
+ }
1308
+ }
1309
+ @media (min-width: 1450px) {
1310
+ .pf-c-avatar.pf-m-xl {
1311
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
1312
+ }
1313
+ }
1314
+ .pf-c-app-launcher {
1315
+ --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
1316
+ --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
1317
+ --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
1318
+ --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
1319
+ --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
1320
+ --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
1321
+ --pf-c-app-launcher--m-top__menu--Top: 0;
1322
+ --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
1323
+ --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
1324
+ --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
1325
+ --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
1326
+ --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
1327
+ --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
1328
+ --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
1329
+ --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
1330
+ --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
1331
+ --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
1332
+ --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
1333
+ --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
1334
+ --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
1335
+ --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
1336
+ --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
1337
+ --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
1338
+ --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
1339
+ --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
1340
+ --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
1341
+ --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
1342
+ --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
1343
+ --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
1344
+ --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
1345
+ --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
1346
+ --pf-c-app-launcher__menu-item--Width: 100%;
1347
+ --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
1348
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
1349
+ --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
1350
+ --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
1351
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
1352
+ --pf-c-app-launcher__menu-item--m-action--Width: auto;
1353
+ --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
1354
+ --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
1355
+ --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
1356
+ --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
1357
+ --pf-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-global--disabled-color--200);
1358
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
1359
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-500);
1360
+ --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
1361
+ --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
1362
+ --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
1363
+ --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
1364
+ --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
1365
+ --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
1366
+ --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
1367
+ --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
1368
+ --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
1369
+ --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
1370
+ --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
1371
+ --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
1372
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
1373
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
1374
+ --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
1375
+ --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
1376
+ --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
1377
+ position: relative;
1378
+ display: inline-block;
1379
+ max-width: 100%;
1380
+ }
1381
+
1382
+ .pf-c-app-launcher.pf-m-expanded > .pf-c-app-launcher__toggle {
1383
+ color: var(--pf-c-app-launcher__toggle--m-expanded--Color);
1384
+ }
1385
+
1386
+ .pf-c-app-launcher .pf-c-divider {
1387
+ margin-top: var(--pf-c-app-launcher--c-divider--MarginTop);
1388
+ margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
1389
+ }
1390
+
1391
+ .pf-c-app-launcher .pf-c-divider:last-child {
1392
+ --pf-c-app-launcher--c-divider--MarginBottom: 0;
1393
+ }
1394
+
1395
+ .pf-c-app-launcher__toggle {
1396
+ padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
1397
+ color: var(--pf-c-app-launcher__toggle--Color);
1398
+ border: none;
1399
+ }
1400
+
1401
+ .pf-c-app-launcher__toggle:hover {
1402
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color);
1403
+ }
1404
+
1405
+ .pf-c-app-launcher__toggle:active, .pf-c-app-launcher__toggle.pf-m-active {
1406
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color);
1407
+ }
1408
+
1409
+ .pf-c-app-launcher__toggle:focus {
1410
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color);
1448
1411
  }
1449
- @media (min-width: 1450px) {
1450
- .pf-c-avatar.pf-m-md {
1451
- --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));
1452
- }
1412
+
1413
+ .pf-c-app-launcher__toggle:disabled {
1414
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--disabled--Color);
1415
+ pointer-events: none;
1453
1416
  }
1454
- .pf-c-avatar.pf-m-lg {
1455
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
1456
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
1417
+
1418
+ .pf-c-app-launcher__menu {
1419
+ position: absolute;
1420
+ top: var(--pf-c-app-launcher__menu--Top);
1421
+ z-index: var(--pf-c-app-launcher__menu--ZIndex);
1422
+ min-width: 100%;
1423
+ padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
1424
+ padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
1425
+ background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
1426
+ background-clip: padding-box;
1427
+ box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
1457
1428
  }
1458
1429
 
1459
- @media (min-width: 576px) {
1460
- .pf-c-avatar.pf-m-lg {
1461
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));
1462
- }
1430
+ .pf-c-app-launcher__menu.pf-m-align-right {
1431
+ right: 0;
1463
1432
  }
1464
- @media (min-width: 768px) {
1465
- .pf-c-avatar.pf-m-lg {
1466
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));
1467
- }
1433
+
1434
+ .pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
1435
+ --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
1436
+ transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
1468
1437
  }
1469
- @media (min-width: 992px) {
1470
- .pf-c-avatar.pf-m-lg {
1471
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));
1472
- }
1438
+
1439
+ .pf-c-app-launcher__menu.pf-m-static {
1440
+ --pf-c-app-launcher--m-top__menu--TranslateY: 0;
1441
+ position: static;
1442
+ top: auto;
1443
+ right: auto;
1444
+ bottom: auto;
1445
+ left: auto;
1446
+ z-index: auto;
1447
+ min-width: min-content;
1473
1448
  }
1474
- @media (min-width: 1200px) {
1475
- .pf-c-avatar.pf-m-lg {
1476
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));
1477
- }
1449
+
1450
+ .pf-c-app-launcher__menu-search {
1451
+ padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
1452
+ margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
1453
+ border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
1478
1454
  }
1479
- @media (min-width: 1450px) {
1480
- .pf-c-avatar.pf-m-lg {
1481
- --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));
1482
- }
1455
+
1456
+ .pf-c-app-launcher__menu-wrapper {
1457
+ display: flex;
1483
1458
  }
1484
- @media (min-width: 576px) {
1485
- .pf-c-avatar.pf-m-lg {
1486
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));
1487
- }
1459
+
1460
+ .pf-c-app-launcher__menu-wrapper.pf-m-favorite {
1461
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
1462
+ --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color);
1488
1463
  }
1489
- @media (min-width: 768px) {
1490
- .pf-c-avatar.pf-m-lg {
1491
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));
1492
- }
1464
+
1465
+ .pf-c-app-launcher__menu-item {
1466
+ display: flex;
1467
+ align-items: center;
1468
+ width: var(--pf-c-app-launcher__menu-item--Width);
1469
+ padding: var(--pf-c-app-launcher__menu-item--PaddingTop) var(--pf-c-app-launcher__menu-item--PaddingRight) var(--pf-c-app-launcher__menu-item--PaddingBottom) var(--pf-c-app-launcher__menu-item--PaddingLeft);
1470
+ font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
1471
+ color: var(--pf-c-app-launcher__menu-item--Color);
1472
+ white-space: nowrap;
1473
+ border: 0;
1493
1474
  }
1494
- @media (min-width: 992px) {
1495
- .pf-c-avatar.pf-m-lg {
1496
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));
1497
- }
1475
+
1476
+ .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
1477
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
1478
+ text-decoration: none;
1498
1479
  }
1499
- @media (min-width: 1200px) {
1500
- .pf-c-avatar.pf-m-lg {
1501
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));
1502
- }
1480
+
1481
+ .pf-c-app-launcher__menu-wrapper:hover,
1482
+ .pf-c-app-launcher__menu-wrapper:focus-within,
1483
+ .pf-c-app-launcher__menu-wrapper.pf-m-focus, .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
1484
+ background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor);
1503
1485
  }
1504
- @media (min-width: 1450px) {
1505
- .pf-c-avatar.pf-m-lg {
1506
- --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));
1507
- }
1486
+
1487
+ .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
1488
+ --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
1489
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--disabled--Color);
1490
+ pointer-events: none;
1508
1491
  }
1509
- .pf-c-avatar.pf-m-xl {
1510
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
1511
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
1492
+
1493
+ .pf-c-app-launcher__menu-wrapper:disabled, .pf-c-app-launcher__menu-wrapper.pf-m-disabled, .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
1494
+ background-color: transparent;
1512
1495
  }
1513
1496
 
1514
- @media (min-width: 576px) {
1515
- .pf-c-avatar.pf-m-xl {
1516
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));
1517
- }
1497
+ .pf-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-item.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-item.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon {
1498
+ opacity: 1;
1518
1499
  }
1519
- @media (min-width: 768px) {
1520
- .pf-c-avatar.pf-m-xl {
1521
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));
1522
- }
1500
+
1501
+ .pf-c-app-launcher__menu-item.pf-m-link {
1502
+ --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
1503
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
1523
1504
  }
1524
- @media (min-width: 992px) {
1525
- .pf-c-avatar.pf-m-xl {
1526
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));
1527
- }
1505
+
1506
+ .pf-c-app-launcher__menu-item.pf-m-action {
1507
+ --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
1508
+ --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
1509
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
1510
+ font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize);
1528
1511
  }
1529
- @media (min-width: 1200px) {
1530
- .pf-c-avatar.pf-m-xl {
1531
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));
1532
- }
1512
+
1513
+ .pf-c-app-launcher__menu-item.pf-m-action:hover, .pf-c-app-launcher__menu-item.pf-m-action:focus {
1514
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color);
1533
1515
  }
1534
- @media (min-width: 1450px) {
1535
- .pf-c-avatar.pf-m-xl {
1536
- --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));
1537
- }
1516
+
1517
+ .pf-c-app-launcher__menu-item-icon {
1518
+ display: inline-flex;
1519
+ align-items: center;
1520
+ justify-content: center;
1521
+ width: var(--pf-c-app-launcher__menu-item-icon--Width);
1522
+ height: var(--pf-c-app-launcher__menu-item-icon--Height);
1523
+ margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
1538
1524
  }
1539
- @media (min-width: 576px) {
1540
- .pf-c-avatar.pf-m-xl {
1541
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));
1542
- }
1525
+
1526
+ .pf-c-app-launcher__menu-item-icon > * {
1527
+ max-width: 100%;
1528
+ max-height: 100%;
1543
1529
  }
1544
- @media (min-width: 768px) {
1545
- .pf-c-avatar.pf-m-xl {
1546
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
1547
- }
1530
+
1531
+ .pf-c-app-launcher__menu-item-external-icon {
1532
+ padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
1533
+ margin-left: auto;
1534
+ font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
1535
+ color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
1536
+ opacity: 0;
1537
+ transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
1548
1538
  }
1549
- @media (min-width: 992px) {
1550
- .pf-c-avatar.pf-m-xl {
1551
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
1552
- }
1539
+
1540
+ .pf-c-app-launcher__group + .pf-c-app-launcher__group {
1541
+ padding-top: var(--pf-c-app-launcher__group--group--PaddingTop);
1553
1542
  }
1554
- @media (min-width: 1200px) {
1555
- .pf-c-avatar.pf-m-xl {
1556
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
1557
- }
1543
+
1544
+ .pf-c-app-launcher__group-title {
1545
+ padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
1546
+ padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
1547
+ padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
1548
+ padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
1549
+ font-size: var(--pf-c-app-launcher__group-title--FontSize);
1550
+ font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
1551
+ color: var(--pf-c-app-launcher__group-title--Color);
1558
1552
  }
1559
- @media (min-width: 1450px) {
1560
- .pf-c-avatar.pf-m-xl {
1561
- --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
1562
- }
1553
+
1554
+ :where(.pf-theme-dark) .pf-c-app-launcher {
1555
+ --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
1556
+ --pf-c-app-launcher__menu--Top: 100%;
1557
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
1558
+ --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
1559
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
1560
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
1561
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
1563
1562
  }
1563
+
1564
1564
  .pf-c-back-to-top {
1565
1565
  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
1566
1566
  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
@@ -27699,21 +27699,6 @@ label.pf-c-tree-view__node-text {
27699
27699
  margin-right: var(--pf-l-level--m-gutter--MarginRight);
27700
27700
  }
27701
27701
 
27702
- .pf-l-stack {
27703
- --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27704
- display: flex;
27705
- flex-direction: column;
27706
- height: 100%;
27707
- }
27708
-
27709
- .pf-l-stack__item.pf-m-fill {
27710
- flex-grow: 1;
27711
- }
27712
-
27713
- .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27714
- margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27715
- }
27716
-
27717
27702
  .pf-l-split {
27718
27703
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27719
27704
  display: flex;
@@ -27733,6 +27718,21 @@ label.pf-c-tree-view__node-text {
27733
27718
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27734
27719
  }
27735
27720
 
27721
+ .pf-l-stack {
27722
+ --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27723
+ display: flex;
27724
+ flex-direction: column;
27725
+ height: 100%;
27726
+ }
27727
+
27728
+ .pf-l-stack__item.pf-m-fill {
27729
+ flex-grow: 1;
27730
+ }
27731
+
27732
+ .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27733
+ margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27734
+ }
27735
+
27736
27736
  .pf-c-alert-group {
27737
27737
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
27738
27738
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.258.2",
3
+ "version": "4.258.3",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -44,16 +44,16 @@
44
44
  "generate": "node scripts/copyStyles.js"
45
45
  },
46
46
  "dependencies": {
47
- "@patternfly/react-icons": "^4.92.9",
48
- "@patternfly/react-styles": "^4.91.9",
49
- "@patternfly/react-tokens": "^4.93.9",
47
+ "@patternfly/react-icons": "^4.92.10",
48
+ "@patternfly/react-styles": "^4.91.10",
49
+ "@patternfly/react-tokens": "^4.93.10",
50
50
  "focus-trap": "6.9.2",
51
51
  "react-dropzone": "9.0.0",
52
52
  "tippy.js": "5.1.2",
53
53
  "tslib": "^2.0.0"
54
54
  },
55
55
  "devDependencies": {
56
- "@patternfly/patternfly": "4.219.1",
56
+ "@patternfly/patternfly": "4.219.2",
57
57
  "@rollup/plugin-commonjs": "^21.0.0",
58
58
  "@rollup/plugin-node-resolve": "^13.0.0",
59
59
  "@rollup/plugin-replace": "^3.0.0",
@@ -70,5 +70,5 @@
70
70
  "react": "^16.8 || ^17 || ^18",
71
71
  "react-dom": "^16.8 || ^17 || ^18"
72
72
  },
73
- "gitHead": "5d975fb9b5ae712c8de40a931b913ee1f9ecfeb7"
73
+ "gitHead": "8faac0c6f8e22f1221bd4a13ade19c4ca47ce22c"
74
74
  }