@patternfly/patternfly 5.3.0 → 5.4.0-prerelease.2

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 (17) hide show
  1. package/components/Pagination/pagination.css +7 -4
  2. package/components/Pagination/pagination.scss +9 -8
  3. package/docs/components/Pagination/examples/Pagination.md +182 -708
  4. package/docs/components/Toolbar/examples/Toolbar.md +30 -98
  5. package/docs/components/TreeView/examples/TreeView.md +615 -45
  6. package/docs/demos/CardView/examples/CardView.md +30 -98
  7. package/docs/demos/DataList/examples/DataList.md +120 -392
  8. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -302
  9. package/docs/demos/Table/examples/Table.md +345 -1127
  10. package/docs/demos/Toolbar/examples/Toolbar.md +120 -392
  11. package/package.json +5 -5
  12. package/patternfly-no-globals.css +7 -4
  13. package/patternfly-theme-dark-unversioned.css +7 -4
  14. package/patternfly.css +7 -4
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/docs/components/Pagination/examples/Pagination.css +0 -3
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -1836,56 +1836,22 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1836
1836
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
1837
1837
  <div class="pf-v5-c-pagination" aria-label="Element pagination">
1838
1838
  <div class="pf-v5-c-pagination__total-items">37 items</div>
1839
- <div class="pf-v5-c-options-menu">
1840
- <button
1841
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1842
- type="button"
1843
- id="toolbar-stacked-example-pagination-options-menu-toggle"
1844
- aria-haspopup="listbox"
1845
- aria-expanded="false"
1846
- >
1847
- <span class="pf-v5-c-options-menu__toggle-text">
1848
- <b>1 - 10</b>&nbsp;of&nbsp;
1849
- <b>36</b>
1850
- </span>
1851
- <div class="pf-v5-c-options-menu__toggle-icon">
1839
+ <button
1840
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
1841
+ type="button"
1842
+ aria-expanded="false"
1843
+ id="toolbar-stacked-example-pagination-menu-toggle"
1844
+ >
1845
+ <span class="pf-v5-c-menu-toggle__text">
1846
+ <b>1 - 10</b>&nbsp;of&nbsp;
1847
+ <b>36</b>
1848
+ </span>
1849
+ <span class="pf-v5-c-menu-toggle__controls">
1850
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1852
1851
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1853
- </div>
1854
- </button>
1855
- <ul
1856
- class="pf-v5-c-options-menu__menu"
1857
- role="menu"
1858
- aria-labelledby="toolbar-stacked-example-pagination-options-menu-toggle"
1859
- hidden
1860
- >
1861
- <li role="none">
1862
- <button
1863
- class="pf-v5-c-options-menu__menu-item"
1864
- type="button"
1865
- role="menuitem"
1866
- >5 per page</button>
1867
- </li>
1868
- <li role="none">
1869
- <button
1870
- class="pf-v5-c-options-menu__menu-item"
1871
- type="button"
1872
- role="menuitem"
1873
- >
1874
- 10 per page
1875
- <div class="pf-v5-c-options-menu__menu-item-icon">
1876
- <i class="fas fa-check" aria-hidden="true"></i>
1877
- </div>
1878
- </button>
1879
- </li>
1880
- <li role="none">
1881
- <button
1882
- class="pf-v5-c-options-menu__menu-item"
1883
- type="button"
1884
- role="menuitem"
1885
- >20 per page</button>
1886
- </li>
1887
- </ul>
1888
- </div>
1852
+ </span>
1853
+ </span>
1854
+ </button>
1889
1855
 
1890
1856
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1891
1857
  <div class="pf-v5-c-pagination__nav-control pf-m-first">
@@ -2129,56 +2095,22 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2129
2095
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
2130
2096
  <div class="pf-v5-c-pagination" aria-label="Element pagination">
2131
2097
  <div class="pf-v5-c-pagination__total-items">37 items</div>
2132
- <div class="pf-v5-c-options-menu">
2133
- <button
2134
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2135
- type="button"
2136
- id="toolbar-stacked-collapsed-example-pagination-options-menu-toggle"
2137
- aria-haspopup="listbox"
2138
- aria-expanded="false"
2139
- >
2140
- <span class="pf-v5-c-options-menu__toggle-text">
2141
- <b>1 - 10</b>&nbsp;of&nbsp;
2142
- <b>36</b>
2143
- </span>
2144
- <div class="pf-v5-c-options-menu__toggle-icon">
2098
+ <button
2099
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
2100
+ type="button"
2101
+ aria-expanded="false"
2102
+ id="toolbar-stacked-collapsed-example-pagination-menu-toggle"
2103
+ >
2104
+ <span class="pf-v5-c-menu-toggle__text">
2105
+ <b>1 - 10</b>&nbsp;of&nbsp;
2106
+ <b>36</b>
2107
+ </span>
2108
+ <span class="pf-v5-c-menu-toggle__controls">
2109
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2145
2110
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2146
- </div>
2147
- </button>
2148
- <ul
2149
- class="pf-v5-c-options-menu__menu"
2150
- role="menu"
2151
- aria-labelledby="toolbar-stacked-collapsed-example-pagination-options-menu-toggle"
2152
- hidden
2153
- >
2154
- <li role="none">
2155
- <button
2156
- class="pf-v5-c-options-menu__menu-item"
2157
- type="button"
2158
- role="menuitem"
2159
- >5 per page</button>
2160
- </li>
2161
- <li role="none">
2162
- <button
2163
- class="pf-v5-c-options-menu__menu-item"
2164
- type="button"
2165
- role="menuitem"
2166
- >
2167
- 10 per page
2168
- <div class="pf-v5-c-options-menu__menu-item-icon">
2169
- <i class="fas fa-check" aria-hidden="true"></i>
2170
- </div>
2171
- </button>
2172
- </li>
2173
- <li role="none">
2174
- <button
2175
- class="pf-v5-c-options-menu__menu-item"
2176
- type="button"
2177
- role="menuitem"
2178
- >20 per page</button>
2179
- </li>
2180
- </ul>
2181
- </div>
2111
+ </span>
2112
+ </span>
2113
+ </button>
2182
2114
 
2183
2115
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
2184
2116
  <div class="pf-v5-c-pagination__nav-control pf-m-first">