@patternfly/react-core 4.208.2 → 4.208.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.
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.208.3 (2022-05-03)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.208.2 (2022-05-03)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-core
@@ -22630,75 +22630,6 @@ svg.pf-c-spinner.pf-m-xl {
22630
22630
  direction: ltr;
22631
22631
  }
22632
22632
  }
22633
- .pf-l-gallery {
22634
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
22635
- --pf-l-gallery--GridTemplateColumns--min: 250px;
22636
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
22637
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
22638
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
22639
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
22640
- --pf-l-gallery--GridTemplateRows: auto;
22641
- display: grid;
22642
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
22643
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
22644
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
22645
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
22646
- }
22647
-
22648
- .pf-l-gallery.pf-m-gutter {
22649
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
22650
- }
22651
-
22652
- @media (min-width: 576px) {
22653
- .pf-l-gallery {
22654
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
22655
- }
22656
- }
22657
- @media (min-width: 768px) {
22658
- .pf-l-gallery {
22659
- --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)));
22660
- }
22661
- }
22662
- @media (min-width: 992px) {
22663
- .pf-l-gallery {
22664
- --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))));
22665
- }
22666
- }
22667
- @media (min-width: 1200px) {
22668
- .pf-l-gallery {
22669
- --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)))));
22670
- }
22671
- }
22672
- @media (min-width: 1450px) {
22673
- .pf-l-gallery {
22674
- --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))))));
22675
- }
22676
- }
22677
- @media (min-width: 576px) {
22678
- .pf-l-gallery {
22679
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
22680
- }
22681
- }
22682
- @media (min-width: 768px) {
22683
- .pf-l-gallery {
22684
- --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)));
22685
- }
22686
- }
22687
- @media (min-width: 992px) {
22688
- .pf-l-gallery {
22689
- --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))));
22690
- }
22691
- }
22692
- @media (min-width: 1200px) {
22693
- .pf-l-gallery {
22694
- --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)))));
22695
- }
22696
- }
22697
- @media (min-width: 1450px) {
22698
- .pf-l-gallery {
22699
- --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))))));
22700
- }
22701
- }
22702
22633
  .pf-l-flex {
22703
22634
  --pf-l-flex--Display: flex;
22704
22635
  --pf-l-flex--FlexWrap: wrap;
@@ -24775,6 +24706,75 @@ svg.pf-c-spinner.pf-m-xl {
24775
24706
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
24776
24707
  }
24777
24708
  }
24709
+ .pf-l-gallery {
24710
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
24711
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
24712
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24713
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
24714
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24715
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
24716
+ --pf-l-gallery--GridTemplateRows: auto;
24717
+ display: grid;
24718
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
24719
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
24720
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24721
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24722
+ }
24723
+
24724
+ .pf-l-gallery.pf-m-gutter {
24725
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
24726
+ }
24727
+
24728
+ @media (min-width: 576px) {
24729
+ .pf-l-gallery {
24730
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
24731
+ }
24732
+ }
24733
+ @media (min-width: 768px) {
24734
+ .pf-l-gallery {
24735
+ --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)));
24736
+ }
24737
+ }
24738
+ @media (min-width: 992px) {
24739
+ .pf-l-gallery {
24740
+ --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))));
24741
+ }
24742
+ }
24743
+ @media (min-width: 1200px) {
24744
+ .pf-l-gallery {
24745
+ --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)))));
24746
+ }
24747
+ }
24748
+ @media (min-width: 1450px) {
24749
+ .pf-l-gallery {
24750
+ --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))))));
24751
+ }
24752
+ }
24753
+ @media (min-width: 576px) {
24754
+ .pf-l-gallery {
24755
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
24756
+ }
24757
+ }
24758
+ @media (min-width: 768px) {
24759
+ .pf-l-gallery {
24760
+ --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)));
24761
+ }
24762
+ }
24763
+ @media (min-width: 992px) {
24764
+ .pf-l-gallery {
24765
+ --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))));
24766
+ }
24767
+ }
24768
+ @media (min-width: 1200px) {
24769
+ .pf-l-gallery {
24770
+ --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)))));
24771
+ }
24772
+ }
24773
+ @media (min-width: 1450px) {
24774
+ .pf-l-gallery {
24775
+ --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))))));
24776
+ }
24777
+ }
24778
24778
  .pf-l-grid {
24779
24779
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24780
24780
  --pf-l-grid__item--GridColumnStart: auto;
@@ -19757,6 +19757,99 @@ svg.pf-c-spinner.pf-m-xl {
19757
19757
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
19758
19758
  }
19759
19759
 
19760
+ .pf-c-tooltip {
19761
+ --pf-c-tooltip--MaxWidth: 18.75rem;
19762
+ --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
19763
+ --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
19764
+ --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
19765
+ --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
19766
+ --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
19767
+ --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
19768
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
19769
+ --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
19770
+ --pf-c-tooltip__arrow--Width: 0.5rem;
19771
+ --pf-c-tooltip__arrow--Height: 0.5rem;
19772
+ --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
19773
+ --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
19774
+ --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
19775
+ --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
19776
+ --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
19777
+ --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
19778
+ --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
19779
+ --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
19780
+ --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
19781
+ --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
19782
+ --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
19783
+ --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
19784
+ position: relative;
19785
+ max-width: var(--pf-c-tooltip--MaxWidth);
19786
+ box-shadow: var(--pf-c-tooltip--BoxShadow);
19787
+ }
19788
+
19789
+ .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
19790
+ bottom: 0;
19791
+ left: 50%;
19792
+ transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
19793
+ }
19794
+
19795
+ .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19796
+ top: 0;
19797
+ left: 50%;
19798
+ transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
19799
+ }
19800
+
19801
+ .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
19802
+ top: 50%;
19803
+ right: 0;
19804
+ transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
19805
+ }
19806
+
19807
+ .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19808
+ top: 50%;
19809
+ left: 0;
19810
+ transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
19811
+ }
19812
+
19813
+ .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
19814
+ top: var(--pf-c-tooltip__arrow--Height);
19815
+ }
19816
+
19817
+ .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
19818
+ top: auto;
19819
+ bottom: 0;
19820
+ }
19821
+
19822
+ .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
19823
+ left: var(--pf-c-tooltip__arrow--Width);
19824
+ }
19825
+
19826
+ .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
19827
+ right: 0;
19828
+ left: auto;
19829
+ }
19830
+
19831
+ .pf-c-tooltip__content {
19832
+ position: relative;
19833
+ padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
19834
+ font-size: var(--pf-c-tooltip__content--FontSize);
19835
+ color: var(--pf-c-tooltip__content--Color);
19836
+ text-align: center;
19837
+ word-break: break-word;
19838
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
19839
+ }
19840
+
19841
+ .pf-c-tooltip__content.pf-m-text-align-left {
19842
+ text-align: left;
19843
+ }
19844
+
19845
+ .pf-c-tooltip__arrow {
19846
+ position: absolute;
19847
+ width: var(--pf-c-tooltip__arrow--Width);
19848
+ height: var(--pf-c-tooltip__arrow--Height);
19849
+ pointer-events: none;
19850
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
19851
+ }
19852
+
19760
19853
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
19761
19854
  --pf-hidden-visible--visible--Visibility: visible;
19762
19855
  --pf-hidden-visible--hidden--Display: none;
@@ -21138,99 +21231,6 @@ svg.pf-c-spinner.pf-m-xl {
21138
21231
  --pf-c-toolbar--spacer: 0;
21139
21232
  }
21140
21233
 
21141
- .pf-c-tooltip {
21142
- --pf-c-tooltip--MaxWidth: 18.75rem;
21143
- --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
21144
- --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
21145
- --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
21146
- --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
21147
- --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
21148
- --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
21149
- --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
21150
- --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
21151
- --pf-c-tooltip__arrow--Width: 0.5rem;
21152
- --pf-c-tooltip__arrow--Height: 0.5rem;
21153
- --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
21154
- --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
21155
- --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
21156
- --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
21157
- --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
21158
- --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
21159
- --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
21160
- --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
21161
- --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
21162
- --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
21163
- --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
21164
- --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
21165
- position: relative;
21166
- max-width: var(--pf-c-tooltip--MaxWidth);
21167
- box-shadow: var(--pf-c-tooltip--BoxShadow);
21168
- }
21169
-
21170
- .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
21171
- bottom: 0;
21172
- left: 50%;
21173
- transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
21174
- }
21175
-
21176
- .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21177
- top: 0;
21178
- left: 50%;
21179
- transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
21180
- }
21181
-
21182
- .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
21183
- top: 50%;
21184
- right: 0;
21185
- transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
21186
- }
21187
-
21188
- .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21189
- top: 50%;
21190
- left: 0;
21191
- transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
21192
- }
21193
-
21194
- .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
21195
- top: var(--pf-c-tooltip__arrow--Height);
21196
- }
21197
-
21198
- .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21199
- top: auto;
21200
- bottom: 0;
21201
- }
21202
-
21203
- .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
21204
- left: var(--pf-c-tooltip__arrow--Width);
21205
- }
21206
-
21207
- .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21208
- right: 0;
21209
- left: auto;
21210
- }
21211
-
21212
- .pf-c-tooltip__content {
21213
- position: relative;
21214
- padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
21215
- font-size: var(--pf-c-tooltip__content--FontSize);
21216
- color: var(--pf-c-tooltip__content--Color);
21217
- text-align: center;
21218
- word-break: break-word;
21219
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21220
- }
21221
-
21222
- .pf-c-tooltip__content.pf-m-text-align-left {
21223
- text-align: left;
21224
- }
21225
-
21226
- .pf-c-tooltip__arrow {
21227
- position: absolute;
21228
- width: var(--pf-c-tooltip__arrow--Width);
21229
- height: var(--pf-c-tooltip__arrow--Height);
21230
- pointer-events: none;
21231
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21232
- }
21233
-
21234
21234
  .pf-c-number-input .pf-c-form-control {
21235
21235
  appearance: textfield;
21236
21236
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.208.2",
3
+ "version": "4.208.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",
@@ -34,9 +34,9 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.59.2",
38
- "@patternfly/react-styles": "^4.58.2",
39
- "@patternfly/react-tokens": "^4.60.2",
37
+ "@patternfly/react-icons": "^4.59.3",
38
+ "@patternfly/react-styles": "^4.58.3",
39
+ "@patternfly/react-tokens": "^4.60.3",
40
40
  "focus-trap": "6.2.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
@@ -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": "657b6120e44b7d79febe3164284e7444efd385be"
63
+ "gitHead": "30d9c6403ae0d3660eb0389fcae95e6e72a41d9e"
64
64
  }
@@ -2,7 +2,7 @@
2
2
  id: Wizard
3
3
  section: components
4
4
  cssPrefix: pf-c-wizard
5
- propComponents: ['Wizard', 'WizardNav', 'WizardNavItem', 'WizardHeader', 'WizardBody', 'WizardFooter', 'WizardToggle']
5
+ propComponents: ['Wizard', 'WizardNav', 'WizardNavItem', 'WizardHeader', 'WizardBody', 'WizardFooter', 'WizardToggle', 'WizardStep']
6
6
  ---
7
7
 
8
8
  import { Button, Wizard, WizardFooter, WizardContextConsumer, ModalVariant, Alert, EmptyState, EmptyStateIcon, EmptyStateBody, EmptyStateSecondaryActions, Title, Progress } from '@patternfly/react-core';