@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
@@ -39,31 +39,42 @@ wrapperTag: div
39
39
  class="pf-v5-c-dropdown__menu"
40
40
  aria-labelledby="card-demo-horizontal-grid-collapsed-example-dropdown-kebab-right-aligned-button"
41
41
  hidden
42
+ role="menu"
42
43
  >
43
- <li>
44
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
44
+ <li role="none">
45
+ <a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
45
46
  </li>
46
- <li>
47
- <button class="pf-v5-c-dropdown__menu-item" type="button">Action</button>
47
+ <li role="none">
48
+ <button
49
+ class="pf-v5-c-dropdown__menu-item"
50
+ role="menuitem"
51
+ type="button"
52
+ >Action</button>
48
53
  </li>
49
- <li>
54
+ <li role="none">
50
55
  <a
51
56
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
57
+ role="menuitem"
52
58
  href="#"
53
59
  aria-disabled="true"
54
60
  tabindex="-1"
55
61
  >Disabled link</a>
56
62
  </li>
57
- <li>
63
+ <li role="none">
58
64
  <button
59
65
  class="pf-v5-c-dropdown__menu-item"
66
+ role="menuitem"
60
67
  type="button"
61
68
  disabled
62
69
  >Disabled action</button>
63
70
  </li>
64
71
  <li class="pf-v5-c-divider" role="separator"></li>
65
- <li>
66
- <a class="pf-v5-c-dropdown__menu-item" href="#">Separated link</a>
72
+ <li role="none">
73
+ <a
74
+ class="pf-v5-c-dropdown__menu-item"
75
+ role="menuitem"
76
+ href="#"
77
+ >Separated link</a>
67
78
  </li>
68
79
  </ul>
69
80
  </div>
@@ -169,31 +180,42 @@ wrapperTag: div
169
180
  class="pf-v5-c-dropdown__menu"
170
181
  aria-labelledby="card-demo-horizontal-grid-expanded-example-dropdown-kebab-right-aligned-button"
171
182
  hidden
183
+ role="menu"
172
184
  >
173
- <li>
174
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
185
+ <li role="none">
186
+ <a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
175
187
  </li>
176
- <li>
177
- <button class="pf-v5-c-dropdown__menu-item" type="button">Action</button>
188
+ <li role="none">
189
+ <button
190
+ class="pf-v5-c-dropdown__menu-item"
191
+ role="menuitem"
192
+ type="button"
193
+ >Action</button>
178
194
  </li>
179
- <li>
195
+ <li role="none">
180
196
  <a
181
197
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
198
+ role="menuitem"
182
199
  href="#"
183
200
  aria-disabled="true"
184
201
  tabindex="-1"
185
202
  >Disabled link</a>
186
203
  </li>
187
- <li>
204
+ <li role="none">
188
205
  <button
189
206
  class="pf-v5-c-dropdown__menu-item"
207
+ role="menuitem"
190
208
  type="button"
191
209
  disabled
192
210
  >Disabled action</button>
193
211
  </li>
194
212
  <li class="pf-v5-c-divider" role="separator"></li>
195
- <li>
196
- <a class="pf-v5-c-dropdown__menu-item" href="#">Separated link</a>
213
+ <li role="none">
214
+ <a
215
+ class="pf-v5-c-dropdown__menu-item"
216
+ role="menuitem"
217
+ href="#"
218
+ >Separated link</a>
197
219
  </li>
198
220
  </ul>
199
221
  </div>
@@ -765,30 +787,33 @@ wrapperTag: div
765
787
  </div>
766
788
  </div>
767
789
  <div class="pf-v5-c-card__body">
768
- <div class="pf-v5-c-tabs pf-m-fill" id="status-tabs">
769
- <ul class="pf-v5-c-tabs__list">
770
- <li class="pf-v5-c-tabs__item pf-m-current">
790
+ <div class="pf-v5-c-tabs pf-m-fill" role="region" id="status-tabs">
791
+ <ul class="pf-v5-c-tabs__list" role="tablist">
792
+ <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
771
793
  <button
772
794
  type="button"
773
795
  class="pf-v5-c-tabs__link"
796
+ role="tab"
774
797
  id="status-tabs-object-1-link"
775
798
  >
776
799
  <span class="pf-v5-c-tabs__item-text">Object 1</span>
777
800
  </button>
778
801
  </li>
779
- <li class="pf-v5-c-tabs__item">
802
+ <li class="pf-v5-c-tabs__item" role="presentation">
780
803
  <button
781
804
  type="button"
782
805
  class="pf-v5-c-tabs__link"
806
+ role="tab"
783
807
  id="status-tabs-object-2-link"
784
808
  >
785
809
  <span class="pf-v5-c-tabs__item-text">Object 2</span>
786
810
  </button>
787
811
  </li>
788
- <li class="pf-v5-c-tabs__item">
812
+ <li class="pf-v5-c-tabs__item" role="presentation">
789
813
  <button
790
814
  type="button"
791
815
  class="pf-v5-c-tabs__link"
816
+ role="tab"
792
817
  id="status-tabs-object-3-link"
793
818
  >
794
819
  <span class="pf-v5-c-tabs__item-text">Object 3</span>