@patternfly/patternfly 6.0.0-alpha.62 → 6.0.0-alpha.64

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 (49) hide show
  1. package/components/ActionList/action-list.css +18 -17
  2. package/components/ActionList/action-list.scss +26 -16
  3. package/components/Button/button.css +4 -9
  4. package/components/Button/button.scss +4 -9
  5. package/components/Drawer/drawer.css +113 -113
  6. package/components/Drawer/drawer.scss +135 -136
  7. package/components/Masthead/masthead.css +15 -29
  8. package/components/Masthead/masthead.scss +20 -36
  9. package/components/OverflowMenu/overflow-menu.css +17 -47
  10. package/components/OverflowMenu/overflow-menu.scss +27 -65
  11. package/components/Pagination/pagination.css +6 -3
  12. package/components/Pagination/pagination.scss +4 -3
  13. package/components/Toolbar/toolbar.css +2525 -1040
  14. package/components/Toolbar/toolbar.scss +232 -534
  15. package/docs/components/ActionList/examples/ActionList.md +73 -22
  16. package/docs/components/Drawer/examples/Drawer.md +294 -256
  17. package/docs/components/LogViewer/examples/LogViewer.md +50 -50
  18. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  19. package/docs/components/Toolbar/examples/Toolbar.md +374 -419
  20. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  21. package/docs/demos/Alert/examples/Alert.md +6 -6
  22. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  23. package/docs/demos/Banner/examples/Banner.md +4 -4
  24. package/docs/demos/CardView/examples/CardView.md +3 -3
  25. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  26. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  27. package/docs/demos/DataList/examples/DataList.md +11 -11
  28. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  29. package/docs/demos/Drawer/examples/Drawer.md +40 -36
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +42 -38
  31. package/docs/demos/Masthead/examples/Masthead.md +21 -21
  32. package/docs/demos/Modal/examples/Modal.md +12 -12
  33. package/docs/demos/Nav/examples/Nav.md +12 -12
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  35. package/docs/demos/Page/examples/Page.md +18 -18
  36. package/docs/demos/Page/examples/Penta.md +2 -2
  37. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
  38. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  39. package/docs/demos/Table/examples/Table.md +42 -45
  40. package/docs/demos/Tabs/examples/Tabs.md +13 -13
  41. package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
  42. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  43. package/package.json +1 -1
  44. package/patternfly-no-globals.css +2695 -1235
  45. package/patternfly-theme-dark-unversioned.css +2695 -1235
  46. package/patternfly.css +2695 -1235
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/components/Drawer/themes/dark/drawer.scss +0 -13
package/docs/components/ActionList/examples/ActionList.md CHANGED
@@ -8,25 +8,33 @@ cssPrefix: pf-v5-c-action-list
8
8
 
9
9
  ```html
10
10
  <div class="pf-v5-c-action-list">
11
- <div class="pf-v5-c-action-list__item">
12
- <button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
13
- </div>
14
- <div class="pf-v5-c-action-list__item">
15
- <button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
11
+ <div class="pf-v5-c-action-list__group">
12
+ <div class="pf-v5-c-action-list__item">
13
+ <button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
14
+ </div>
15
+ <div class="pf-v5-c-action-list__item">
16
+ <button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
17
+ </div>
16
18
  </div>
17
19
  </div>
18
20
  <br />With kebab
19
21
  <div class="pf-v5-c-action-list">
20
- <div class="pf-v5-c-action-list__item">
21
- <button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
22
- </div>
23
- <div class="pf-v5-c-action-list__item">
24
- <button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
25
- </div>
26
- <div class="pf-v5-c-action-list__item">
27
- <button class="pf-v5-c-button pf-m-plain" type="button" aria-label="Kebab">
28
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
29
- </button>
22
+ <div class="pf-v5-c-action-list__group">
23
+ <div class="pf-v5-c-action-list__item">
24
+ <button class="pf-v5-c-button pf-m-primary" type="button">Next</button>
25
+ </div>
26
+ <div class="pf-v5-c-action-list__item">
27
+ <button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
28
+ </div>
29
+ <div class="pf-v5-c-action-list__item">
30
+ <button
31
+ class="pf-v5-c-button pf-m-plain"
32
+ type="button"
33
+ aria-label="Kebab"
34
+ >
35
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
36
+ </button>
37
+ </div>
30
38
  </div>
31
39
  </div>
32
40
 
@@ -47,6 +55,49 @@ cssPrefix: pf-v5-c-action-list
47
55
  </button>
48
56
  </div>
49
57
  </div>
58
+ <br />With group icons wrapper
59
+ <div class="pf-v5-c-action-list">
60
+ <div class="pf-v5-c-action-list__group pf-m-icons">
61
+ <div class="pf-v5-c-action-list__item">
62
+ <button
63
+ class="pf-v5-c-button pf-m-plain"
64
+ type="button"
65
+ aria-label="Close"
66
+ >
67
+ <i class="fas fa-times" aria-hidden="true"></i>
68
+ </button>
69
+ </div>
70
+ <div class="pf-v5-c-action-list__item">
71
+ <button
72
+ class="pf-v5-c-button pf-m-plain"
73
+ type="button"
74
+ aria-label="Kebab"
75
+ >
76
+ <i class="fas fa-check" aria-hidden="true"></i>
77
+ </button>
78
+ </div>
79
+ </div>
80
+ <div class="pf-v5-c-action-list__group pf-m-icons">
81
+ <div class="pf-v5-c-action-list__item">
82
+ <button
83
+ class="pf-v5-c-button pf-m-plain"
84
+ type="button"
85
+ aria-label="Close"
86
+ >
87
+ <i class="fas fa-times" aria-hidden="true"></i>
88
+ </button>
89
+ </div>
90
+ <div class="pf-v5-c-action-list__item">
91
+ <button
92
+ class="pf-v5-c-button pf-m-plain"
93
+ type="button"
94
+ aria-label="Kebab"
95
+ >
96
+ <i class="fas fa-check" aria-hidden="true"></i>
97
+ </button>
98
+ </div>
99
+ </div>
100
+ </div>
50
101
 
51
102
  ```
52
103
 
@@ -79,11 +130,13 @@ cssPrefix: pf-v5-c-action-list
79
130
  ```html
80
131
  In modals, forms, data lists
81
132
  <div class="pf-v5-c-action-list">
82
- <div class="pf-v5-c-action-list__item">
83
- <button class="pf-v5-c-button pf-m-primary" type="button">Save</button>
84
- </div>
85
- <div class="pf-v5-c-action-list__item">
86
- <button class="pf-v5-c-button pf-m-link" type="button">Cancel</button>
133
+ <div class="pf-v5-c-action-list__group">
134
+ <div class="pf-v5-c-action-list__item">
135
+ <button class="pf-v5-c-button pf-m-primary" type="button">Save</button>
136
+ </div>
137
+ <div class="pf-v5-c-action-list__item">
138
+ <button class="pf-v5-c-button pf-m-link" type="button">Cancel</button>
139
+ </div>
87
140
  </div>
88
141
  </div>
89
142
  <br />In wizards
@@ -95,8 +148,6 @@ In modals, forms, data lists
95
148
  <div class="pf-v5-c-action-list__item">
96
149
  <button class="pf-v5-c-button pf-m-secondary" type="button">Back</button>
97
150
  </div>
98
- </div>
99
- <div class="pf-v5-c-action-list__group">
100
151
  <div class="pf-v5-c-action-list__item">
101
152
  <button class="pf-v5-c-button pf-m-link" type="button">Cancel</button>
102
153
  </div>