@patternfly/react-core 4.202.4 → 4.202.5

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.
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.202.5 (2022-03-25)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.202.4 (2022-03-25)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-core
@@ -509,235 +509,6 @@
509
509
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
510
510
  }
511
511
 
512
- .pf-c-app-launcher {
513
- --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
514
- --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
515
- --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
516
- --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
517
- --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
518
- --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
519
- --pf-c-app-launcher--m-top__menu--Top: 0;
520
- --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
521
- --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
522
- --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
523
- --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
524
- --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
525
- --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
526
- --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
527
- --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
528
- --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
529
- --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
530
- --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
531
- --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
532
- --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
533
- --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
534
- --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
535
- --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
536
- --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
537
- --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
538
- --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
539
- --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
540
- --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
541
- --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
542
- --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
543
- --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
544
- --pf-c-app-launcher__menu-item--Width: 100%;
545
- --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
546
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
547
- --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
548
- --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
549
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
550
- --pf-c-app-launcher__menu-item--m-action--Width: auto;
551
- --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
552
- --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
553
- --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
554
- --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
555
- --pf-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-global--disabled-color--200);
556
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
557
- --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-500);
558
- --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
559
- --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
560
- --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
561
- --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
562
- --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
563
- --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
564
- --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
565
- --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
566
- --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
567
- --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
568
- --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
569
- --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
570
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
571
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
572
- --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
573
- --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
574
- --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
575
- position: relative;
576
- display: inline-block;
577
- max-width: 100%;
578
- }
579
-
580
- .pf-c-app-launcher.pf-m-expanded > .pf-c-app-launcher__toggle {
581
- color: var(--pf-c-app-launcher__toggle--m-expanded--Color);
582
- }
583
-
584
- .pf-c-app-launcher .pf-c-divider {
585
- margin-top: var(--pf-c-app-launcher--c-divider--MarginTop);
586
- margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
587
- }
588
-
589
- .pf-c-app-launcher .pf-c-divider:last-child {
590
- --pf-c-app-launcher--c-divider--MarginBottom: 0;
591
- }
592
-
593
- .pf-c-app-launcher__toggle {
594
- 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);
595
- color: var(--pf-c-app-launcher__toggle--Color);
596
- border: none;
597
- }
598
-
599
- .pf-c-app-launcher__toggle:hover {
600
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color);
601
- }
602
-
603
- .pf-c-app-launcher__toggle:active, .pf-c-app-launcher__toggle.pf-m-active {
604
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color);
605
- }
606
-
607
- .pf-c-app-launcher__toggle:focus {
608
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color);
609
- }
610
-
611
- .pf-c-app-launcher__toggle:disabled {
612
- --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--disabled--Color);
613
- pointer-events: none;
614
- }
615
-
616
- .pf-c-app-launcher__menu {
617
- position: absolute;
618
- top: var(--pf-c-app-launcher__menu--Top);
619
- z-index: var(--pf-c-app-launcher__menu--ZIndex);
620
- min-width: 100%;
621
- padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
622
- padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
623
- background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
624
- background-clip: padding-box;
625
- box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
626
- }
627
-
628
- .pf-c-app-launcher__menu.pf-m-align-right {
629
- right: 0;
630
- }
631
-
632
- .pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
633
- --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
634
- transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
635
- }
636
-
637
- .pf-c-app-launcher__menu-search {
638
- 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);
639
- margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
640
- border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
641
- }
642
-
643
- .pf-c-app-launcher__menu-wrapper {
644
- display: flex;
645
- }
646
-
647
- .pf-c-app-launcher__menu-wrapper.pf-m-favorite {
648
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
649
- --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);
650
- }
651
-
652
- .pf-c-app-launcher__menu-item {
653
- display: flex;
654
- align-items: center;
655
- width: var(--pf-c-app-launcher__menu-item--Width);
656
- 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);
657
- font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
658
- color: var(--pf-c-app-launcher__menu-item--Color);
659
- white-space: nowrap;
660
- border: 0;
661
- }
662
-
663
- .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
664
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
665
- text-decoration: none;
666
- }
667
-
668
- .pf-c-app-launcher__menu-wrapper:hover,
669
- .pf-c-app-launcher__menu-wrapper:focus-within,
670
- .pf-c-app-launcher__menu-wrapper.pf-m-focus, .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
671
- background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor);
672
- }
673
-
674
- .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
675
- --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
676
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--disabled--Color);
677
- pointer-events: none;
678
- }
679
-
680
- .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 {
681
- background-color: transparent;
682
- }
683
-
684
- .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 {
685
- opacity: 1;
686
- }
687
-
688
- .pf-c-app-launcher__menu-item.pf-m-link {
689
- --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
690
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
691
- }
692
-
693
- .pf-c-app-launcher__menu-item.pf-m-action {
694
- --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
695
- --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
696
- --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
697
- font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize);
698
- }
699
-
700
- .pf-c-app-launcher__menu-item.pf-m-action:hover, .pf-c-app-launcher__menu-item.pf-m-action:focus {
701
- --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color);
702
- }
703
-
704
- .pf-c-app-launcher__menu-item-icon {
705
- display: inline-flex;
706
- align-items: center;
707
- justify-content: center;
708
- width: var(--pf-c-app-launcher__menu-item-icon--Width);
709
- height: var(--pf-c-app-launcher__menu-item-icon--Height);
710
- margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
711
- }
712
-
713
- .pf-c-app-launcher__menu-item-icon > * {
714
- max-width: 100%;
715
- max-height: 100%;
716
- }
717
-
718
- .pf-c-app-launcher__menu-item-external-icon {
719
- padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
720
- margin-left: auto;
721
- font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
722
- color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
723
- opacity: 0;
724
- transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
725
- }
726
-
727
- .pf-c-app-launcher__group + .pf-c-app-launcher__group {
728
- padding-top: var(--pf-c-app-launcher__group--group--PaddingTop);
729
- }
730
-
731
- .pf-c-app-launcher__group-title {
732
- padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
733
- padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
734
- padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
735
- padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
736
- font-size: var(--pf-c-app-launcher__group-title--FontSize);
737
- font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
738
- color: var(--pf-c-app-launcher__group-title--Color);
739
- }
740
-
741
512
  .pf-c-form-control {
742
513
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
743
514
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -988,92 +759,321 @@
988
759
  background-size: var(--pf-c-form-control--m-search--BackgroundSize);
989
760
  }
990
761
 
991
- .pf-c-form-control.pf-m-icon {
992
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--PaddingRight);
993
- background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
994
- background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
995
- background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
762
+ .pf-c-form-control.pf-m-icon {
763
+ --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--PaddingRight);
764
+ background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
765
+ background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
766
+ background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
767
+ }
768
+
769
+ .pf-c-form-control.pf-m-icon.pf-m-calendar {
770
+ --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-calendar--BackgroundUrl);
771
+ }
772
+
773
+ .pf-c-form-control.pf-m-icon.pf-m-clock {
774
+ --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
775
+ }
776
+
777
+ .pf-c-form-control.pf-m-icon-sprite {
778
+ --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
779
+ --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
780
+ --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
781
+ --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
782
+ --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
783
+ --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
784
+ --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
785
+ --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
786
+ --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
787
+ --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
788
+ --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
789
+ --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
790
+ }
791
+
792
+ select.pf-c-form-control {
793
+ --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
794
+ --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
795
+ background-image: var(--pf-c-form-control__select--BackgroundUrl);
796
+ background-position: var(--pf-c-form-control__select--BackgroundPosition);
797
+ background-size: var(--pf-c-form-control__select--BackgroundSize);
798
+ }
799
+
800
+ @-moz-document url-prefix() {
801
+ select.pf-c-form-control {
802
+ --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
803
+ --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
804
+ }
805
+ }
806
+ select.pf-c-form-control[aria-invalid=true] {
807
+ --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
808
+ --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
809
+ background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl);
810
+ background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition);
811
+ background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize);
812
+ }
813
+
814
+ select.pf-c-form-control.pf-m-success {
815
+ --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--success--PaddingRight);
816
+ --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control__select--success--BackgroundPosition);
817
+ background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl);
818
+ background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition);
819
+ background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize);
820
+ }
821
+
822
+ select.pf-c-form-control.pf-m-warning {
823
+ --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--m-warning--PaddingRight);
824
+ background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl);
825
+ background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition);
826
+ background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize);
827
+ }
828
+
829
+ select.pf-c-form-control.pf-m-placeholder {
830
+ color: var(--pf-c-form-control--placeholder--Color);
831
+ }
832
+
833
+ textarea.pf-c-form-control {
834
+ --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
835
+ --pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
836
+ --pf-c-form-control--m-warning--BackgroundPositionY: var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY);
837
+ width: var(--pf-c-form-control--textarea--Width);
838
+ height: var(--pf-c-form-control--textarea--Height);
839
+ vertical-align: bottom;
840
+ }
841
+
842
+ .pf-c-form-control.pf-m-resize-vertical {
843
+ resize: vertical;
844
+ }
845
+
846
+ .pf-c-form-control.pf-m-resize-horizontal {
847
+ resize: horizontal;
848
+ }
849
+
850
+ .pf-c-app-launcher {
851
+ --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
852
+ --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
853
+ --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
854
+ --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
855
+ --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
856
+ --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
857
+ --pf-c-app-launcher--m-top__menu--Top: 0;
858
+ --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
859
+ --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
860
+ --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
861
+ --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
862
+ --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
863
+ --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
864
+ --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
865
+ --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
866
+ --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
867
+ --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
868
+ --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
869
+ --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
870
+ --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
871
+ --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
872
+ --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
873
+ --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
874
+ --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
875
+ --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
876
+ --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
877
+ --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
878
+ --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
879
+ --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
880
+ --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
881
+ --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
882
+ --pf-c-app-launcher__menu-item--Width: 100%;
883
+ --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
884
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
885
+ --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
886
+ --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
887
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
888
+ --pf-c-app-launcher__menu-item--m-action--Width: auto;
889
+ --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
890
+ --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
891
+ --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
892
+ --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
893
+ --pf-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-global--disabled-color--200);
894
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
895
+ --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-500);
896
+ --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
897
+ --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
898
+ --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
899
+ --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
900
+ --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
901
+ --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
902
+ --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
903
+ --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
904
+ --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
905
+ --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
906
+ --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
907
+ --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
908
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
909
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
910
+ --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
911
+ --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
912
+ --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
913
+ position: relative;
914
+ display: inline-block;
915
+ max-width: 100%;
916
+ }
917
+
918
+ .pf-c-app-launcher.pf-m-expanded > .pf-c-app-launcher__toggle {
919
+ color: var(--pf-c-app-launcher__toggle--m-expanded--Color);
920
+ }
921
+
922
+ .pf-c-app-launcher .pf-c-divider {
923
+ margin-top: var(--pf-c-app-launcher--c-divider--MarginTop);
924
+ margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
925
+ }
926
+
927
+ .pf-c-app-launcher .pf-c-divider:last-child {
928
+ --pf-c-app-launcher--c-divider--MarginBottom: 0;
929
+ }
930
+
931
+ .pf-c-app-launcher__toggle {
932
+ 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);
933
+ color: var(--pf-c-app-launcher__toggle--Color);
934
+ border: none;
935
+ }
936
+
937
+ .pf-c-app-launcher__toggle:hover {
938
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color);
939
+ }
940
+
941
+ .pf-c-app-launcher__toggle:active, .pf-c-app-launcher__toggle.pf-m-active {
942
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color);
943
+ }
944
+
945
+ .pf-c-app-launcher__toggle:focus {
946
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color);
947
+ }
948
+
949
+ .pf-c-app-launcher__toggle:disabled {
950
+ --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--disabled--Color);
951
+ pointer-events: none;
952
+ }
953
+
954
+ .pf-c-app-launcher__menu {
955
+ position: absolute;
956
+ top: var(--pf-c-app-launcher__menu--Top);
957
+ z-index: var(--pf-c-app-launcher__menu--ZIndex);
958
+ min-width: 100%;
959
+ padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
960
+ padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
961
+ background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
962
+ background-clip: padding-box;
963
+ box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
964
+ }
965
+
966
+ .pf-c-app-launcher__menu.pf-m-align-right {
967
+ right: 0;
968
+ }
969
+
970
+ .pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
971
+ --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
972
+ transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
973
+ }
974
+
975
+ .pf-c-app-launcher__menu-search {
976
+ 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);
977
+ margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
978
+ border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
979
+ }
980
+
981
+ .pf-c-app-launcher__menu-wrapper {
982
+ display: flex;
983
+ }
984
+
985
+ .pf-c-app-launcher__menu-wrapper.pf-m-favorite {
986
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
987
+ --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);
988
+ }
989
+
990
+ .pf-c-app-launcher__menu-item {
991
+ display: flex;
992
+ align-items: center;
993
+ width: var(--pf-c-app-launcher__menu-item--Width);
994
+ 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);
995
+ font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
996
+ color: var(--pf-c-app-launcher__menu-item--Color);
997
+ white-space: nowrap;
998
+ border: 0;
999
+ }
1000
+
1001
+ .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
1002
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
1003
+ text-decoration: none;
996
1004
  }
997
1005
 
998
- .pf-c-form-control.pf-m-icon.pf-m-calendar {
999
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-calendar--BackgroundUrl);
1006
+ .pf-c-app-launcher__menu-wrapper:hover,
1007
+ .pf-c-app-launcher__menu-wrapper:focus-within,
1008
+ .pf-c-app-launcher__menu-wrapper.pf-m-focus, .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-item:focus {
1009
+ background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor);
1000
1010
  }
1001
1011
 
1002
- .pf-c-form-control.pf-m-icon.pf-m-clock {
1003
- --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
1012
+ .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-item.pf-m-disabled {
1013
+ --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
1014
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--disabled--Color);
1015
+ pointer-events: none;
1004
1016
  }
1005
1017
 
1006
- .pf-c-form-control.pf-m-icon-sprite {
1007
- --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
1008
- --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
1009
- --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
1010
- --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
1011
- --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
1012
- --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
1013
- --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
1014
- --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
1015
- --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
1016
- --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
1017
- --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
1018
- --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
1018
+ .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 {
1019
+ background-color: transparent;
1019
1020
  }
1020
1021
 
1021
- select.pf-c-form-control {
1022
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
1023
- --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
1024
- background-image: var(--pf-c-form-control__select--BackgroundUrl);
1025
- background-position: var(--pf-c-form-control__select--BackgroundPosition);
1026
- background-size: var(--pf-c-form-control__select--BackgroundSize);
1022
+ .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 {
1023
+ opacity: 1;
1027
1024
  }
1028
1025
 
1029
- @-moz-document url-prefix() {
1030
- select.pf-c-form-control {
1031
- --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
1032
- --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
1033
- }
1026
+ .pf-c-app-launcher__menu-item.pf-m-link {
1027
+ --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
1028
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
1034
1029
  }
1035
- select.pf-c-form-control[aria-invalid=true] {
1036
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
1037
- --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
1038
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl);
1039
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition);
1040
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize);
1030
+
1031
+ .pf-c-app-launcher__menu-item.pf-m-action {
1032
+ --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
1033
+ --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
1034
+ --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
1035
+ font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize);
1041
1036
  }
1042
1037
 
1043
- select.pf-c-form-control.pf-m-success {
1044
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--success--PaddingRight);
1045
- --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control__select--success--BackgroundPosition);
1046
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl);
1047
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition);
1048
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize);
1038
+ .pf-c-app-launcher__menu-item.pf-m-action:hover, .pf-c-app-launcher__menu-item.pf-m-action:focus {
1039
+ --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color);
1049
1040
  }
1050
1041
 
1051
- select.pf-c-form-control.pf-m-warning {
1052
- --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--m-warning--PaddingRight);
1053
- background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl);
1054
- background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition);
1055
- background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize);
1042
+ .pf-c-app-launcher__menu-item-icon {
1043
+ display: inline-flex;
1044
+ align-items: center;
1045
+ justify-content: center;
1046
+ width: var(--pf-c-app-launcher__menu-item-icon--Width);
1047
+ height: var(--pf-c-app-launcher__menu-item-icon--Height);
1048
+ margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
1056
1049
  }
1057
1050
 
1058
- select.pf-c-form-control.pf-m-placeholder {
1059
- color: var(--pf-c-form-control--placeholder--Color);
1051
+ .pf-c-app-launcher__menu-item-icon > * {
1052
+ max-width: 100%;
1053
+ max-height: 100%;
1060
1054
  }
1061
1055
 
1062
- textarea.pf-c-form-control {
1063
- --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
1064
- --pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
1065
- --pf-c-form-control--m-warning--BackgroundPositionY: var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY);
1066
- width: var(--pf-c-form-control--textarea--Width);
1067
- height: var(--pf-c-form-control--textarea--Height);
1068
- vertical-align: bottom;
1056
+ .pf-c-app-launcher__menu-item-external-icon {
1057
+ padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
1058
+ margin-left: auto;
1059
+ font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
1060
+ color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
1061
+ opacity: 0;
1062
+ transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
1069
1063
  }
1070
1064
 
1071
- .pf-c-form-control.pf-m-resize-vertical {
1072
- resize: vertical;
1065
+ .pf-c-app-launcher__group + .pf-c-app-launcher__group {
1066
+ padding-top: var(--pf-c-app-launcher__group--group--PaddingTop);
1073
1067
  }
1074
1068
 
1075
- .pf-c-form-control.pf-m-resize-horizontal {
1076
- resize: horizontal;
1069
+ .pf-c-app-launcher__group-title {
1070
+ padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
1071
+ padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
1072
+ padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
1073
+ padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
1074
+ font-size: var(--pf-c-app-launcher__group-title--FontSize);
1075
+ font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
1076
+ color: var(--pf-c-app-launcher__group-title--Color);
1077
1077
  }
1078
1078
 
1079
1079
  .pf-u-screen-reader {
@@ -24360,6 +24360,75 @@ svg.pf-c-spinner.pf-m-xl {
24360
24360
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
24361
24361
  }
24362
24362
  }
24363
+ .pf-l-gallery {
24364
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
24365
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
24366
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24367
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
24368
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24369
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
24370
+ --pf-l-gallery--GridTemplateRows: auto;
24371
+ display: grid;
24372
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
24373
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
24374
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24375
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24376
+ }
24377
+
24378
+ .pf-l-gallery.pf-m-gutter {
24379
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
24380
+ }
24381
+
24382
+ @media (min-width: 576px) {
24383
+ .pf-l-gallery {
24384
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
24385
+ }
24386
+ }
24387
+ @media (min-width: 768px) {
24388
+ .pf-l-gallery {
24389
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
24390
+ }
24391
+ }
24392
+ @media (min-width: 992px) {
24393
+ .pf-l-gallery {
24394
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
24395
+ }
24396
+ }
24397
+ @media (min-width: 1200px) {
24398
+ .pf-l-gallery {
24399
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
24400
+ }
24401
+ }
24402
+ @media (min-width: 1450px) {
24403
+ .pf-l-gallery {
24404
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
24405
+ }
24406
+ }
24407
+ @media (min-width: 576px) {
24408
+ .pf-l-gallery {
24409
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
24410
+ }
24411
+ }
24412
+ @media (min-width: 768px) {
24413
+ .pf-l-gallery {
24414
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
24415
+ }
24416
+ }
24417
+ @media (min-width: 992px) {
24418
+ .pf-l-gallery {
24419
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
24420
+ }
24421
+ }
24422
+ @media (min-width: 1200px) {
24423
+ .pf-l-gallery {
24424
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
24425
+ }
24426
+ }
24427
+ @media (min-width: 1450px) {
24428
+ .pf-l-gallery {
24429
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
24430
+ }
24431
+ }
24363
24432
  .pf-l-grid {
24364
24433
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24365
24434
  --pf-l-grid__item--GridColumnStart: auto;
@@ -25574,75 +25643,6 @@ svg.pf-c-spinner.pf-m-xl {
25574
25643
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
25575
25644
  }
25576
25645
 
25577
- .pf-l-gallery {
25578
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25579
- --pf-l-gallery--GridTemplateColumns--min: 250px;
25580
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25581
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
25582
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25583
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25584
- --pf-l-gallery--GridTemplateRows: auto;
25585
- display: grid;
25586
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25587
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25588
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25589
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25590
- }
25591
-
25592
- .pf-l-gallery.pf-m-gutter {
25593
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25594
- }
25595
-
25596
- @media (min-width: 576px) {
25597
- .pf-l-gallery {
25598
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25599
- }
25600
- }
25601
- @media (min-width: 768px) {
25602
- .pf-l-gallery {
25603
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
25604
- }
25605
- }
25606
- @media (min-width: 992px) {
25607
- .pf-l-gallery {
25608
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
25609
- }
25610
- }
25611
- @media (min-width: 1200px) {
25612
- .pf-l-gallery {
25613
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
25614
- }
25615
- }
25616
- @media (min-width: 1450px) {
25617
- .pf-l-gallery {
25618
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
25619
- }
25620
- }
25621
- @media (min-width: 576px) {
25622
- .pf-l-gallery {
25623
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25624
- }
25625
- }
25626
- @media (min-width: 768px) {
25627
- .pf-l-gallery {
25628
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
25629
- }
25630
- }
25631
- @media (min-width: 992px) {
25632
- .pf-l-gallery {
25633
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
25634
- }
25635
- }
25636
- @media (min-width: 1200px) {
25637
- .pf-l-gallery {
25638
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
25639
- }
25640
- }
25641
- @media (min-width: 1450px) {
25642
- .pf-l-gallery {
25643
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
25644
- }
25645
- }
25646
25646
  .pf-l-level {
25647
25647
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
25648
25648
  display: flex;
@@ -20892,6 +20892,41 @@ svg.pf-c-spinner.pf-m-xl {
20892
20892
  background-color: var(--pf-c-tooltip__content--BackgroundColor);
20893
20893
  }
20894
20894
 
20895
+ .pf-c-number-input .pf-c-form-control {
20896
+ appearance: textfield;
20897
+ }
20898
+
20899
+ .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
20900
+ appearance: none;
20901
+ margin: 0;
20902
+ }
20903
+
20904
+ .pf-c-number-input {
20905
+ --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
20906
+ --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
20907
+ --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
20908
+ --pf-c-number-input--c-form-control--width-chars: 4;
20909
+ --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
20910
+ display: inline-flex;
20911
+ align-items: center;
20912
+ }
20913
+
20914
+ .pf-c-number-input .pf-c-form-control {
20915
+ display: inline-flex;
20916
+ width: var(--pf-c-number-input--c-form-control--Width);
20917
+ text-align: right;
20918
+ }
20919
+
20920
+ .pf-c-input-group + .pf-c-number-input__unit,
20921
+ .pf-c-number-input__unit + .pf-c-input-group {
20922
+ margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
20923
+ }
20924
+
20925
+ .pf-c-number-input__icon {
20926
+ display: flex;
20927
+ font-size: var(--pf-c-number-input__icon--FontSize);
20928
+ }
20929
+
20895
20930
  .pf-c-tree-view {
20896
20931
  --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
20897
20932
  --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -21361,41 +21396,6 @@ svg.pf-c-spinner.pf-m-xl {
21361
21396
  --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
21362
21397
  }
21363
21398
 
21364
- .pf-c-number-input .pf-c-form-control {
21365
- appearance: textfield;
21366
- }
21367
-
21368
- .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
21369
- appearance: none;
21370
- margin: 0;
21371
- }
21372
-
21373
- .pf-c-number-input {
21374
- --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
21375
- --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
21376
- --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
21377
- --pf-c-number-input--c-form-control--width-chars: 4;
21378
- --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
21379
- display: inline-flex;
21380
- align-items: center;
21381
- }
21382
-
21383
- .pf-c-number-input .pf-c-form-control {
21384
- display: inline-flex;
21385
- width: var(--pf-c-number-input--c-form-control--Width);
21386
- text-align: right;
21387
- }
21388
-
21389
- .pf-c-input-group + .pf-c-number-input__unit,
21390
- .pf-c-number-input__unit + .pf-c-input-group {
21391
- margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
21392
- }
21393
-
21394
- .pf-c-number-input__icon {
21395
- display: flex;
21396
- font-size: var(--pf-c-number-input__icon--FontSize);
21397
- }
21398
-
21399
21399
  .pf-c-wizard__header {
21400
21400
  --pf-global--Color--100: var(--pf-global--Color--light-100);
21401
21401
  --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -24429,18 +24429,6 @@ svg.pf-c-spinner.pf-m-xl {
24429
24429
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
24430
24430
  }
24431
24431
  }
24432
- .pf-l-level {
24433
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
24434
- display: flex;
24435
- flex-wrap: wrap;
24436
- align-items: center;
24437
- justify-content: space-between;
24438
- }
24439
-
24440
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
24441
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
24442
- }
24443
-
24444
24432
  .pf-l-grid {
24445
24433
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24446
24434
  --pf-l-grid__item--GridColumnStart: auto;
@@ -25655,6 +25643,18 @@ svg.pf-c-spinner.pf-m-xl {
25655
25643
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
25656
25644
  }
25657
25645
 
25646
+ .pf-l-level {
25647
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
25648
+ display: flex;
25649
+ flex-wrap: wrap;
25650
+ align-items: center;
25651
+ justify-content: space-between;
25652
+ }
25653
+
25654
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
25655
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
25656
+ }
25657
+
25658
25658
  .pf-l-split {
25659
25659
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
25660
25660
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.202.4",
3
+ "version": "4.202.5",
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",
@@ -34,16 +34,16 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.53.4",
38
- "@patternfly/react-styles": "^4.52.4",
39
- "@patternfly/react-tokens": "^4.54.4",
37
+ "@patternfly/react-icons": "^4.53.5",
38
+ "@patternfly/react-styles": "^4.52.5",
39
+ "@patternfly/react-tokens": "^4.54.5",
40
40
  "focus-trap": "6.2.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
43
43
  "tslib": "^2.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@patternfly/patternfly": "4.184.1",
46
+ "@patternfly/patternfly": "4.184.3",
47
47
  "@rollup/plugin-commonjs": "^21.0.0",
48
48
  "@rollup/plugin-node-resolve": "^13.0.0",
49
49
  "@rollup/plugin-replace": "^3.0.0",
@@ -60,5 +60,5 @@
60
60
  "react": "^16.8.0 || ^17.0.0",
61
61
  "react-dom": "^16.8.0 || ^17.0.0"
62
62
  },
63
- "gitHead": "b690e1d99c3286250b85d61e543251538a86cf3f"
63
+ "gitHead": "8f1429e189f96d539e5c6bffe4b8e07976efdf1e"
64
64
  }