@patternfly/patternfly 4.184.0 → 4.184.3

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 (86) hide show
  1. package/components/Accordion/accordion.css +1 -0
  2. package/components/Accordion/accordion.scss +1 -0
  3. package/docs/components/Accordion/examples/Accordion.md +16 -3
  4. package/docs/components/Form/examples/Form.md +118 -47
  5. package/docs/components/MenuToggle/examples/MenuToggle.md +17 -0
  6. package/docs/components/ModalBox/examples/ModalBox.md +1 -0
  7. package/docs/components/OptionsMenu/examples/options-menu.md +1 -1
  8. package/docs/components/Page/examples/Page.md +9 -8
  9. package/docs/components/Pagination/examples/Pagination.css +3 -0
  10. package/docs/components/Pagination/examples/Pagination.md +136 -158
  11. package/docs/components/Toolbar/examples/Toolbar.md +22 -26
  12. package/docs/components/Wizard/examples/Wizard.md +19 -18
  13. package/docs/demos/CardView/examples/CardView.md +22 -26
  14. package/docs/demos/DataList/examples/DataList.md +88 -104
  15. package/docs/demos/Form/examples/BasicForms.md +40 -8
  16. package/docs/demos/Modal/examples/Modal.md +7 -4
  17. package/docs/demos/Page/examples/Page.md +1 -0
  18. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +5 -1
  19. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +20 -4
  20. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +54 -89
  21. package/docs/demos/Table/examples/Table.md +227 -273
  22. package/docs/demos/Tabs/examples/Tabs.md +64 -88
  23. package/docs/demos/Toolbar/examples/Toolbar.md +88 -104
  24. package/docs/demos/Wizard/examples/Wizard.md +4 -4
  25. package/package.json +1 -1
  26. package/patternfly-no-reset.css +1 -0
  27. package/patternfly-theme-dark.css +21 -21
  28. package/patternfly.css +1 -0
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
  31. package/themes/dark/_patternfly-theme-dark.scss +119 -0
  32. package/themes/dark/_variables.scss +94 -0
  33. package/themes/dark/colors.scss +16 -0
  34. package/themes/dark/globals.scss +7 -0
  35. package/themes/dark/mixins.scss +5 -0
  36. package/themes/dark/placeholders.scss +30 -0
  37. package/themes/dark/scss-variables.scss +85 -0
  38. package/components/AboutModalBox/themes/dark/about-modal-box.css +0 -0
  39. package/components/Accordion/themes/dark/accordion.css +0 -0
  40. package/components/Alert/themes/dark/alert.css +0 -0
  41. package/components/AppLauncher/themes/dark/app-launcher.css +0 -0
  42. package/components/Badge/themes/dark/badge.css +0 -0
  43. package/components/Banner/themes/dark/banner.css +0 -0
  44. package/components/Breadcrumb/themes/dark/breadcrumb.css +0 -0
  45. package/components/Button/themes/dark/button.css +0 -0
  46. package/components/CalendarMonth/themes/dark/calendar-month.css +0 -0
  47. package/components/Chip/themes/dark/chip.css +0 -0
  48. package/components/ClipboardCopy/themes/dark/clipboard-copy.css +0 -0
  49. package/components/CodeEditor/themes/dark/code-editor.css +0 -0
  50. package/components/ContextSelector/themes/dark/context-selector.css +0 -0
  51. package/components/DataList/themes/dark/data-list.css +0 -0
  52. package/components/DatePicker/themes/dark/date-picker.css +0 -0
  53. package/components/Drawer/themes/dark/drawer.css +0 -0
  54. package/components/Dropdown/themes/dark/dropdown.css +0 -0
  55. package/components/Form/themes/dark/form.css +0 -0
  56. package/components/FormControl/themes/dark/form-control.css +0 -0
  57. package/components/HelperText/themes/dark/helper-text.css +0 -0
  58. package/components/Hint/themes/dark/hint.css +0 -0
  59. package/components/InputGroup/themes/dark/input-group.css +0 -0
  60. package/components/Label/themes/dark/label.css +0 -0
  61. package/components/LogViewer/themes/dark/log-viewer.css +0 -0
  62. package/components/Login/themes/dark/login.css +0 -0
  63. package/components/Masthead/themes/dark/masthead.css +0 -0
  64. package/components/Menu/themes/dark/menu.css +0 -0
  65. package/components/MenuToggle/themes/dark/menu-toggle.css +0 -0
  66. package/components/ModalBox/themes/dark/modal-box.css +0 -0
  67. package/components/Nav/themes/dark/nav.css +0 -0
  68. package/components/NotificationBadge/themes/dark/notification-badge.css +0 -0
  69. package/components/NotificationDrawer/themes/dark/notification-drawer.css +0 -0
  70. package/components/OptionsMenu/themes/dark/options-menu.css +0 -0
  71. package/components/Page/themes/dark/page.css +0 -0
  72. package/components/Pagination/themes/dark/pagination.css +0 -0
  73. package/components/Popover/themes/dark/popover.css +0 -0
  74. package/components/Progress/themes/dark/progress.css +0 -0
  75. package/components/SearchInput/themes/dark/search-input.css +0 -0
  76. package/components/Select/themes/dark/select.css +0 -0
  77. package/components/SimpleList/themes/dark/simple-list.css +0 -0
  78. package/components/Skeleton/themes/dark/skeleton.css +0 -0
  79. package/components/Switch/themes/dark/switch.css +0 -0
  80. package/components/Table/themes/dark/table.css +0 -0
  81. package/components/Tabs/themes/dark/tabs.css +0 -0
  82. package/components/Tile/themes/dark/tile.css +0 -0
  83. package/components/ToggleGroup/themes/dark/toggle-group.css +0 -0
  84. package/components/Tooltip/themes/dark/tooltip.css +0 -0
  85. package/components/TreeView/themes/dark/tree-view.css +0 -0
  86. package/components/Wizard/themes/dark/wizard.css +0 -0
@@ -1090,23 +1090,21 @@ wrapperTag: div
1090
1090
  <div class="pf-c-toolbar__item pf-m-pagination">
1091
1091
  <div class="pf-c-pagination pf-m-compact">
1092
1092
  <div class="pf-c-options-menu">
1093
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
1093
+ <button
1094
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1095
+ type="button"
1096
+ id="-top-pagination-toggle"
1097
+ aria-haspopup="listbox"
1098
+ aria-expanded="false"
1099
+ >
1094
1100
  <span class="pf-c-options-menu__toggle-text">
1095
1101
  <b>1 - 10</b>&nbsp;of&nbsp;
1096
1102
  <b>36</b>
1097
1103
  </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>
1104
+ <div class="pf-c-options-menu__toggle-icon">
1105
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1106
+ </div>
1107
+ </button>
1110
1108
  <ul
1111
1109
  class="pf-c-options-menu__menu"
1112
1110
  aria-labelledby="-top-pagination-toggle"
@@ -1620,23 +1618,21 @@ wrapperTag: div
1620
1618
  </table>
1621
1619
  <div class="pf-c-pagination pf-m-bottom">
1622
1620
  <div class="pf-c-options-menu pf-m-top">
1623
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
1621
+ <button
1622
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1623
+ type="button"
1624
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1625
+ aria-haspopup="listbox"
1626
+ aria-expanded="false"
1627
+ >
1624
1628
  <span class="pf-c-options-menu__toggle-text">
1625
1629
  <b>1 - 10</b>&nbsp;of&nbsp;
1626
1630
  <b>36</b>
1627
1631
  </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>
1632
+ <div class="pf-c-options-menu__toggle-icon">
1633
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1634
+ </div>
1635
+ </button>
1640
1636
  <ul
1641
1637
  class="pf-c-options-menu__menu pf-m-top"
1642
1638
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -2913,23 +2909,21 @@ wrapperTag: div
2913
2909
  <div class="pf-c-toolbar__item pf-m-pagination">
2914
2910
  <div class="pf-c-pagination pf-m-compact">
2915
2911
  <div class="pf-c-options-menu">
2916
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
2912
+ <button
2913
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
2914
+ type="button"
2915
+ id="-top-pagination-toggle"
2916
+ aria-haspopup="listbox"
2917
+ aria-expanded="false"
2918
+ >
2917
2919
  <span class="pf-c-options-menu__toggle-text">
2918
2920
  <b>1 - 10</b>&nbsp;of&nbsp;
2919
2921
  <b>36</b>
2920
2922
  </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>
2923
+ <div class="pf-c-options-menu__toggle-icon">
2924
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2925
+ </div>
2926
+ </button>
2933
2927
  <ul
2934
2928
  class="pf-c-options-menu__menu"
2935
2929
  aria-labelledby="-top-pagination-toggle"
@@ -3513,23 +3507,21 @@ wrapperTag: div
3513
3507
  </table>
3514
3508
  <div class="pf-c-pagination pf-m-bottom">
3515
3509
  <div class="pf-c-options-menu pf-m-top">
3516
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
3510
+ <button
3511
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
3512
+ type="button"
3513
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3514
+ aria-haspopup="listbox"
3515
+ aria-expanded="false"
3516
+ >
3517
3517
  <span class="pf-c-options-menu__toggle-text">
3518
3518
  <b>1 - 10</b>&nbsp;of&nbsp;
3519
3519
  <b>36</b>
3520
3520
  </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>
3521
+ <div class="pf-c-options-menu__toggle-icon">
3522
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3523
+ </div>
3524
+ </button>
3533
3525
  <ul
3534
3526
  class="pf-c-options-menu__menu pf-m-top"
3535
3527
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -4870,23 +4862,21 @@ wrapperTag: div
4870
4862
  <div class="pf-c-toolbar__item pf-m-pagination">
4871
4863
  <div class="pf-c-pagination pf-m-compact">
4872
4864
  <div class="pf-c-options-menu">
4873
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
4865
+ <button
4866
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
4867
+ type="button"
4868
+ id="-top-pagination-toggle"
4869
+ aria-haspopup="listbox"
4870
+ aria-expanded="false"
4871
+ >
4874
4872
  <span class="pf-c-options-menu__toggle-text">
4875
4873
  <b>1 - 10</b>&nbsp;of&nbsp;
4876
4874
  <b>36</b>
4877
4875
  </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>
4876
+ <div class="pf-c-options-menu__toggle-icon">
4877
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4878
+ </div>
4879
+ </button>
4890
4880
  <ul
4891
4881
  class="pf-c-options-menu__menu"
4892
4882
  aria-labelledby="-top-pagination-toggle"
@@ -5608,23 +5598,21 @@ wrapperTag: div
5608
5598
  </table>
5609
5599
  <div class="pf-c-pagination pf-m-bottom">
5610
5600
  <div class="pf-c-options-menu pf-m-top">
5611
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
5601
+ <button
5602
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
5603
+ type="button"
5604
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
5605
+ aria-haspopup="listbox"
5606
+ aria-expanded="false"
5607
+ >
5612
5608
  <span class="pf-c-options-menu__toggle-text">
5613
5609
  <b>1 - 10</b>&nbsp;of&nbsp;
5614
5610
  <b>36</b>
5615
5611
  </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>
5612
+ <div class="pf-c-options-menu__toggle-icon">
5613
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
5614
+ </div>
5615
+ </button>
5628
5616
  <ul
5629
5617
  class="pf-c-options-menu__menu pf-m-top"
5630
5618
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -6961,23 +6949,21 @@ wrapperTag: div
6961
6949
  <div class="pf-c-toolbar__item pf-m-pagination">
6962
6950
  <div class="pf-c-pagination pf-m-compact">
6963
6951
  <div class="pf-c-options-menu">
6964
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
6952
+ <button
6953
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
6954
+ type="button"
6955
+ id="-top-pagination-toggle"
6956
+ aria-haspopup="listbox"
6957
+ aria-expanded="false"
6958
+ >
6965
6959
  <span class="pf-c-options-menu__toggle-text">
6966
6960
  <b>1 - 10</b>&nbsp;of&nbsp;
6967
6961
  <b>36</b>
6968
6962
  </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>
6963
+ <div class="pf-c-options-menu__toggle-icon">
6964
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
6965
+ </div>
6966
+ </button>
6981
6967
  <ul
6982
6968
  class="pf-c-options-menu__menu"
6983
6969
  aria-labelledby="-top-pagination-toggle"
@@ -7359,23 +7345,21 @@ wrapperTag: div
7359
7345
  </table>
7360
7346
  <div class="pf-c-pagination pf-m-bottom">
7361
7347
  <div class="pf-c-options-menu pf-m-top">
7362
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
7348
+ <button
7349
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
7350
+ type="button"
7351
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
7352
+ aria-haspopup="listbox"
7353
+ aria-expanded="false"
7354
+ >
7363
7355
  <span class="pf-c-options-menu__toggle-text">
7364
7356
  <b>1 - 10</b>&nbsp;of&nbsp;
7365
7357
  <b>36</b>
7366
7358
  </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>
7359
+ <div class="pf-c-options-menu__toggle-icon">
7360
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
7361
+ </div>
7362
+ </button>
7379
7363
  <ul
7380
7364
  class="pf-c-options-menu__menu pf-m-top"
7381
7365
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -8720,23 +8704,21 @@ wrapperTag: div
8720
8704
  <div class="pf-c-toolbar__item pf-m-pagination">
8721
8705
  <div class="pf-c-pagination pf-m-compact">
8722
8706
  <div class="pf-c-options-menu">
8723
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
8707
+ <button
8708
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
8709
+ type="button"
8710
+ id="-top-pagination-toggle"
8711
+ aria-haspopup="listbox"
8712
+ aria-expanded="false"
8713
+ >
8724
8714
  <span class="pf-c-options-menu__toggle-text">
8725
8715
  <b>1 - 10</b>&nbsp;of&nbsp;
8726
8716
  <b>36</b>
8727
8717
  </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>
8718
+ <div class="pf-c-options-menu__toggle-icon">
8719
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
8720
+ </div>
8721
+ </button>
8740
8722
  <ul
8741
8723
  class="pf-c-options-menu__menu"
8742
8724
  aria-labelledby="-top-pagination-toggle"
@@ -12324,23 +12306,21 @@ wrapperTag: div
12324
12306
  </table>
12325
12307
  <div class="pf-c-pagination pf-m-bottom">
12326
12308
  <div class="pf-c-options-menu pf-m-top">
12327
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
12309
+ <button
12310
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
12311
+ type="button"
12312
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
12313
+ aria-haspopup="listbox"
12314
+ aria-expanded="false"
12315
+ >
12328
12316
  <span class="pf-c-options-menu__toggle-text">
12329
12317
  <b>1 - 10</b>&nbsp;of&nbsp;
12330
12318
  <b>36</b>
12331
12319
  </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>
12320
+ <div class="pf-c-options-menu__toggle-icon">
12321
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
12322
+ </div>
12323
+ </button>
12344
12324
  <ul
12345
12325
  class="pf-c-options-menu__menu pf-m-top"
12346
12326
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -15576,23 +15556,21 @@ wrapperTag: div
15576
15556
  <div class="pf-c-toolbar__item pf-m-pagination">
15577
15557
  <div class="pf-c-pagination pf-m-compact">
15578
15558
  <div class="pf-c-options-menu">
15579
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
15559
+ <button
15560
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
15561
+ type="button"
15562
+ id="-top-pagination-toggle"
15563
+ aria-haspopup="listbox"
15564
+ aria-expanded="false"
15565
+ >
15580
15566
  <span class="pf-c-options-menu__toggle-text">
15581
15567
  <b>1 - 10</b>&nbsp;of&nbsp;
15582
15568
  <b>36</b>
15583
15569
  </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>
15570
+ <div class="pf-c-options-menu__toggle-icon">
15571
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
15572
+ </div>
15573
+ </button>
15596
15574
  <ul
15597
15575
  class="pf-c-options-menu__menu"
15598
15576
  aria-labelledby="-top-pagination-toggle"
@@ -16106,23 +16084,21 @@ wrapperTag: div
16106
16084
  </table>
16107
16085
  <div class="pf-c-pagination pf-m-bottom pf-m-static">
16108
16086
  <div class="pf-c-options-menu pf-m-top">
16109
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
16087
+ <button
16088
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
16089
+ type="button"
16090
+ id="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
16091
+ aria-haspopup="listbox"
16092
+ aria-expanded="false"
16093
+ >
16110
16094
  <span class="pf-c-options-menu__toggle-text">
16111
16095
  <b>1 - 10</b>&nbsp;of&nbsp;
16112
16096
  <b>36</b>
16113
16097
  </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>
16098
+ <div class="pf-c-options-menu__toggle-icon">
16099
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
16100
+ </div>
16101
+ </button>
16126
16102
  <ul
16127
16103
  class="pf-c-options-menu__menu pf-m-top"
16128
16104
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-static-toggle"
@@ -17467,23 +17443,21 @@ wrapperTag: div
17467
17443
  <div class="pf-c-toolbar__item pf-m-pagination">
17468
17444
  <div class="pf-c-pagination pf-m-compact">
17469
17445
  <div class="pf-c-options-menu">
17470
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
17446
+ <button
17447
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
17448
+ type="button"
17449
+ id="-top-pagination-toggle"
17450
+ aria-haspopup="listbox"
17451
+ aria-expanded="false"
17452
+ >
17471
17453
  <span class="pf-c-options-menu__toggle-text">
17472
17454
  <b>1 - 10</b>&nbsp;of&nbsp;
17473
17455
  <b>36</b>
17474
17456
  </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>
17457
+ <div class="pf-c-options-menu__toggle-icon">
17458
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
17459
+ </div>
17460
+ </button>
17487
17461
  <ul
17488
17462
  class="pf-c-options-menu__menu"
17489
17463
  aria-labelledby="-top-pagination-toggle"
@@ -19438,23 +19412,21 @@ wrapperTag: div
19438
19412
  <div class="pf-c-toolbar__item pf-m-pagination">
19439
19413
  <div class="pf-c-pagination pf-m-compact">
19440
19414
  <div class="pf-c-options-menu">
19441
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
19415
+ <button
19416
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
19417
+ type="button"
19418
+ id="-top-pagination-toggle"
19419
+ aria-haspopup="listbox"
19420
+ aria-expanded="false"
19421
+ >
19442
19422
  <span class="pf-c-options-menu__toggle-text">
19443
19423
  <b>1 - 10</b>&nbsp;of&nbsp;
19444
19424
  <b>36</b>
19445
19425
  </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>
19426
+ <div class="pf-c-options-menu__toggle-icon">
19427
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
19428
+ </div>
19429
+ </button>
19458
19430
  <ul
19459
19431
  class="pf-c-options-menu__menu"
19460
19432
  aria-labelledby="-top-pagination-toggle"
@@ -19968,23 +19940,21 @@ wrapperTag: div
19968
19940
  </table>
19969
19941
  <div class="pf-c-pagination pf-m-bottom">
19970
19942
  <div class="pf-c-options-menu pf-m-top">
19971
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
19943
+ <button
19944
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
19945
+ type="button"
19946
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
19947
+ aria-haspopup="listbox"
19948
+ aria-expanded="false"
19949
+ >
19972
19950
  <span class="pf-c-options-menu__toggle-text">
19973
19951
  <b>1 - 10</b>&nbsp;of&nbsp;
19974
19952
  <b>36</b>
19975
19953
  </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>
19954
+ <div class="pf-c-options-menu__toggle-icon">
19955
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
19956
+ </div>
19957
+ </button>
19988
19958
  <ul
19989
19959
  class="pf-c-options-menu__menu pf-m-top"
19990
19960
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -21166,25 +21136,21 @@ wrapperTag: div
21166
21136
  <div class="pf-c-toolbar__item pf-m-pagination">
21167
21137
  <div class="pf-c-pagination pf-m-compact">
21168
21138
  <div class="pf-c-options-menu">
21169
- <div
21139
+ <button
21170
21140
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
21141
+ type="button"
21142
+ id="-top-pagination-toggle"
21143
+ aria-haspopup="listbox"
21144
+ aria-expanded="false"
21171
21145
  >
21172
21146
  <span class="pf-c-options-menu__toggle-text">
21173
21147
  <b>1 - 10</b>&nbsp;of&nbsp;
21174
21148
  <b>36</b>
21175
21149
  </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>
21150
+ <div class="pf-c-options-menu__toggle-icon">
21151
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
21152
+ </div>
21153
+ </button>
21188
21154
  <ul
21189
21155
  class="pf-c-options-menu__menu"
21190
21156
  aria-labelledby="-top-pagination-toggle"
@@ -21784,23 +21750,21 @@ wrapperTag: div
21784
21750
  </div>
21785
21751
  <div class="pf-c-pagination pf-m-bottom">
21786
21752
  <div class="pf-c-options-menu pf-m-top">
21787
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
21753
+ <button
21754
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
21755
+ type="button"
21756
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
21757
+ aria-haspopup="listbox"
21758
+ aria-expanded="false"
21759
+ >
21788
21760
  <span class="pf-c-options-menu__toggle-text">
21789
21761
  <b>1 - 10</b>&nbsp;of&nbsp;
21790
21762
  <b>36</b>
21791
21763
  </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>
21764
+ <div class="pf-c-options-menu__toggle-icon">
21765
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
21766
+ </div>
21767
+ </button>
21804
21768
  <ul
21805
21769
  class="pf-c-options-menu__menu pf-m-top"
21806
21770
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -22983,25 +22947,21 @@ wrapperTag: div
22983
22947
  <div class="pf-c-toolbar__item pf-m-pagination">
22984
22948
  <div class="pf-c-pagination pf-m-compact">
22985
22949
  <div class="pf-c-options-menu">
22986
- <div
22950
+ <button
22987
22951
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
22952
+ type="button"
22953
+ id="-top-pagination-toggle"
22954
+ aria-haspopup="listbox"
22955
+ aria-expanded="false"
22988
22956
  >
22989
22957
  <span class="pf-c-options-menu__toggle-text">
22990
22958
  <b>1 - 10</b>&nbsp;of&nbsp;
22991
22959
  <b>36</b>
22992
22960
  </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>
22961
+ <div class="pf-c-options-menu__toggle-icon">
22962
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
22963
+ </div>
22964
+ </button>
23005
22965
  <ul
23006
22966
  class="pf-c-options-menu__menu"
23007
22967
  aria-labelledby="-top-pagination-toggle"
@@ -23620,23 +23580,21 @@ wrapperTag: div
23620
23580
  </div>
23621
23581
  <div class="pf-c-pagination pf-m-bottom">
23622
23582
  <div class="pf-c-options-menu pf-m-top">
23623
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
23583
+ <button
23584
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
23585
+ type="button"
23586
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
23587
+ aria-haspopup="listbox"
23588
+ aria-expanded="false"
23589
+ >
23624
23590
  <span class="pf-c-options-menu__toggle-text">
23625
23591
  <b>1 - 10</b>&nbsp;of&nbsp;
23626
23592
  <b>36</b>
23627
23593
  </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>
23594
+ <div class="pf-c-options-menu__toggle-icon">
23595
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
23596
+ </div>
23597
+ </button>
23640
23598
  <ul
23641
23599
  class="pf-c-options-menu__menu pf-m-top"
23642
23600
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
@@ -24821,23 +24779,21 @@ wrapperTag: div
24821
24779
  <div class="pf-c-toolbar__item pf-m-pagination">
24822
24780
  <div class="pf-c-pagination pf-m-compact">
24823
24781
  <div class="pf-c-options-menu">
24824
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
24782
+ <button
24783
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
24784
+ type="button"
24785
+ id="-top-pagination-toggle"
24786
+ aria-haspopup="listbox"
24787
+ aria-expanded="false"
24788
+ >
24825
24789
  <span class="pf-c-options-menu__toggle-text">
24826
24790
  <b>1 - 10</b>&nbsp;of&nbsp;
24827
24791
  <b>36</b>
24828
24792
  </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>
24793
+ <div class="pf-c-options-menu__toggle-icon">
24794
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
24795
+ </div>
24796
+ </button>
24841
24797
  <ul
24842
24798
  class="pf-c-options-menu__menu"
24843
24799
  aria-labelledby="-top-pagination-toggle"
@@ -25456,23 +25412,21 @@ wrapperTag: div
25456
25412
  </div>
25457
25413
  <div class="pf-c-pagination pf-m-bottom">
25458
25414
  <div class="pf-c-options-menu pf-m-top">
25459
- <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
25415
+ <button
25416
+ class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
25417
+ type="button"
25418
+ id="{{page--id}}-pagination-options-menu-bottom-example-toggle"
25419
+ aria-haspopup="listbox"
25420
+ aria-expanded="false"
25421
+ >
25460
25422
  <span class="pf-c-options-menu__toggle-text">
25461
25423
  <b>1 - 10</b>&nbsp;of&nbsp;
25462
25424
  <b>36</b>
25463
25425
  </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>
25426
+ <div class="pf-c-options-menu__toggle-icon">
25427
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
25428
+ </div>
25429
+ </button>
25476
25430
  <ul
25477
25431
  class="pf-c-options-menu__menu pf-m-top"
25478
25432
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"