@patternfly/patternfly 4.184.1 → 4.185.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 (111) hide show
  1. package/assets/icons/iconUnicodes.json +1 -0
  2. package/assets/pficon/pficon.scss +6 -0
  3. package/assets/pficon/pficon.woff +0 -0
  4. package/assets/pficon/pficon.woff2 +0 -0
  5. package/base/patternfly-icons.css +5 -1
  6. package/base/patternfly-pf-icons.css +5 -1
  7. package/components/Masthead/masthead.css +1 -1
  8. package/components/Masthead/masthead.scss +1 -1
  9. package/components/Menu/menu.css +1 -0
  10. package/components/Menu/menu.scss +1 -0
  11. package/docs/components/Form/examples/Form.md +118 -47
  12. package/docs/components/MenuToggle/examples/MenuToggle.md +17 -0
  13. package/docs/components/ModalBox/examples/ModalBox.md +1 -0
  14. package/docs/components/OptionsMenu/examples/options-menu.md +1 -1
  15. package/docs/components/Page/examples/Page.md +9 -8
  16. package/docs/components/Pagination/examples/Pagination.css +3 -0
  17. package/docs/components/Pagination/examples/Pagination.md +136 -158
  18. package/docs/components/Toolbar/examples/Toolbar.md +22 -26
  19. package/docs/components/Wizard/examples/Wizard.md +19 -18
  20. package/docs/demos/AboutModal/examples/AboutModal.md +916 -1
  21. package/docs/demos/Alert/examples/Alert.md +2484 -490
  22. package/docs/demos/BackToTop/examples/BackToTop.md +785 -140
  23. package/docs/demos/Banner/examples/Banner.md +2074 -1466
  24. package/docs/demos/Button/examples/Button.md +33 -21
  25. package/docs/demos/CardView/examples/CardView.md +1086 -285
  26. package/docs/demos/ContextSelector/examples/ContextSelector.md +1580 -1638
  27. package/docs/demos/Dashboard/examples/Dashboard.md +40 -6
  28. package/docs/demos/DataList/examples/DataList.md +3703 -1495
  29. package/docs/demos/DescriptionList/examples/DescriptionList.md +55 -61
  30. package/docs/demos/Drawer/examples/Drawer.md +2554 -439
  31. package/docs/demos/Form/examples/BasicForms.md +40 -8
  32. package/docs/demos/JumpLinks/examples/JumpLinks.md +3223 -596
  33. package/docs/demos/Masthead/examples/Masthead.md +9 -20
  34. package/docs/demos/Modal/examples/Modal.md +5525 -35
  35. package/docs/demos/Nav/examples/Nav.md +6453 -1201
  36. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4036 -940
  37. package/docs/demos/Page/examples/Page.md +15 -35
  38. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +5 -1
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +20 -4
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6829 -2373
  41. package/docs/demos/Skeleton/examples/Skeleton.md +831 -149
  42. package/docs/demos/Table/examples/Table.md +253 -338
  43. package/docs/demos/Tabs/examples/Tabs.md +8171 -2943
  44. package/docs/demos/Toolbar/examples/Toolbar.md +885 -253
  45. package/docs/demos/Wizard/examples/Wizard.md +3422 -292
  46. package/docs/pages/icons.md +1 -0
  47. package/icons/pf-icons.json +1 -0
  48. package/package.json +1 -1
  49. package/patternfly-base-no-reset.css +5 -1
  50. package/patternfly-base.css +5 -1
  51. package/patternfly-no-reset.css +7 -2
  52. package/patternfly-theme-dark.css +21 -21
  53. package/patternfly.css +7 -2
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
  56. package/themes/dark/_patternfly-theme-dark.scss +119 -0
  57. package/themes/dark/_variables.scss +94 -0
  58. package/themes/dark/colors.scss +16 -0
  59. package/themes/dark/globals.scss +7 -0
  60. package/themes/dark/mixins.scss +5 -0
  61. package/themes/dark/placeholders.scss +30 -0
  62. package/themes/dark/scss-variables.scss +85 -0
  63. package/components/AboutModalBox/themes/dark/about-modal-box.css +0 -0
  64. package/components/Accordion/themes/dark/accordion.css +0 -0
  65. package/components/Alert/themes/dark/alert.css +0 -0
  66. package/components/AppLauncher/themes/dark/app-launcher.css +0 -0
  67. package/components/Badge/themes/dark/badge.css +0 -0
  68. package/components/Banner/themes/dark/banner.css +0 -0
  69. package/components/Breadcrumb/themes/dark/breadcrumb.css +0 -0
  70. package/components/Button/themes/dark/button.css +0 -0
  71. package/components/CalendarMonth/themes/dark/calendar-month.css +0 -0
  72. package/components/Chip/themes/dark/chip.css +0 -0
  73. package/components/ClipboardCopy/themes/dark/clipboard-copy.css +0 -0
  74. package/components/CodeEditor/themes/dark/code-editor.css +0 -0
  75. package/components/ContextSelector/themes/dark/context-selector.css +0 -0
  76. package/components/DataList/themes/dark/data-list.css +0 -0
  77. package/components/DatePicker/themes/dark/date-picker.css +0 -0
  78. package/components/Drawer/themes/dark/drawer.css +0 -0
  79. package/components/Dropdown/themes/dark/dropdown.css +0 -0
  80. package/components/Form/themes/dark/form.css +0 -0
  81. package/components/FormControl/themes/dark/form-control.css +0 -0
  82. package/components/HelperText/themes/dark/helper-text.css +0 -0
  83. package/components/Hint/themes/dark/hint.css +0 -0
  84. package/components/InputGroup/themes/dark/input-group.css +0 -0
  85. package/components/Label/themes/dark/label.css +0 -0
  86. package/components/LogViewer/themes/dark/log-viewer.css +0 -0
  87. package/components/Login/themes/dark/login.css +0 -0
  88. package/components/Masthead/themes/dark/masthead.css +0 -0
  89. package/components/Menu/themes/dark/menu.css +0 -0
  90. package/components/MenuToggle/themes/dark/menu-toggle.css +0 -0
  91. package/components/ModalBox/themes/dark/modal-box.css +0 -0
  92. package/components/Nav/themes/dark/nav.css +0 -0
  93. package/components/NotificationBadge/themes/dark/notification-badge.css +0 -0
  94. package/components/NotificationDrawer/themes/dark/notification-drawer.css +0 -0
  95. package/components/OptionsMenu/themes/dark/options-menu.css +0 -0
  96. package/components/Page/themes/dark/page.css +0 -0
  97. package/components/Pagination/themes/dark/pagination.css +0 -0
  98. package/components/Popover/themes/dark/popover.css +0 -0
  99. package/components/Progress/themes/dark/progress.css +0 -0
  100. package/components/SearchInput/themes/dark/search-input.css +0 -0
  101. package/components/Select/themes/dark/select.css +0 -0
  102. package/components/SimpleList/themes/dark/simple-list.css +0 -0
  103. package/components/Skeleton/themes/dark/skeleton.css +0 -0
  104. package/components/Switch/themes/dark/switch.css +0 -0
  105. package/components/Table/themes/dark/table.css +0 -0
  106. package/components/Tabs/themes/dark/tabs.css +0 -0
  107. package/components/Tile/themes/dark/tile.css +0 -0
  108. package/components/ToggleGroup/themes/dark/toggle-group.css +0 -0
  109. package/components/Tooltip/themes/dark/tooltip.css +0 -0
  110. package/components/TreeView/themes/dark/tree-view.css +0 -0
  111. package/components/Wizard/themes/dark/wizard.css +0 -0
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>
@@ -1090,23 +1087,21 @@ wrapperTag: div
1090
1087
  <div class="pf-c-toolbar__item pf-m-pagination">
1091
1088
  <div class="pf-c-pagination pf-m-compact">
1092
1089
  <div class="pf-c-options-menu">
1093
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
1090
+ <button
1091
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1092
+ type="button"
1093
+ id="-top-pagination-toggle"
1094
+ aria-haspopup="listbox"
1095
+ aria-expanded="false"
1096
+ >
1094
1097
  <span class="pf-c-options-menu__toggle-text">
1095
1098
  <b>1 - 10</b>&nbsp;of&nbsp;
1096
1099
  <b>36</b>
1097
1100
  </span>
1098
- <button
1099
- class="pf-c-options-menu__toggle-button"
1100
- id="-top-pagination-toggle"
1101
- aria-haspopup="listbox"
1102
- aria-expanded="false"
1103
- aria-label="Items per page"
1104
- >
1105
- <span class="pf-c-options-menu__toggle-button-icon">
1106
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1107
- </span>
1108
- </button>
1109
- </div>
1101
+ <div class="pf-c-options-menu__toggle-icon">
1102
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1103
+ </div>
1104
+ </button>
1110
1105
  <ul
1111
1106
  class="pf-c-options-menu__menu"
1112
1107
  aria-labelledby="-top-pagination-toggle"
@@ -1620,23 +1615,21 @@ wrapperTag: div
1620
1615
  </table>
1621
1616
  <div class="pf-c-pagination pf-m-bottom">
1622
1617
  <div class="pf-c-options-menu pf-m-top">
1623
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
1618
+ <button
1619
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1620
+ type="button"
1621
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1622
+ aria-haspopup="listbox"
1623
+ aria-expanded="false"
1624
+ >
1624
1625
  <span class="pf-c-options-menu__toggle-text">
1625
1626
  <b>1 - 10</b>&nbsp;of&nbsp;
1626
1627
  <b>36</b>
1627
1628
  </span>
1628
- <button
1629
- class="pf-c-options-menu__toggle-button"
1630
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1631
- aria-haspopup="listbox"
1632
- aria-expanded="false"
1633
- aria-label="Items per page"
1634
- >
1635
- <span class="pf-c-options-menu__toggle-button-icon">
1636
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1637
- </span>
1638
- </button>
1639
- </div>
1629
+ <div class="pf-c-options-menu__toggle-icon">
1630
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1631
+ </div>
1632
+ </button>
1640
1633
  <ul
1641
1634
  class="pf-c-options-menu__menu pf-m-top"
1642
1635
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -1731,7 +1724,6 @@ wrapperTag: div
1731
1724
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
1732
1725
  href="#main-content-sortable-demo"
1733
1726
  >Skip to content</a>
1734
-
1735
1727
  <header class="pf-c-masthead" id="sortable-demo-masthead">
1736
1728
  <span class="pf-c-masthead__toggle">
1737
1729
  <button
@@ -1777,7 +1769,7 @@ wrapperTag: div
1777
1769
  aria-label="Notifications"
1778
1770
  >
1779
1771
  <span class="pf-c-notification-badge">
1780
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
1772
+ <i class="pf-icon-bell" aria-hidden="true"></i>
1781
1773
  </span>
1782
1774
  </button>
1783
1775
  </div>
@@ -2024,9 +2016,7 @@ wrapperTag: div
2024
2016
  >
2025
2017
  <span class="pf-c-menu__item-description">
2026
2018
  <div class="pf-u-font-size-sm">Username:</div>
2027
- <div
2028
- class="pf-u-font-size-md"
2029
- >mshaksho@redhat.com</div>
2019
+ <div class="pf-u-font-size-md">ned_username</div>
2030
2020
  </span>
2031
2021
  </button>
2032
2022
  </li>
@@ -2913,23 +2903,21 @@ wrapperTag: div
2913
2903
  <div class="pf-c-toolbar__item pf-m-pagination">
2914
2904
  <div class="pf-c-pagination pf-m-compact">
2915
2905
  <div class="pf-c-options-menu">
2916
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
2906
+ <button
2907
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
2908
+ type="button"
2909
+ id="-top-pagination-toggle"
2910
+ aria-haspopup="listbox"
2911
+ aria-expanded="false"
2912
+ >
2917
2913
  <span class="pf-c-options-menu__toggle-text">
2918
2914
  <b>1 - 10</b>&nbsp;of&nbsp;
2919
2915
  <b>36</b>
2920
2916
  </span>
2921
- <button
2922
- class="pf-c-options-menu__toggle-button"
2923
- id="-top-pagination-toggle"
2924
- aria-haspopup="listbox"
2925
- aria-expanded="false"
2926
- aria-label="Items per page"
2927
- >
2928
- <span class="pf-c-options-menu__toggle-button-icon">
2929
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2930
- </span>
2931
- </button>
2932
- </div>
2917
+ <div class="pf-c-options-menu__toggle-icon">
2918
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2919
+ </div>
2920
+ </button>
2933
2921
  <ul
2934
2922
  class="pf-c-options-menu__menu"
2935
2923
  aria-labelledby="-top-pagination-toggle"
@@ -3513,23 +3501,21 @@ wrapperTag: div
3513
3501
  </table>
3514
3502
  <div class="pf-c-pagination pf-m-bottom">
3515
3503
  <div class="pf-c-options-menu pf-m-top">
3516
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
3504
+ <button
3505
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
3506
+ type="button"
3507
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3508
+ aria-haspopup="listbox"
3509
+ aria-expanded="false"
3510
+ >
3517
3511
  <span class="pf-c-options-menu__toggle-text">
3518
3512
  <b>1 - 10</b>&nbsp;of&nbsp;
3519
3513
  <b>36</b>
3520
3514
  </span>
3521
- <button
3522
- class="pf-c-options-menu__toggle-button"
3523
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3524
- aria-haspopup="listbox"
3525
- aria-expanded="false"
3526
- aria-label="Items per page"
3527
- >
3528
- <span class="pf-c-options-menu__toggle-button-icon">
3529
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3530
- </span>
3531
- </button>
3532
- </div>
3515
+ <div class="pf-c-options-menu__toggle-icon">
3516
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3517
+ </div>
3518
+ </button>
3533
3519
  <ul
3534
3520
  class="pf-c-options-menu__menu pf-m-top"
3535
3521
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -3624,7 +3610,6 @@ wrapperTag: div
3624
3610
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
3625
3611
  href="#main-content-expandable-demo"
3626
3612
  >Skip to content</a>
3627
-
3628
3613
  <header class="pf-c-masthead" id="expandable-demo-masthead">
3629
3614
  <span class="pf-c-masthead__toggle">
3630
3615
  <button
@@ -3670,7 +3655,7 @@ wrapperTag: div
3670
3655
  aria-label="Notifications"
3671
3656
  >
3672
3657
  <span class="pf-c-notification-badge">
3673
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
3658
+ <i class="pf-icon-bell" aria-hidden="true"></i>
3674
3659
  </span>
3675
3660
  </button>
3676
3661
  </div>
@@ -3917,9 +3902,7 @@ wrapperTag: div
3917
3902
  >
3918
3903
  <span class="pf-c-menu__item-description">
3919
3904
  <div class="pf-u-font-size-sm">Username:</div>
3920
- <div
3921
- class="pf-u-font-size-md"
3922
- >mshaksho@redhat.com</div>
3905
+ <div class="pf-u-font-size-md">ned_username</div>
3923
3906
  </span>
3924
3907
  </button>
3925
3908
  </li>
@@ -4870,23 +4853,21 @@ wrapperTag: div
4870
4853
  <div class="pf-c-toolbar__item pf-m-pagination">
4871
4854
  <div class="pf-c-pagination pf-m-compact">
4872
4855
  <div class="pf-c-options-menu">
4873
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
4856
+ <button
4857
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
4858
+ type="button"
4859
+ id="-top-pagination-toggle"
4860
+ aria-haspopup="listbox"
4861
+ aria-expanded="false"
4862
+ >
4874
4863
  <span class="pf-c-options-menu__toggle-text">
4875
4864
  <b>1 - 10</b>&nbsp;of&nbsp;
4876
4865
  <b>36</b>
4877
4866
  </span>
4878
- <button
4879
- class="pf-c-options-menu__toggle-button"
4880
- id="-top-pagination-toggle"
4881
- aria-haspopup="listbox"
4882
- aria-expanded="false"
4883
- aria-label="Items per page"
4884
- >
4885
- <span class="pf-c-options-menu__toggle-button-icon">
4886
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4887
- </span>
4888
- </button>
4889
- </div>
4867
+ <div class="pf-c-options-menu__toggle-icon">
4868
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4869
+ </div>
4870
+ </button>
4890
4871
  <ul
4891
4872
  class="pf-c-options-menu__menu"
4892
4873
  aria-labelledby="-top-pagination-toggle"
@@ -5608,23 +5589,21 @@ wrapperTag: div
5608
5589
  </table>
5609
5590
  <div class="pf-c-pagination pf-m-bottom">
5610
5591
  <div class="pf-c-options-menu pf-m-top">
5611
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
5592
+ <button
5593
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
5594
+ type="button"
5595
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
5596
+ aria-haspopup="listbox"
5597
+ aria-expanded="false"
5598
+ >
5612
5599
  <span class="pf-c-options-menu__toggle-text">
5613
5600
  <b>1 - 10</b>&nbsp;of&nbsp;
5614
5601
  <b>36</b>
5615
5602
  </span>
5616
- <button
5617
- class="pf-c-options-menu__toggle-button"
5618
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
5619
- aria-haspopup="listbox"
5620
- aria-expanded="false"
5621
- aria-label="Items per page"
5622
- >
5623
- <span class="pf-c-options-menu__toggle-button-icon">
5624
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5625
- </span>
5626
- </button>
5627
- </div>
5603
+ <div class="pf-c-options-menu__toggle-icon">
5604
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
5605
+ </div>
5606
+ </button>
5628
5607
  <ul
5629
5608
  class="pf-c-options-menu__menu pf-m-top"
5630
5609
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -5719,7 +5698,6 @@ wrapperTag: div
5719
5698
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
5720
5699
  href="#main-content-compact-demo"
5721
5700
  >Skip to content</a>
5722
-
5723
5701
  <header class="pf-c-masthead" id="compact-demo-masthead">
5724
5702
  <span class="pf-c-masthead__toggle">
5725
5703
  <button
@@ -5765,7 +5743,7 @@ wrapperTag: div
5765
5743
  aria-label="Notifications"
5766
5744
  >
5767
5745
  <span class="pf-c-notification-badge">
5768
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
5746
+ <i class="pf-icon-bell" aria-hidden="true"></i>
5769
5747
  </span>
5770
5748
  </button>
5771
5749
  </div>
@@ -6012,9 +5990,7 @@ wrapperTag: div
6012
5990
  >
6013
5991
  <span class="pf-c-menu__item-description">
6014
5992
  <div class="pf-u-font-size-sm">Username:</div>
6015
- <div
6016
- class="pf-u-font-size-md"
6017
- >mshaksho@redhat.com</div>
5993
+ <div class="pf-u-font-size-md">ned_username</div>
6018
5994
  </span>
6019
5995
  </button>
6020
5996
  </li>
@@ -6961,23 +6937,21 @@ wrapperTag: div
6961
6937
  <div class="pf-c-toolbar__item pf-m-pagination">
6962
6938
  <div class="pf-c-pagination pf-m-compact">
6963
6939
  <div class="pf-c-options-menu">
6964
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
6940
+ <button
6941
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
6942
+ type="button"
6943
+ id="-top-pagination-toggle"
6944
+ aria-haspopup="listbox"
6945
+ aria-expanded="false"
6946
+ >
6965
6947
  <span class="pf-c-options-menu__toggle-text">
6966
6948
  <b>1 - 10</b>&nbsp;of&nbsp;
6967
6949
  <b>36</b>
6968
6950
  </span>
6969
- <button
6970
- class="pf-c-options-menu__toggle-button"
6971
- id="-top-pagination-toggle"
6972
- aria-haspopup="listbox"
6973
- aria-expanded="false"
6974
- aria-label="Items per page"
6975
- >
6976
- <span class="pf-c-options-menu__toggle-button-icon">
6977
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6978
- </span>
6979
- </button>
6980
- </div>
6951
+ <div class="pf-c-options-menu__toggle-icon">
6952
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
6953
+ </div>
6954
+ </button>
6981
6955
  <ul
6982
6956
  class="pf-c-options-menu__menu"
6983
6957
  aria-labelledby="-top-pagination-toggle"
@@ -7359,23 +7333,21 @@ wrapperTag: div
7359
7333
  </table>
7360
7334
  <div class="pf-c-pagination pf-m-bottom">
7361
7335
  <div class="pf-c-options-menu pf-m-top">
7362
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
7336
+ <button
7337
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
7338
+ type="button"
7339
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
7340
+ aria-haspopup="listbox"
7341
+ aria-expanded="false"
7342
+ >
7363
7343
  <span class="pf-c-options-menu__toggle-text">
7364
7344
  <b>1 - 10</b>&nbsp;of&nbsp;
7365
7345
  <b>36</b>
7366
7346
  </span>
7367
- <button
7368
- class="pf-c-options-menu__toggle-button"
7369
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
7370
- aria-haspopup="listbox"
7371
- aria-expanded="false"
7372
- aria-label="Items per page"
7373
- >
7374
- <span class="pf-c-options-menu__toggle-button-icon">
7375
- <i class="fas fa-caret-down" aria-hidden="true"></i>
7376
- </span>
7377
- </button>
7378
- </div>
7347
+ <div class="pf-c-options-menu__toggle-icon">
7348
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
7349
+ </div>
7350
+ </button>
7379
7351
  <ul
7380
7352
  class="pf-c-options-menu__menu pf-m-top"
7381
7353
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -7470,7 +7442,6 @@ wrapperTag: div
7470
7442
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
7471
7443
  href="#main-content-compound-expansion-demo"
7472
7444
  >Skip to content</a>
7473
-
7474
7445
  <header class="pf-c-masthead" id="compound-expansion-demo-masthead">
7475
7446
  <span class="pf-c-masthead__toggle">
7476
7447
  <button
@@ -7516,7 +7487,7 @@ wrapperTag: div
7516
7487
  aria-label="Notifications"
7517
7488
  >
7518
7489
  <span class="pf-c-notification-badge">
7519
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
7490
+ <i class="pf-icon-bell" aria-hidden="true"></i>
7520
7491
  </span>
7521
7492
  </button>
7522
7493
  </div>
@@ -7763,9 +7734,7 @@ wrapperTag: div
7763
7734
  >
7764
7735
  <span class="pf-c-menu__item-description">
7765
7736
  <div class="pf-u-font-size-sm">Username:</div>
7766
- <div
7767
- class="pf-u-font-size-md"
7768
- >mshaksho@redhat.com</div>
7737
+ <div class="pf-u-font-size-md">ned_username</div>
7769
7738
  </span>
7770
7739
  </button>
7771
7740
  </li>
@@ -8720,23 +8689,21 @@ wrapperTag: div
8720
8689
  <div class="pf-c-toolbar__item pf-m-pagination">
8721
8690
  <div class="pf-c-pagination pf-m-compact">
8722
8691
  <div class="pf-c-options-menu">
8723
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
8692
+ <button
8693
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
8694
+ type="button"
8695
+ id="-top-pagination-toggle"
8696
+ aria-haspopup="listbox"
8697
+ aria-expanded="false"
8698
+ >
8724
8699
  <span class="pf-c-options-menu__toggle-text">
8725
8700
  <b>1 - 10</b>&nbsp;of&nbsp;
8726
8701
  <b>36</b>
8727
8702
  </span>
8728
- <button
8729
- class="pf-c-options-menu__toggle-button"
8730
- id="-top-pagination-toggle"
8731
- aria-haspopup="listbox"
8732
- aria-expanded="false"
8733
- aria-label="Items per page"
8734
- >
8735
- <span class="pf-c-options-menu__toggle-button-icon">
8736
- <i class="fas fa-caret-down" aria-hidden="true"></i>
8737
- </span>
8738
- </button>
8739
- </div>
8703
+ <div class="pf-c-options-menu__toggle-icon">
8704
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
8705
+ </div>
8706
+ </button>
8740
8707
  <ul
8741
8708
  class="pf-c-options-menu__menu"
8742
8709
  aria-labelledby="-top-pagination-toggle"
@@ -12324,23 +12291,21 @@ wrapperTag: div
12324
12291
  </table>
12325
12292
  <div class="pf-c-pagination pf-m-bottom">
12326
12293
  <div class="pf-c-options-menu pf-m-top">
12327
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
12294
+ <button
12295
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
12296
+ type="button"
12297
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
12298
+ aria-haspopup="listbox"
12299
+ aria-expanded="false"
12300
+ >
12328
12301
  <span class="pf-c-options-menu__toggle-text">
12329
12302
  <b>1 - 10</b>&nbsp;of&nbsp;
12330
12303
  <b>36</b>
12331
12304
  </span>
12332
- <button
12333
- class="pf-c-options-menu__toggle-button"
12334
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
12335
- aria-haspopup="listbox"
12336
- aria-expanded="false"
12337
- aria-label="Items per page"
12338
- >
12339
- <span class="pf-c-options-menu__toggle-button-icon">
12340
- <i class="fas fa-caret-down" aria-hidden="true"></i>
12341
- </span>
12342
- </button>
12343
- </div>
12305
+ <div class="pf-c-options-menu__toggle-icon">
12306
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
12307
+ </div>
12308
+ </button>
12344
12309
  <ul
12345
12310
  class="pf-c-options-menu__menu pf-m-top"
12346
12311
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -12435,7 +12400,6 @@ wrapperTag: div
12435
12400
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
12436
12401
  href="#main-content-loading-state-demo"
12437
12402
  >Skip to content</a>
12438
-
12439
12403
  <header class="pf-c-masthead" id="loading-state-demo-masthead">
12440
12404
  <span class="pf-c-masthead__toggle">
12441
12405
  <button
@@ -12481,7 +12445,7 @@ wrapperTag: div
12481
12445
  aria-label="Notifications"
12482
12446
  >
12483
12447
  <span class="pf-c-notification-badge">
12484
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
12448
+ <i class="pf-icon-bell" aria-hidden="true"></i>
12485
12449
  </span>
12486
12450
  </button>
12487
12451
  </div>
@@ -12728,9 +12692,7 @@ wrapperTag: div
12728
12692
  >
12729
12693
  <span class="pf-c-menu__item-description">
12730
12694
  <div class="pf-u-font-size-sm">Username:</div>
12731
- <div
12732
- class="pf-u-font-size-md"
12733
- >mshaksho@redhat.com</div>
12695
+ <div class="pf-u-font-size-md">ned_username</div>
12734
12696
  </span>
12735
12697
  </button>
12736
12698
  </li>
@@ -13379,7 +13341,6 @@ wrapperTag: div
13379
13341
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
13380
13342
  href="#main-content-empty-state-demo"
13381
13343
  >Skip to content</a>
13382
-
13383
13344
  <header class="pf-c-masthead" id="empty-state-demo-masthead">
13384
13345
  <span class="pf-c-masthead__toggle">
13385
13346
  <button
@@ -13425,7 +13386,7 @@ wrapperTag: div
13425
13386
  aria-label="Notifications"
13426
13387
  >
13427
13388
  <span class="pf-c-notification-badge">
13428
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
13389
+ <i class="pf-icon-bell" aria-hidden="true"></i>
13429
13390
  </span>
13430
13391
  </button>
13431
13392
  </div>
@@ -13672,9 +13633,7 @@ wrapperTag: div
13672
13633
  >
13673
13634
  <span class="pf-c-menu__item-description">
13674
13635
  <div class="pf-u-font-size-sm">Username:</div>
13675
- <div
13676
- class="pf-u-font-size-md"
13677
- >mshaksho@redhat.com</div>
13636
+ <div class="pf-u-font-size-md">ned_username</div>
13678
13637
  </span>
13679
13638
  </button>
13680
13639
  </li>
@@ -14326,7 +14285,6 @@ wrapperTag: div
14326
14285
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
14327
14286
  href="#main-content-static-bottom-pagination-demo"
14328
14287
  >Skip to content</a>
14329
-
14330
14288
  <header class="pf-c-masthead" id="static-bottom-pagination-demo-masthead">
14331
14289
  <span class="pf-c-masthead__toggle">
14332
14290
  <button
@@ -14372,7 +14330,7 @@ wrapperTag: div
14372
14330
  aria-label="Notifications"
14373
14331
  >
14374
14332
  <span class="pf-c-notification-badge">
14375
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
14333
+ <i class="pf-icon-bell" aria-hidden="true"></i>
14376
14334
  </span>
14377
14335
  </button>
14378
14336
  </div>
@@ -14619,9 +14577,7 @@ wrapperTag: div
14619
14577
  >
14620
14578
  <span class="pf-c-menu__item-description">
14621
14579
  <div class="pf-u-font-size-sm">Username:</div>
14622
- <div
14623
- class="pf-u-font-size-md"
14624
- >mshaksho@redhat.com</div>
14580
+ <div class="pf-u-font-size-md">ned_username</div>
14625
14581
  </span>
14626
14582
  </button>
14627
14583
  </li>
@@ -15576,23 +15532,21 @@ wrapperTag: div
15576
15532
  <div class="pf-c-toolbar__item pf-m-pagination">
15577
15533
  <div class="pf-c-pagination pf-m-compact">
15578
15534
  <div class="pf-c-options-menu">
15579
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
15535
+ <button
15536
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
15537
+ type="button"
15538
+ id="-top-pagination-toggle"
15539
+ aria-haspopup="listbox"
15540
+ aria-expanded="false"
15541
+ >
15580
15542
  <span class="pf-c-options-menu__toggle-text">
15581
15543
  <b>1 - 10</b>&nbsp;of&nbsp;
15582
15544
  <b>36</b>
15583
15545
  </span>
15584
- <button
15585
- class="pf-c-options-menu__toggle-button"
15586
- id="-top-pagination-toggle"
15587
- aria-haspopup="listbox"
15588
- aria-expanded="false"
15589
- aria-label="Items per page"
15590
- >
15591
- <span class="pf-c-options-menu__toggle-button-icon">
15592
- <i class="fas fa-caret-down" aria-hidden="true"></i>
15593
- </span>
15594
- </button>
15595
- </div>
15546
+ <div class="pf-c-options-menu__toggle-icon">
15547
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
15548
+ </div>
15549
+ </button>
15596
15550
  <ul
15597
15551
  class="pf-c-options-menu__menu"
15598
15552
  aria-labelledby="-top-pagination-toggle"
@@ -16106,23 +16060,21 @@ wrapperTag: div
16106
16060
  </table>
16107
16061
  <div class="pf-c-pagination pf-m-bottom pf-m-static">
16108
16062
  <div class="pf-c-options-menu pf-m-top">
16109
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
16063
+ <button
16064
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
16065
+ type="button"
16066
+ id="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
16067
+ aria-haspopup="listbox"
16068
+ aria-expanded="false"
16069
+ >
16110
16070
  <span class="pf-c-options-menu__toggle-text">
16111
16071
  <b>1 - 10</b>&nbsp;of&nbsp;
16112
16072
  <b>36</b>
16113
16073
  </span>
16114
- <button
16115
- class="pf-c-options-menu__toggle-button"
16116
- id="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
16117
- aria-haspopup="listbox"
16118
- aria-expanded="false"
16119
- aria-label="Items per page"
16120
- >
16121
- <span class="pf-c-options-menu__toggle-button-icon">
16122
- <i class="fas fa-caret-down" aria-hidden="true"></i>
16123
- </span>
16124
- </button>
16125
- </div>
16074
+ <div class="pf-c-options-menu__toggle-icon">
16075
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
16076
+ </div>
16077
+ </button>
16126
16078
  <ul
16127
16079
  class="pf-c-options-menu__menu pf-m-top"
16128
16080
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
@@ -16217,7 +16169,6 @@ wrapperTag: div
16217
16169
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
16218
16170
  href="#main-content-column-management-demo"
16219
16171
  >Skip to content</a>
16220
-
16221
16172
  <header class="pf-c-masthead" id="column-management-demo-masthead">
16222
16173
  <span class="pf-c-masthead__toggle">
16223
16174
  <button
@@ -16263,7 +16214,7 @@ wrapperTag: div
16263
16214
  aria-label="Notifications"
16264
16215
  >
16265
16216
  <span class="pf-c-notification-badge">
16266
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
16217
+ <i class="pf-icon-bell" aria-hidden="true"></i>
16267
16218
  </span>
16268
16219
  </button>
16269
16220
  </div>
@@ -16510,9 +16461,7 @@ wrapperTag: div
16510
16461
  >
16511
16462
  <span class="pf-c-menu__item-description">
16512
16463
  <div class="pf-u-font-size-sm">Username:</div>
16513
- <div
16514
- class="pf-u-font-size-md"
16515
- >mshaksho@redhat.com</div>
16464
+ <div class="pf-u-font-size-md">ned_username</div>
16516
16465
  </span>
16517
16466
  </button>
16518
16467
  </li>
@@ -17467,23 +17416,21 @@ wrapperTag: div
17467
17416
  <div class="pf-c-toolbar__item pf-m-pagination">
17468
17417
  <div class="pf-c-pagination pf-m-compact">
17469
17418
  <div class="pf-c-options-menu">
17470
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
17419
+ <button
17420
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
17421
+ type="button"
17422
+ id="-top-pagination-toggle"
17423
+ aria-haspopup="listbox"
17424
+ aria-expanded="false"
17425
+ >
17471
17426
  <span class="pf-c-options-menu__toggle-text">
17472
17427
  <b>1 - 10</b>&nbsp;of&nbsp;
17473
17428
  <b>36</b>
17474
17429
  </span>
17475
- <button
17476
- class="pf-c-options-menu__toggle-button"
17477
- id="-top-pagination-toggle"
17478
- aria-haspopup="listbox"
17479
- aria-expanded="false"
17480
- aria-label="Items per page"
17481
- >
17482
- <span class="pf-c-options-menu__toggle-button-icon">
17483
- <i class="fas fa-caret-down" aria-hidden="true"></i>
17484
- </span>
17485
- </button>
17486
- </div>
17430
+ <div class="pf-c-options-menu__toggle-icon">
17431
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
17432
+ </div>
17433
+ </button>
17487
17434
  <ul
17488
17435
  class="pf-c-options-menu__menu"
17489
17436
  aria-labelledby="-top-pagination-toggle"
@@ -18188,7 +18135,6 @@ wrapperTag: div
18188
18135
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
18189
18136
  href="#main-content-sticky-header-demo"
18190
18137
  >Skip to content</a>
18191
-
18192
18138
  <header class="pf-c-masthead" id="sticky-header-demo-masthead">
18193
18139
  <span class="pf-c-masthead__toggle">
18194
18140
  <button
@@ -18234,7 +18180,7 @@ wrapperTag: div
18234
18180
  aria-label="Notifications"
18235
18181
  >
18236
18182
  <span class="pf-c-notification-badge">
18237
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
18183
+ <i class="pf-icon-bell" aria-hidden="true"></i>
18238
18184
  </span>
18239
18185
  </button>
18240
18186
  </div>
@@ -18481,9 +18427,7 @@ wrapperTag: div
18481
18427
  >
18482
18428
  <span class="pf-c-menu__item-description">
18483
18429
  <div class="pf-u-font-size-sm">Username:</div>
18484
- <div
18485
- class="pf-u-font-size-md"
18486
- >mshaksho@redhat.com</div>
18430
+ <div class="pf-u-font-size-md">ned_username</div>
18487
18431
  </span>
18488
18432
  </button>
18489
18433
  </li>
@@ -19438,23 +19382,21 @@ wrapperTag: div
19438
19382
  <div class="pf-c-toolbar__item pf-m-pagination">
19439
19383
  <div class="pf-c-pagination pf-m-compact">
19440
19384
  <div class="pf-c-options-menu">
19441
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
19385
+ <button
19386
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
19387
+ type="button"
19388
+ id="-top-pagination-toggle"
19389
+ aria-haspopup="listbox"
19390
+ aria-expanded="false"
19391
+ >
19442
19392
  <span class="pf-c-options-menu__toggle-text">
19443
19393
  <b>1 - 10</b>&nbsp;of&nbsp;
19444
19394
  <b>36</b>
19445
19395
  </span>
19446
- <button
19447
- class="pf-c-options-menu__toggle-button"
19448
- id="-top-pagination-toggle"
19449
- aria-haspopup="listbox"
19450
- aria-expanded="false"
19451
- aria-label="Items per page"
19452
- >
19453
- <span class="pf-c-options-menu__toggle-button-icon">
19454
- <i class="fas fa-caret-down" aria-hidden="true"></i>
19455
- </span>
19456
- </button>
19457
- </div>
19396
+ <div class="pf-c-options-menu__toggle-icon">
19397
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
19398
+ </div>
19399
+ </button>
19458
19400
  <ul
19459
19401
  class="pf-c-options-menu__menu"
19460
19402
  aria-labelledby="-top-pagination-toggle"
@@ -19968,23 +19910,21 @@ wrapperTag: div
19968
19910
  </table>
19969
19911
  <div class="pf-c-pagination pf-m-bottom">
19970
19912
  <div class="pf-c-options-menu pf-m-top">
19971
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
19913
+ <button
19914
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
19915
+ type="button"
19916
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
19917
+ aria-haspopup="listbox"
19918
+ aria-expanded="false"
19919
+ >
19972
19920
  <span class="pf-c-options-menu__toggle-text">
19973
19921
  <b>1 - 10</b>&nbsp;of&nbsp;
19974
19922
  <b>36</b>
19975
19923
  </span>
19976
- <button
19977
- class="pf-c-options-menu__toggle-button"
19978
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
19979
- aria-haspopup="listbox"
19980
- aria-expanded="false"
19981
- aria-label="Items per page"
19982
- >
19983
- <span class="pf-c-options-menu__toggle-button-icon">
19984
- <i class="fas fa-caret-down" aria-hidden="true"></i>
19985
- </span>
19986
- </button>
19987
- </div>
19924
+ <div class="pf-c-options-menu__toggle-icon">
19925
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
19926
+ </div>
19927
+ </button>
19988
19928
  <ul
19989
19929
  class="pf-c-options-menu__menu pf-m-top"
19990
19930
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -20079,7 +20019,6 @@ wrapperTag: div
20079
20019
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
20080
20020
  href="#main-content-sticky-first-column-demo"
20081
20021
  >Skip to content</a>
20082
-
20083
20022
  <header class="pf-c-masthead" id="sticky-first-column-demo-masthead">
20084
20023
  <span class="pf-c-masthead__toggle">
20085
20024
  <button
@@ -20125,7 +20064,7 @@ wrapperTag: div
20125
20064
  aria-label="Notifications"
20126
20065
  >
20127
20066
  <span class="pf-c-notification-badge">
20128
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
20067
+ <i class="pf-icon-bell" aria-hidden="true"></i>
20129
20068
  </span>
20130
20069
  </button>
20131
20070
  </div>
@@ -20372,9 +20311,7 @@ wrapperTag: div
20372
20311
  >
20373
20312
  <span class="pf-c-menu__item-description">
20374
20313
  <div class="pf-u-font-size-sm">Username:</div>
20375
- <div
20376
- class="pf-u-font-size-md"
20377
- >mshaksho@redhat.com</div>
20314
+ <div class="pf-u-font-size-md">ned_username</div>
20378
20315
  </span>
20379
20316
  </button>
20380
20317
  </li>
@@ -21166,25 +21103,21 @@ wrapperTag: div
21166
21103
  <div class="pf-c-toolbar__item pf-m-pagination">
21167
21104
  <div class="pf-c-pagination pf-m-compact">
21168
21105
  <div class="pf-c-options-menu">
21169
- <div
21106
+ <button
21170
21107
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
21108
+ type="button"
21109
+ id="-top-pagination-toggle"
21110
+ aria-haspopup="listbox"
21111
+ aria-expanded="false"
21171
21112
  >
21172
21113
  <span class="pf-c-options-menu__toggle-text">
21173
21114
  <b>1 - 10</b>&nbsp;of&nbsp;
21174
21115
  <b>36</b>
21175
21116
  </span>
21176
- <button
21177
- class="pf-c-options-menu__toggle-button"
21178
- id="-top-pagination-toggle"
21179
- aria-haspopup="listbox"
21180
- aria-expanded="false"
21181
- aria-label="Items per page"
21182
- >
21183
- <span class="pf-c-options-menu__toggle-button-icon">
21184
- <i class="fas fa-caret-down" aria-hidden="true"></i>
21185
- </span>
21186
- </button>
21187
- </div>
21117
+ <div class="pf-c-options-menu__toggle-icon">
21118
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
21119
+ </div>
21120
+ </button>
21188
21121
  <ul
21189
21122
  class="pf-c-options-menu__menu"
21190
21123
  aria-labelledby="-top-pagination-toggle"
@@ -21784,23 +21717,21 @@ wrapperTag: div
21784
21717
  </div>
21785
21718
  <div class="pf-c-pagination pf-m-bottom">
21786
21719
  <div class="pf-c-options-menu pf-m-top">
21787
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
21720
+ <button
21721
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
21722
+ type="button"
21723
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
21724
+ aria-haspopup="listbox"
21725
+ aria-expanded="false"
21726
+ >
21788
21727
  <span class="pf-c-options-menu__toggle-text">
21789
21728
  <b>1 - 10</b>&nbsp;of&nbsp;
21790
21729
  <b>36</b>
21791
21730
  </span>
21792
- <button
21793
- class="pf-c-options-menu__toggle-button"
21794
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
21795
- aria-haspopup="listbox"
21796
- aria-expanded="false"
21797
- aria-label="Items per page"
21798
- >
21799
- <span class="pf-c-options-menu__toggle-button-icon">
21800
- <i class="fas fa-caret-down" aria-hidden="true"></i>
21801
- </span>
21802
- </button>
21803
- </div>
21731
+ <div class="pf-c-options-menu__toggle-icon">
21732
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
21733
+ </div>
21734
+ </button>
21804
21735
  <ul
21805
21736
  class="pf-c-options-menu__menu pf-m-top"
21806
21737
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -21896,7 +21827,6 @@ wrapperTag: div
21896
21827
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
21897
21828
  href="#main-content-sticky-multiple-columns-demo"
21898
21829
  >Skip to content</a>
21899
-
21900
21830
  <header class="pf-c-masthead" id="sticky-multiple-columns-demo-masthead">
21901
21831
  <span class="pf-c-masthead__toggle">
21902
21832
  <button
@@ -21942,7 +21872,7 @@ wrapperTag: div
21942
21872
  aria-label="Notifications"
21943
21873
  >
21944
21874
  <span class="pf-c-notification-badge">
21945
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
21875
+ <i class="pf-icon-bell" aria-hidden="true"></i>
21946
21876
  </span>
21947
21877
  </button>
21948
21878
  </div>
@@ -22189,9 +22119,7 @@ wrapperTag: div
22189
22119
  >
22190
22120
  <span class="pf-c-menu__item-description">
22191
22121
  <div class="pf-u-font-size-sm">Username:</div>
22192
- <div
22193
- class="pf-u-font-size-md"
22194
- >mshaksho@redhat.com</div>
22122
+ <div class="pf-u-font-size-md">ned_username</div>
22195
22123
  </span>
22196
22124
  </button>
22197
22125
  </li>
@@ -22983,25 +22911,21 @@ wrapperTag: div
22983
22911
  <div class="pf-c-toolbar__item pf-m-pagination">
22984
22912
  <div class="pf-c-pagination pf-m-compact">
22985
22913
  <div class="pf-c-options-menu">
22986
- <div
22914
+ <button
22987
22915
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
22916
+ type="button"
22917
+ id="-top-pagination-toggle"
22918
+ aria-haspopup="listbox"
22919
+ aria-expanded="false"
22988
22920
  >
22989
22921
  <span class="pf-c-options-menu__toggle-text">
22990
22922
  <b>1 - 10</b>&nbsp;of&nbsp;
22991
22923
  <b>36</b>
22992
22924
  </span>
22993
- <button
22994
- class="pf-c-options-menu__toggle-button"
22995
- id="-top-pagination-toggle"
22996
- aria-haspopup="listbox"
22997
- aria-expanded="false"
22998
- aria-label="Items per page"
22999
- >
23000
- <span class="pf-c-options-menu__toggle-button-icon">
23001
- <i class="fas fa-caret-down" aria-hidden="true"></i>
23002
- </span>
23003
- </button>
23004
- </div>
22925
+ <div class="pf-c-options-menu__toggle-icon">
22926
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
22927
+ </div>
22928
+ </button>
23005
22929
  <ul
23006
22930
  class="pf-c-options-menu__menu"
23007
22931
  aria-labelledby="-top-pagination-toggle"
@@ -23620,23 +23544,21 @@ wrapperTag: div
23620
23544
  </div>
23621
23545
  <div class="pf-c-pagination pf-m-bottom">
23622
23546
  <div class="pf-c-options-menu pf-m-top">
23623
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
23547
+ <button
23548
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
23549
+ type="button"
23550
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
23551
+ aria-haspopup="listbox"
23552
+ aria-expanded="false"
23553
+ >
23624
23554
  <span class="pf-c-options-menu__toggle-text">
23625
23555
  <b>1 - 10</b>&nbsp;of&nbsp;
23626
23556
  <b>36</b>
23627
23557
  </span>
23628
- <button
23629
- class="pf-c-options-menu__toggle-button"
23630
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
23631
- aria-haspopup="listbox"
23632
- aria-expanded="false"
23633
- aria-label="Items per page"
23634
- >
23635
- <span class="pf-c-options-menu__toggle-button-icon">
23636
- <i class="fas fa-caret-down" aria-hidden="true"></i>
23637
- </span>
23638
- </button>
23639
- </div>
23558
+ <div class="pf-c-options-menu__toggle-icon">
23559
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
23560
+ </div>
23561
+ </button>
23640
23562
  <ul
23641
23563
  class="pf-c-options-menu__menu pf-m-top"
23642
23564
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -23732,7 +23654,6 @@ wrapperTag: div
23732
23654
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
23733
23655
  href="#main-content-sticky-header-and-multiple columns-demo"
23734
23656
  >Skip to content</a>
23735
-
23736
23657
  <header
23737
23658
  class="pf-c-masthead"
23738
23659
  id="sticky-header-and-multiple columns-demo-masthead"
@@ -23781,7 +23702,7 @@ wrapperTag: div
23781
23702
  aria-label="Notifications"
23782
23703
  >
23783
23704
  <span class="pf-c-notification-badge">
23784
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
23705
+ <i class="pf-icon-bell" aria-hidden="true"></i>
23785
23706
  </span>
23786
23707
  </button>
23787
23708
  </div>
@@ -24028,9 +23949,7 @@ wrapperTag: div
24028
23949
  >
24029
23950
  <span class="pf-c-menu__item-description">
24030
23951
  <div class="pf-u-font-size-sm">Username:</div>
24031
- <div
24032
- class="pf-u-font-size-md"
24033
- >mshaksho@redhat.com</div>
23952
+ <div class="pf-u-font-size-md">ned_username</div>
24034
23953
  </span>
24035
23954
  </button>
24036
23955
  </li>
@@ -24821,23 +24740,21 @@ wrapperTag: div
24821
24740
  <div class="pf-c-toolbar__item pf-m-pagination">
24822
24741
  <div class="pf-c-pagination pf-m-compact">
24823
24742
  <div class="pf-c-options-menu">
24824
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
24743
+ <button
24744
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
24745
+ type="button"
24746
+ id="-top-pagination-toggle"
24747
+ aria-haspopup="listbox"
24748
+ aria-expanded="false"
24749
+ >
24825
24750
  <span class="pf-c-options-menu__toggle-text">
24826
24751
  <b>1 - 10</b>&nbsp;of&nbsp;
24827
24752
  <b>36</b>
24828
24753
  </span>
24829
- <button
24830
- class="pf-c-options-menu__toggle-button"
24831
- id="-top-pagination-toggle"
24832
- aria-haspopup="listbox"
24833
- aria-expanded="false"
24834
- aria-label="Items per page"
24835
- >
24836
- <span class="pf-c-options-menu__toggle-button-icon">
24837
- <i class="fas fa-caret-down" aria-hidden="true"></i>
24838
- </span>
24839
- </button>
24840
- </div>
24754
+ <div class="pf-c-options-menu__toggle-icon">
24755
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
24756
+ </div>
24757
+ </button>
24841
24758
  <ul
24842
24759
  class="pf-c-options-menu__menu"
24843
24760
  aria-labelledby="-top-pagination-toggle"
@@ -25456,23 +25373,21 @@ wrapperTag: div
25456
25373
  </div>
25457
25374
  <div class="pf-c-pagination pf-m-bottom">
25458
25375
  <div class="pf-c-options-menu pf-m-top">
25459
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
25376
+ <button
25377
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
25378
+ type="button"
25379
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
25380
+ aria-haspopup="listbox"
25381
+ aria-expanded="false"
25382
+ >
25460
25383
  <span class="pf-c-options-menu__toggle-text">
25461
25384
  <b>1 - 10</b>&nbsp;of&nbsp;
25462
25385
  <b>36</b>
25463
25386
  </span>
25464
- <button
25465
- class="pf-c-options-menu__toggle-button"
25466
- id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
25467
- aria-haspopup="listbox"
25468
- aria-expanded="false"
25469
- aria-label="Items per page"
25470
- >
25471
- <span class="pf-c-options-menu__toggle-button-icon">
25472
- <i class="fas fa-caret-down" aria-hidden="true"></i>
25473
- </span>
25474
- </button>
25475
- </div>
25387
+ <div class="pf-c-options-menu__toggle-icon">
25388
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
25389
+ </div>
25390
+ </button>
25476
25391
  <ul
25477
25392
  class="pf-c-options-menu__menu pf-m-top"
25478
25393
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"