@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/Nav/examples/Nav.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,7 @@ section: components
352
351
  type="button"
353
352
  aria-label="Help"
354
353
  >
355
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
354
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
356
355
  </button>
357
356
  </div>
358
357
  </div>
@@ -616,7 +615,7 @@ section: components
616
615
  <div class="pf-c-page__main-body">
617
616
  <div class="pf-c-content">
618
617
  <h1>Main title</h1>
619
- <p>This is a demo of the page component.</p>
618
+ <p>This is a full page demo.</p>
620
619
  </div>
621
620
  </div>
622
621
  </section>
@@ -759,7 +758,7 @@ section: components
759
758
  type="button"
760
759
  aria-label="Help"
761
760
  >
762
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
761
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
763
762
  </button>
764
763
  </div>
765
764
  </div>
@@ -909,7 +908,7 @@ section: components
909
908
  <div class="pf-c-page__main-body">
910
909
  <div class="pf-c-content">
911
910
  <h1>Main title</h1>
912
- <p>This is a demo of the page component.</p>
911
+ <p>This is a full page demo.</p>
913
912
  </div>
914
913
  </div>
915
914
  </section>
@@ -1025,7 +1024,7 @@ section: components
1025
1024
  type="button"
1026
1025
  aria-label="Help"
1027
1026
  >
1028
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1027
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1029
1028
  </button>
1030
1029
  </div>
1031
1030
  </div>
@@ -1327,7 +1326,7 @@ section: components
1327
1326
  <div class="pf-c-page__main-body">
1328
1327
  <div class="pf-c-content">
1329
1328
  <h1>Main title</h1>
1330
- <p>This is a demo of the page component.</p>
1329
+ <p>This is a full page demo.</p>
1331
1330
  </div>
1332
1331
  </div>
1333
1332
  </section>
@@ -1477,7 +1476,7 @@ section: components
1477
1476
  type="button"
1478
1477
  aria-label="Help"
1479
1478
  >
1480
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1479
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1481
1480
  </button>
1482
1481
  </div>
1483
1482
  </div>
@@ -1667,7 +1666,7 @@ section: components
1667
1666
  <div class="pf-c-page__main-body">
1668
1667
  <div class="pf-c-content">
1669
1668
  <h1>Main title</h1>
1670
- <p>This is a demo of the page component.</p>
1669
+ <p>This is a full page demo.</p>
1671
1670
  </div>
1672
1671
  </div>
1673
1672
  </section>
@@ -1783,7 +1782,7 @@ section: components
1783
1782
  type="button"
1784
1783
  aria-label="Help"
1785
1784
  >
1786
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1785
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1787
1786
  </button>
1788
1787
  </div>
1789
1788
  </div>
@@ -2085,7 +2084,7 @@ section: components
2085
2084
  <div class="pf-c-page__main-body">
2086
2085
  <div class="pf-c-content">
2087
2086
  <h1>Main title</h1>
2088
- <p>This is a demo of the page component.</p>
2087
+ <p>This is a full page demo.</p>
2089
2088
  </div>
2090
2089
  </div>
2091
2090
  </section>
@@ -2208,7 +2207,7 @@ section: components
2208
2207
  type="button"
2209
2208
  aria-label="Help"
2210
2209
  >
2211
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
2210
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2212
2211
  </button>
2213
2212
  </div>
2214
2213
  </div>
@@ -2373,7 +2372,7 @@ section: components
2373
2372
  <div class="pf-c-page__main-body">
2374
2373
  <div class="pf-c-content">
2375
2374
  <h1>Main title</h1>
2376
- <p>This is a demo of the page component.</p>
2375
+ <p>This is a full page demo.</p>
2377
2376
  </div>
2378
2377
  </div>
2379
2378
  </section>
@@ -2436,7 +2435,7 @@ section: components
2436
2435
  type="button"
2437
2436
  aria-label="Help"
2438
2437
  >
2439
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
2438
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2440
2439
  </button>
2441
2440
  </div>
2442
2441
  </div>
@@ -2700,7 +2699,7 @@ section: components
2700
2699
  <div class="pf-c-page__main-body">
2701
2700
  <div class="pf-c-content">
2702
2701
  <h1>Main title</h1>
2703
- <p>This is a demo of the page component.</p>
2702
+ <p>This is a full page demo.</p>
2704
2703
  </div>
2705
2704
  </div>
2706
2705
  </section>
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -68,7 +68,7 @@ section: components
68
68
  type="button"
69
69
  aria-label="Help"
70
70
  >
71
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
71
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
72
72
  </button>
73
73
  </div>
74
74
  </div>
@@ -264,7 +264,7 @@ section: components
264
264
  <div class="pf-c-page__main-body">
265
265
  <div class="pf-c-content">
266
266
  <h1>Main title</h1>
267
- <p>This is a demo of the page component.</p>
267
+ <p>This is a full page demo.</p>
268
268
  </div>
269
269
  </div>
270
270
  </section>
@@ -986,7 +986,7 @@ section: components
986
986
  type="button"
987
987
  aria-label="Help"
988
988
  >
989
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
989
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
990
990
  </button>
991
991
  </div>
992
992
  </div>
@@ -1184,7 +1184,7 @@ section: components
1184
1184
  <div class="pf-c-page__main-body">
1185
1185
  <div class="pf-c-content">
1186
1186
  <h1>Main title</h1>
1187
- <p>This is a demo of the page component.</p>
1187
+ <p>This is a full page demo.</p>
1188
1188
  </div>
1189
1189
  </div>
1190
1190
  </section>
@@ -1903,7 +1903,7 @@ section: components
1903
1903
  type="button"
1904
1904
  aria-label="Help"
1905
1905
  >
1906
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
1906
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1907
1907
  </button>
1908
1908
  </div>
1909
1909
  </div>
@@ -2101,7 +2101,7 @@ section: components
2101
2101
  <div class="pf-c-page__main-body">
2102
2102
  <div class="pf-c-content">
2103
2103
  <h1>Main title</h1>
2104
- <p>This is a demo of the page component.</p>
2104
+ <p>This is a full page demo.</p>
2105
2105
  </div>
2106
2106
  </div>
2107
2107
  </section>
@@ -2823,7 +2823,7 @@ section: components
2823
2823
  type="button"
2824
2824
  aria-label="Help"
2825
2825
  >
2826
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
2826
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2827
2827
  </button>
2828
2828
  </div>
2829
2829
  </div>
@@ -3021,7 +3021,7 @@ section: components
3021
3021
  <div class="pf-c-page__main-body">
3022
3022
  <div class="pf-c-content">
3023
3023
  <h1>Main title</h1>
3024
- <p>This is a demo of the page component.</p>
3024
+ <p>This is a full page demo.</p>
3025
3025
  </div>
3026
3026
  </div>
3027
3027
  </section>
@@ -3742,7 +3742,7 @@ section: components
3742
3742
  type="button"
3743
3743
  aria-label="Help"
3744
3744
  >
3745
- <i class="pf-icon pf-icon-help" aria-hidden="true"></i>
3745
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3746
3746
  </button>
3747
3747
  </div>
3748
3748
  </div>
@@ -3940,7 +3940,7 @@ section: components
3940
3940
  <div class="pf-c-page__main-body">
3941
3941
  <div class="pf-c-content">
3942
3942
  <h1>Main title</h1>
3943
- <p>This is a demo of the page component.</p>
3943
+ <p>This is a full page demo.</p>
3944
3944
  </div>
3945
3945
  </div>
3946
3946
  </section>