@patternfly/patternfly 4.177.0 → 4.179.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 (135) hide show
  1. package/RELEASE-NOTES.md +37 -0
  2. package/components/AboutModalBox/themes/dark/about-modal-box.css +0 -0
  3. package/components/AboutModalBox/themes/dark/about-modal-box.scss +9 -0
  4. package/components/Accordion/themes/dark/accordion.css +0 -0
  5. package/components/Accordion/themes/dark/accordion.scss +7 -0
  6. package/components/Alert/themes/dark/alert.css +0 -0
  7. package/components/Alert/themes/dark/alert.scss +15 -0
  8. package/components/AppLauncher/themes/dark/app-launcher.css +0 -0
  9. package/components/AppLauncher/themes/dark/app-launcher.scss +13 -0
  10. package/components/Badge/themes/dark/badge.css +0 -0
  11. package/components/Badge/themes/dark/badge.scss +6 -0
  12. package/components/Banner/themes/dark/banner.css +0 -0
  13. package/components/Banner/themes/dark/banner.scss +12 -0
  14. package/components/Breadcrumb/themes/dark/breadcrumb.css +0 -0
  15. package/components/Breadcrumb/themes/dark/breadcrumb.scss +5 -0
  16. package/components/Button/themes/dark/button.css +0 -0
  17. package/components/Button/themes/dark/button.scss +42 -0
  18. package/components/CalendarMonth/themes/dark/calendar-month.css +0 -0
  19. package/components/CalendarMonth/themes/dark/calendar-month.scss +29 -0
  20. package/components/Chip/themes/dark/chip.css +0 -0
  21. package/components/Chip/themes/dark/chip.scss +7 -0
  22. package/components/ClipboardCopy/themes/dark/clipboard-copy.css +0 -0
  23. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +17 -0
  24. package/components/CodeEditor/themes/dark/code-editor.css +0 -0
  25. package/components/CodeEditor/themes/dark/code-editor.scss +7 -0
  26. package/components/ContextSelector/themes/dark/context-selector.css +0 -0
  27. package/components/ContextSelector/themes/dark/context-selector.scss +22 -0
  28. package/components/DataList/themes/dark/data-list.css +0 -0
  29. package/components/DataList/themes/dark/data-list.scss +8 -0
  30. package/components/DatePicker/themes/dark/date-picker.css +0 -0
  31. package/components/DatePicker/themes/dark/date-picker.scss +6 -0
  32. package/components/Drawer/themes/dark/drawer.css +0 -0
  33. package/components/Drawer/themes/dark/drawer.scss +11 -0
  34. package/components/Dropdown/themes/dark/dropdown.css +0 -0
  35. package/components/Dropdown/themes/dark/dropdown.scss +30 -0
  36. package/components/Form/themes/dark/form.css +0 -0
  37. package/components/Form/themes/dark/form.scss +5 -0
  38. package/components/FormControl/themes/dark/form-control.css +0 -0
  39. package/components/FormControl/themes/dark/form-control.scss +28 -0
  40. package/components/HelperText/themes/dark/helper-text.css +0 -0
  41. package/components/HelperText/themes/dark/helper-text.scss +5 -0
  42. package/components/Hint/themes/dark/hint.css +0 -0
  43. package/components/Hint/themes/dark/hint.scss +6 -0
  44. package/components/InputGroup/themes/dark/input-group.css +0 -0
  45. package/components/InputGroup/themes/dark/input-group.scss +26 -0
  46. package/components/Label/themes/dark/label.css +0 -0
  47. package/components/Label/themes/dark/label.scss +45 -0
  48. package/components/LogViewer/themes/dark/log-viewer.css +0 -0
  49. package/components/LogViewer/themes/dark/log-viewer.scss +5 -0
  50. package/components/Login/themes/dark/login.css +0 -0
  51. package/components/Login/themes/dark/login.scss +6 -0
  52. package/components/Masthead/themes/dark/masthead.css +0 -0
  53. package/components/Masthead/themes/dark/masthead.scss +11 -0
  54. package/components/Menu/themes/dark/menu.css +0 -0
  55. package/components/Menu/themes/dark/menu.scss +10 -0
  56. package/components/MenuToggle/themes/dark/menu-toggle.css +0 -0
  57. package/components/MenuToggle/themes/dark/menu-toggle.scss +21 -0
  58. package/components/ModalBox/modal-box.scss +0 -1
  59. package/components/ModalBox/themes/dark/modal-box.css +0 -0
  60. package/components/ModalBox/themes/dark/modal-box.scss +5 -0
  61. package/components/Nav/nav.css +3 -0
  62. package/components/Nav/nav.scss +4 -0
  63. package/components/Nav/themes/dark/nav.css +0 -0
  64. package/components/Nav/themes/dark/nav.scss +42 -0
  65. package/components/NotificationBadge/themes/dark/notification-badge.css +0 -0
  66. package/components/NotificationBadge/themes/dark/notification-badge.scss +5 -0
  67. package/components/NotificationDrawer/themes/dark/notification-drawer.css +0 -0
  68. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +12 -0
  69. package/components/OptionsMenu/themes/dark/options-menu.css +0 -0
  70. package/components/OptionsMenu/themes/dark/options-menu.scss +21 -0
  71. package/components/Page/themes/dark/page.css +0 -0
  72. package/components/Page/themes/dark/page.scss +62 -0
  73. package/components/Pagination/themes/dark/pagination.css +0 -0
  74. package/components/Pagination/themes/dark/pagination.scss +5 -0
  75. package/components/Popover/popover.scss +0 -1
  76. package/components/Popover/themes/dark/popover.css +0 -0
  77. package/components/Popover/themes/dark/popover.scss +15 -0
  78. package/components/Progress/progress.scss +0 -1
  79. package/components/Progress/themes/dark/progress.css +0 -0
  80. package/components/Progress/themes/dark/progress.scss +7 -0
  81. package/components/SearchInput/themes/dark/search-input.css +0 -0
  82. package/components/SearchInput/themes/dark/search-input.scss +14 -0
  83. package/components/Select/themes/dark/select.css +0 -0
  84. package/components/Select/themes/dark/select.scss +21 -0
  85. package/components/SimpleList/themes/dark/simple-list.css +0 -0
  86. package/components/SimpleList/themes/dark/simple-list.scss +12 -0
  87. package/components/Skeleton/themes/dark/skeleton.css +0 -0
  88. package/components/Skeleton/themes/dark/skeleton.scss +8 -0
  89. package/components/Switch/themes/dark/switch.css +0 -0
  90. package/components/Switch/themes/dark/switch.scss +8 -0
  91. package/components/Table/table.css +2 -1
  92. package/components/Table/table.scss +8 -5
  93. package/components/Table/themes/dark/table.css +0 -0
  94. package/components/Table/themes/dark/table.scss +10 -0
  95. package/components/Tabs/themes/dark/tabs.css +0 -0
  96. package/components/Tabs/themes/dark/tabs.scss +7 -0
  97. package/components/Tile/themes/dark/tile.css +0 -0
  98. package/components/Tile/themes/dark/tile.scss +8 -0
  99. package/components/ToggleGroup/themes/dark/toggle-group.css +0 -0
  100. package/components/ToggleGroup/themes/dark/toggle-group.scss +9 -0
  101. package/components/Tooltip/themes/dark/tooltip.css +0 -0
  102. package/components/Tooltip/themes/dark/tooltip.scss +6 -0
  103. package/components/TreeView/themes/dark/tree-view.css +0 -0
  104. package/components/TreeView/themes/dark/tree-view.scss +6 -0
  105. package/components/Wizard/themes/dark/wizard.css +0 -0
  106. package/components/Wizard/themes/dark/wizard.scss +12 -0
  107. package/docs/components/CalendarMonth/examples/CalendarMonth.md +2 -2
  108. package/docs/components/Nav/examples/Navigation.css +3 -1
  109. package/docs/components/Nav/examples/Navigation.md +79 -0
  110. package/docs/components/Table/examples/Table.md +12 -1
  111. package/docs/demos/Alert/examples/Alert.md +3 -3
  112. package/docs/demos/BackToTop/examples/BackToTop.md +201 -1
  113. package/docs/demos/Banner/examples/Banner.md +2 -2
  114. package/docs/demos/CardView/examples/CardView.md +1 -1
  115. package/docs/demos/ContextSelector/examples/ContextSelector.md +1034 -196
  116. package/docs/demos/DataList/examples/DataList.md +4 -4
  117. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  118. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
  119. package/docs/demos/Masthead/examples/Masthead.md +1643 -1026
  120. package/docs/demos/Nav/examples/Nav.md +8 -8
  121. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  122. package/docs/demos/Page/examples/Page.md +959 -7
  123. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  124. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  125. package/docs/demos/Table/examples/Table.md +2962 -64
  126. package/docs/demos/Tabs/examples/Tabs.md +8 -8
  127. package/docs/demos/Toolbar/examples/Toolbar.md +1 -1
  128. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  129. package/package.json +1 -1
  130. package/patternfly-no-reset.css +5 -1
  131. package/patternfly-theme-dark.css +628 -0
  132. package/patternfly-theme-dark.scss +9 -0
  133. package/patternfly.css +5 -1
  134. package/patternfly.min.css +1 -1
  135. package/patternfly.min.css.map +1 -1
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -55,7 +55,7 @@ cssPrefix: pf-d-back-to-top
55
55
  type="button"
56
56
  aria-label="Help"
57
57
  >
58
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
58
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
59
59
  </button>
60
60
  </div>
61
61
  </div>
@@ -293,6 +293,206 @@ cssPrefix: pf-d-back-to-top
293
293
  <div class="pf-c-card__body">This is a card</div>
294
294
  </div>
295
295
  </div>
296
+ <div class="pf-l-gallery__item">
297
+ <div class="pf-c-card">
298
+ <div class="pf-c-card__body">This is a card</div>
299
+ </div>
300
+ </div>
301
+ <div class="pf-l-gallery__item">
302
+ <div class="pf-c-card">
303
+ <div class="pf-c-card__body">This is a card</div>
304
+ </div>
305
+ </div>
306
+ <div class="pf-l-gallery__item">
307
+ <div class="pf-c-card">
308
+ <div class="pf-c-card__body">This is a card</div>
309
+ </div>
310
+ </div>
311
+ <div class="pf-l-gallery__item">
312
+ <div class="pf-c-card">
313
+ <div class="pf-c-card__body">This is a card</div>
314
+ </div>
315
+ </div>
316
+ <div class="pf-l-gallery__item">
317
+ <div class="pf-c-card">
318
+ <div class="pf-c-card__body">This is a card</div>
319
+ </div>
320
+ </div>
321
+ <div class="pf-l-gallery__item">
322
+ <div class="pf-c-card">
323
+ <div class="pf-c-card__body">This is a card</div>
324
+ </div>
325
+ </div>
326
+ <div class="pf-l-gallery__item">
327
+ <div class="pf-c-card">
328
+ <div class="pf-c-card__body">This is a card</div>
329
+ </div>
330
+ </div>
331
+ <div class="pf-l-gallery__item">
332
+ <div class="pf-c-card">
333
+ <div class="pf-c-card__body">This is a card</div>
334
+ </div>
335
+ </div>
336
+ <div class="pf-l-gallery__item">
337
+ <div class="pf-c-card">
338
+ <div class="pf-c-card__body">This is a card</div>
339
+ </div>
340
+ </div>
341
+ <div class="pf-l-gallery__item">
342
+ <div class="pf-c-card">
343
+ <div class="pf-c-card__body">This is a card</div>
344
+ </div>
345
+ </div>
346
+ <div class="pf-l-gallery__item">
347
+ <div class="pf-c-card">
348
+ <div class="pf-c-card__body">This is a card</div>
349
+ </div>
350
+ </div>
351
+ <div class="pf-l-gallery__item">
352
+ <div class="pf-c-card">
353
+ <div class="pf-c-card__body">This is a card</div>
354
+ </div>
355
+ </div>
356
+ <div class="pf-l-gallery__item">
357
+ <div class="pf-c-card">
358
+ <div class="pf-c-card__body">This is a card</div>
359
+ </div>
360
+ </div>
361
+ <div class="pf-l-gallery__item">
362
+ <div class="pf-c-card">
363
+ <div class="pf-c-card__body">This is a card</div>
364
+ </div>
365
+ </div>
366
+ <div class="pf-l-gallery__item">
367
+ <div class="pf-c-card">
368
+ <div class="pf-c-card__body">This is a card</div>
369
+ </div>
370
+ </div>
371
+ <div class="pf-l-gallery__item">
372
+ <div class="pf-c-card">
373
+ <div class="pf-c-card__body">This is a card</div>
374
+ </div>
375
+ </div>
376
+ <div class="pf-l-gallery__item">
377
+ <div class="pf-c-card">
378
+ <div class="pf-c-card__body">This is a card</div>
379
+ </div>
380
+ </div>
381
+ <div class="pf-l-gallery__item">
382
+ <div class="pf-c-card">
383
+ <div class="pf-c-card__body">This is a card</div>
384
+ </div>
385
+ </div>
386
+ <div class="pf-l-gallery__item">
387
+ <div class="pf-c-card">
388
+ <div class="pf-c-card__body">This is a card</div>
389
+ </div>
390
+ </div>
391
+ <div class="pf-l-gallery__item">
392
+ <div class="pf-c-card">
393
+ <div class="pf-c-card__body">This is a card</div>
394
+ </div>
395
+ </div>
396
+ <div class="pf-l-gallery__item">
397
+ <div class="pf-c-card">
398
+ <div class="pf-c-card__body">This is a card</div>
399
+ </div>
400
+ </div>
401
+ <div class="pf-l-gallery__item">
402
+ <div class="pf-c-card">
403
+ <div class="pf-c-card__body">This is a card</div>
404
+ </div>
405
+ </div>
406
+ <div class="pf-l-gallery__item">
407
+ <div class="pf-c-card">
408
+ <div class="pf-c-card__body">This is a card</div>
409
+ </div>
410
+ </div>
411
+ <div class="pf-l-gallery__item">
412
+ <div class="pf-c-card">
413
+ <div class="pf-c-card__body">This is a card</div>
414
+ </div>
415
+ </div>
416
+ <div class="pf-l-gallery__item">
417
+ <div class="pf-c-card">
418
+ <div class="pf-c-card__body">This is a card</div>
419
+ </div>
420
+ </div>
421
+ <div class="pf-l-gallery__item">
422
+ <div class="pf-c-card">
423
+ <div class="pf-c-card__body">This is a card</div>
424
+ </div>
425
+ </div>
426
+ <div class="pf-l-gallery__item">
427
+ <div class="pf-c-card">
428
+ <div class="pf-c-card__body">This is a card</div>
429
+ </div>
430
+ </div>
431
+ <div class="pf-l-gallery__item">
432
+ <div class="pf-c-card">
433
+ <div class="pf-c-card__body">This is a card</div>
434
+ </div>
435
+ </div>
436
+ <div class="pf-l-gallery__item">
437
+ <div class="pf-c-card">
438
+ <div class="pf-c-card__body">This is a card</div>
439
+ </div>
440
+ </div>
441
+ <div class="pf-l-gallery__item">
442
+ <div class="pf-c-card">
443
+ <div class="pf-c-card__body">This is a card</div>
444
+ </div>
445
+ </div>
446
+ <div class="pf-l-gallery__item">
447
+ <div class="pf-c-card">
448
+ <div class="pf-c-card__body">This is a card</div>
449
+ </div>
450
+ </div>
451
+ <div class="pf-l-gallery__item">
452
+ <div class="pf-c-card">
453
+ <div class="pf-c-card__body">This is a card</div>
454
+ </div>
455
+ </div>
456
+ <div class="pf-l-gallery__item">
457
+ <div class="pf-c-card">
458
+ <div class="pf-c-card__body">This is a card</div>
459
+ </div>
460
+ </div>
461
+ <div class="pf-l-gallery__item">
462
+ <div class="pf-c-card">
463
+ <div class="pf-c-card__body">This is a card</div>
464
+ </div>
465
+ </div>
466
+ <div class="pf-l-gallery__item">
467
+ <div class="pf-c-card">
468
+ <div class="pf-c-card__body">This is a card</div>
469
+ </div>
470
+ </div>
471
+ <div class="pf-l-gallery__item">
472
+ <div class="pf-c-card">
473
+ <div class="pf-c-card__body">This is a card</div>
474
+ </div>
475
+ </div>
476
+ <div class="pf-l-gallery__item">
477
+ <div class="pf-c-card">
478
+ <div class="pf-c-card__body">This is a card</div>
479
+ </div>
480
+ </div>
481
+ <div class="pf-l-gallery__item">
482
+ <div class="pf-c-card">
483
+ <div class="pf-c-card__body">This is a card</div>
484
+ </div>
485
+ </div>
486
+ <div class="pf-l-gallery__item">
487
+ <div class="pf-c-card">
488
+ <div class="pf-c-card__body">This is a card</div>
489
+ </div>
490
+ </div>
491
+ <div class="pf-l-gallery__item">
492
+ <div class="pf-c-card">
493
+ <div class="pf-c-card__body">This is a card</div>
494
+ </div>
495
+ </div>
296
496
  </div>
297
497
  </div>
298
498
  </section>
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -57,7 +57,7 @@ wrapperTag: div
57
57
  type="button"
58
58
  aria-label="Help"
59
59
  >
60
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
60
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
61
61
  </button>
62
62
  </div>
63
63
  </div>
@@ -856,7 +856,7 @@ wrapperTag: div
856
856
  type="button"
857
857
  aria-label="Help"
858
858
  >
859
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
859
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
860
860
  </button>
861
861
  </div>
862
862
  </div>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -55,7 +55,7 @@ section: demos
55
55
  type="button"
56
56
  aria-label="Help"
57
57
  >
58
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
58
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
59
59
  </button>
60
60
  </div>
61
61
  </div>