@patternfly/react-core 4.250.3 → 4.250.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/components/Select/Select.d.ts +2 -0
  3. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  4. package/dist/esm/components/Select/Select.js +10 -3
  5. package/dist/esm/components/Select/Select.js.map +1 -1
  6. package/dist/js/components/Select/Select.d.ts +2 -0
  7. package/dist/js/components/Select/Select.d.ts.map +1 -1
  8. package/dist/js/components/Select/Select.js +10 -3
  9. package/dist/js/components/Select/Select.js.map +1 -1
  10. package/dist/umd/react-core.min.css +49 -49
  11. package/dist/umd/react-core.min.js +1 -1
  12. package/package.json +2 -2
  13. package/src/components/Select/Select.tsx +12 -1
  14. package/src/components/Select/__tests__/Select.test.tsx +32 -0
  15. package/src/components/Select/examples/Select.md +17 -0
package/dist/umd/react-core.min.css CHANGED
@@ -1585,55 +1585,6 @@ textarea.pf-c-form-control {
1585
1585
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1586
1586
  }
1587
1587
 
1588
- .pf-c-background-image {
1589
- --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1590
- --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
1591
- --pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
1592
- --pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
1593
- --pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
1594
- --pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
1595
- --pf-c-background-image--Filter: url("#image_overlay");
1596
- }
1597
-
1598
- .pf-c-background-image::before {
1599
- position: fixed;
1600
- top: 0;
1601
- left: 0;
1602
- z-index: -1;
1603
- width: 100%;
1604
- height: 100%;
1605
- content: "";
1606
- background-color: var(--pf-c-background-image--BackgroundColor);
1607
- background-image: var(--pf-c-background-image--BackgroundImage);
1608
- filter: var(--pf-c-background-image--Filter);
1609
- background-repeat: no-repeat;
1610
- background-size: cover;
1611
- }
1612
-
1613
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
1614
- .pf-c-background-image::before {
1615
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
1616
- }
1617
- }
1618
- @media (min-width: 576px) {
1619
- .pf-c-background-image::before {
1620
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
1621
- }
1622
- }
1623
- @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
1624
- .pf-c-background-image::before {
1625
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
1626
- }
1627
- }
1628
- @media (min-width: 992px) {
1629
- .pf-c-background-image::before {
1630
- --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
1631
- }
1632
- }
1633
- .pf-c-background-image__filter {
1634
- display: block;
1635
- }
1636
-
1637
1588
  .pf-c-badge {
1638
1589
  --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
1639
1590
  --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
@@ -1851,6 +1802,55 @@ textarea.pf-c-form-control {
1851
1802
  color: var(--pf-global--palette--black-900);
1852
1803
  }
1853
1804
 
1805
+ .pf-c-background-image {
1806
+ --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1807
+ --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
1808
+ --pf-c-background-image--BackgroundImage-2x: url("../../assets/images/pfbg_576@2x.jpg");
1809
+ --pf-c-background-image--BackgroundImage--sm: url("../../assets/images/pfbg_768.jpg");
1810
+ --pf-c-background-image--BackgroundImage--sm-2x: url("../../assets/images/pfbg_768@2x.jpg");
1811
+ --pf-c-background-image--BackgroundImage--lg: url("../../assets/images/pfbg_2000.jpg");
1812
+ --pf-c-background-image--Filter: url("#image_overlay");
1813
+ }
1814
+
1815
+ .pf-c-background-image::before {
1816
+ position: fixed;
1817
+ top: 0;
1818
+ left: 0;
1819
+ z-index: -1;
1820
+ width: 100%;
1821
+ height: 100%;
1822
+ content: "";
1823
+ background-color: var(--pf-c-background-image--BackgroundColor);
1824
+ background-image: var(--pf-c-background-image--BackgroundImage);
1825
+ filter: var(--pf-c-background-image--Filter);
1826
+ background-repeat: no-repeat;
1827
+ background-size: cover;
1828
+ }
1829
+
1830
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
1831
+ .pf-c-background-image::before {
1832
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x);
1833
+ }
1834
+ }
1835
+ @media (min-width: 576px) {
1836
+ .pf-c-background-image::before {
1837
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm);
1838
+ }
1839
+ }
1840
+ @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) {
1841
+ .pf-c-background-image::before {
1842
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x);
1843
+ }
1844
+ }
1845
+ @media (min-width: 992px) {
1846
+ .pf-c-background-image::before {
1847
+ --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg);
1848
+ }
1849
+ }
1850
+ .pf-c-background-image__filter {
1851
+ display: block;
1852
+ }
1853
+
1854
1854
  .pf-c-brand {
1855
1855
  --pf-c-brand--Width: auto;
1856
1856
  --pf-c-brand--Height: auto;