@patternfly/patternfly 6.0.0-alpha.165 → 6.0.0-alpha.167

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 (88) hide show
  1. package/components/Alert/alert-group.css +54 -3
  2. package/components/Alert/alert-group.scss +85 -0
  3. package/components/Alert/alert.scss +1 -1
  4. package/components/Button/button.css +33 -14
  5. package/components/Button/button.scss +36 -14
  6. package/components/_index.css +87 -17
  7. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  8. package/docs/components/ActionList/examples/ActionList.md +60 -20
  9. package/docs/components/Alert/examples/Alert.md +106 -62
  10. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  11. package/docs/components/Banner/examples/Banner.md +9 -3
  12. package/docs/components/Button/examples/Button.md +536 -367
  13. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  14. package/docs/components/Card/examples/Card.md +43 -29
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  16. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  17. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  18. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  19. package/docs/components/DataList/examples/DataList.md +121 -63
  20. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  21. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  22. package/docs/components/Drawer/examples/Drawer.md +57 -19
  23. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  24. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  25. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  26. package/docs/components/Form/examples/Form.md +53 -19
  27. package/docs/components/Hint/examples/Hint.md +9 -9
  28. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  29. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  30. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  31. package/docs/components/Label/examples/Label.md +651 -217
  32. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  33. package/docs/components/Login/examples/Login.md +346 -282
  34. package/docs/components/Masthead/examples/masthead.md +27 -9
  35. package/docs/components/Menu/examples/Menu.md +35 -25
  36. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  37. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  38. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  39. package/docs/components/Nav/examples/Navigation.md +12 -4
  40. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  41. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  42. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  43. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  44. package/docs/components/Page/examples/Page.md +21 -7
  45. package/docs/components/Pagination/examples/Pagination.md +132 -44
  46. package/docs/components/Popover/examples/Popover.md +45 -15
  47. package/docs/components/Select/deprecated/Select.md +111 -55
  48. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  49. package/docs/components/Slider/examples/Slider.md +12 -4
  50. package/docs/components/Table/examples/Table.md +363 -208
  51. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  52. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  53. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  54. package/docs/components/TreeView/examples/TreeView.md +12 -4
  55. package/docs/components/Wizard/examples/Wizard.md +105 -38
  56. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  57. package/docs/demos/Alert/examples/Alert.md +39 -25
  58. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  59. package/docs/demos/Banner/examples/Banner.md +12 -4
  60. package/docs/demos/Button/examples/Button.md +7 -7
  61. package/docs/demos/Card/examples/Card.md +106 -57
  62. package/docs/demos/CardView/examples/CardView.md +30 -13
  63. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  64. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  65. package/docs/demos/DataList/examples/DataList.md +255 -149
  66. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  67. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  68. package/docs/demos/Form/examples/BasicForms.md +141 -59
  69. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  70. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  71. package/docs/demos/Modal/examples/Modal.md +99 -37
  72. package/docs/demos/Nav/examples/Nav.md +45 -15
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  74. package/docs/demos/Page/examples/Page.md +54 -21
  75. package/docs/demos/Page/examples/Penta.md +9 -6
  76. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  77. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  78. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  79. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  80. package/docs/demos/Table/examples/Table.md +474 -210
  81. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  82. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  83. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  84. package/package.json +1 -1
  85. package/patternfly-no-globals.css +87 -17
  86. package/patternfly.css +87 -17
  87. package/patternfly.min.css +1 -1
  88. package/patternfly.min.css.map +1 -1
package/docs/components/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -77,13 +77,19 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
77
77
  </div>
78
78
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
79
79
  <div class="pf-v6-c-overflow-menu__item">
80
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
80
+ <button class="pf-v6-c-button pf-m-primary" type="button">
81
+ <span class="pf-v6-c-button__text">Primary</span>
82
+ </button>
81
83
  </div>
82
84
  <div class="pf-v6-c-overflow-menu__item">
83
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
85
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
86
+ <span class="pf-v6-c-button__text">Secondary</span>
87
+ </button>
84
88
  </div>
85
89
  <div class="pf-v6-c-overflow-menu__item">
86
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
90
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
91
+ <span class="pf-v6-c-button__text">Tertiary</span>
92
+ </button>
87
93
  </div>
88
94
  </div>
89
95
  <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
@@ -93,7 +99,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
93
99
  type="button"
94
100
  aria-label="Align left"
95
101
  >
96
- <i class="fas fa-align-left" aria-hidden="true"></i>
102
+ <span class="pf-v6-c-button__text">
103
+ <i class="fas fa-align-left" aria-hidden="true"></i>
104
+ </span>
97
105
  </button>
98
106
  </div>
99
107
  <div class="pf-v6-c-overflow-menu__item">
@@ -102,7 +110,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
102
110
  type="button"
103
111
  aria-label="Align center"
104
112
  >
105
- <i class="fas fa-align-center" aria-hidden="true"></i>
113
+ <span class="pf-v6-c-button__text">
114
+ <i class="fas fa-align-center" aria-hidden="true"></i>
115
+ </span>
106
116
  </button>
107
117
  </div>
108
118
  <div class="pf-v6-c-overflow-menu__item">
@@ -111,7 +121,9 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
111
121
  type="button"
112
122
  aria-label="Align right"
113
123
  >
114
- <i class="fas fa-align-right" aria-hidden="true"></i>
124
+ <span class="pf-v6-c-button__text">
125
+ <i class="fas fa-align-right" aria-hidden="true"></i>
126
+ </span>
115
127
  </button>
116
128
  </div>
117
129
  </div>
@@ -164,13 +176,19 @@ The action group consists of a primary and secondary action. Any additional acti
164
176
  <div class="pf-v6-c-overflow-menu__content">
165
177
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
166
178
  <div class="pf-v6-c-overflow-menu__item">
167
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
179
+ <button class="pf-v6-c-button pf-m-primary" type="button">
180
+ <span class="pf-v6-c-button__text">Primary</span>
181
+ </button>
168
182
  </div>
169
183
  <div class="pf-v6-c-overflow-menu__item">
170
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
184
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
185
+ <span class="pf-v6-c-button__text">Secondary</span>
186
+ </button>
171
187
  </div>
172
188
  <div class="pf-v6-c-overflow-menu__item">
173
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
189
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
190
+ <span class="pf-v6-c-button__text">Tertiary</span>
191
+ </button>
174
192
  </div>
175
193
  </div>
176
194
  <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
@@ -180,7 +198,9 @@ The action group consists of a primary and secondary action. Any additional acti
180
198
  type="button"
181
199
  aria-label="Align left"
182
200
  >
183
- <i class="fas fa-align-left" aria-hidden="true"></i>
201
+ <span class="pf-v6-c-button__text">
202
+ <i class="fas fa-align-left" aria-hidden="true"></i>
203
+ </span>
184
204
  </button>
185
205
  </div>
186
206
  <div class="pf-v6-c-overflow-menu__item">
@@ -189,7 +209,9 @@ The action group consists of a primary and secondary action. Any additional acti
189
209
  type="button"
190
210
  aria-label="Align center"
191
211
  >
192
- <i class="fas fa-align-center" aria-hidden="true"></i>
212
+ <span class="pf-v6-c-button__text">
213
+ <i class="fas fa-align-center" aria-hidden="true"></i>
214
+ </span>
193
215
  </button>
194
216
  </div>
195
217
  <div class="pf-v6-c-overflow-menu__item">
@@ -198,7 +220,9 @@ The action group consists of a primary and secondary action. Any additional acti
198
220
  type="button"
199
221
  aria-label="Align right"
200
222
  >
201
- <i class="fas fa-align-right" aria-hidden="true"></i>
223
+ <span class="pf-v6-c-button__text">
224
+ <i class="fas fa-align-right" aria-hidden="true"></i>
225
+ </span>
202
226
  </button>
203
227
  </div>
204
228
  </div>
@@ -229,7 +253,9 @@ The action group consists of a primary and secondary action. Any additional acti
229
253
  <div class="pf-v6-c-overflow-menu__content">
230
254
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
231
255
  <div class="pf-v6-c-overflow-menu__item">
232
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
256
+ <button class="pf-v6-c-button pf-m-primary" type="button">
257
+ <span class="pf-v6-c-button__text">Primary</span>
258
+ </button>
233
259
  </div>
234
260
  </div>
235
261
  </div>
@@ -260,13 +286,19 @@ The action group consists of a primary and secondary action. Any additional acti
260
286
  <div class="pf-v6-c-overflow-menu__content">
261
287
  <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
262
288
  <div class="pf-v6-c-overflow-menu__item">
263
- <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
289
+ <button class="pf-v6-c-button pf-m-primary" type="button">
290
+ <span class="pf-v6-c-button__text">Primary</span>
291
+ </button>
264
292
  </div>
265
293
  <div class="pf-v6-c-overflow-menu__item">
266
- <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
294
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
295
+ <span class="pf-v6-c-button__text">Secondary</span>
296
+ </button>
267
297
  </div>
268
298
  <div class="pf-v6-c-overflow-menu__item">
269
- <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
299
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">
300
+ <span class="pf-v6-c-button__text">Tertiary</span>
301
+ </button>
270
302
  </div>
271
303
  </div>
272
304
  </div>
package/docs/components/Page/examples/Page.md CHANGED
@@ -18,7 +18,9 @@ wrapperTag: div
18
18
  type="button"
19
19
  aria-label="Global navigation"
20
20
  >
21
- <i class="fas fa-bars" aria-hidden="true"></i>
21
+ <span class="pf-v6-c-button__text">
22
+ <i class="fas fa-bars" aria-hidden="true"></i>
23
+ </span>
22
24
  </button>
23
25
  </span>
24
26
  <div class="pf-v6-c-masthead__main">
@@ -80,7 +82,9 @@ wrapperTag: div
80
82
  type="button"
81
83
  aria-label="Global navigation"
82
84
  >
83
- <i class="fas fa-bars" aria-hidden="true"></i>
85
+ <span class="pf-v6-c-button__text">
86
+ <i class="fas fa-bars" aria-hidden="true"></i>
87
+ </span>
84
88
  </button>
85
89
  </span>
86
90
  <div class="pf-v6-c-masthead__main">
@@ -128,7 +132,9 @@ wrapperTag: div
128
132
  type="button"
129
133
  aria-label="Global navigation"
130
134
  >
131
- <i class="fas fa-bars" aria-hidden="true"></i>
135
+ <span class="pf-v6-c-button__text">
136
+ <i class="fas fa-bars" aria-hidden="true"></i>
137
+ </span>
132
138
  </button>
133
139
  </span>
134
140
  <div class="pf-v6-c-masthead__main">
@@ -167,7 +173,9 @@ wrapperTag: div
167
173
  type="button"
168
174
  aria-label="Global navigation"
169
175
  >
170
- <i class="fas fa-bars" aria-hidden="true"></i>
176
+ <span class="pf-v6-c-button__text">
177
+ <i class="fas fa-bars" aria-hidden="true"></i>
178
+ </span>
171
179
  </button>
172
180
  </span>
173
181
  <div class="pf-v6-c-masthead__main">
@@ -211,7 +219,9 @@ wrapperTag: div
211
219
  type="button"
212
220
  aria-label="Global navigation"
213
221
  >
214
- <i class="fas fa-bars" aria-hidden="true"></i>
222
+ <span class="pf-v6-c-button__text">
223
+ <i class="fas fa-bars" aria-hidden="true"></i>
224
+ </span>
215
225
  </button>
216
226
  </span>
217
227
  <div class="pf-v6-c-masthead__main">
@@ -266,7 +276,9 @@ wrapperTag: div
266
276
  type="button"
267
277
  aria-label="Global navigation"
268
278
  >
269
- <i class="fas fa-bars" aria-hidden="true"></i>
279
+ <span class="pf-v6-c-button__text">
280
+ <i class="fas fa-bars" aria-hidden="true"></i>
281
+ </span>
270
282
  </button>
271
283
  </span>
272
284
  <div class="pf-v6-c-masthead__main">
@@ -321,7 +333,9 @@ wrapperTag: div
321
333
  type="button"
322
334
  aria-label="Global navigation"
323
335
  >
324
- <i class="fas fa-bars" aria-hidden="true"></i>
336
+ <span class="pf-v6-c-button__text">
337
+ <i class="fas fa-bars" aria-hidden="true"></i>
338
+ </span>
325
339
  </button>
326
340
  </span>
327
341
  <div class="pf-v6-c-masthead__main">