@patternfly/patternfly 5.1.0-prerelease.4 → 6.0.0-alpha.1

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 (51) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/components/DataList/data-list-grid.css +0 -28
  3. package/components/DataList/data-list.css +0 -28
  4. package/components/FormControl/form-control.css +3 -2
  5. package/components/FormControl/form-control.scss +3 -2
  6. package/components/NumberInput/number-input.css +1 -1
  7. package/components/Pagination/pagination.css +1 -1
  8. package/components/Table/table-grid.css +0 -24
  9. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  11. package/docs/components/Card/examples/Card.md +152 -64
  12. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  13. package/docs/components/DataList/examples/DataList.md +391 -136
  14. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  16. package/docs/components/FormControl/examples/FormControl.md +2 -1
  17. package/docs/components/Hint/examples/Hint.md +57 -24
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  19. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  20. package/docs/components/Menu/examples/Menu.md +41 -20
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  23. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  24. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  25. package/docs/components/Pagination/examples/Pagination.md +195 -65
  26. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  27. package/docs/components/Select/deprecated/Select.css +3 -3
  28. package/docs/components/Select/deprecated/Select.md +40 -52
  29. package/docs/components/Table/examples/Table.md +4546 -1668
  30. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  31. package/docs/components/Toolbar/examples/Toolbar.md +142 -68
  32. package/docs/components/TreeView/examples/TreeView.md +23 -8
  33. package/docs/demos/Card/examples/Card.md +46 -21
  34. package/docs/demos/CardView/examples/CardView.md +182 -74
  35. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  36. package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
  37. package/docs/demos/DataList/examples/DataList.md +163 -70
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  39. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  40. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  42. package/docs/demos/Table/examples/Table.md +1422 -607
  43. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  44. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  45. package/package.json +39 -38
  46. package/patternfly-no-globals.css +4 -55
  47. package/patternfly-theme-dark-unversioned.css +4 -55
  48. package/patternfly.css +4 -55
  49. package/patternfly.min.css +1 -1
  50. package/patternfly.min.css.map +1 -1
  51. package/sass-utilities/placeholders.scss +1 -1
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -563,35 +563,44 @@ cssPrefix: pf-d-description-list
563
563
  class="pf-v5-c-dropdown__menu"
564
564
  aria-labelledby="-button"
565
565
  hidden
566
+ role="menu"
566
567
  >
567
- <li>
568
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
568
+ <li role="none">
569
+ <a
570
+ class="pf-v5-c-dropdown__menu-item"
571
+ role="menuitem"
572
+ href="#"
573
+ >Link</a>
569
574
  </li>
570
- <li>
575
+ <li role="none">
571
576
  <button
572
577
  class="pf-v5-c-dropdown__menu-item"
578
+ role="menuitem"
573
579
  type="button"
574
580
  >Action</button>
575
581
  </li>
576
- <li>
582
+ <li role="none">
577
583
  <a
578
584
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
585
+ role="menuitem"
579
586
  href="#"
580
587
  aria-disabled="true"
581
588
  tabindex="-1"
582
589
  >Disabled link</a>
583
590
  </li>
584
- <li>
591
+ <li role="none">
585
592
  <button
586
593
  class="pf-v5-c-dropdown__menu-item"
594
+ role="menuitem"
587
595
  type="button"
588
596
  disabled
589
597
  >Disabled action</button>
590
598
  </li>
591
599
  <li class="pf-v5-c-divider" role="separator"></li>
592
- <li>
600
+ <li role="none">
593
601
  <a
594
602
  class="pf-v5-c-dropdown__menu-item"
603
+ role="menuitem"
595
604
  href="#"
596
605
  >Separated link</a>
597
606
  </li>
@@ -626,20 +635,22 @@ cssPrefix: pf-d-description-list
626
635
  </div>
627
636
  <div class="pf-v5-c-drawer__body pf-m-no-padding">
628
637
  <div class="pf-v5-c-tabs pf-m-box pf-m-fill">
629
- <ul class="pf-v5-c-tabs__list">
630
- <li class="pf-v5-c-tabs__item pf-m-current">
638
+ <ul class="pf-v5-c-tabs__list" role="tablist">
639
+ <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
631
640
  <button
632
641
  type="button"
633
642
  class="pf-v5-c-tabs__link"
643
+ role="tab"
634
644
  id="description-list-in-drawer-example-panel-tabs-tab1-link"
635
645
  >
636
646
  <span class="pf-v5-c-tabs__item-text">Overview</span>
637
647
  </button>
638
648
  </li>
639
- <li class="pf-v5-c-tabs__item">
649
+ <li class="pf-v5-c-tabs__item" role="presentation">
640
650
  <button
641
651
  type="button"
642
652
  class="pf-v5-c-tabs__link"
653
+ role="tab"
643
654
  id="description-list-in-drawer-example-panel-tabs-tab2-link"
644
655
  >
645
656
  <span class="pf-v5-c-tabs__item-text">Activity</span>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -268,35 +268,44 @@ wrapperTag: div
268
268
  class="pf-v5-c-dropdown__menu"
269
269
  aria-labelledby="-button"
270
270
  hidden
271
+ role="menu"
271
272
  >
272
- <li>
273
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
273
+ <li role="none">
274
+ <a
275
+ class="pf-v5-c-dropdown__menu-item"
276
+ role="menuitem"
277
+ href="#"
278
+ >Link</a>
274
279
  </li>
275
- <li>
280
+ <li role="none">
276
281
  <button
277
282
  class="pf-v5-c-dropdown__menu-item"
283
+ role="menuitem"
278
284
  type="button"
279
285
  >Action</button>
280
286
  </li>
281
- <li>
287
+ <li role="none">
282
288
  <a
283
289
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
290
+ role="menuitem"
284
291
  href="#"
285
292
  aria-disabled="true"
286
293
  tabindex="-1"
287
294
  >Disabled link</a>
288
295
  </li>
289
- <li>
296
+ <li role="none">
290
297
  <button
291
298
  class="pf-v5-c-dropdown__menu-item"
299
+ role="menuitem"
292
300
  type="button"
293
301
  disabled
294
302
  >Disabled action</button>
295
303
  </li>
296
304
  <li class="pf-v5-c-divider" role="separator"></li>
297
- <li>
305
+ <li role="none">
298
306
  <a
299
307
  class="pf-v5-c-dropdown__menu-item"
308
+ role="menuitem"
300
309
  href="#"
301
310
  >Separated link</a>
302
311
  </li>
@@ -331,20 +340,22 @@ wrapperTag: div
331
340
  </div>
332
341
  <div class="pf-v5-c-drawer__body pf-m-no-padding">
333
342
  <div class="pf-v5-c-tabs pf-m-box pf-m-fill">
334
- <ul class="pf-v5-c-tabs__list">
335
- <li class="pf-v5-c-tabs__item pf-m-current">
343
+ <ul class="pf-v5-c-tabs__list" role="tablist">
344
+ <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
336
345
  <button
337
346
  type="button"
338
347
  class="pf-v5-c-tabs__link"
348
+ role="tab"
339
349
  id="drawer-collapsed-example-panel-tabs-tab1-link"
340
350
  >
341
351
  <span class="pf-v5-c-tabs__item-text">Overview</span>
342
352
  </button>
343
353
  </li>
344
- <li class="pf-v5-c-tabs__item">
354
+ <li class="pf-v5-c-tabs__item" role="presentation">
345
355
  <button
346
356
  type="button"
347
357
  class="pf-v5-c-tabs__link"
358
+ role="tab"
348
359
  id="drawer-collapsed-example-panel-tabs-tab2-link"
349
360
  >
350
361
  <span class="pf-v5-c-tabs__item-text">Activity</span>