@patternfly/patternfly 4.176.1 → 4.177.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 (61) 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 +11 -0
  9. package/components/Nav/nav.scss +14 -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 +28 -28
  22. package/docs/components/Masthead/examples/masthead.md +10 -10
  23. package/docs/components/Menu/examples/Menu.md +45 -44
  24. package/docs/components/Nav/examples/Navigation.md +23 -44
  25. package/docs/components/Page/examples/Page.md +4 -4
  26. package/docs/components/Pagination/examples/Pagination.md +2 -2
  27. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  28. package/docs/components/Table/examples/Table.md +20 -9
  29. package/docs/components/Tabs/examples/Tabs.md +27 -27
  30. package/docs/components/Toolbar/examples/Toolbar.md +31 -31
  31. package/docs/demos/Alert/examples/Alert.md +1 -2
  32. package/docs/demos/BackToTop/examples/BackToTop.md +1 -202
  33. package/docs/demos/Card/examples/Card.md +42 -14
  34. package/docs/demos/ContextSelector/examples/ContextSelector.md +1166 -17
  35. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  36. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -8
  37. package/docs/demos/Masthead/examples/Masthead.md +14 -6
  38. package/docs/demos/Nav/examples/Nav.md +8 -9
  39. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  40. package/docs/demos/Page/examples/Page.md +4004 -989
  41. package/docs/demos/Table/examples/Table.md +16516 -12176
  42. package/docs/demos/Tabs/examples/Tabs.md +0 -94
  43. package/docs/demos/Toolbar/examples/Toolbar.md +1 -2
  44. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  45. package/docs/layouts/Flex/examples/Flex.md +1 -1
  46. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  47. package/docs/layouts/Grid/examples/Grid.md +9 -9
  48. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  49. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  50. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  51. package/docs/utilities/Display/examples/Display.md +1 -1
  52. package/docs/utilities/Flex/examples/Flex.md +1 -1
  53. package/docs/utilities/Float/examples/Float.md +1 -1
  54. package/docs/utilities/Sizing/examples/Sizing.md +12 -0
  55. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  56. package/docs/utilities/Text/examples/Text.md +1 -1
  57. package/package.json +1 -1
  58. package/patternfly-no-reset.css +255 -10
  59. package/patternfly.css +255 -10
  60. package/patternfly.min.css +1 -1
  61. package/patternfly.min.css.map +1 -1
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -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>
@@ -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>
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1214,7 +1214,9 @@ wrapperTag: div
1214
1214
  <div class="pf-c-menu">
1215
1215
  <div class="pf-c-menu__content">
1216
1216
  <ul class="pf-c-menu__list">
1217
- <li class="pf-c-menu__list-item">
1217
+ <li
1218
+ class="pf-c-menu__list-item pf-m-drill-up"
1219
+ >
1218
1220
  <button
1219
1221
  class="pf-c-menu__item"
1220
1222
  type="button"
@@ -1281,7 +1283,9 @@ wrapperTag: div
1281
1283
  <div class="pf-c-menu">
1282
1284
  <div class="pf-c-menu__content">
1283
1285
  <ul class="pf-c-menu__list">
1284
- <li class="pf-c-menu__list-item">
1286
+ <li
1287
+ class="pf-c-menu__list-item pf-m-drill-up"
1288
+ >
1285
1289
  <button
1286
1290
  class="pf-c-menu__item"
1287
1291
  type="button"
@@ -1651,7 +1655,7 @@ wrapperTag: div
1651
1655
  <div class="pf-c-page__main-body">
1652
1656
  <div class="pf-c-content">
1653
1657
  <h1>Main title</h1>
1654
- <p>This is a demo of the page component.</p>
1658
+ <p>This is a full page demo.</p>
1655
1659
  </div>
1656
1660
  </div>
1657
1661
  </section>
@@ -2110,7 +2114,9 @@ wrapperTag: div
2110
2114
  <div class="pf-c-menu">
2111
2115
  <div class="pf-c-menu__content">
2112
2116
  <ul class="pf-c-menu__list">
2113
- <li class="pf-c-menu__list-item">
2117
+ <li
2118
+ class="pf-c-menu__list-item pf-m-drill-up"
2119
+ >
2114
2120
  <button
2115
2121
  class="pf-c-menu__item"
2116
2122
  type="button"
@@ -2177,7 +2183,9 @@ wrapperTag: div
2177
2183
  <div class="pf-c-menu">
2178
2184
  <div class="pf-c-menu__content">
2179
2185
  <ul class="pf-c-menu__list">
2180
- <li class="pf-c-menu__list-item">
2186
+ <li
2187
+ class="pf-c-menu__list-item pf-m-drill-up"
2188
+ >
2181
2189
  <button
2182
2190
  class="pf-c-menu__item"
2183
2191
  type="button"
@@ -2512,7 +2520,7 @@ wrapperTag: div
2512
2520
  <div class="pf-c-page__main-body">
2513
2521
  <div class="pf-c-content">
2514
2522
  <h1>Main title</h1>
2515
- <p>This is a demo of the page component.</p>
2523
+ <p>This is a full page demo.</p>
2516
2524
  </div>
2517
2525
  </div>
2518
2526
  </section>
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
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>