@patternfly/patternfly 4.184.3 → 4.185.2

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 (45) hide show
  1. package/RELEASE-NOTES.md +22 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/patternfly-icons.css +5 -1
  7. package/base/patternfly-pf-icons.css +5 -1
  8. package/components/Form/form.css +4 -2
  9. package/components/Form/form.scss +4 -2
  10. package/components/Masthead/masthead.css +1 -1
  11. package/components/Masthead/masthead.scss +1 -1
  12. package/components/Menu/menu.css +1 -0
  13. package/components/Menu/menu.scss +1 -0
  14. package/docs/demos/AboutModal/examples/AboutModal.md +916 -1
  15. package/docs/demos/Alert/examples/Alert.md +2484 -490
  16. package/docs/demos/BackToTop/examples/BackToTop.md +785 -140
  17. package/docs/demos/Banner/examples/Banner.md +2074 -1466
  18. package/docs/demos/Button/examples/Button.md +33 -21
  19. package/docs/demos/CardView/examples/CardView.md +1065 -260
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +1580 -1638
  21. package/docs/demos/Dashboard/examples/Dashboard.md +40 -6
  22. package/docs/demos/DataList/examples/DataList.md +3777 -1553
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +55 -61
  24. package/docs/demos/Drawer/examples/Drawer.md +2554 -439
  25. package/docs/demos/JumpLinks/examples/JumpLinks.md +3223 -596
  26. package/docs/demos/Masthead/examples/Masthead.md +9 -20
  27. package/docs/demos/Modal/examples/Modal.md +5521 -34
  28. package/docs/demos/Nav/examples/Nav.md +6453 -1201
  29. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4036 -940
  30. package/docs/demos/Page/examples/Page.md +14 -35
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6003 -1512
  32. package/docs/demos/Skeleton/examples/Skeleton.md +831 -149
  33. package/docs/demos/Table/examples/Table.md +26 -65
  34. package/docs/demos/Tabs/examples/Tabs.md +10149 -4897
  35. package/docs/demos/Toolbar/examples/Toolbar.md +797 -149
  36. package/docs/demos/Wizard/examples/Wizard.md +3418 -288
  37. package/docs/pages/icons.md +1 -0
  38. package/icons/pf-icons.json +1 -0
  39. package/package.json +1 -1
  40. package/patternfly-base-no-reset.css +5 -1
  41. package/patternfly-base.css +5 -1
  42. package/patternfly-no-reset.css +11 -4
  43. package/patternfly.css +11 -4
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -12,7 +12,6 @@ wrapperTag: div
12
12
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
13
13
  href="#main-content-basic-demo"
14
14
  >Skip to content</a>
15
-
16
15
  <header class="pf-c-masthead" id="basic-demo-masthead">
17
16
  <span class="pf-c-masthead__toggle">
18
17
  <button
@@ -58,7 +57,7 @@ wrapperTag: div
58
57
  aria-label="Notifications"
59
58
  >
60
59
  <span class="pf-c-notification-badge">
61
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
60
+ <i class="pf-icon-bell" aria-hidden="true"></i>
62
61
  </span>
63
62
  </button>
64
63
  </div>
@@ -305,9 +304,7 @@ wrapperTag: div
305
304
  >
306
305
  <span class="pf-c-menu__item-description">
307
306
  <div class="pf-u-font-size-sm">Username:</div>
308
- <div
309
- class="pf-u-font-size-md"
310
- >mshaksho@redhat.com</div>
307
+ <div class="pf-u-font-size-md">ned_username</div>
311
308
  </span>
312
309
  </button>
313
310
  </li>
@@ -1727,7 +1724,6 @@ wrapperTag: div
1727
1724
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
1728
1725
  href="#main-content-sortable-demo"
1729
1726
  >Skip to content</a>
1730
-
1731
1727
  <header class="pf-c-masthead" id="sortable-demo-masthead">
1732
1728
  <span class="pf-c-masthead__toggle">
1733
1729
  <button
@@ -1773,7 +1769,7 @@ wrapperTag: div
1773
1769
  aria-label="Notifications"
1774
1770
  >
1775
1771
  <span class="pf-c-notification-badge">
1776
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
1772
+ <i class="pf-icon-bell" aria-hidden="true"></i>
1777
1773
  </span>
1778
1774
  </button>
1779
1775
  </div>
@@ -2020,9 +2016,7 @@ wrapperTag: div
2020
2016
  >
2021
2017
  <span class="pf-c-menu__item-description">
2022
2018
  <div class="pf-u-font-size-sm">Username:</div>
2023
- <div
2024
- class="pf-u-font-size-md"
2025
- >mshaksho@redhat.com</div>
2019
+ <div class="pf-u-font-size-md">ned_username</div>
2026
2020
  </span>
2027
2021
  </button>
2028
2022
  </li>
@@ -3616,7 +3610,6 @@ wrapperTag: div
3616
3610
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
3617
3611
  href="#main-content-expandable-demo"
3618
3612
  >Skip to content</a>
3619
-
3620
3613
  <header class="pf-c-masthead" id="expandable-demo-masthead">
3621
3614
  <span class="pf-c-masthead__toggle">
3622
3615
  <button
@@ -3662,7 +3655,7 @@ wrapperTag: div
3662
3655
  aria-label="Notifications"
3663
3656
  >
3664
3657
  <span class="pf-c-notification-badge">
3665
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
3658
+ <i class="pf-icon-bell" aria-hidden="true"></i>
3666
3659
  </span>
3667
3660
  </button>
3668
3661
  </div>
@@ -3909,9 +3902,7 @@ wrapperTag: div
3909
3902
  >
3910
3903
  <span class="pf-c-menu__item-description">
3911
3904
  <div class="pf-u-font-size-sm">Username:</div>
3912
- <div
3913
- class="pf-u-font-size-md"
3914
- >mshaksho@redhat.com</div>
3905
+ <div class="pf-u-font-size-md">ned_username</div>
3915
3906
  </span>
3916
3907
  </button>
3917
3908
  </li>
@@ -5707,7 +5698,6 @@ wrapperTag: div
5707
5698
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
5708
5699
  href="#main-content-compact-demo"
5709
5700
  >Skip to content</a>
5710
-
5711
5701
  <header class="pf-c-masthead" id="compact-demo-masthead">
5712
5702
  <span class="pf-c-masthead__toggle">
5713
5703
  <button
@@ -5753,7 +5743,7 @@ wrapperTag: div
5753
5743
  aria-label="Notifications"
5754
5744
  >
5755
5745
  <span class="pf-c-notification-badge">
5756
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
5746
+ <i class="pf-icon-bell" aria-hidden="true"></i>
5757
5747
  </span>
5758
5748
  </button>
5759
5749
  </div>
@@ -6000,9 +5990,7 @@ wrapperTag: div
6000
5990
  >
6001
5991
  <span class="pf-c-menu__item-description">
6002
5992
  <div class="pf-u-font-size-sm">Username:</div>
6003
- <div
6004
- class="pf-u-font-size-md"
6005
- >mshaksho@redhat.com</div>
5993
+ <div class="pf-u-font-size-md">ned_username</div>
6006
5994
  </span>
6007
5995
  </button>
6008
5996
  </li>
@@ -7454,7 +7442,6 @@ wrapperTag: div
7454
7442
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
7455
7443
  href="#main-content-compound-expansion-demo"
7456
7444
  >Skip to content</a>
7457
-
7458
7445
  <header class="pf-c-masthead" id="compound-expansion-demo-masthead">
7459
7446
  <span class="pf-c-masthead__toggle">
7460
7447
  <button
@@ -7500,7 +7487,7 @@ wrapperTag: div
7500
7487
  aria-label="Notifications"
7501
7488
  >
7502
7489
  <span class="pf-c-notification-badge">
7503
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
7490
+ <i class="pf-icon-bell" aria-hidden="true"></i>
7504
7491
  </span>
7505
7492
  </button>
7506
7493
  </div>
@@ -7747,9 +7734,7 @@ wrapperTag: div
7747
7734
  >
7748
7735
  <span class="pf-c-menu__item-description">
7749
7736
  <div class="pf-u-font-size-sm">Username:</div>
7750
- <div
7751
- class="pf-u-font-size-md"
7752
- >mshaksho@redhat.com</div>
7737
+ <div class="pf-u-font-size-md">ned_username</div>
7753
7738
  </span>
7754
7739
  </button>
7755
7740
  </li>
@@ -12415,7 +12400,6 @@ wrapperTag: div
12415
12400
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
12416
12401
  href="#main-content-loading-state-demo"
12417
12402
  >Skip to content</a>
12418
-
12419
12403
  <header class="pf-c-masthead" id="loading-state-demo-masthead">
12420
12404
  <span class="pf-c-masthead__toggle">
12421
12405
  <button
@@ -12461,7 +12445,7 @@ wrapperTag: div
12461
12445
  aria-label="Notifications"
12462
12446
  >
12463
12447
  <span class="pf-c-notification-badge">
12464
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
12448
+ <i class="pf-icon-bell" aria-hidden="true"></i>
12465
12449
  </span>
12466
12450
  </button>
12467
12451
  </div>
@@ -12708,9 +12692,7 @@ wrapperTag: div
12708
12692
  >
12709
12693
  <span class="pf-c-menu__item-description">
12710
12694
  <div class="pf-u-font-size-sm">Username:</div>
12711
- <div
12712
- class="pf-u-font-size-md"
12713
- >mshaksho@redhat.com</div>
12695
+ <div class="pf-u-font-size-md">ned_username</div>
12714
12696
  </span>
12715
12697
  </button>
12716
12698
  </li>
@@ -13359,7 +13341,6 @@ wrapperTag: div
13359
13341
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
13360
13342
  href="#main-content-empty-state-demo"
13361
13343
  >Skip to content</a>
13362
-
13363
13344
  <header class="pf-c-masthead" id="empty-state-demo-masthead">
13364
13345
  <span class="pf-c-masthead__toggle">
13365
13346
  <button
@@ -13405,7 +13386,7 @@ wrapperTag: div
13405
13386
  aria-label="Notifications"
13406
13387
  >
13407
13388
  <span class="pf-c-notification-badge">
13408
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
13389
+ <i class="pf-icon-bell" aria-hidden="true"></i>
13409
13390
  </span>
13410
13391
  </button>
13411
13392
  </div>
@@ -13652,9 +13633,7 @@ wrapperTag: div
13652
13633
  >
13653
13634
  <span class="pf-c-menu__item-description">
13654
13635
  <div class="pf-u-font-size-sm">Username:</div>
13655
- <div
13656
- class="pf-u-font-size-md"
13657
- >mshaksho@redhat.com</div>
13636
+ <div class="pf-u-font-size-md">ned_username</div>
13658
13637
  </span>
13659
13638
  </button>
13660
13639
  </li>
@@ -14306,7 +14285,6 @@ wrapperTag: div
14306
14285
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
14307
14286
  href="#main-content-static-bottom-pagination-demo"
14308
14287
  >Skip to content</a>
14309
-
14310
14288
  <header class="pf-c-masthead" id="static-bottom-pagination-demo-masthead">
14311
14289
  <span class="pf-c-masthead__toggle">
14312
14290
  <button
@@ -14352,7 +14330,7 @@ wrapperTag: div
14352
14330
  aria-label="Notifications"
14353
14331
  >
14354
14332
  <span class="pf-c-notification-badge">
14355
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
14333
+ <i class="pf-icon-bell" aria-hidden="true"></i>
14356
14334
  </span>
14357
14335
  </button>
14358
14336
  </div>
@@ -14599,9 +14577,7 @@ wrapperTag: div
14599
14577
  >
14600
14578
  <span class="pf-c-menu__item-description">
14601
14579
  <div class="pf-u-font-size-sm">Username:</div>
14602
- <div
14603
- class="pf-u-font-size-md"
14604
- >mshaksho@redhat.com</div>
14580
+ <div class="pf-u-font-size-md">ned_username</div>
14605
14581
  </span>
14606
14582
  </button>
14607
14583
  </li>
@@ -16193,7 +16169,6 @@ wrapperTag: div
16193
16169
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
16194
16170
  href="#main-content-column-management-demo"
16195
16171
  >Skip to content</a>
16196
-
16197
16172
  <header class="pf-c-masthead" id="column-management-demo-masthead">
16198
16173
  <span class="pf-c-masthead__toggle">
16199
16174
  <button
@@ -16239,7 +16214,7 @@ wrapperTag: div
16239
16214
  aria-label="Notifications"
16240
16215
  >
16241
16216
  <span class="pf-c-notification-badge">
16242
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
16217
+ <i class="pf-icon-bell" aria-hidden="true"></i>
16243
16218
  </span>
16244
16219
  </button>
16245
16220
  </div>
@@ -16486,9 +16461,7 @@ wrapperTag: div
16486
16461
  >
16487
16462
  <span class="pf-c-menu__item-description">
16488
16463
  <div class="pf-u-font-size-sm">Username:</div>
16489
- <div
16490
- class="pf-u-font-size-md"
16491
- >mshaksho@redhat.com</div>
16464
+ <div class="pf-u-font-size-md">ned_username</div>
16492
16465
  </span>
16493
16466
  </button>
16494
16467
  </li>
@@ -18162,7 +18135,6 @@ wrapperTag: div
18162
18135
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
18163
18136
  href="#main-content-sticky-header-demo"
18164
18137
  >Skip to content</a>
18165
-
18166
18138
  <header class="pf-c-masthead" id="sticky-header-demo-masthead">
18167
18139
  <span class="pf-c-masthead__toggle">
18168
18140
  <button
@@ -18208,7 +18180,7 @@ wrapperTag: div
18208
18180
  aria-label="Notifications"
18209
18181
  >
18210
18182
  <span class="pf-c-notification-badge">
18211
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
18183
+ <i class="pf-icon-bell" aria-hidden="true"></i>
18212
18184
  </span>
18213
18185
  </button>
18214
18186
  </div>
@@ -18455,9 +18427,7 @@ wrapperTag: div
18455
18427
  >
18456
18428
  <span class="pf-c-menu__item-description">
18457
18429
  <div class="pf-u-font-size-sm">Username:</div>
18458
- <div
18459
- class="pf-u-font-size-md"
18460
- >mshaksho@redhat.com</div>
18430
+ <div class="pf-u-font-size-md">ned_username</div>
18461
18431
  </span>
18462
18432
  </button>
18463
18433
  </li>
@@ -20049,7 +20019,6 @@ wrapperTag: div
20049
20019
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
20050
20020
  href="#main-content-sticky-first-column-demo"
20051
20021
  >Skip to content</a>
20052
-
20053
20022
  <header class="pf-c-masthead" id="sticky-first-column-demo-masthead">
20054
20023
  <span class="pf-c-masthead__toggle">
20055
20024
  <button
@@ -20095,7 +20064,7 @@ wrapperTag: div
20095
20064
  aria-label="Notifications"
20096
20065
  >
20097
20066
  <span class="pf-c-notification-badge">
20098
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
20067
+ <i class="pf-icon-bell" aria-hidden="true"></i>
20099
20068
  </span>
20100
20069
  </button>
20101
20070
  </div>
@@ -20342,9 +20311,7 @@ wrapperTag: div
20342
20311
  >
20343
20312
  <span class="pf-c-menu__item-description">
20344
20313
  <div class="pf-u-font-size-sm">Username:</div>
20345
- <div
20346
- class="pf-u-font-size-md"
20347
- >mshaksho@redhat.com</div>
20314
+ <div class="pf-u-font-size-md">ned_username</div>
20348
20315
  </span>
20349
20316
  </button>
20350
20317
  </li>
@@ -21860,7 +21827,6 @@ wrapperTag: div
21860
21827
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
21861
21828
  href="#main-content-sticky-multiple-columns-demo"
21862
21829
  >Skip to content</a>
21863
-
21864
21830
  <header class="pf-c-masthead" id="sticky-multiple-columns-demo-masthead">
21865
21831
  <span class="pf-c-masthead__toggle">
21866
21832
  <button
@@ -21906,7 +21872,7 @@ wrapperTag: div
21906
21872
  aria-label="Notifications"
21907
21873
  >
21908
21874
  <span class="pf-c-notification-badge">
21909
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
21875
+ <i class="pf-icon-bell" aria-hidden="true"></i>
21910
21876
  </span>
21911
21877
  </button>
21912
21878
  </div>
@@ -22153,9 +22119,7 @@ wrapperTag: div
22153
22119
  >
22154
22120
  <span class="pf-c-menu__item-description">
22155
22121
  <div class="pf-u-font-size-sm">Username:</div>
22156
- <div
22157
- class="pf-u-font-size-md"
22158
- >mshaksho@redhat.com</div>
22122
+ <div class="pf-u-font-size-md">ned_username</div>
22159
22123
  </span>
22160
22124
  </button>
22161
22125
  </li>
@@ -23690,7 +23654,6 @@ wrapperTag: div
23690
23654
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
23691
23655
  href="#main-content-sticky-header-and-multiple columns-demo"
23692
23656
  >Skip to content</a>
23693
-
23694
23657
  <header
23695
23658
  class="pf-c-masthead"
23696
23659
  id="sticky-header-and-multiple columns-demo-masthead"
@@ -23739,7 +23702,7 @@ wrapperTag: div
23739
23702
  aria-label="Notifications"
23740
23703
  >
23741
23704
  <span class="pf-c-notification-badge">
23742
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
23705
+ <i class="pf-icon-bell" aria-hidden="true"></i>
23743
23706
  </span>
23744
23707
  </button>
23745
23708
  </div>
@@ -23986,9 +23949,7 @@ wrapperTag: div
23986
23949
  >
23987
23950
  <span class="pf-c-menu__item-description">
23988
23951
  <div class="pf-u-font-size-sm">Username:</div>
23989
- <div
23990
- class="pf-u-font-size-md"
23991
- >mshaksho@redhat.com</div>
23952
+ <div class="pf-u-font-size-md">ned_username</div>
23992
23953
  </span>
23993
23954
  </button>
23994
23955
  </li>