@patternfly/patternfly 5.0.0-alpha.13 → 5.0.0-alpha.18

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 (177) hide show
  1. package/assets/pficon/pficon.woff +0 -0
  2. package/assets/pficon/pficon.woff2 +0 -0
  3. package/components/Accordion/accordion.css +2 -0
  4. package/components/Accordion/accordion.scss +2 -0
  5. package/components/AppLauncher/app-launcher.css +2 -0
  6. package/components/AppLauncher/app-launcher.scss +2 -0
  7. package/components/Breadcrumb/breadcrumb.css +2 -0
  8. package/components/Breadcrumb/breadcrumb.scss +2 -0
  9. package/components/ContextSelector/context-selector.css +5 -1
  10. package/components/ContextSelector/context-selector.scss +6 -2
  11. package/components/DataList/data-list.css +2 -1
  12. package/components/DataList/data-list.scss +2 -1
  13. package/components/Drawer/drawer.css +13 -13
  14. package/components/Dropdown/dropdown.css +12 -10
  15. package/components/Dropdown/dropdown.scss +2 -0
  16. package/components/ExpandableSection/expandable-section.css +2 -0
  17. package/components/ExpandableSection/expandable-section.scss +2 -0
  18. package/components/Label/label.css +2 -0
  19. package/components/Label/label.scss +2 -0
  20. package/components/Login/login.css +1 -1
  21. package/components/Menu/menu.css +2 -0
  22. package/components/Menu/menu.scss +2 -0
  23. package/components/MenuToggle/menu-toggle.css +2 -0
  24. package/components/MenuToggle/menu-toggle.scss +2 -0
  25. package/components/Page/page.css +60 -60
  26. package/components/Pagination/pagination.css +2 -2
  27. package/components/SearchInput/search-input.css +2 -0
  28. package/components/SearchInput/search-input.scss +2 -0
  29. package/components/Table/table-grid.css +28 -28
  30. package/components/Table/table-tree-view.css +4 -4
  31. package/components/TextInputGroup/text-input-group.css +4 -2
  32. package/components/TextInputGroup/text-input-group.scss +4 -3
  33. package/components/Toolbar/toolbar.css +35 -35
  34. package/components/TreeView/tree-view.css +7 -15
  35. package/components/TreeView/tree-view.scss +7 -18
  36. package/components/Wizard/wizard.css +2 -0
  37. package/components/Wizard/wizard.scss +2 -0
  38. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
  39. package/docs/components/Accordion/examples/Accordion.md +12 -12
  40. package/docs/components/ActionList/examples/ActionList.md +6 -6
  41. package/docs/components/Alert/examples/Alert.md +19 -19
  42. package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
  43. package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
  44. package/docs/components/Avatar/examples/Avatar.md +11 -11
  45. package/docs/components/BackToTop/examples/BackToTop.md +4 -4
  46. package/docs/components/Backdrop/examples/Backdrop.md +4 -4
  47. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  48. package/docs/components/Badge/examples/Badge.md +5 -5
  49. package/docs/components/Banner/examples/Banner.md +8 -8
  50. package/docs/components/Brand/examples/Brand.md +9 -9
  51. package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
  52. package/docs/components/Button/examples/Button.md +35 -35
  53. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
  54. package/docs/components/Card/examples/Card.md +27 -27
  55. package/docs/components/Check/examples/Check.md +13 -13
  56. package/docs/components/Chip/examples/Chip.md +13 -13
  57. package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
  58. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  59. package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
  60. package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
  61. package/docs/components/Content/examples/Content.md +10 -10
  62. package/docs/components/ContextSelector/examples/context-selector.css +5 -1
  63. package/docs/components/ContextSelector/examples/context-selector.md +86 -80
  64. package/docs/components/DataList/examples/DataList.md +83 -83
  65. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  66. package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
  67. package/docs/components/Divider/examples/Divider.md +10 -10
  68. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  69. package/docs/components/Drawer/examples/Drawer.md +43 -43
  70. package/docs/components/Dropdown/examples/Dropdown.css +5 -2
  71. package/docs/components/Dropdown/examples/Dropdown.md +50 -50
  72. package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
  73. package/docs/components/EmptyState/examples/EmptyState.md +19 -19
  74. package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
  75. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  76. package/docs/components/Form/examples/Form.md +64 -64
  77. package/docs/components/FormControl/examples/FormControl.md +20 -20
  78. package/docs/components/HelperText/examples/HelperText.md +12 -12
  79. package/docs/components/Hint/examples/Hint.md +7 -7
  80. package/docs/components/Icon/examples/Icon.md +10 -10
  81. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  82. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  83. package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
  84. package/docs/components/Label/examples/Label.md +31 -31
  85. package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
  86. package/docs/components/List/examples/List.md +18 -18
  87. package/docs/components/LogViewer/examples/LogViewer.md +69 -69
  88. package/docs/components/Login/examples/Login.md +32 -32
  89. package/docs/components/Masthead/examples/masthead.md +9 -9
  90. package/docs/components/Menu/examples/Menu.md +81 -79
  91. package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
  92. package/docs/components/ModalBox/examples/ModalBox.md +35 -35
  93. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
  94. package/docs/components/Nav/examples/Navigation.md +69 -69
  95. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  96. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
  97. package/docs/components/NumberInput/examples/NumberInput.md +12 -12
  98. package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
  99. package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
  100. package/docs/components/Page/examples/Page.md +54 -54
  101. package/docs/components/Pagination/examples/Pagination.md +27 -27
  102. package/docs/components/Panel/examples/Panel.md +10 -10
  103. package/docs/components/Popover/examples/Popover.md +34 -34
  104. package/docs/components/Progress/examples/Progress.md +31 -31
  105. package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
  106. package/docs/components/Radio/examples/Radio.md +11 -11
  107. package/docs/components/SearchInput/examples/SearchInput.md +34 -34
  108. package/docs/components/Select/examples/Select.md +143 -143
  109. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  110. package/docs/components/SimpleList/examples/SimpleList.md +15 -15
  111. package/docs/components/Skeleton/examples/Skeleton.md +8 -8
  112. package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
  113. package/docs/components/Slider/examples/Slider.md +24 -24
  114. package/docs/components/Spinner/examples/Spinner.md +24 -24
  115. package/docs/components/Switch/examples/Switch.md +19 -19
  116. package/docs/components/TabContent/examples/TabContent.md +13 -13
  117. package/docs/components/Table/examples/Table.md +155 -155
  118. package/docs/components/Tabs/examples/Tabs.md +47 -47
  119. package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
  120. package/docs/components/Tile/examples/Tile.md +15 -15
  121. package/docs/components/Timestamp/examples/Timestamp.md +5 -5
  122. package/docs/components/Title/examples/Title.md +17 -17
  123. package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
  124. package/docs/components/Toolbar/examples/Toolbar.md +113 -113
  125. package/docs/components/Tooltip/examples/Tooltip.md +10 -10
  126. package/docs/components/TreeView/examples/TreeView.md +34 -34
  127. package/docs/components/Truncate/examples/Truncate.md +4 -4
  128. package/docs/components/Wizard/examples/Wizard.md +59 -59
  129. package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
  130. package/docs/demos/Alert/examples/Alert.md +13 -13
  131. package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
  132. package/docs/demos/Banner/examples/Banner.md +8 -8
  133. package/docs/demos/Card/examples/Card.md +7 -7
  134. package/docs/demos/CardView/examples/CardView.md +7 -7
  135. package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
  136. package/docs/demos/Dashboard/examples/Dashboard.md +9 -5
  137. package/docs/demos/DataList/examples/DataList.md +22 -22
  138. package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -12
  139. package/docs/demos/Drawer/examples/Drawer.md +20 -20
  140. package/docs/demos/HelperText/examples/HelperText.md +8 -8
  141. package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
  142. package/docs/demos/Masthead/examples/Masthead.md +29 -29
  143. package/docs/demos/Modal/examples/Modal.md +24 -24
  144. package/docs/demos/Nav/examples/Nav.md +47 -47
  145. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
  146. package/docs/demos/Page/examples/Page.md +36 -36
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -32
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -36
  149. package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
  150. package/docs/demos/Table/examples/Table.md +78 -78
  151. package/docs/demos/Tabs/examples/Tabs.md +25 -25
  152. package/docs/demos/Toolbar/examples/Toolbar.md +16 -16
  153. package/docs/demos/Wizard/examples/Wizard.md +54 -54
  154. package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
  155. package/docs/layouts/Flex/examples/Flex.md +98 -98
  156. package/docs/layouts/Gallery/examples/Gallery.md +7 -7
  157. package/docs/layouts/Grid/examples/Grid.md +9 -9
  158. package/docs/layouts/Level/examples/Level.md +5 -5
  159. package/docs/layouts/Split/examples/Split.md +7 -7
  160. package/docs/layouts/Stack/examples/Stack.md +6 -6
  161. package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
  162. package/docs/utilities/Alignment/examples/Alignment.md +6 -6
  163. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
  164. package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
  165. package/docs/utilities/Display/examples/Display.md +11 -11
  166. package/docs/utilities/Flex/examples/Flex.md +34 -34
  167. package/docs/utilities/Float/examples/Float.md +4 -4
  168. package/docs/utilities/Sizing/examples/Sizing.md +50 -50
  169. package/docs/utilities/Spacing/examples/Spacing.md +34 -34
  170. package/docs/utilities/Text/examples/Text.md +27 -27
  171. package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
  172. package/layouts/Grid/grid.css +5 -5
  173. package/package.json +56 -61
  174. package/patternfly-no-reset.css +196 -177
  175. package/patternfly.css +196 -177
  176. package/patternfly.min.css +1 -1
  177. package/patternfly.min.css.map +1 -1
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -45,32 +45,32 @@ section: demos
45
45
  </button>
46
46
  </div>
47
47
  <div class="pf-c-form__helper-text">
48
- <ul class="pf-c-helper-text">
49
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
48
+ <div class="pf-c-helper-text">
49
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
50
50
  <span class="pf-c-helper-text__item-icon">
51
51
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
52
52
  </span>
53
53
  <span
54
54
  class="pf-c-helper-text__item-text"
55
55
  >Must be at least 14 characters</span>
56
- </li>
57
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
56
+ </div>
57
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
58
58
  <span class="pf-c-helper-text__item-icon">
59
59
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
60
60
  </span>
61
61
  <span
62
62
  class="pf-c-helper-text__item-text"
63
63
  >Cannot contain the word "redhat"</span>
64
- </li>
65
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
64
+ </div>
65
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-indeterminate">
66
66
  <span class="pf-c-helper-text__item-icon">
67
67
  <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
68
68
  </span>
69
69
  <span
70
70
  class="pf-c-helper-text__item-text"
71
71
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
72
- </li>
73
- </ul>
72
+ </div>
73
+ </div>
74
74
  </div>
75
75
  </div>
76
76
  </div>
@@ -120,32 +120,32 @@ section: demos
120
120
  </button>
121
121
  </div>
122
122
  <div class="pf-c-form__helper-text">
123
- <ul class="pf-c-helper-text">
124
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
123
+ <div class="pf-c-helper-text">
124
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
125
125
  <span class="pf-c-helper-text__item-icon">
126
126
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
127
127
  </span>
128
128
  <span
129
129
  class="pf-c-helper-text__item-text"
130
130
  >Must be at least 14 characters</span>
131
- </li>
132
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-error">
131
+ </div>
132
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-error">
133
133
  <span class="pf-c-helper-text__item-icon">
134
134
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
135
135
  </span>
136
136
  <span
137
137
  class="pf-c-helper-text__item-text"
138
138
  >Cannot contain the word "redhat"</span>
139
- </li>
140
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
139
+ </div>
140
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
141
141
  <span class="pf-c-helper-text__item-icon">
142
142
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
143
143
  </span>
144
144
  <span
145
145
  class="pf-c-helper-text__item-text"
146
146
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
147
- </li>
148
- </ul>
147
+ </div>
148
+ </div>
149
149
  </div>
150
150
  </div>
151
151
  </div>
@@ -204,32 +204,32 @@ section: demos
204
204
  </button>
205
205
  </div>
206
206
  <div class="pf-c-form__helper-text">
207
- <ul class="pf-c-helper-text">
208
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
207
+ <div class="pf-c-helper-text">
208
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
209
209
  <span class="pf-c-helper-text__item-icon">
210
210
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
211
211
  </span>
212
212
  <span
213
213
  class="pf-c-helper-text__item-text"
214
214
  >Must be at least 14 characters</span>
215
- </li>
216
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
215
+ </div>
216
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
217
217
  <span class="pf-c-helper-text__item-icon">
218
218
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
219
219
  </span>
220
220
  <span
221
221
  class="pf-c-helper-text__item-text"
222
222
  >Cannot contain the word "redhat"</span>
223
- </li>
224
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
223
+ </div>
224
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
225
225
  <span class="pf-c-helper-text__item-icon">
226
226
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
227
227
  </span>
228
228
  <span
229
229
  class="pf-c-helper-text__item-text"
230
230
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
231
- </li>
232
- </ul>
231
+ </div>
232
+ </div>
233
233
  </div>
234
234
  </div>
235
235
  </div>
@@ -288,32 +288,32 @@ section: demos
288
288
  </button>
289
289
  </div>
290
290
  <div class="pf-c-form__helper-text">
291
- <ul class="pf-c-helper-text">
292
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
291
+ <div class="pf-c-helper-text">
292
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
293
293
  <span class="pf-c-helper-text__item-icon">
294
294
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
295
295
  </span>
296
296
  <span
297
297
  class="pf-c-helper-text__item-text"
298
298
  >Must be at least 14 characters</span>
299
- </li>
300
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
299
+ </div>
300
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
301
301
  <span class="pf-c-helper-text__item-icon">
302
302
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
303
303
  </span>
304
304
  <span
305
305
  class="pf-c-helper-text__item-text"
306
306
  >Cannot contain the word "redhat"</span>
307
- </li>
308
- <li class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
307
+ </div>
308
+ <div class="pf-c-helper-text__item pf-m-dynamic pf-m-success">
309
309
  <span class="pf-c-helper-text__item-icon">
310
310
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
311
311
  </span>
312
312
  <span
313
313
  class="pf-c-helper-text__item-text"
314
314
  >Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols</span>
315
- </li>
316
- </ul>
315
+ </div>
316
+ </div>
317
317
  </div>
318
318
  </div>
319
319
  </div>
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -99,7 +99,7 @@ wrapperTag: div
99
99
  </div>
100
100
  <section class="pf-c-app-launcher__group">
101
101
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
102
- <ul>
102
+ <ul role="list">
103
103
  <li
104
104
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
105
105
  >
@@ -151,7 +151,7 @@ wrapperTag: div
151
151
  <hr class="pf-c-divider" />
152
152
  <section class="pf-c-app-launcher__group">
153
153
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
154
- <ul>
154
+ <ul role="list">
155
155
  <li
156
156
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
157
157
  >
@@ -806,7 +806,7 @@ wrapperTag: div
806
806
  id="primary-detail-expanded-example-primary-nav"
807
807
  aria-label="Global"
808
808
  >
809
- <ul class="pf-c-nav__list">
809
+ <ul class="pf-c-nav__list" role="list">
810
810
  <li class="pf-c-nav__item">
811
811
  <a href="#" class="pf-c-nav__link">System panel</a>
812
812
  </li>
@@ -838,7 +838,7 @@ wrapperTag: div
838
838
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
839
839
  <div class="pf-c-page__main-body">
840
840
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
841
- <ol class="pf-c-breadcrumb__list">
841
+ <ol class="pf-c-breadcrumb__list" role="list">
842
842
  <li class="pf-c-breadcrumb__item">
843
843
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
844
844
  </li>
@@ -994,9 +994,9 @@ wrapperTag: div
994
994
  </span>
995
995
  <input
996
996
  class="pf-c-text-input-group__text-input"
997
- type="text"
998
- value
997
+ type="search"
999
998
  placeholder="Filter by name"
999
+ value
1000
1000
  aria-label="Type to filter"
1001
1001
  />
1002
1002
  </span>
@@ -1978,7 +1978,7 @@ wrapperTag: div
1978
1978
  </div>
1979
1979
  <section class="pf-c-app-launcher__group">
1980
1980
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
1981
- <ul>
1981
+ <ul role="list">
1982
1982
  <li
1983
1983
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
1984
1984
  >
@@ -2030,7 +2030,7 @@ wrapperTag: div
2030
2030
  <hr class="pf-c-divider" />
2031
2031
  <section class="pf-c-app-launcher__group">
2032
2032
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
2033
- <ul>
2033
+ <ul role="list">
2034
2034
  <li
2035
2035
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
2036
2036
  >
@@ -2685,7 +2685,7 @@ wrapperTag: div
2685
2685
  id="primary-detail-collapsed-example-primary-nav"
2686
2686
  aria-label="Global"
2687
2687
  >
2688
- <ul class="pf-c-nav__list">
2688
+ <ul class="pf-c-nav__list" role="list">
2689
2689
  <li class="pf-c-nav__item">
2690
2690
  <a href="#" class="pf-c-nav__link">System panel</a>
2691
2691
  </li>
@@ -2717,7 +2717,7 @@ wrapperTag: div
2717
2717
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
2718
2718
  <div class="pf-c-page__main-body">
2719
2719
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
2720
- <ol class="pf-c-breadcrumb__list">
2720
+ <ol class="pf-c-breadcrumb__list" role="list">
2721
2721
  <li class="pf-c-breadcrumb__item">
2722
2722
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
2723
2723
  </li>
@@ -2873,9 +2873,9 @@ wrapperTag: div
2873
2873
  </span>
2874
2874
  <input
2875
2875
  class="pf-c-text-input-group__text-input"
2876
- type="text"
2877
- value
2876
+ type="search"
2878
2877
  placeholder="Filter by name"
2878
+ value
2879
2879
  aria-label="Type to filter"
2880
2880
  />
2881
2881
  </span>
@@ -3784,7 +3784,7 @@ wrapperTag: div
3784
3784
  </div>
3785
3785
  <section class="pf-c-app-launcher__group">
3786
3786
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
3787
- <ul>
3787
+ <ul role="list">
3788
3788
  <li
3789
3789
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
3790
3790
  >
@@ -3836,7 +3836,7 @@ wrapperTag: div
3836
3836
  <hr class="pf-c-divider" />
3837
3837
  <section class="pf-c-app-launcher__group">
3838
3838
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
3839
- <ul>
3839
+ <ul role="list">
3840
3840
  <li
3841
3841
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
3842
3842
  >
@@ -4491,7 +4491,7 @@ wrapperTag: div
4491
4491
  id="primary-detail-content-body-padding-example-primary-nav"
4492
4492
  aria-label="Global"
4493
4493
  >
4494
- <ul class="pf-c-nav__list">
4494
+ <ul class="pf-c-nav__list" role="list">
4495
4495
  <li class="pf-c-nav__item">
4496
4496
  <a href="#" class="pf-c-nav__link">System panel</a>
4497
4497
  </li>
@@ -4523,7 +4523,7 @@ wrapperTag: div
4523
4523
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
4524
4524
  <div class="pf-c-page__main-body">
4525
4525
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
4526
- <ol class="pf-c-breadcrumb__list">
4526
+ <ol class="pf-c-breadcrumb__list" role="list">
4527
4527
  <li class="pf-c-breadcrumb__item">
4528
4528
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
4529
4529
  </li>
@@ -5493,7 +5493,7 @@ wrapperTag: div
5493
5493
  </div>
5494
5494
  <section class="pf-c-app-launcher__group">
5495
5495
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
5496
- <ul>
5496
+ <ul role="list">
5497
5497
  <li
5498
5498
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
5499
5499
  >
@@ -5545,7 +5545,7 @@ wrapperTag: div
5545
5545
  <hr class="pf-c-divider" />
5546
5546
  <section class="pf-c-app-launcher__group">
5547
5547
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
5548
- <ul>
5548
+ <ul role="list">
5549
5549
  <li
5550
5550
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
5551
5551
  >
@@ -6200,7 +6200,7 @@ wrapperTag: div
6200
6200
  id="primary-detail-card-view-expanded-example-primary-nav"
6201
6201
  aria-label="Global"
6202
6202
  >
6203
- <ul class="pf-c-nav__list">
6203
+ <ul class="pf-c-nav__list" role="list">
6204
6204
  <li class="pf-c-nav__item">
6205
6205
  <a href="#" class="pf-c-nav__link">System panel</a>
6206
6206
  </li>
@@ -6232,7 +6232,7 @@ wrapperTag: div
6232
6232
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
6233
6233
  <div class="pf-c-page__main-body">
6234
6234
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
6235
- <ol class="pf-c-breadcrumb__list">
6235
+ <ol class="pf-c-breadcrumb__list" role="list">
6236
6236
  <li class="pf-c-breadcrumb__item">
6237
6237
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
6238
6238
  </li>
@@ -6430,9 +6430,9 @@ wrapperTag: div
6430
6430
  </span>
6431
6431
  <input
6432
6432
  class="pf-c-text-input-group__text-input"
6433
- type="text"
6434
- value
6433
+ type="search"
6435
6434
  placeholder="Filter by name"
6435
+ value
6436
6436
  aria-label="Type to filter"
6437
6437
  />
6438
6438
  </span>
@@ -7621,7 +7621,7 @@ wrapperTag: div
7621
7621
  </div>
7622
7622
  <section class="pf-c-app-launcher__group">
7623
7623
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
7624
- <ul>
7624
+ <ul role="list">
7625
7625
  <li
7626
7626
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
7627
7627
  >
@@ -7673,7 +7673,7 @@ wrapperTag: div
7673
7673
  <hr class="pf-c-divider" />
7674
7674
  <section class="pf-c-app-launcher__group">
7675
7675
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
7676
- <ul>
7676
+ <ul role="list">
7677
7677
  <li
7678
7678
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
7679
7679
  >
@@ -8328,7 +8328,7 @@ wrapperTag: div
8328
8328
  id="primary-detail-card-simple-list-on-mobile-example-primary-nav"
8329
8329
  aria-label="Global"
8330
8330
  >
8331
- <ul class="pf-c-nav__list">
8331
+ <ul class="pf-c-nav__list" role="list">
8332
8332
  <li class="pf-c-nav__item">
8333
8333
  <a href="#" class="pf-c-nav__link">System panel</a>
8334
8334
  </li>
@@ -8360,7 +8360,7 @@ wrapperTag: div
8360
8360
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
8361
8361
  <div class="pf-c-page__main-body">
8362
8362
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
8363
- <ol class="pf-c-breadcrumb__list">
8363
+ <ol class="pf-c-breadcrumb__list" role="list">
8364
8364
  <li class="pf-c-breadcrumb__item">
8365
8365
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
8366
8366
  </li>
@@ -8412,7 +8412,7 @@ wrapperTag: div
8412
8412
  <div class="pf-c-simple-list">
8413
8413
  <section class="pf-c-simple-list__section">
8414
8414
  <h2 class="pf-c-simple-list__title">Section title</h2>
8415
- <ul class="pf-c-simple-list__list">
8415
+ <ul class="pf-c-simple-list__list" role="list">
8416
8416
  <li class="pf-c-simple-list__item">
8417
8417
  <button
8418
8418
  class="pf-c-simple-list__item-link pf-m-current"
@@ -8441,7 +8441,7 @@ wrapperTag: div
8441
8441
  </section>
8442
8442
  <section class="pf-c-simple-list__section">
8443
8443
  <h2 class="pf-c-simple-list__title">Section title</h2>
8444
- <ul class="pf-c-simple-list__list">
8444
+ <ul class="pf-c-simple-list__list" role="list">
8445
8445
  <li class="pf-c-simple-list__item">
8446
8446
  <button
8447
8447
  class="pf-c-simple-list__item-link"
@@ -8682,7 +8682,7 @@ wrapperTag: div
8682
8682
  </div>
8683
8683
  <section class="pf-c-app-launcher__group">
8684
8684
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
8685
- <ul>
8685
+ <ul role="list">
8686
8686
  <li
8687
8687
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
8688
8688
  >
@@ -8734,7 +8734,7 @@ wrapperTag: div
8734
8734
  <hr class="pf-c-divider" />
8735
8735
  <section class="pf-c-app-launcher__group">
8736
8736
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
8737
- <ul>
8737
+ <ul role="list">
8738
8738
  <li
8739
8739
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
8740
8740
  >
@@ -9389,7 +9389,7 @@ wrapperTag: div
9389
9389
  id="primary-detail-card-data-list-example-primary-nav"
9390
9390
  aria-label="Global"
9391
9391
  >
9392
- <ul class="pf-c-nav__list">
9392
+ <ul class="pf-c-nav__list" role="list">
9393
9393
  <li class="pf-c-nav__item">
9394
9394
  <a href="#" class="pf-c-nav__link">System panel</a>
9395
9395
  </li>
@@ -9421,7 +9421,7 @@ wrapperTag: div
9421
9421
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
9422
9422
  <div class="pf-c-page__main-body">
9423
9423
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
9424
- <ol class="pf-c-breadcrumb__list">
9424
+ <ol class="pf-c-breadcrumb__list" role="list">
9425
9425
  <li class="pf-c-breadcrumb__item">
9426
9426
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
9427
9427
  </li>
@@ -9987,7 +9987,7 @@ wrapperTag: div
9987
9987
  </div>
9988
9988
  <section class="pf-c-app-launcher__group">
9989
9989
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
9990
- <ul>
9990
+ <ul role="list">
9991
9991
  <li
9992
9992
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
9993
9993
  >
@@ -10039,7 +10039,7 @@ wrapperTag: div
10039
10039
  <hr class="pf-c-divider" />
10040
10040
  <section class="pf-c-app-launcher__group">
10041
10041
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
10042
- <ul>
10042
+ <ul role="list">
10043
10043
  <li
10044
10044
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
10045
10045
  >
@@ -10694,7 +10694,7 @@ wrapperTag: div
10694
10694
  id="primary-detail-inline-modifier-example-primary-nav"
10695
10695
  aria-label="Global"
10696
10696
  >
10697
- <ul class="pf-c-nav__list">
10697
+ <ul class="pf-c-nav__list" role="list">
10698
10698
  <li class="pf-c-nav__item">
10699
10699
  <a href="#" class="pf-c-nav__link">System panel</a>
10700
10700
  </li>
@@ -10726,7 +10726,7 @@ wrapperTag: div
10726
10726
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
10727
10727
  <div class="pf-c-page__main-body">
10728
10728
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
10729
- <ol class="pf-c-breadcrumb__list">
10729
+ <ol class="pf-c-breadcrumb__list" role="list">
10730
10730
  <li class="pf-c-breadcrumb__item">
10731
10731
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
10732
10732
  </li>
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -95,7 +95,7 @@ section: components
95
95
  </div>
96
96
  <section class="pf-c-app-launcher__group">
97
97
  <h1 class="pf-c-app-launcher__group-title">Favorites</h1>
98
- <ul>
98
+ <ul role="list">
99
99
  <li
100
100
  class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
101
101
  >
@@ -147,7 +147,7 @@ section: components
147
147
  <hr class="pf-c-divider" />
148
148
  <section class="pf-c-app-launcher__group">
149
149
  <h1 class="pf-c-app-launcher__group-title">Group 1</h1>
150
- <ul>
150
+ <ul role="list">
151
151
  <li
152
152
  class="pf-c-app-launcher__menu-wrapper pf-m-external"
153
153
  >
@@ -802,7 +802,7 @@ section: components
802
802
  id="skeleton-basic-example-primary-nav"
803
803
  aria-label="Global"
804
804
  >
805
- <ul class="pf-c-nav__list">
805
+ <ul class="pf-c-nav__list" role="list">
806
806
  <li class="pf-c-nav__item">
807
807
  <a href="#" class="pf-c-nav__link">System panel</a>
808
808
  </li>
@@ -834,7 +834,7 @@ section: components
834
834
  <section class="pf-c-page__main-breadcrumb pf-m-limit-width">
835
835
  <div class="pf-c-page__main-body">
836
836
  <nav class="pf-c-breadcrumb" aria-label="breadcrumb">
837
- <ol class="pf-c-breadcrumb__list">
837
+ <ol class="pf-c-breadcrumb__list" role="list">
838
838
  <li class="pf-c-breadcrumb__item">
839
839
  <a href="#" class="pf-c-breadcrumb__link">Section home</a>
840
840
  </li>