@patternfly/patternfly 4.184.1 → 4.184.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 (78) hide show
  1. package/docs/components/Form/examples/Form.md +118 -47
  2. package/docs/components/MenuToggle/examples/MenuToggle.md +17 -0
  3. package/docs/components/ModalBox/examples/ModalBox.md +1 -0
  4. package/docs/components/OptionsMenu/examples/options-menu.md +1 -1
  5. package/docs/components/Page/examples/Page.md +9 -8
  6. package/docs/components/Pagination/examples/Pagination.css +3 -0
  7. package/docs/components/Pagination/examples/Pagination.md +136 -158
  8. package/docs/components/Toolbar/examples/Toolbar.md +22 -26
  9. package/docs/components/Wizard/examples/Wizard.md +19 -18
  10. package/docs/demos/CardView/examples/CardView.md +22 -26
  11. package/docs/demos/DataList/examples/DataList.md +88 -104
  12. package/docs/demos/Form/examples/BasicForms.md +40 -8
  13. package/docs/demos/Modal/examples/Modal.md +7 -4
  14. package/docs/demos/Page/examples/Page.md +1 -0
  15. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +5 -1
  16. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +20 -4
  17. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +54 -89
  18. package/docs/demos/Table/examples/Table.md +227 -273
  19. package/docs/demos/Tabs/examples/Tabs.md +64 -88
  20. package/docs/demos/Toolbar/examples/Toolbar.md +88 -104
  21. package/docs/demos/Wizard/examples/Wizard.md +4 -4
  22. package/package.json +1 -1
  23. package/themes/dark/_patternfly-theme-dark.scss +118 -0
  24. package/themes/dark/_variables.scss +94 -0
  25. package/themes/dark/colors.scss +16 -0
  26. package/themes/dark/globals.scss +7 -0
  27. package/themes/dark/mixins.scss +5 -0
  28. package/themes/dark/placeholders.scss +30 -0
  29. package/themes/dark/scss-variables.scss +85 -0
  30. package/components/AboutModalBox/themes/dark/about-modal-box.css +0 -0
  31. package/components/Accordion/themes/dark/accordion.css +0 -0
  32. package/components/Alert/themes/dark/alert.css +0 -0
  33. package/components/AppLauncher/themes/dark/app-launcher.css +0 -0
  34. package/components/Badge/themes/dark/badge.css +0 -0
  35. package/components/Banner/themes/dark/banner.css +0 -0
  36. package/components/Breadcrumb/themes/dark/breadcrumb.css +0 -0
  37. package/components/Button/themes/dark/button.css +0 -0
  38. package/components/CalendarMonth/themes/dark/calendar-month.css +0 -0
  39. package/components/Chip/themes/dark/chip.css +0 -0
  40. package/components/ClipboardCopy/themes/dark/clipboard-copy.css +0 -0
  41. package/components/CodeEditor/themes/dark/code-editor.css +0 -0
  42. package/components/ContextSelector/themes/dark/context-selector.css +0 -0
  43. package/components/DataList/themes/dark/data-list.css +0 -0
  44. package/components/DatePicker/themes/dark/date-picker.css +0 -0
  45. package/components/Drawer/themes/dark/drawer.css +0 -0
  46. package/components/Dropdown/themes/dark/dropdown.css +0 -0
  47. package/components/Form/themes/dark/form.css +0 -0
  48. package/components/FormControl/themes/dark/form-control.css +0 -0
  49. package/components/HelperText/themes/dark/helper-text.css +0 -0
  50. package/components/Hint/themes/dark/hint.css +0 -0
  51. package/components/InputGroup/themes/dark/input-group.css +0 -0
  52. package/components/Label/themes/dark/label.css +0 -0
  53. package/components/LogViewer/themes/dark/log-viewer.css +0 -0
  54. package/components/Login/themes/dark/login.css +0 -0
  55. package/components/Masthead/themes/dark/masthead.css +0 -0
  56. package/components/Menu/themes/dark/menu.css +0 -0
  57. package/components/MenuToggle/themes/dark/menu-toggle.css +0 -0
  58. package/components/ModalBox/themes/dark/modal-box.css +0 -0
  59. package/components/Nav/themes/dark/nav.css +0 -0
  60. package/components/NotificationBadge/themes/dark/notification-badge.css +0 -0
  61. package/components/NotificationDrawer/themes/dark/notification-drawer.css +0 -0
  62. package/components/OptionsMenu/themes/dark/options-menu.css +0 -0
  63. package/components/Page/themes/dark/page.css +0 -0
  64. package/components/Pagination/themes/dark/pagination.css +0 -0
  65. package/components/Popover/themes/dark/popover.css +0 -0
  66. package/components/Progress/themes/dark/progress.css +0 -0
  67. package/components/SearchInput/themes/dark/search-input.css +0 -0
  68. package/components/Select/themes/dark/select.css +0 -0
  69. package/components/SimpleList/themes/dark/simple-list.css +0 -0
  70. package/components/Skeleton/themes/dark/skeleton.css +0 -0
  71. package/components/Switch/themes/dark/switch.css +0 -0
  72. package/components/Table/themes/dark/table.css +0 -0
  73. package/components/Tabs/themes/dark/tabs.css +0 -0
  74. package/components/Tile/themes/dark/tile.css +0 -0
  75. package/components/ToggleGroup/themes/dark/toggle-group.css +0 -0
  76. package/components/Tooltip/themes/dark/tooltip.css +0 -0
  77. package/components/TreeView/themes/dark/tree-view.css +0 -0
  78. package/components/Wizard/themes/dark/wizard.css +0 -0
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -628,27 +628,21 @@ wrapperTag: div
628
628
  <div class="pf-c-toolbar__item pf-m-pagination">
629
629
  <div class="pf-c-pagination pf-m-compact">
630
630
  <div class="pf-c-options-menu">
631
- <div
631
+ <button
632
632
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
633
+ type="button"
634
+ id="primary-detail-expanded-example-toolbar-top-pagination-toggle"
635
+ aria-haspopup="listbox"
636
+ aria-expanded="false"
633
637
  >
634
638
  <span class="pf-c-options-menu__toggle-text">
635
639
  <b>1 - 10</b>&nbsp;of&nbsp;
636
640
  <b>36</b>
637
641
  </span>
638
- <button
639
- class="pf-c-options-menu__toggle-button"
640
- id="primary-detail-expanded-example-toolbar-top-pagination-toggle"
641
- aria-haspopup="listbox"
642
- aria-expanded="false"
643
- aria-label="Items per page"
644
- >
645
- <span
646
- class="pf-c-options-menu__toggle-button-icon"
647
- >
648
- <i class="fas fa-caret-down" aria-hidden="true"></i>
649
- </span>
650
- </button>
651
- </div>
642
+ <div class="pf-c-options-menu__toggle-icon">
643
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
644
+ </div>
645
+ </button>
652
646
  <ul
653
647
  class="pf-c-options-menu__menu"
654
648
  aria-labelledby="primary-detail-expanded-example-toolbar-top-pagination-toggle"
@@ -1867,27 +1861,21 @@ wrapperTag: div
1867
1861
  <div class="pf-c-toolbar__item pf-m-pagination">
1868
1862
  <div class="pf-c-pagination pf-m-compact">
1869
1863
  <div class="pf-c-options-menu">
1870
- <div
1864
+ <button
1871
1865
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1866
+ type="button"
1867
+ id="primary-detail-collapsed-example-toolbar-top-pagination-toggle"
1868
+ aria-haspopup="listbox"
1869
+ aria-expanded="false"
1872
1870
  >
1873
1871
  <span class="pf-c-options-menu__toggle-text">
1874
1872
  <b>1 - 10</b>&nbsp;of&nbsp;
1875
1873
  <b>36</b>
1876
1874
  </span>
1877
- <button
1878
- class="pf-c-options-menu__toggle-button"
1879
- id="primary-detail-collapsed-example-toolbar-top-pagination-toggle"
1880
- aria-haspopup="listbox"
1881
- aria-expanded="false"
1882
- aria-label="Items per page"
1883
- >
1884
- <span
1885
- class="pf-c-options-menu__toggle-button-icon"
1886
- >
1887
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1888
- </span>
1889
- </button>
1890
- </div>
1875
+ <div class="pf-c-options-menu__toggle-icon">
1876
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1877
+ </div>
1878
+ </button>
1891
1879
  <ul
1892
1880
  class="pf-c-options-menu__menu"
1893
1881
  aria-labelledby="primary-detail-collapsed-example-toolbar-top-pagination-toggle"
@@ -3009,27 +2997,21 @@ wrapperTag: div
3009
2997
  <div class="pf-c-toolbar__item pf-m-pagination">
3010
2998
  <div class="pf-c-pagination pf-m-compact">
3011
2999
  <div class="pf-c-options-menu">
3012
- <div
3000
+ <button
3013
3001
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
3002
+ type="button"
3003
+ id="primary-detail-panel-body-padding-toolbar-top-pagination-toggle"
3004
+ aria-haspopup="listbox"
3005
+ aria-expanded="false"
3014
3006
  >
3015
3007
  <span class="pf-c-options-menu__toggle-text">
3016
3008
  <b>1 - 10</b>&nbsp;of&nbsp;
3017
3009
  <b>36</b>
3018
3010
  </span>
3019
- <button
3020
- class="pf-c-options-menu__toggle-button"
3021
- id="primary-detail-panel-body-padding-toolbar-top-pagination-toggle"
3022
- aria-haspopup="listbox"
3023
- aria-expanded="false"
3024
- aria-label="Items per page"
3025
- >
3026
- <span
3027
- class="pf-c-options-menu__toggle-button-icon"
3028
- >
3029
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3030
- </span>
3031
- </button>
3032
- </div>
3011
+ <div class="pf-c-options-menu__toggle-icon">
3012
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3013
+ </div>
3014
+ </button>
3033
3015
  <ul
3034
3016
  class="pf-c-options-menu__menu"
3035
3017
  aria-labelledby="primary-detail-panel-body-padding-toolbar-top-pagination-toggle"
@@ -4037,25 +4019,21 @@ wrapperTag: div
4037
4019
  <div class="pf-c-toolbar__item pf-m-pagination">
4038
4020
  <div class="pf-c-pagination pf-m-compact">
4039
4021
  <div class="pf-c-options-menu">
4040
- <div
4022
+ <button
4041
4023
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
4024
+ type="button"
4025
+ id="primary-detail-card-view-expanded-example-toolbar-top-pagination-toggle"
4026
+ aria-haspopup="listbox"
4027
+ aria-expanded="false"
4042
4028
  >
4043
4029
  <span class="pf-c-options-menu__toggle-text">
4044
4030
  <b>1 - 10</b>&nbsp;of&nbsp;
4045
4031
  <b>36</b>
4046
4032
  </span>
4047
- <button
4048
- class="pf-c-options-menu__toggle-button"
4049
- id="primary-detail-card-view-expanded-example-toolbar-top-pagination-toggle"
4050
- aria-haspopup="listbox"
4051
- aria-expanded="false"
4052
- aria-label="Items per page"
4053
- >
4054
- <span class="pf-c-options-menu__toggle-button-icon">
4055
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4056
- </span>
4057
- </button>
4058
- </div>
4033
+ <div class="pf-c-options-menu__toggle-icon">
4034
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4035
+ </div>
4036
+ </button>
4059
4037
  <ul
4060
4038
  class="pf-c-options-menu__menu"
4061
4039
  aria-labelledby="primary-detail-card-view-expanded-example-toolbar-top-pagination-toggle"
@@ -5783,30 +5761,21 @@ wrapperTag: div
5783
5761
  <b>37</b>
5784
5762
  </div>
5785
5763
  <div class="pf-c-options-menu">
5786
- <div
5764
+ <button
5787
5765
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
5766
+ type="button"
5767
+ id="primary-detail-card-data-list-example-toolbar-pagination-options-menu-toggle"
5768
+ aria-haspopup="listbox"
5769
+ aria-expanded="false"
5788
5770
  >
5789
5771
  <span class="pf-c-options-menu__toggle-text">
5790
5772
  <b>1 - 10</b>&nbsp;of&nbsp;
5791
5773
  <b>36</b>
5792
5774
  </span>
5793
- <button
5794
- class="pf-c-options-menu__toggle-button"
5795
- id="primary-detail-card-data-list-example-toolbar-pagination-options-menu-toggle"
5796
- aria-haspopup="listbox"
5797
- aria-expanded="false"
5798
- aria-label="Items per page"
5799
- >
5800
- <span
5801
- class="pf-c-options-menu__toggle-button-icon"
5802
- >
5803
- <i
5804
- class="fas fa-caret-down"
5805
- aria-hidden="true"
5806
- ></i>
5807
- </span>
5808
- </button>
5809
- </div>
5775
+ <div class="pf-c-options-menu__toggle-icon">
5776
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
5777
+ </div>
5778
+ </button>
5810
5779
  <ul
5811
5780
  class="pf-c-options-menu__menu"
5812
5781
  aria-labelledby="primary-detail-card-data-list-example-toolbar-pagination-options-menu-toggle"
@@ -6500,25 +6469,21 @@ wrapperTag: div
6500
6469
  <div class="pf-c-toolbar__item pf-m-pagination">
6501
6470
  <div class="pf-c-pagination pf-m-compact">
6502
6471
  <div class="pf-c-options-menu">
6503
- <div
6472
+ <button
6504
6473
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
6474
+ type="button"
6475
+ id="independent-scroll-example-toolbar-top-pagination-toggle"
6476
+ aria-haspopup="listbox"
6477
+ aria-expanded="false"
6505
6478
  >
6506
6479
  <span class="pf-c-options-menu__toggle-text">
6507
6480
  <b>1 - 10</b>&nbsp;of&nbsp;
6508
6481
  <b>36</b>
6509
6482
  </span>
6510
- <button
6511
- class="pf-c-options-menu__toggle-button"
6512
- id="independent-scroll-example-toolbar-top-pagination-toggle"
6513
- aria-haspopup="listbox"
6514
- aria-expanded="false"
6515
- aria-label="Items per page"
6516
- >
6517
- <span class="pf-c-options-menu__toggle-button-icon">
6518
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6519
- </span>
6520
- </button>
6521
- </div>
6483
+ <div class="pf-c-options-menu__toggle-icon">
6484
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
6485
+ </div>
6486
+ </button>
6522
6487
  <ul
6523
6488
  class="pf-c-options-menu__menu"
6524
6489
  aria-labelledby="independent-scroll-example-toolbar-top-pagination-toggle"