@patternfly/patternfly 4.176.2 → 4.178.0

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 (67) hide show
  1. package/UPGRADE-GUIDE.md +3 -0
  2. package/components/Avatar/avatar.css +224 -0
  3. package/components/Avatar/avatar.scss +18 -0
  4. package/components/CodeEditor/code-editor.css +8 -0
  5. package/components/CodeEditor/code-editor.scss +11 -1
  6. package/components/Dropdown/dropdown.css +10 -9
  7. package/components/Dropdown/dropdown.scss +17 -16
  8. package/components/Nav/nav.css +3 -0
  9. package/components/Nav/nav.scss +4 -0
  10. package/components/Table/table.css +2 -1
  11. package/components/Table/table.scss +8 -5
  12. package/docs/components/Avatar/examples/Avatar.md +53 -5
  13. package/docs/components/Brand/examples/Brand.md +6 -6
  14. package/docs/components/CodeEditor/examples/CodeEditor.md +71 -10
  15. package/docs/components/DataList/examples/DataList.md +11 -11
  16. package/docs/components/DescriptionList/examples/DescriptionList.md +19 -19
  17. package/docs/components/Divider/examples/Divider.md +2 -2
  18. package/docs/components/Drawer/examples/Drawer.md +27 -27
  19. package/docs/components/Dropdown/examples/Dropdown.md +2 -2
  20. package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
  21. package/docs/components/LogViewer/examples/LogViewer.md +19 -19
  22. package/docs/components/Masthead/examples/masthead.md +10 -10
  23. package/docs/components/Menu/examples/Menu.md +2 -2
  24. package/docs/components/Nav/examples/Navigation.css +3 -1
  25. package/docs/components/Nav/examples/Navigation.md +79 -0
  26. package/docs/components/Page/examples/Page.md +4 -4
  27. package/docs/components/Pagination/examples/Pagination.md +2 -2
  28. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  29. package/docs/components/Table/examples/Table.md +20 -9
  30. package/docs/components/Tabs/examples/Tabs.md +27 -27
  31. package/docs/components/Toolbar/examples/Toolbar.md +31 -31
  32. package/docs/demos/Alert/examples/Alert.md +4 -5
  33. package/docs/demos/BackToTop/examples/BackToTop.md +2 -203
  34. package/docs/demos/Banner/examples/Banner.md +2 -2
  35. package/docs/demos/Card/examples/Card.md +42 -14
  36. package/docs/demos/CardView/examples/CardView.md +1 -1
  37. package/docs/demos/ContextSelector/examples/ContextSelector.md +32 -869
  38. package/docs/demos/DataList/examples/DataList.md +4 -4
  39. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -12
  41. package/docs/demos/Masthead/examples/Masthead.md +1645 -1028
  42. package/docs/demos/Nav/examples/Nav.md +16 -17
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  44. package/docs/demos/Page/examples/Page.md +4956 -989
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  46. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  47. package/docs/demos/Table/examples/Table.md +18950 -12842
  48. package/docs/demos/Tabs/examples/Tabs.md +8 -102
  49. package/docs/demos/Toolbar/examples/Toolbar.md +2 -3
  50. package/docs/demos/Wizard/examples/Wizard.md +4 -4
  51. package/docs/layouts/Flex/examples/Flex.md +1 -1
  52. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  53. package/docs/layouts/Grid/examples/Grid.md +9 -9
  54. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  55. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  56. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  57. package/docs/utilities/Display/examples/Display.md +1 -1
  58. package/docs/utilities/Flex/examples/Flex.md +1 -1
  59. package/docs/utilities/Float/examples/Float.md +1 -1
  60. package/docs/utilities/Sizing/examples/Sizing.md +12 -0
  61. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  62. package/docs/utilities/Text/examples/Text.md +1 -1
  63. package/package.json +1 -1
  64. package/patternfly-no-reset.css +247 -10
  65. package/patternfly.css +247 -10
  66. package/patternfly.min.css +1 -1
  67. package/patternfly.min.css.map +1 -1
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -55,7 +55,7 @@ wrapperTag: div
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>
@@ -1030,7 +1030,7 @@ wrapperTag: div
1030
1030
  type="button"
1031
1031
  aria-label="Help"
1032
1032
  >
1033
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1033
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1034
1034
  </button>
1035
1035
  </div>
1036
1036
  </div>
@@ -1980,7 +1980,7 @@ wrapperTag: div
1980
1980
  type="button"
1981
1981
  aria-label="Help"
1982
1982
  >
1983
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1983
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1984
1984
  </button>
1985
1985
  </div>
1986
1986
  </div>
@@ -3502,7 +3502,7 @@ wrapperTag: div
3502
3502
  type="button"
3503
3503
  aria-label="Help"
3504
3504
  >
3505
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
3505
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3506
3506
  </button>
3507
3507
  </div>
3508
3508
  </div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -55,7 +55,7 @@ wrapperTag: div
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>
@@ -239,7 +239,7 @@ wrapperTag: div
239
239
  <div class="pf-c-page__main-body">
240
240
  <div class="pf-c-content">
241
241
  <h1>Main title</h1>
242
- <p>This is a demo of the page component.</p>
242
+ <p>This is a full page demo.</p>
243
243
  </div>
244
244
  </div>
245
245
  </section>
@@ -365,7 +365,7 @@ wrapperTag: div
365
365
  type="button"
366
366
  aria-label="Help"
367
367
  >
368
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
368
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
369
369
  </button>
370
370
  </div>
371
371
  </div>
@@ -549,7 +549,7 @@ wrapperTag: div
549
549
  <div class="pf-c-page__main-body">
550
550
  <div class="pf-c-content">
551
551
  <h1>Main title</h1>
552
- <p>This is a demo of the page component.</p>
552
+ <p>This is a full page demo.</p>
553
553
  </div>
554
554
  </div>
555
555
  </section>
@@ -675,7 +675,7 @@ wrapperTag: div
675
675
  type="button"
676
676
  aria-label="Help"
677
677
  >
678
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
678
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
679
679
  </button>
680
680
  </div>
681
681
  </div>
@@ -859,7 +859,7 @@ wrapperTag: div
859
859
  <div class="pf-c-page__main-body">
860
860
  <div class="pf-c-content">
861
861
  <h1>Main title</h1>
862
- <p>This is a demo of the page component.</p>
862
+ <p>This is a full page demo.</p>
863
863
  </div>
864
864
  </div>
865
865
  </section>
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -33,7 +33,6 @@ section: components
33
33
  />
34
34
  </a>
35
35
  </div>
36
-
37
36
  <div class="pf-c-page__header-tools">
38
37
  <div class="pf-c-page__header-tools-group">
39
38
  <div
@@ -55,7 +54,7 @@ section: components
55
54
  type="button"
56
55
  aria-label="Help"
57
56
  >
58
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
57
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
59
58
  </button>
60
59
  </div>
61
60
  </div>
@@ -236,7 +235,7 @@ section: components
236
235
  <div class="pf-c-page__main-body">
237
236
  <div class="pf-c-content">
238
237
  <h1>Main title</h1>
239
- <p>This is a demo of the page component.</p>
238
+ <p>This is a full page demo.</p>
240
239
  </div>
241
240
  </div>
242
241
  </section>
@@ -352,7 +351,6 @@ section: components
352
351
  />
353
352
  </a>
354
353
  </div>
355
-
356
354
  <div class="pf-c-page__header-tools">
357
355
  <div class="pf-c-page__header-tools-group">
358
356
  <div
@@ -374,7 +372,7 @@ section: components
374
372
  type="button"
375
373
  aria-label="Help"
376
374
  >
377
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
375
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
378
376
  </button>
379
377
  </div>
380
378
  </div>
@@ -555,7 +553,7 @@ section: components
555
553
  <div class="pf-c-page__main-body">
556
554
  <div class="pf-c-content">
557
555
  <h1>Main title</h1>
558
- <p>This is a demo of the page component.</p>
556
+ <p>This is a full page demo.</p>
559
557
  </div>
560
558
  </div>
561
559
  </section>
@@ -671,7 +669,6 @@ section: components
671
669
  />
672
670
  </a>
673
671
  </div>
674
-
675
672
  <div class="pf-c-page__header-tools">
676
673
  <div class="pf-c-page__header-tools-group">
677
674
  <div
@@ -693,7 +690,7 @@ section: components
693
690
  type="button"
694
691
  aria-label="Help"
695
692
  >
696
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
693
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
697
694
  </button>
698
695
  </div>
699
696
  </div>
@@ -874,7 +871,7 @@ section: components
874
871
  <div class="pf-c-page__main-body">
875
872
  <div class="pf-c-content">
876
873
  <h1>Main title</h1>
877
- <p>This is a demo of the page component.</p>
874
+ <p>This is a full page demo.</p>
878
875
  </div>
879
876
  </div>
880
877
  </section>
@@ -990,7 +987,6 @@ section: components
990
987
  />
991
988
  </a>
992
989
  </div>
993
-
994
990
  <div class="pf-c-page__header-tools">
995
991
  <div class="pf-c-page__header-tools-group">
996
992
  <div
@@ -1012,7 +1008,7 @@ section: components
1012
1008
  type="button"
1013
1009
  aria-label="Help"
1014
1010
  >
1015
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1011
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1016
1012
  </button>
1017
1013
  </div>
1018
1014
  </div>
@@ -1185,7 +1181,7 @@ section: components
1185
1181
  <div class="pf-c-page__main-body">
1186
1182
  <div class="pf-c-content">
1187
1183
  <h1>Main title</h1>
1188
- <p>This is a demo of the page component.</p>
1184
+ <p>This is a full page demo.</p>
1189
1185
  </div>
1190
1186
  </div>
1191
1187
  </section>