@patternfly/patternfly 6.0.0-alpha.132 → 6.0.0-alpha.133

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/Breadcrumb/breadcrumb.css +10 -10
  2. package/components/Breadcrumb/breadcrumb.scss +10 -10
  3. package/components/Hint/hint.css +2 -2
  4. package/components/Hint/hint.scss +2 -3
  5. package/components/Login/login.css +4 -2
  6. package/components/Login/login.scss +2 -1
  7. package/components/Menu/menu.css +4 -1
  8. package/components/Menu/menu.scss +5 -1
  9. package/components/_index.css +20 -15
  10. package/docs/components/ActionList/examples/ActionList.md +4 -4
  11. package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
  12. package/docs/components/Card/examples/Card.md +80 -416
  13. package/docs/components/DataList/examples/DataList.md +170 -952
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
  15. package/docs/components/Hint/examples/Hint.md +30 -156
  16. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  17. package/docs/components/LogViewer/examples/LogViewer.css +9 -2
  18. package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
  19. package/docs/components/Menu/examples/Menu.md +6 -76
  20. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
  21. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
  22. package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
  24. package/docs/components/Table/examples/Table.css +7 -0
  25. package/docs/components/Table/examples/Table.md +281 -405
  26. package/docs/components/Toolbar/examples/Toolbar.md +32 -239
  27. package/docs/demos/CardView/examples/CardView.md +110 -583
  28. package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
  29. package/docs/demos/DataList/examples/DataList.md +44 -96
  30. package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
  31. package/docs/demos/Drawer/examples/Drawer.md +10 -56
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
  33. package/docs/demos/Page/examples/Penta.md +5 -5
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
  35. package/docs/demos/Table/examples/Table.md +142 -220
  36. package/docs/demos/Tabs/examples/Tabs.md +15 -28
  37. package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
  38. package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
  39. package/docs/utilities/Display/examples/Display.css +1 -8
  40. package/docs/utilities/Display/examples/Display.md +16 -7
  41. package/package.json +1 -1
  42. package/patternfly-addons.css +38 -0
  43. package/patternfly-no-globals.css +20 -15
  44. package/patternfly.css +20 -15
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
  47. package/utilities/Display/display.css +38 -0
  48. package/utilities/Display/display.scss +3 -1
  49. package/utilities/_index.css +38 -0
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -9,59 +9,17 @@ cssPrefix: pf-v6-c-hint
9
9
  ```html
10
10
  <div class="pf-v6-c-hint">
11
11
  <div class="pf-v6-c-hint__actions">
12
- <div class="pf-v6-c-dropdown">
13
- <button
14
- class="pf-v6-c-dropdown__toggle pf-m-plain"
15
- id="hint-with-title-dropdown-kebab-button"
16
- aria-expanded="false"
17
- type="button"
18
- aria-label="Actions"
19
- >
12
+ <button
13
+ class="pf-v6-c-menu-toggle pf-m-plain"
14
+ type="button"
15
+ aria-expanded="false"
16
+ aria-label="Menu toggle"
17
+ id="hint-with-title-examplehint"
18
+ >
19
+ <span class="pf-v6-c-menu-toggle__icon">
20
20
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21
- </button>
22
- <ul
23
- class="pf-v6-c-dropdown__menu"
24
- aria-labelledby="hint-with-title-dropdown-kebab-button"
25
- hidden
26
- role="menu"
27
- >
28
- <li role="none">
29
- <a class="pf-v6-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
30
- </li>
31
- <li role="none">
32
- <button
33
- class="pf-v6-c-dropdown__menu-item"
34
- role="menuitem"
35
- type="button"
36
- >Action</button>
37
- </li>
38
- <li role="none">
39
- <a
40
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
41
- role="menuitem"
42
- href="#"
43
- aria-disabled="true"
44
- tabindex="-1"
45
- >Disabled link</a>
46
- </li>
47
- <li role="none">
48
- <button
49
- class="pf-v6-c-dropdown__menu-item"
50
- role="menuitem"
51
- type="button"
52
- disabled
53
- >Disabled action</button>
54
- </li>
55
- <li class="pf-v6-c-divider" role="separator"></li>
56
- <li role="none">
57
- <a
58
- class="pf-v6-c-dropdown__menu-item"
59
- role="menuitem"
60
- href="#"
61
- >Separated link</a>
62
- </li>
63
- </ul>
64
- </div>
21
+ </span>
22
+ </button>
65
23
  </div>
66
24
  <div class="pf-v6-c-hint__title">Do more with Find it Fix it capabilities</div>
67
25
  <div
@@ -73,59 +31,17 @@ cssPrefix: pf-v6-c-hint
73
31
 
74
32
  <div class="pf-v6-c-hint">
75
33
  <div class="pf-v6-c-hint__actions">
76
- <div class="pf-v6-c-dropdown">
77
- <button
78
- class="pf-v6-c-dropdown__toggle pf-m-plain"
79
- id="hint-with-title-with-footer-dropdown-kebab-button"
80
- aria-expanded="false"
81
- type="button"
82
- aria-label="Actions"
83
- >
34
+ <button
35
+ class="pf-v6-c-menu-toggle pf-m-plain"
36
+ type="button"
37
+ aria-expanded="false"
38
+ aria-label="Menu toggle"
39
+ id="hint-with-title-and-actions-examplehint"
40
+ >
41
+ <span class="pf-v6-c-menu-toggle__icon">
84
42
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
85
- </button>
86
- <ul
87
- class="pf-v6-c-dropdown__menu"
88
- aria-labelledby="hint-with-title-with-footer-dropdown-kebab-button"
89
- hidden
90
- role="menu"
91
- >
92
- <li role="none">
93
- <a class="pf-v6-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
94
- </li>
95
- <li role="none">
96
- <button
97
- class="pf-v6-c-dropdown__menu-item"
98
- role="menuitem"
99
- type="button"
100
- >Action</button>
101
- </li>
102
- <li role="none">
103
- <a
104
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
105
- role="menuitem"
106
- href="#"
107
- aria-disabled="true"
108
- tabindex="-1"
109
- >Disabled link</a>
110
- </li>
111
- <li role="none">
112
- <button
113
- class="pf-v6-c-dropdown__menu-item"
114
- role="menuitem"
115
- type="button"
116
- disabled
117
- >Disabled action</button>
118
- </li>
119
- <li class="pf-v6-c-divider" role="separator"></li>
120
- <li role="none">
121
- <a
122
- class="pf-v6-c-dropdown__menu-item"
123
- role="menuitem"
124
- href="#"
125
- >Separated link</a>
126
- </li>
127
- </ul>
128
- </div>
43
+ </span>
44
+ </button>
129
45
  </div>
130
46
  <div class="pf-v6-c-hint__title">Do more with Find it Fix it capabilities</div>
131
47
  <div
@@ -155,59 +71,17 @@ cssPrefix: pf-v6-c-hint
155
71
 
156
72
  <div class="pf-v6-c-hint">
157
73
  <div class="pf-v6-c-hint__actions">
158
- <div class="pf-v6-c-dropdown">
159
- <button
160
- class="pf-v6-c-dropdown__toggle pf-m-plain"
161
- id="hint-with-no-title-dropdown-kebab-button"
162
- aria-expanded="false"
163
- type="button"
164
- aria-label="Actions"
165
- >
74
+ <button
75
+ class="pf-v6-c-menu-toggle pf-m-plain"
76
+ type="button"
77
+ aria-expanded="false"
78
+ aria-label="Menu toggle"
79
+ id="hint-with-no-title-examplehint"
80
+ >
81
+ <span class="pf-v6-c-menu-toggle__icon">
166
82
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
167
- </button>
168
- <ul
169
- class="pf-v6-c-dropdown__menu"
170
- aria-labelledby="hint-with-no-title-dropdown-kebab-button"
171
- hidden
172
- role="menu"
173
- >
174
- <li role="none">
175
- <a class="pf-v6-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
176
- </li>
177
- <li role="none">
178
- <button
179
- class="pf-v6-c-dropdown__menu-item"
180
- role="menuitem"
181
- type="button"
182
- >Action</button>
183
- </li>
184
- <li role="none">
185
- <a
186
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
187
- role="menuitem"
188
- href="#"
189
- aria-disabled="true"
190
- tabindex="-1"
191
- >Disabled link</a>
192
- </li>
193
- <li role="none">
194
- <button
195
- class="pf-v6-c-dropdown__menu-item"
196
- role="menuitem"
197
- type="button"
198
- disabled
199
- >Disabled action</button>
200
- </li>
201
- <li class="pf-v6-c-divider" role="separator"></li>
202
- <li role="none">
203
- <a
204
- class="pf-v6-c-dropdown__menu-item"
205
- role="menuitem"
206
- href="#"
207
- >Separated link</a>
208
- </li>
209
- </ul>
210
- </div>
83
+ </span>
84
+ </button>
211
85
  </div>
212
86
  <div
213
87
  class="pf-v6-c-hint__body"
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -618,7 +618,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
618
618
  class="pf-v6-c-menu-toggle pf-m-plain"
619
619
  type="button"
620
620
  aria-expanded="false"
621
- aria-label="Table actions"
621
+ aria-label="Menu toggle"
622
622
  >
623
623
  <span class="pf-v6-c-menu-toggle__icon">
624
624
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -797,7 +797,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
797
797
  class="pf-v6-c-menu-toggle pf-m-plain"
798
798
  type="button"
799
799
  aria-expanded="false"
800
- aria-label="Table actions"
800
+ aria-label="Menu toggle"
801
801
  >
802
802
  <span class="pf-v6-c-menu-toggle__icon">
803
803
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/LogViewer/examples/LogViewer.css CHANGED
@@ -6,8 +6,8 @@
6
6
  display: none;
7
7
  position: absolute;
8
8
  z-index: 9999;
9
- inset-block-start: 52px;
10
- inset-inline-end: 78px;
9
+ inset-block-start: 52px;
10
+ inset-inline-end: 78px;
11
11
  }
12
12
 
13
13
  @media screen and (min-width: 992px) {
@@ -15,3 +15,10 @@
15
15
  display: block;
16
16
  }
17
17
  }
18
+
19
+ .pf-v6-c-log-viewer .pf-v6-c-menu {
20
+ position: absolute;
21
+ z-index: 9999;
22
+ inset-block-start: 100%;
23
+ min-width: max-content;
24
+ }