@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
|
package/dist/umd/react-core.css
CHANGED
|
@@ -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.
|
|
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.
|
|
38
|
-
"@patternfly/react-styles": "^4.58.
|
|
39
|
-
"@patternfly/react-tokens": "^4.60.
|
|
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": "
|
|
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';
|