@patternfly/react-core 4.202.34 → 4.202.35
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 +8 -0
- package/dist/esm/components/Brand/Brand.d.ts +23 -3
- package/dist/esm/components/Brand/Brand.d.ts.map +1 -1
- package/dist/esm/components/Brand/Brand.js +12 -2
- package/dist/esm/components/Brand/Brand.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.d.ts +2 -0
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +3 -2
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/components/Brand/Brand.d.ts +23 -3
- package/dist/js/components/Brand/Brand.d.ts.map +1 -1
- package/dist/js/components/Brand/Brand.js +12 -2
- package/dist/js/components/Brand/Brand.js.map +1 -1
- package/dist/js/components/Tabs/Tabs.d.ts +2 -0
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +3 -2
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/umd/react-core.css +64 -0
- package/dist/umd/react-core.js +144 -123
- package/dist/umd/react-core.min.css +64 -0
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +5 -5
- package/src/components/Brand/Brand.tsx +61 -8
- package/src/components/Brand/__tests__/Brand.test.tsx +15 -4
- package/src/components/Brand/__tests__/__snapshots__/Brand.test.tsx.snap +1 -1
- package/src/components/Brand/examples/Brand.md +13 -0
- package/src/components/Brand/examples/BrandResponsive.tsx +18 -0
- package/src/components/Brand/examples/pf-c-brand--logo-base.jpg +0 -0
- package/src/components/Brand/examples/pf-c-brand--logo-on-lg.svg +32 -0
- package/src/components/Brand/examples/pf-c-brand--logo-on-md.svg +42 -0
- package/src/components/Brand/examples/pf-c-brand--logo-on-sm.svg +17 -0
- package/src/components/Brand/examples/pf-c-brand--logo-on-xl.svg +39 -0
- package/src/components/Brand/examples/pf-c-brand--logo.svg +10 -0
- package/src/components/Tabs/Tabs.tsx +5 -0
- package/src/components/Tabs/__tests__/Tabs.test.tsx +17 -0
- package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +153 -0
- package/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx +47 -146
- package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +302 -0
- package/src/components/TextInputGroup/__tests__/TextInputGroupUtilities.test.tsx +34 -0
- package/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroup.test.tsx.snap +2 -203
- package/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroupMain.test.tsx.snap +21 -0
- package/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroupUtilities.test.tsx.snap +13 -0
- package/src/demos/Tabs.md +5 -0
- package/src/demos/examples/Tabs/TabsAndTablesAutoWidthTabs.tsx +442 -0
|
@@ -1736,6 +1736,70 @@ textarea.pf-c-form-control {
|
|
|
1736
1736
|
cursor: not-allowed;
|
|
1737
1737
|
}
|
|
1738
1738
|
|
|
1739
|
+
.pf-c-brand {
|
|
1740
|
+
--pf-c-brand--Width: auto;
|
|
1741
|
+
--pf-c-brand--Height: auto;
|
|
1742
|
+
width: var(--pf-c-brand--Width--base);
|
|
1743
|
+
height: var(--pf-c-brand--Height--base);
|
|
1744
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width);
|
|
1745
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height);
|
|
1746
|
+
}
|
|
1747
|
+
|
|
1748
|
+
@media (min-width: 576px) {
|
|
1749
|
+
.pf-c-brand {
|
|
1750
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
|
|
1751
|
+
}
|
|
1752
|
+
}
|
|
1753
|
+
@media (min-width: 768px) {
|
|
1754
|
+
.pf-c-brand {
|
|
1755
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
|
|
1756
|
+
}
|
|
1757
|
+
}
|
|
1758
|
+
@media (min-width: 992px) {
|
|
1759
|
+
.pf-c-brand {
|
|
1760
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
|
|
1761
|
+
}
|
|
1762
|
+
}
|
|
1763
|
+
@media (min-width: 1200px) {
|
|
1764
|
+
.pf-c-brand {
|
|
1765
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
|
|
1766
|
+
}
|
|
1767
|
+
}
|
|
1768
|
+
@media (min-width: 1450px) {
|
|
1769
|
+
.pf-c-brand {
|
|
1770
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
|
|
1771
|
+
}
|
|
1772
|
+
}
|
|
1773
|
+
@media (min-width: 576px) {
|
|
1774
|
+
.pf-c-brand {
|
|
1775
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
|
|
1776
|
+
}
|
|
1777
|
+
}
|
|
1778
|
+
@media (min-width: 768px) {
|
|
1779
|
+
.pf-c-brand {
|
|
1780
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
|
|
1781
|
+
}
|
|
1782
|
+
}
|
|
1783
|
+
@media (min-width: 992px) {
|
|
1784
|
+
.pf-c-brand {
|
|
1785
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
|
|
1786
|
+
}
|
|
1787
|
+
}
|
|
1788
|
+
@media (min-width: 1200px) {
|
|
1789
|
+
.pf-c-brand {
|
|
1790
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
|
|
1791
|
+
}
|
|
1792
|
+
}
|
|
1793
|
+
@media (min-width: 1450px) {
|
|
1794
|
+
.pf-c-brand {
|
|
1795
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
|
|
1796
|
+
}
|
|
1797
|
+
}
|
|
1798
|
+
.pf-c-brand.pf-m-picture {
|
|
1799
|
+
display: inline-flex;
|
|
1800
|
+
max-width: 100%;
|
|
1801
|
+
}
|
|
1802
|
+
|
|
1739
1803
|
.pf-c-breadcrumb {
|
|
1740
1804
|
--pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
|
|
1741
1805
|
--pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
|