@patternfly/patternfly 4.180.0 → 4.182.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 (33) hide show
  1. package/assets/images/status-icon-sprite.svg +38 -0
  2. package/components/FormControl/form-control.css +26 -0
  3. package/components/FormControl/form-control.scss +30 -1
  4. package/components/Masthead/masthead.css +21 -27
  5. package/components/Masthead/masthead.scss +21 -27
  6. package/components/Menu/menu.css +10 -0
  7. package/components/Menu/menu.scss +14 -0
  8. package/components/MenuToggle/menu-toggle.css +141 -7
  9. package/components/MenuToggle/menu-toggle.scss +208 -8
  10. package/docs/components/FormControl/examples/FormControl.md +151 -0
  11. package/docs/components/Menu/examples/Menu.md +67 -2
  12. package/docs/components/MenuToggle/examples/MenuToggle.md +552 -20
  13. package/docs/components/Page/examples/Page.md +11 -2
  14. package/docs/components/Table/examples/Table.md +8 -0
  15. package/docs/components/Wizard/examples/Wizard.md +6 -6
  16. package/docs/demos/Alert/examples/Alert.md +20 -40
  17. package/docs/demos/BackToTop/examples/BackToTop.md +149 -249
  18. package/docs/demos/ContextSelector/examples/ContextSelector.md +86 -166
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +3358 -0
  20. package/docs/demos/Drawer/examples/Drawer.md +60 -120
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -31
  22. package/docs/demos/Masthead/examples/Masthead.md +144 -284
  23. package/docs/demos/Nav/examples/Nav.md +203 -343
  24. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +100 -200
  25. package/docs/demos/Page/examples/Page.md +589 -1137
  26. package/docs/demos/Table/examples/Table.md +26 -26
  27. package/docs/demos/Tabs/examples/Tabs.md +11 -19
  28. package/docs/demos/Wizard/examples/Wizard.md +6 -2
  29. package/package.json +1 -1
  30. package/patternfly-no-reset.css +198 -34
  31. package/patternfly.css +198 -34
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -74,7 +74,7 @@ wrapperTag: div
74
74
  <button
75
75
  class="pf-c-app-launcher__toggle"
76
76
  type="button"
77
- id="-button"
77
+ id="basic-demo-masthead-icon-group--app-launcher-button"
78
78
  aria-expanded="false"
79
79
  aria-label="Application launcher"
80
80
  >
@@ -751,7 +751,7 @@ wrapperTag: div
751
751
  </div>
752
752
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
753
753
  <div
754
- class="pf-c-dropdown"
754
+ class="pf-c-dropdown pf-m-full-height"
755
755
  style="--pf-c-dropdown--MaxWidth: 20ch;"
756
756
  >
757
757
  <button
@@ -1793,7 +1793,7 @@ wrapperTag: div
1793
1793
  <button
1794
1794
  class="pf-c-app-launcher__toggle"
1795
1795
  type="button"
1796
- id="-button"
1796
+ id="sortable-demo-masthead-icon-group--app-launcher-button"
1797
1797
  aria-expanded="false"
1798
1798
  aria-label="Application launcher"
1799
1799
  >
@@ -2470,7 +2470,7 @@ wrapperTag: div
2470
2470
  </div>
2471
2471
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2472
2472
  <div
2473
- class="pf-c-dropdown"
2473
+ class="pf-c-dropdown pf-m-full-height"
2474
2474
  style="--pf-c-dropdown--MaxWidth: 20ch;"
2475
2475
  >
2476
2476
  <button
@@ -3686,7 +3686,7 @@ wrapperTag: div
3686
3686
  <button
3687
3687
  class="pf-c-app-launcher__toggle"
3688
3688
  type="button"
3689
- id="-button"
3689
+ id="expandable-demo-masthead-icon-group--app-launcher-button"
3690
3690
  aria-expanded="false"
3691
3691
  aria-label="Application launcher"
3692
3692
  >
@@ -4363,7 +4363,7 @@ wrapperTag: div
4363
4363
  </div>
4364
4364
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
4365
4365
  <div
4366
- class="pf-c-dropdown"
4366
+ class="pf-c-dropdown pf-m-full-height"
4367
4367
  style="--pf-c-dropdown--MaxWidth: 20ch;"
4368
4368
  >
4369
4369
  <button
@@ -5781,7 +5781,7 @@ wrapperTag: div
5781
5781
  <button
5782
5782
  class="pf-c-app-launcher__toggle"
5783
5783
  type="button"
5784
- id="-button"
5784
+ id="compact-demo-masthead-icon-group--app-launcher-button"
5785
5785
  aria-expanded="false"
5786
5786
  aria-label="Application launcher"
5787
5787
  >
@@ -6458,7 +6458,7 @@ wrapperTag: div
6458
6458
  </div>
6459
6459
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
6460
6460
  <div
6461
- class="pf-c-dropdown"
6461
+ class="pf-c-dropdown pf-m-full-height"
6462
6462
  style="--pf-c-dropdown--MaxWidth: 20ch;"
6463
6463
  >
6464
6464
  <button
@@ -7532,7 +7532,7 @@ wrapperTag: div
7532
7532
  <button
7533
7533
  class="pf-c-app-launcher__toggle"
7534
7534
  type="button"
7535
- id="-button"
7535
+ id="compound-expansion-demo-masthead-icon-group--app-launcher-button"
7536
7536
  aria-expanded="false"
7537
7537
  aria-label="Application launcher"
7538
7538
  >
@@ -8209,7 +8209,7 @@ wrapperTag: div
8209
8209
  </div>
8210
8210
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
8211
8211
  <div
8212
- class="pf-c-dropdown"
8212
+ class="pf-c-dropdown pf-m-full-height"
8213
8213
  style="--pf-c-dropdown--MaxWidth: 20ch;"
8214
8214
  >
8215
8215
  <button
@@ -12497,7 +12497,7 @@ wrapperTag: div
12497
12497
  <button
12498
12498
  class="pf-c-app-launcher__toggle"
12499
12499
  type="button"
12500
- id="-button"
12500
+ id="loading-state-demo-masthead-icon-group--app-launcher-button"
12501
12501
  aria-expanded="false"
12502
12502
  aria-label="Application launcher"
12503
12503
  >
@@ -13174,7 +13174,7 @@ wrapperTag: div
13174
13174
  </div>
13175
13175
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
13176
13176
  <div
13177
- class="pf-c-dropdown"
13177
+ class="pf-c-dropdown pf-m-full-height"
13178
13178
  style="--pf-c-dropdown--MaxWidth: 20ch;"
13179
13179
  >
13180
13180
  <button
@@ -13441,7 +13441,7 @@ wrapperTag: div
13441
13441
  <button
13442
13442
  class="pf-c-app-launcher__toggle"
13443
13443
  type="button"
13444
- id="-button"
13444
+ id="empty-state-demo-masthead-icon-group--app-launcher-button"
13445
13445
  aria-expanded="false"
13446
13446
  aria-label="Application launcher"
13447
13447
  >
@@ -14118,7 +14118,7 @@ wrapperTag: div
14118
14118
  </div>
14119
14119
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
14120
14120
  <div
14121
- class="pf-c-dropdown"
14121
+ class="pf-c-dropdown pf-m-full-height"
14122
14122
  style="--pf-c-dropdown--MaxWidth: 20ch;"
14123
14123
  >
14124
14124
  <button
@@ -14388,7 +14388,7 @@ wrapperTag: div
14388
14388
  <button
14389
14389
  class="pf-c-app-launcher__toggle"
14390
14390
  type="button"
14391
- id="-button"
14391
+ id="static-bottom-pagination-demo-masthead-icon-group--app-launcher-button"
14392
14392
  aria-expanded="false"
14393
14393
  aria-label="Application launcher"
14394
14394
  >
@@ -15065,7 +15065,7 @@ wrapperTag: div
15065
15065
  </div>
15066
15066
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
15067
15067
  <div
15068
- class="pf-c-dropdown"
15068
+ class="pf-c-dropdown pf-m-full-height"
15069
15069
  style="--pf-c-dropdown--MaxWidth: 20ch;"
15070
15070
  >
15071
15071
  <button
@@ -16279,7 +16279,7 @@ wrapperTag: div
16279
16279
  <button
16280
16280
  class="pf-c-app-launcher__toggle"
16281
16281
  type="button"
16282
- id="-button"
16282
+ id="column-management-demo-masthead-icon-group--app-launcher-button"
16283
16283
  aria-expanded="false"
16284
16284
  aria-label="Application launcher"
16285
16285
  >
@@ -16956,7 +16956,7 @@ wrapperTag: div
16956
16956
  </div>
16957
16957
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
16958
16958
  <div
16959
- class="pf-c-dropdown"
16959
+ class="pf-c-dropdown pf-m-full-height"
16960
16960
  style="--pf-c-dropdown--MaxWidth: 20ch;"
16961
16961
  >
16962
16962
  <button
@@ -18250,7 +18250,7 @@ wrapperTag: div
18250
18250
  <button
18251
18251
  class="pf-c-app-launcher__toggle"
18252
18252
  type="button"
18253
- id="-button"
18253
+ id="sticky-header-demo-masthead-icon-group--app-launcher-button"
18254
18254
  aria-expanded="false"
18255
18255
  aria-label="Application launcher"
18256
18256
  >
@@ -18927,7 +18927,7 @@ wrapperTag: div
18927
18927
  </div>
18928
18928
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
18929
18929
  <div
18930
- class="pf-c-dropdown"
18930
+ class="pf-c-dropdown pf-m-full-height"
18931
18931
  style="--pf-c-dropdown--MaxWidth: 20ch;"
18932
18932
  >
18933
18933
  <button
@@ -20141,7 +20141,7 @@ wrapperTag: div
20141
20141
  <button
20142
20142
  class="pf-c-app-launcher__toggle"
20143
20143
  type="button"
20144
- id="-button"
20144
+ id="sticky-first-column-demo-masthead-icon-group--app-launcher-button"
20145
20145
  aria-expanded="false"
20146
20146
  aria-label="Application launcher"
20147
20147
  >
@@ -20818,7 +20818,7 @@ wrapperTag: div
20818
20818
  </div>
20819
20819
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
20820
20820
  <div
20821
- class="pf-c-dropdown"
20821
+ class="pf-c-dropdown pf-m-full-height"
20822
20822
  style="--pf-c-dropdown--MaxWidth: 20ch;"
20823
20823
  >
20824
20824
  <button
@@ -21958,7 +21958,7 @@ wrapperTag: div
21958
21958
  <button
21959
21959
  class="pf-c-app-launcher__toggle"
21960
21960
  type="button"
21961
- id="-button"
21961
+ id="sticky-multiple-columns-demo-masthead-icon-group--app-launcher-button"
21962
21962
  aria-expanded="false"
21963
21963
  aria-label="Application launcher"
21964
21964
  >
@@ -22635,7 +22635,7 @@ wrapperTag: div
22635
22635
  </div>
22636
22636
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
22637
22637
  <div
22638
- class="pf-c-dropdown"
22638
+ class="pf-c-dropdown pf-m-full-height"
22639
22639
  style="--pf-c-dropdown--MaxWidth: 20ch;"
22640
22640
  >
22641
22641
  <button
@@ -23797,7 +23797,7 @@ wrapperTag: div
23797
23797
  <button
23798
23798
  class="pf-c-app-launcher__toggle"
23799
23799
  type="button"
23800
- id="-button"
23800
+ id="sticky-header-and-multiple columns-demo-masthead-icon-group--app-launcher-button"
23801
23801
  aria-expanded="false"
23802
23802
  aria-label="Application launcher"
23803
23803
  >
@@ -24474,7 +24474,7 @@ wrapperTag: div
24474
24474
  </div>
24475
24475
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
24476
24476
  <div
24477
- class="pf-c-dropdown"
24477
+ class="pf-c-dropdown pf-m-full-height"
24478
24478
  style="--pf-c-dropdown--MaxWidth: 20ch;"
24479
24479
  >
24480
24480
  <button
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -1257,7 +1257,7 @@ section: components
1257
1257
  >
1258
1258
  <section class="pf-c-page__main-section pf-m-limit-width pf-m-light">
1259
1259
  <div class="pf-c-page__main-body">
1260
- <h1 class="pf-c-title pf-m-2xl pf-u-mt-md">Overview</h1>
1260
+ <h1 class="pf-c-title pf-m-2xl">Overview</h1>
1261
1261
  </div>
1262
1262
  </section>
1263
1263
  <section class="pf-c-page__main-tabs pf-m-limit-width">
@@ -1300,13 +1300,13 @@ section: components
1300
1300
  <div class="pf-l-grid__item pf-m-6-col-on-md pf-m-8-col-on-xl">
1301
1301
  <div class="pf-c-card pf-m-full-height">
1302
1302
  <div class="pf-c-card__header">
1303
- <h2 class="pf-c-title pf-m-lg pf-u-font-weight-light">Status</h2>
1303
+ <h2 class="pf-c-title pf-m-lg">Status</h2>
1304
1304
  </div>
1305
1305
  <div class="pf-c-card__body">
1306
1306
  <div class="pf-l-flex pf-m-column">
1307
1307
  <div class="pf-l-flex__item">
1308
1308
  <div
1309
- class="pf-c-tabs pf-m-no-border-bottom"
1309
+ class="pf-c-tabs pf-m-secondary"
1310
1310
  id="nested-tabs-example-tabs-subtabs"
1311
1311
  >
1312
1312
  <ul class="pf-c-tabs__list">
@@ -1409,18 +1409,14 @@ section: components
1409
1409
  <div class="pf-l-flex__item pf-m-flex-1">
1410
1410
  <div class="pf-c-card pf-m-full-height">
1411
1411
  <div class="pf-c-card__header">
1412
- <h3
1413
- class="pf-c-title pf-m-lg pf-u-font-weight-light"
1414
- >Title of card</h3>
1412
+ <h3 class="pf-c-title pf-m-lg">Title of card</h3>
1415
1413
  </div>
1416
1414
  </div>
1417
1415
  </div>
1418
1416
  <div class="pf-l-flex__item pf-m-flex-1">
1419
1417
  <div class="pf-c-card pf-m-full-height">
1420
1418
  <div class="pf-c-card__header">
1421
- <h3
1422
- class="pf-c-title pf-m-lg pf-u-font-weight-light"
1423
- >Title of card</h3>
1419
+ <h3 class="pf-c-title pf-m-lg">Title of card</h3>
1424
1420
  </div>
1425
1421
  </div>
1426
1422
  </div>
@@ -5110,7 +5106,7 @@ section: components
5110
5106
  <div class="pf-l-grid pf-m-gutter">
5111
5107
  <div class="pf-l-grid__item">
5112
5108
  <div
5113
- class="pf-c-tabs pf-m-no-border-bottom pf-m-inset-none pf-m-secondary"
5109
+ class="pf-c-tabs pf-m-inset-none pf-m-secondary"
5114
5110
  id="modal-tabs-example-tabs"
5115
5111
  >
5116
5112
  <ul class="pf-c-tabs__list">
@@ -6709,7 +6705,7 @@ section: components
6709
6705
  >
6710
6706
  <section class="pf-c-page__main-section pf-m-limit-width pf-m-light">
6711
6707
  <div class="pf-c-page__main-body">
6712
- <h1 class="pf-c-title pf-m-2xl pf-u-mt-md">Overview</h1>
6708
+ <h1 class="pf-c-title pf-m-2xl">Overview</h1>
6713
6709
  </div>
6714
6710
  </section>
6715
6711
  <section class="pf-c-page__main-tabs pf-m-limit-width">
@@ -6778,13 +6774,13 @@ section: components
6778
6774
  <div class="pf-l-grid__item pf-m-6-col-on-md pf-m-8-col-on-xl">
6779
6775
  <div class="pf-c-card pf-m-full-height">
6780
6776
  <div class="pf-c-card__header">
6781
- <h2 class="pf-c-title pf-m-lg pf-u-font-weight-light">Status</h2>
6777
+ <h2 class="pf-c-title pf-m-lg">Status</h2>
6782
6778
  </div>
6783
6779
  <div class="pf-c-card__body">
6784
6780
  <div class="pf-l-flex pf-m-column">
6785
6781
  <div class="pf-l-flex__item">
6786
6782
  <div
6787
- class="pf-c-tabs pf-m-no-border-bottom"
6783
+ class="pf-c-tabs pf-m-secondary"
6788
6784
  id="gray-tabs-example-tabs-subtabs"
6789
6785
  >
6790
6786
  <ul class="pf-c-tabs__list">
@@ -6887,18 +6883,14 @@ section: components
6887
6883
  <div class="pf-l-flex__item pf-m-flex-1">
6888
6884
  <div class="pf-c-card pf-m-full-height">
6889
6885
  <div class="pf-c-card__header">
6890
- <h3
6891
- class="pf-c-title pf-m-lg pf-u-font-weight-light"
6892
- >Title of card</h3>
6886
+ <h3 class="pf-c-title pf-m-lg">Title of card</h3>
6893
6887
  </div>
6894
6888
  </div>
6895
6889
  </div>
6896
6890
  <div class="pf-l-flex__item pf-m-flex-1">
6897
6891
  <div class="pf-c-card pf-m-full-height">
6898
6892
  <div class="pf-c-card__header">
6899
- <h3
6900
- class="pf-c-title pf-m-lg pf-u-font-weight-light"
6901
- >Title of card</h3>
6893
+ <h3 class="pf-c-title pf-m-lg">Title of card</h3>
6902
6894
  </div>
6903
6895
  </div>
6904
6896
  </div>
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -25,7 +25,9 @@ wrapperTag: div
25
25
  </button>
26
26
  <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
27
27
 
28
- <p class="pf-c-wizard__description">Here is where the description goes</p>
28
+ <div
29
+ class="pf-c-wizard__description"
30
+ >Here is where the description goes</div>
29
31
  </div>
30
32
  <button
31
33
  aria-label="Wizard Header Toggle"
@@ -268,7 +270,9 @@ wrapperTag: div
268
270
  </button>
269
271
  <h1 class="pf-c-title pf-m-3xl pf-c-wizard__title">Wizard title</h1>
270
272
 
271
- <p class="pf-c-wizard__description">Here is where the description goes</p>
273
+ <div
274
+ class="pf-c-wizard__description"
275
+ >Here is where the description goes</div>
272
276
  </div>
273
277
  <button
274
278
  aria-label="Wizard Header Toggle"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.180.0",
4
+ "version": "4.182.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {