@patternfly/patternfly 5.2.0-prerelease.3 → 5.2.0-prerelease.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 (24) hide show
  1. package/components/Accordion/accordion.css +10 -1
  2. package/components/Accordion/accordion.scss +13 -1
  3. package/docs/components/Accordion/examples/Accordion.md +95 -0
  4. package/docs/components/LogViewer/examples/LogViewer.md +130 -130
  5. package/docs/components/Menu/examples/Menu.md +507 -473
  6. package/docs/components/MenuToggle/examples/MenuToggle.md +106 -114
  7. package/docs/components/Nav/examples/Navigation.md +140 -113
  8. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  9. package/docs/components/Toolbar/examples/Toolbar.md +462 -2791
  10. package/docs/demos/CardView/examples/CardView.md +32 -51
  11. package/docs/demos/DataList/examples/DataList.md +182 -318
  12. package/docs/demos/Masthead/examples/Masthead.md +48 -207
  13. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  14. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +80 -268
  15. package/docs/demos/Table/examples/Table.md +1004 -1787
  16. package/docs/demos/Tabs/examples/Tabs.md +2 -2
  17. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  18. package/docs/demos/Toolbar/examples/Toolbar.md +691 -1015
  19. package/package.json +2 -2
  20. package/patternfly-no-globals.css +10 -1
  21. package/patternfly-theme-dark-unversioned.css +10 -1
  22. package/patternfly.css +10 -1
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -290,65 +290,46 @@ section: patterns
290
290
  >
291
291
  <div class="pf-v5-c-toolbar__toggle">
292
292
  <button
293
- class="pf-v5-c-button pf-m-plain"
293
+ class="pf-v5-c-menu-toggle pf-m-plain"
294
294
  type="button"
295
- aria-label="Show filters"
296
295
  aria-expanded="false"
296
+ aria-label="Show filters"
297
297
  aria-controls="card-view-basic-example-toolbar-expandable-content"
298
298
  >
299
299
  <i class="fas fa-filter" aria-hidden="true"></i>
300
300
  </button>
301
301
  </div>
302
302
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
303
- <div class="pf-v5-c-dropdown">
304
- <div class="pf-v5-c-dropdown__toggle pf-m-split-button">
305
- <label
306
- class="pf-v5-c-dropdown__toggle-check"
307
- for="card-view-basic-example-toolbar-bulk-select-toggle-check"
308
- >
309
- <div class="pf-v5-c-check pf-m-standalone">
310
- <input
311
- class="pf-v5-c-check__input"
312
- type="checkbox"
313
- id="card-view-basic-example-toolbar-bulk-select-toggle-check"
314
- aria-label="Select all"
315
- />
316
- </div>
317
- </label>
318
-
319
- <button
320
- class="pf-v5-c-dropdown__toggle-button"
321
- type="button"
322
- aria-expanded="false"
323
- id="card-view-basic-example-toolbar-bulk-select-toggle-button"
324
- aria-label="Dropdown toggle"
325
- >
326
- <i class="fas fa-caret-down" aria-hidden="true"></i>
327
- </button>
328
- </div>
329
- <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
330
- <li role="none">
331
- <button
332
- class="pf-v5-c-dropdown__menu-item"
333
- role="menuitem"
334
- type="button"
335
- >Select all</button>
336
- </li>
337
- <li role="none">
338
- <button
339
- class="pf-v5-c-dropdown__menu-item"
340
- role="menuitem"
341
- type="button"
342
- >Select none</button>
343
- </li>
344
- <li role="none">
345
- <button
346
- class="pf-v5-c-dropdown__menu-item"
347
- role="menuitem"
348
- type="button"
349
- >Other action</button>
350
- </li>
351
- </ul>
303
+ <div
304
+ class="pf-v5-c-menu-toggle pf-m-split-button"
305
+ id="card-view-basic-example-toolbar-check"
306
+ >
307
+ <label
308
+ class="pf-v5-c-check pf-m-standalone"
309
+ id="card-view-basic-example-toolbar-check-check"
310
+ for="card-view-basic-example-toolbar-check-check-input"
311
+ >
312
+ <input
313
+ class="pf-v5-c-check__input"
314
+ type="checkbox"
315
+ id="card-view-basic-example-toolbar-check-check-input"
316
+ name="card-view-basic-example-toolbar-check-check-input"
317
+ aria-label="Standalone check"
318
+ />
319
+ </label>
320
+ <button
321
+ class="pf-v5-c-menu-toggle__button"
322
+ type="button"
323
+ aria-expanded="false"
324
+ id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
325
+ aria-label="Menu toggle"
326
+ >
327
+ <span class="pf-v5-c-menu-toggle__controls">
328
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
329
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
330
+ </span>
331
+ </span>
332
+ </button>
352
333
  </div>
353
334
  </div>
354
335