@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.188

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 (61) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +3 -3
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/Toolbar/toolbar.css +232 -531
  8. package/components/Toolbar/toolbar.scss +101 -89
  9. package/components/_index.css +224 -523
  10. package/docs/components/Card/examples/Card.md +8 -8
  11. package/docs/components/DataList/examples/DataList.md +17 -17
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  13. package/docs/components/Hint/examples/Hint.md +3 -3
  14. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  15. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  16. package/docs/components/Table/examples/Table.md +454 -454
  17. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  18. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  19. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  20. package/docs/demos/Alert/examples/Alert.md +3 -0
  21. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  22. package/docs/demos/Banner/examples/Banner.md +2 -0
  23. package/docs/demos/CardView/examples/CardView.md +13 -12
  24. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  25. package/docs/demos/DataList/examples/DataList.md +31 -27
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  27. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  28. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  29. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  30. package/docs/demos/Modal/examples/Modal.md +6 -0
  31. package/docs/demos/Nav/examples/Nav.md +8 -0
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  33. package/docs/demos/Page/examples/Page.md +11 -0
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  35. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  36. package/docs/demos/Table/examples/Table.md +161 -146
  37. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  38. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  39. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  40. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  41. package/layouts/Flex/flex.css +1 -1
  42. package/layouts/Flex/flex.scss +1 -1
  43. package/layouts/Gallery/gallery.css +1 -1
  44. package/layouts/Gallery/gallery.scss +1 -1
  45. package/layouts/Grid/grid.css +1 -1
  46. package/layouts/Grid/grid.scss +1 -1
  47. package/layouts/Level/level.css +1 -1
  48. package/layouts/Level/level.scss +1 -1
  49. package/layouts/Split/split.css +1 -1
  50. package/layouts/Split/split.scss +1 -1
  51. package/layouts/Stack/stack.css +1 -1
  52. package/layouts/Stack/stack.scss +1 -1
  53. package/layouts/_index.css +6 -6
  54. package/package.json +6 -6
  55. package/patternfly-base-no-globals.css +2 -2
  56. package/patternfly-base.css +2 -2
  57. package/patternfly-no-globals.css +232 -531
  58. package/patternfly.css +232 -531
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
  61. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -151,6 +151,7 @@ section: components
151
151
  </button>
152
152
  </div>
153
153
  </div>
154
+
154
155
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
155
156
  <button
156
157
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -714,6 +715,7 @@ section: components
714
715
  </button>
715
716
  </div>
716
717
  </div>
718
+
717
719
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
718
720
  <button
719
721
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1280,6 +1282,7 @@ section: components
1280
1282
  </button>
1281
1283
  </div>
1282
1284
  </div>
1285
+
1283
1286
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1284
1287
  <button
1285
1288
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1763,6 +1766,7 @@ section: components
1763
1766
  </button>
1764
1767
  </div>
1765
1768
  </div>
1769
+
1766
1770
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1767
1771
  <button
1768
1772
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1883,7 +1887,7 @@ section: components
1883
1887
  <div
1884
1888
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1885
1889
  >
1886
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
1890
+ <div class="pf-v6-c-toolbar__toggle">
1887
1891
  <button
1888
1892
  class="pf-v6-c-menu-toggle pf-m-plain"
1889
1893
  type="button"
@@ -1962,7 +1966,7 @@ section: components
1962
1966
  type="button"
1963
1967
  aria-expanded="false"
1964
1968
  aria-label="Menu toggle"
1965
- id="table-tabs-example-tabs-toolbar-overflow-menutoggle"
1969
+ id="table-tabs-example-tabs-toolbar-overflow-menu-toggle"
1966
1970
  >
1967
1971
  <span class="pf-v6-c-menu-toggle__icon">
1968
1972
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1999,14 +2003,14 @@ section: components
1999
2003
  >
2000
2004
  <label
2001
2005
  class="pf-v6-c-check pf-m-standalone"
2002
- id="table-tabs-example-tablecheckrowcheck"
2003
- for="table-tabs-example-tablecheckrowcheck-input"
2006
+ id="table-tabs-example-table-checkrow-check"
2007
+ for="table-tabs-example-table-checkrow-check-input"
2004
2008
  >
2005
2009
  <input
2006
2010
  class="pf-v6-c-check__input"
2007
2011
  type="checkbox"
2008
- id="table-tabs-example-tablecheckrowcheck-input"
2009
- name="table-tabs-example-tablecheckrowcheck-input"
2012
+ id="table-tabs-example-table-checkrow-check-input"
2013
+ name="table-tabs-example-table-checkrow-check-input"
2010
2014
  aria-label="Standalone check"
2011
2015
  />
2012
2016
  </label>
@@ -2054,14 +2058,14 @@ section: components
2054
2058
  >
2055
2059
  <label
2056
2060
  class="pf-v6-c-check pf-m-standalone"
2057
- id="table-tabs-example-tablecheckrow1check"
2058
- for="table-tabs-example-tablecheckrow1check-input"
2061
+ id="table-tabs-example-table-checkrow-1-check"
2062
+ for="table-tabs-example-table-checkrow-1-check-input"
2059
2063
  >
2060
2064
  <input
2061
2065
  class="pf-v6-c-check__input"
2062
2066
  type="checkbox"
2063
- id="table-tabs-example-tablecheckrow1check-input"
2064
- name="table-tabs-example-tablecheckrow1check-input"
2067
+ id="table-tabs-example-table-checkrow-1-check-input"
2068
+ name="table-tabs-example-table-checkrow-1-check-input"
2065
2069
  aria-label="Standalone check"
2066
2070
  />
2067
2071
  </label>
@@ -2150,14 +2154,14 @@ section: components
2150
2154
  >
2151
2155
  <label
2152
2156
  class="pf-v6-c-check pf-m-standalone"
2153
- id="table-tabs-example-tablecheckrow2check"
2154
- for="table-tabs-example-tablecheckrow2check-input"
2157
+ id="table-tabs-example-table-checkrow-2-check"
2158
+ for="table-tabs-example-table-checkrow-2-check-input"
2155
2159
  >
2156
2160
  <input
2157
2161
  class="pf-v6-c-check__input"
2158
2162
  type="checkbox"
2159
- id="table-tabs-example-tablecheckrow2check-input"
2160
- name="table-tabs-example-tablecheckrow2check-input"
2163
+ id="table-tabs-example-table-checkrow-2-check-input"
2164
+ name="table-tabs-example-table-checkrow-2-check-input"
2161
2165
  aria-label="Standalone check"
2162
2166
  />
2163
2167
  </label>
@@ -2246,14 +2250,14 @@ section: components
2246
2250
  >
2247
2251
  <label
2248
2252
  class="pf-v6-c-check pf-m-standalone"
2249
- id="table-tabs-example-tablecheckrow3check"
2250
- for="table-tabs-example-tablecheckrow3check-input"
2253
+ id="table-tabs-example-table-checkrow-3-check"
2254
+ for="table-tabs-example-table-checkrow-3-check-input"
2251
2255
  >
2252
2256
  <input
2253
2257
  class="pf-v6-c-check__input"
2254
2258
  type="checkbox"
2255
- id="table-tabs-example-tablecheckrow3check-input"
2256
- name="table-tabs-example-tablecheckrow3check-input"
2259
+ id="table-tabs-example-table-checkrow-3-check-input"
2260
+ name="table-tabs-example-table-checkrow-3-check-input"
2257
2261
  aria-label="Standalone check"
2258
2262
  />
2259
2263
  </label>
@@ -2342,14 +2346,14 @@ section: components
2342
2346
  >
2343
2347
  <label
2344
2348
  class="pf-v6-c-check pf-m-standalone"
2345
- id="table-tabs-example-tablecheckrow4check"
2346
- for="table-tabs-example-tablecheckrow4check-input"
2349
+ id="table-tabs-example-table-checkrow-4-check"
2350
+ for="table-tabs-example-table-checkrow-4-check-input"
2347
2351
  >
2348
2352
  <input
2349
2353
  class="pf-v6-c-check__input"
2350
2354
  type="checkbox"
2351
- id="table-tabs-example-tablecheckrow4check-input"
2352
- name="table-tabs-example-tablecheckrow4check-input"
2355
+ id="table-tabs-example-table-checkrow-4-check-input"
2356
+ name="table-tabs-example-table-checkrow-4-check-input"
2353
2357
  aria-label="Standalone check"
2354
2358
  />
2355
2359
  </label>
@@ -2438,14 +2442,14 @@ section: components
2438
2442
  >
2439
2443
  <label
2440
2444
  class="pf-v6-c-check pf-m-standalone"
2441
- id="table-tabs-example-tablecheckrow5check"
2442
- for="table-tabs-example-tablecheckrow5check-input"
2445
+ id="table-tabs-example-table-checkrow-5-check"
2446
+ for="table-tabs-example-table-checkrow-5-check-input"
2443
2447
  >
2444
2448
  <input
2445
2449
  class="pf-v6-c-check__input"
2446
2450
  type="checkbox"
2447
- id="table-tabs-example-tablecheckrow5check-input"
2448
- name="table-tabs-example-tablecheckrow5check-input"
2451
+ id="table-tabs-example-table-checkrow-5-check-input"
2452
+ name="table-tabs-example-table-checkrow-5-check-input"
2449
2453
  aria-label="Standalone check"
2450
2454
  />
2451
2455
  </label>
@@ -3018,6 +3022,7 @@ section: components
3018
3022
  </button>
3019
3023
  </div>
3020
3024
  </div>
3025
+
3021
3026
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3022
3027
  <button
3023
3028
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3320,6 +3325,7 @@ section: components
3320
3325
  </button>
3321
3326
  </div>
3322
3327
  </div>
3328
+
3323
3329
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3324
3330
  <button
3325
3331
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/Toolbar/examples/Toolbar.css CHANGED
@@ -6,4 +6,12 @@
6
6
 
7
7
  .ws-html-demos-c-toolbar .pf-v6-c-toolbar__item {
8
8
  position: relative;
9
- }
9
+ }
10
+
11
+ #ws-html-demos-c-toolbar-toolbar-attribute-value-single-select-filter-on-mobile {
12
+ min-height: 200px;
13
+ }
14
+
15
+ #ws-html-demos-c-toolbar-toolbar-attribute-value-search-filter-on-mobile {
16
+ min-height: 180px;
17
+ }