@patternfly/patternfly 4.179.2 → 4.180.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 (45) hide show
  1. package/components/Dropdown/dropdown.css +4 -2
  2. package/components/Dropdown/dropdown.scss +4 -2
  3. package/components/FormControl/form-control.scss +3 -0
  4. package/components/MenuToggle/menu-toggle.css +10 -7
  5. package/components/MenuToggle/menu-toggle.scss +11 -9
  6. package/components/SearchInput/search-input.css +1 -0
  7. package/components/SearchInput/search-input.scss +1 -0
  8. package/components/Select/select.css +3 -2
  9. package/components/Select/select.scss +4 -2
  10. package/docs/components/AppLauncher/examples/application-launcher.md +15 -8
  11. package/docs/components/ContextSelector/examples/context-selector.md +84 -102
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +240 -112
  13. package/docs/components/FormControl/examples/FormControl.md +0 -11
  14. package/docs/components/InputGroup/examples/InputGroup.md +6 -22
  15. package/docs/components/LogViewer/examples/LogViewer.md +567 -198
  16. package/docs/components/Menu/examples/Menu.md +1908 -983
  17. package/docs/components/MenuToggle/examples/MenuToggle.md +77 -44
  18. package/docs/components/Nav/examples/Navigation.md +563 -231
  19. package/docs/components/Page/examples/Page.md +11 -2
  20. package/docs/components/Select/examples/Select.md +30 -14
  21. package/docs/components/Table/examples/Table.md +8 -0
  22. package/docs/components/Toolbar/examples/Toolbar.md +300 -180
  23. package/docs/components/TreeView/examples/TreeView.md +15 -7
  24. package/docs/components/Wizard/examples/Wizard.md +6 -6
  25. package/docs/demos/Alert/examples/Alert.md +20 -40
  26. package/docs/demos/BackToTop/examples/BackToTop.md +149 -249
  27. package/docs/demos/ContextSelector/examples/ContextSelector.md +595 -378
  28. package/docs/demos/DataList/examples/DataList.md +159 -114
  29. package/docs/demos/Drawer/examples/Drawer.md +60 -120
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -31
  31. package/docs/demos/Masthead/examples/Masthead.md +622 -517
  32. package/docs/demos/Nav/examples/Nav.md +203 -343
  33. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +100 -200
  34. package/docs/demos/Page/examples/Page.md +1522 -1475
  35. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  36. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +207 -126
  37. package/docs/demos/Table/examples/Table.md +2459 -1090
  38. package/docs/demos/Tabs/examples/Tabs.md +11 -19
  39. package/docs/demos/Toolbar/examples/Toolbar.md +55 -55
  40. package/docs/demos/Wizard/examples/Wizard.md +6 -2
  41. package/package.json +1 -1
  42. package/patternfly-no-reset.css +18 -11
  43. package/patternfly.css +18 -11
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -247,7 +247,22 @@ section: components
247
247
  <nav
248
248
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
249
249
  >
250
- <div class="pf-c-jump-links__label">Jump to section</div>
250
+ <div class="pf-c-jump-links__header">
251
+ <div class="pf-c-jump-links__toggle">
252
+ <button
253
+ class="pf-c-button pf-m-plain"
254
+ type="button"
255
+ aria-label="Toggle jump links"
256
+ aria-expanded="false"
257
+ >
258
+ <span class="pf-c-jump-links__toggle-icon">
259
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
260
+ </span>
261
+ <span class="pf-c-jump-links__toggle-text">Jump to section</span>
262
+ </button>
263
+ </div>
264
+ <div class="pf-c-jump-links__label">Jump to section</div>
265
+ </div>
251
266
  <ul class="pf-c-jump-links__list">
252
267
  <li class="pf-c-jump-links__item pf-m-current">
253
268
  <a
@@ -565,7 +580,22 @@ section: components
565
580
  <nav
566
581
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expanded pf-m-expandable"
567
582
  >
568
- <div class="pf-c-jump-links__label">Jump to section</div>
583
+ <div class="pf-c-jump-links__header">
584
+ <div class="pf-c-jump-links__toggle">
585
+ <button
586
+ class="pf-c-button pf-m-plain"
587
+ type="button"
588
+ aria-label="Toggle jump links"
589
+ aria-expanded="false"
590
+ >
591
+ <span class="pf-c-jump-links__toggle-icon">
592
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
593
+ </span>
594
+ <span class="pf-c-jump-links__toggle-text">Jump to section</span>
595
+ </button>
596
+ </div>
597
+ <div class="pf-c-jump-links__label">Jump to section</div>
598
+ </div>
569
599
  <ul class="pf-c-jump-links__list">
570
600
  <li class="pf-c-jump-links__item pf-m-current">
571
601
  <a
@@ -883,7 +913,22 @@ section: components
883
913
  <nav
884
914
  class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
885
915
  >
886
- <div class="pf-c-jump-links__label pf-m-toggle">Jump to section</div>
916
+ <div class="pf-c-jump-links__header">
917
+ <div class="pf-c-jump-links__toggle">
918
+ <button
919
+ class="pf-c-button pf-m-plain"
920
+ type="button"
921
+ aria-label="Toggle jump links"
922
+ aria-expanded="false"
923
+ >
924
+ <span class="pf-c-jump-links__toggle-icon">
925
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
926
+ </span>
927
+ <span class="pf-c-jump-links__toggle-text">Jump to section</span>
928
+ </button>
929
+ </div>
930
+ <div class="pf-c-jump-links__label">Jump to section</div>
931
+ </div>
887
932
  <ul class="pf-c-jump-links__list">
888
933
  <li class="pf-c-jump-links__item pf-m-current">
889
934
  <a
@@ -1187,34 +1232,38 @@ section: components
1187
1232
  </section>
1188
1233
  <section class="pf-c-page__main-section pf-m-sticky-top">
1189
1234
  <nav class="pf-c-jump-links pf-m-center">
1190
- <div class="pf-c-jump-links__label pf-m-toggle">Jump to section</div>
1191
- <ul class="pf-c-jump-links__list">
1192
- <li class="pf-c-jump-links__item pf-m-current">
1193
- <a class="pf-c-jump-links__link" href="#horizontal-first">
1194
- <span class="pf-c-jump-links__link-text">First section</span>
1195
- </a>
1196
- </li>
1197
- <li class="pf-c-jump-links__item">
1198
- <a class="pf-c-jump-links__link" href="#horizontal-second">
1199
- <span class="pf-c-jump-links__link-text">Second section</span>
1200
- </a>
1201
- </li>
1202
- <li class="pf-c-jump-links__item">
1203
- <a class="pf-c-jump-links__link" href="#horizontal-third">
1204
- <span class="pf-c-jump-links__link-text">Third section</span>
1205
- </a>
1206
- </li>
1207
- <li class="pf-c-jump-links__item">
1208
- <a class="pf-c-jump-links__link" href="#horizontal-fourth">
1209
- <span class="pf-c-jump-links__link-text">Fourth section</span>
1210
- </a>
1211
- </li>
1212
- <li class="pf-c-jump-links__item">
1213
- <a class="pf-c-jump-links__link" href="#horizontal-fifth">
1214
- <span class="pf-c-jump-links__link-text">Fifth section</span>
1215
- </a>
1216
- </li>
1217
- </ul>
1235
+ <div class="pf-c-jump-links__main">
1236
+ <div class="pf-c-jump-links__header">
1237
+ <div class="pf-c-jump-links__label">Jump to section</div>
1238
+ </div>
1239
+ <ul class="pf-c-jump-links__list">
1240
+ <li class="pf-c-jump-links__item pf-m-current">
1241
+ <a class="pf-c-jump-links__link" href="#horizontal-first">
1242
+ <span class="pf-c-jump-links__link-text">First section</span>
1243
+ </a>
1244
+ </li>
1245
+ <li class="pf-c-jump-links__item">
1246
+ <a class="pf-c-jump-links__link" href="#horizontal-second">
1247
+ <span class="pf-c-jump-links__link-text">Second section</span>
1248
+ </a>
1249
+ </li>
1250
+ <li class="pf-c-jump-links__item">
1251
+ <a class="pf-c-jump-links__link" href="#horizontal-third">
1252
+ <span class="pf-c-jump-links__link-text">Third section</span>
1253
+ </a>
1254
+ </li>
1255
+ <li class="pf-c-jump-links__item">
1256
+ <a class="pf-c-jump-links__link" href="#horizontal-fourth">
1257
+ <span class="pf-c-jump-links__link-text">Fourth section</span>
1258
+ </a>
1259
+ </li>
1260
+ <li class="pf-c-jump-links__item">
1261
+ <a class="pf-c-jump-links__link" href="#horizontal-fifth">
1262
+ <span class="pf-c-jump-links__link-text">Fifth section</span>
1263
+ </a>
1264
+ </li>
1265
+ </ul>
1266
+ </div>
1218
1267
  </nav>
1219
1268
  </section>
1220
1269
  <section class="pf-c-page__main-section">