@patternfly/patternfly 5.1.0-prerelease.4 → 6.0.0-alpha.1
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.
- package/CODE_OF_CONDUCT.md +2 -1
- package/components/DataList/data-list-grid.css +0 -28
- package/components/DataList/data-list.css +0 -28
- package/components/FormControl/form-control.css +3 -2
- package/components/FormControl/form-control.scss +3 -2
- package/components/NumberInput/number-input.css +1 -1
- package/components/Pagination/pagination.css +1 -1
- package/components/Table/table-grid.css +0 -24
- package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
- package/docs/components/Card/examples/Card.md +152 -64
- package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
- package/docs/components/DataList/examples/DataList.md +391 -136
- package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
- package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
- package/docs/components/FormControl/examples/FormControl.md +2 -1
- package/docs/components/Hint/examples/Hint.md +57 -24
- package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
- package/docs/components/LogViewer/examples/LogViewer.md +40 -30
- package/docs/components/Menu/examples/Menu.md +41 -20
- package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
- package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
- package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
- package/docs/components/Pagination/examples/Pagination.md +195 -65
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
- package/docs/components/Select/deprecated/Select.css +3 -3
- package/docs/components/Select/deprecated/Select.md +40 -52
- package/docs/components/Table/examples/Table.md +4546 -1668
- package/docs/components/Tabs/examples/Tabs.md +1094 -438
- package/docs/components/Toolbar/examples/Toolbar.md +142 -68
- package/docs/components/TreeView/examples/TreeView.md +23 -8
- package/docs/demos/Card/examples/Card.md +46 -21
- package/docs/demos/CardView/examples/CardView.md +182 -74
- package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
- package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
- package/docs/demos/DataList/examples/DataList.md +163 -70
- package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
- package/docs/demos/Drawer/examples/Drawer.md +20 -9
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
- package/docs/demos/Table/examples/Table.md +1422 -607
- package/docs/demos/Tabs/examples/Tabs.md +113 -48
- package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
- package/package.json +39 -38
- package/patternfly-no-globals.css +4 -55
- package/patternfly-theme-dark-unversioned.css +4 -55
- package/patternfly.css +4 -55
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/placeholders.scss +1 -1
|
@@ -26,31 +26,42 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
26
26
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
27
27
|
aria-labelledby="notification-drawer-basic-header-action-button"
|
|
28
28
|
hidden
|
|
29
|
+
role="menu"
|
|
29
30
|
>
|
|
30
|
-
<li>
|
|
31
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
31
|
+
<li role="none">
|
|
32
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
32
33
|
</li>
|
|
33
|
-
<li>
|
|
34
|
-
<button
|
|
34
|
+
<li role="none">
|
|
35
|
+
<button
|
|
36
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
37
|
+
role="menuitem"
|
|
38
|
+
type="button"
|
|
39
|
+
>Action</button>
|
|
35
40
|
</li>
|
|
36
|
-
<li>
|
|
41
|
+
<li role="none">
|
|
37
42
|
<a
|
|
38
43
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
44
|
+
role="menuitem"
|
|
39
45
|
href="#"
|
|
40
46
|
aria-disabled="true"
|
|
41
47
|
tabindex="-1"
|
|
42
48
|
>Disabled link</a>
|
|
43
49
|
</li>
|
|
44
|
-
<li>
|
|
50
|
+
<li role="none">
|
|
45
51
|
<button
|
|
46
52
|
class="pf-v5-c-dropdown__menu-item"
|
|
53
|
+
role="menuitem"
|
|
47
54
|
type="button"
|
|
48
55
|
disabled
|
|
49
56
|
>Disabled action</button>
|
|
50
57
|
</li>
|
|
51
58
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
52
|
-
<li>
|
|
53
|
-
<a
|
|
59
|
+
<li role="none">
|
|
60
|
+
<a
|
|
61
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
62
|
+
role="menuitem"
|
|
63
|
+
href="#"
|
|
64
|
+
>Separated link</a>
|
|
54
65
|
</li>
|
|
55
66
|
</ul>
|
|
56
67
|
</div>
|
|
@@ -96,31 +107,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
96
107
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
97
108
|
aria-labelledby="notification-drawer-basicdropdown-kebab-1-button"
|
|
98
109
|
hidden
|
|
110
|
+
role="menu"
|
|
99
111
|
>
|
|
100
|
-
<li>
|
|
101
|
-
<a
|
|
112
|
+
<li role="none">
|
|
113
|
+
<a
|
|
114
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
115
|
+
role="menuitem"
|
|
116
|
+
href="#"
|
|
117
|
+
>Link</a>
|
|
102
118
|
</li>
|
|
103
|
-
<li>
|
|
104
|
-
<button
|
|
119
|
+
<li role="none">
|
|
120
|
+
<button
|
|
121
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
122
|
+
role="menuitem"
|
|
123
|
+
type="button"
|
|
124
|
+
>Action</button>
|
|
105
125
|
</li>
|
|
106
|
-
<li>
|
|
126
|
+
<li role="none">
|
|
107
127
|
<a
|
|
108
128
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
129
|
+
role="menuitem"
|
|
109
130
|
href="#"
|
|
110
131
|
aria-disabled="true"
|
|
111
132
|
tabindex="-1"
|
|
112
133
|
>Disabled link</a>
|
|
113
134
|
</li>
|
|
114
|
-
<li>
|
|
135
|
+
<li role="none">
|
|
115
136
|
<button
|
|
116
137
|
class="pf-v5-c-dropdown__menu-item"
|
|
138
|
+
role="menuitem"
|
|
117
139
|
type="button"
|
|
118
140
|
disabled
|
|
119
141
|
>Disabled action</button>
|
|
120
142
|
</li>
|
|
121
143
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
122
|
-
<li>
|
|
123
|
-
<a
|
|
144
|
+
<li role="none">
|
|
145
|
+
<a
|
|
146
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
147
|
+
role="menuitem"
|
|
148
|
+
href="#"
|
|
149
|
+
>Separated link</a>
|
|
124
150
|
</li>
|
|
125
151
|
</ul>
|
|
126
152
|
</div>
|
|
@@ -162,31 +188,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
162
188
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
163
189
|
aria-labelledby="notification-drawer-basicdropdown-kebab-2-button"
|
|
164
190
|
hidden
|
|
191
|
+
role="menu"
|
|
165
192
|
>
|
|
166
|
-
<li>
|
|
167
|
-
<a
|
|
193
|
+
<li role="none">
|
|
194
|
+
<a
|
|
195
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
196
|
+
role="menuitem"
|
|
197
|
+
href="#"
|
|
198
|
+
>Link</a>
|
|
168
199
|
</li>
|
|
169
|
-
<li>
|
|
170
|
-
<button
|
|
200
|
+
<li role="none">
|
|
201
|
+
<button
|
|
202
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
203
|
+
role="menuitem"
|
|
204
|
+
type="button"
|
|
205
|
+
>Action</button>
|
|
171
206
|
</li>
|
|
172
|
-
<li>
|
|
207
|
+
<li role="none">
|
|
173
208
|
<a
|
|
174
209
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
210
|
+
role="menuitem"
|
|
175
211
|
href="#"
|
|
176
212
|
aria-disabled="true"
|
|
177
213
|
tabindex="-1"
|
|
178
214
|
>Disabled link</a>
|
|
179
215
|
</li>
|
|
180
|
-
<li>
|
|
216
|
+
<li role="none">
|
|
181
217
|
<button
|
|
182
218
|
class="pf-v5-c-dropdown__menu-item"
|
|
219
|
+
role="menuitem"
|
|
183
220
|
type="button"
|
|
184
221
|
disabled
|
|
185
222
|
>Disabled action</button>
|
|
186
223
|
</li>
|
|
187
224
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
188
|
-
<li>
|
|
189
|
-
<a
|
|
225
|
+
<li role="none">
|
|
226
|
+
<a
|
|
227
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
228
|
+
role="menuitem"
|
|
229
|
+
href="#"
|
|
230
|
+
>Separated link</a>
|
|
190
231
|
</li>
|
|
191
232
|
</ul>
|
|
192
233
|
</div>
|
|
@@ -228,31 +269,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
228
269
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
229
270
|
aria-labelledby="notification-drawer-basicdropdown-kebab-3-button"
|
|
230
271
|
hidden
|
|
272
|
+
role="menu"
|
|
231
273
|
>
|
|
232
|
-
<li>
|
|
233
|
-
<a
|
|
274
|
+
<li role="none">
|
|
275
|
+
<a
|
|
276
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
277
|
+
role="menuitem"
|
|
278
|
+
href="#"
|
|
279
|
+
>Link</a>
|
|
234
280
|
</li>
|
|
235
|
-
<li>
|
|
236
|
-
<button
|
|
281
|
+
<li role="none">
|
|
282
|
+
<button
|
|
283
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
284
|
+
role="menuitem"
|
|
285
|
+
type="button"
|
|
286
|
+
>Action</button>
|
|
237
287
|
</li>
|
|
238
|
-
<li>
|
|
288
|
+
<li role="none">
|
|
239
289
|
<a
|
|
240
290
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
291
|
+
role="menuitem"
|
|
241
292
|
href="#"
|
|
242
293
|
aria-disabled="true"
|
|
243
294
|
tabindex="-1"
|
|
244
295
|
>Disabled link</a>
|
|
245
296
|
</li>
|
|
246
|
-
<li>
|
|
297
|
+
<li role="none">
|
|
247
298
|
<button
|
|
248
299
|
class="pf-v5-c-dropdown__menu-item"
|
|
300
|
+
role="menuitem"
|
|
249
301
|
type="button"
|
|
250
302
|
disabled
|
|
251
303
|
>Disabled action</button>
|
|
252
304
|
</li>
|
|
253
305
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
254
|
-
<li>
|
|
255
|
-
<a
|
|
306
|
+
<li role="none">
|
|
307
|
+
<a
|
|
308
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
309
|
+
role="menuitem"
|
|
310
|
+
href="#"
|
|
311
|
+
>Separated link</a>
|
|
256
312
|
</li>
|
|
257
313
|
</ul>
|
|
258
314
|
</div>
|
|
@@ -291,31 +347,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
291
347
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
292
348
|
aria-labelledby="notification-drawer-basicdropdown-kebab-4-button"
|
|
293
349
|
hidden
|
|
350
|
+
role="menu"
|
|
294
351
|
>
|
|
295
|
-
<li>
|
|
296
|
-
<a
|
|
352
|
+
<li role="none">
|
|
353
|
+
<a
|
|
354
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
355
|
+
role="menuitem"
|
|
356
|
+
href="#"
|
|
357
|
+
>Link</a>
|
|
297
358
|
</li>
|
|
298
|
-
<li>
|
|
299
|
-
<button
|
|
359
|
+
<li role="none">
|
|
360
|
+
<button
|
|
361
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
362
|
+
role="menuitem"
|
|
363
|
+
type="button"
|
|
364
|
+
>Action</button>
|
|
300
365
|
</li>
|
|
301
|
-
<li>
|
|
366
|
+
<li role="none">
|
|
302
367
|
<a
|
|
303
368
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
369
|
+
role="menuitem"
|
|
304
370
|
href="#"
|
|
305
371
|
aria-disabled="true"
|
|
306
372
|
tabindex="-1"
|
|
307
373
|
>Disabled link</a>
|
|
308
374
|
</li>
|
|
309
|
-
<li>
|
|
375
|
+
<li role="none">
|
|
310
376
|
<button
|
|
311
377
|
class="pf-v5-c-dropdown__menu-item"
|
|
378
|
+
role="menuitem"
|
|
312
379
|
type="button"
|
|
313
380
|
disabled
|
|
314
381
|
>Disabled action</button>
|
|
315
382
|
</li>
|
|
316
383
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
317
|
-
<li>
|
|
318
|
-
<a
|
|
384
|
+
<li role="none">
|
|
385
|
+
<a
|
|
386
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
387
|
+
role="menuitem"
|
|
388
|
+
href="#"
|
|
389
|
+
>Separated link</a>
|
|
319
390
|
</li>
|
|
320
391
|
</ul>
|
|
321
392
|
</div>
|
|
@@ -354,31 +425,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
354
425
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
355
426
|
aria-labelledby="notification-drawer-basicdropdown-kebab-5-button"
|
|
356
427
|
hidden
|
|
428
|
+
role="menu"
|
|
357
429
|
>
|
|
358
|
-
<li>
|
|
359
|
-
<a
|
|
430
|
+
<li role="none">
|
|
431
|
+
<a
|
|
432
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
433
|
+
role="menuitem"
|
|
434
|
+
href="#"
|
|
435
|
+
>Link</a>
|
|
360
436
|
</li>
|
|
361
|
-
<li>
|
|
362
|
-
<button
|
|
437
|
+
<li role="none">
|
|
438
|
+
<button
|
|
439
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
440
|
+
role="menuitem"
|
|
441
|
+
type="button"
|
|
442
|
+
>Action</button>
|
|
363
443
|
</li>
|
|
364
|
-
<li>
|
|
444
|
+
<li role="none">
|
|
365
445
|
<a
|
|
366
446
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
447
|
+
role="menuitem"
|
|
367
448
|
href="#"
|
|
368
449
|
aria-disabled="true"
|
|
369
450
|
tabindex="-1"
|
|
370
451
|
>Disabled link</a>
|
|
371
452
|
</li>
|
|
372
|
-
<li>
|
|
453
|
+
<li role="none">
|
|
373
454
|
<button
|
|
374
455
|
class="pf-v5-c-dropdown__menu-item"
|
|
456
|
+
role="menuitem"
|
|
375
457
|
type="button"
|
|
376
458
|
disabled
|
|
377
459
|
>Disabled action</button>
|
|
378
460
|
</li>
|
|
379
461
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
380
|
-
<li>
|
|
381
|
-
<a
|
|
462
|
+
<li role="none">
|
|
463
|
+
<a
|
|
464
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
465
|
+
role="menuitem"
|
|
466
|
+
href="#"
|
|
467
|
+
>Separated link</a>
|
|
382
468
|
</li>
|
|
383
469
|
</ul>
|
|
384
470
|
</div>
|
|
@@ -419,31 +505,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
419
505
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
420
506
|
aria-labelledby="notification-drawer-basicdropdown-kebab-6-button"
|
|
421
507
|
hidden
|
|
508
|
+
role="menu"
|
|
422
509
|
>
|
|
423
|
-
<li>
|
|
424
|
-
<a
|
|
510
|
+
<li role="none">
|
|
511
|
+
<a
|
|
512
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
513
|
+
role="menuitem"
|
|
514
|
+
href="#"
|
|
515
|
+
>Link</a>
|
|
425
516
|
</li>
|
|
426
|
-
<li>
|
|
427
|
-
<button
|
|
517
|
+
<li role="none">
|
|
518
|
+
<button
|
|
519
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
520
|
+
role="menuitem"
|
|
521
|
+
type="button"
|
|
522
|
+
>Action</button>
|
|
428
523
|
</li>
|
|
429
|
-
<li>
|
|
524
|
+
<li role="none">
|
|
430
525
|
<a
|
|
431
526
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
527
|
+
role="menuitem"
|
|
432
528
|
href="#"
|
|
433
529
|
aria-disabled="true"
|
|
434
530
|
tabindex="-1"
|
|
435
531
|
>Disabled link</a>
|
|
436
532
|
</li>
|
|
437
|
-
<li>
|
|
533
|
+
<li role="none">
|
|
438
534
|
<button
|
|
439
535
|
class="pf-v5-c-dropdown__menu-item"
|
|
536
|
+
role="menuitem"
|
|
440
537
|
type="button"
|
|
441
538
|
disabled
|
|
442
539
|
>Disabled action</button>
|
|
443
540
|
</li>
|
|
444
541
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
445
|
-
<li>
|
|
446
|
-
<a
|
|
542
|
+
<li role="none">
|
|
543
|
+
<a
|
|
544
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
545
|
+
role="menuitem"
|
|
546
|
+
href="#"
|
|
547
|
+
>Separated link</a>
|
|
447
548
|
</li>
|
|
448
549
|
</ul>
|
|
449
550
|
</div>
|
|
@@ -485,31 +586,46 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
485
586
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
486
587
|
aria-labelledby="notification-drawer-basicdropdown-kebab-7-button"
|
|
487
588
|
hidden
|
|
589
|
+
role="menu"
|
|
488
590
|
>
|
|
489
|
-
<li>
|
|
490
|
-
<a
|
|
591
|
+
<li role="none">
|
|
592
|
+
<a
|
|
593
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
594
|
+
role="menuitem"
|
|
595
|
+
href="#"
|
|
596
|
+
>Link</a>
|
|
491
597
|
</li>
|
|
492
|
-
<li>
|
|
493
|
-
<button
|
|
598
|
+
<li role="none">
|
|
599
|
+
<button
|
|
600
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
601
|
+
role="menuitem"
|
|
602
|
+
type="button"
|
|
603
|
+
>Action</button>
|
|
494
604
|
</li>
|
|
495
|
-
<li>
|
|
605
|
+
<li role="none">
|
|
496
606
|
<a
|
|
497
607
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
608
|
+
role="menuitem"
|
|
498
609
|
href="#"
|
|
499
610
|
aria-disabled="true"
|
|
500
611
|
tabindex="-1"
|
|
501
612
|
>Disabled link</a>
|
|
502
613
|
</li>
|
|
503
|
-
<li>
|
|
614
|
+
<li role="none">
|
|
504
615
|
<button
|
|
505
616
|
class="pf-v5-c-dropdown__menu-item"
|
|
617
|
+
role="menuitem"
|
|
506
618
|
type="button"
|
|
507
619
|
disabled
|
|
508
620
|
>Disabled action</button>
|
|
509
621
|
</li>
|
|
510
622
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
511
|
-
<li>
|
|
512
|
-
<a
|
|
623
|
+
<li role="none">
|
|
624
|
+
<a
|
|
625
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
626
|
+
role="menuitem"
|
|
627
|
+
href="#"
|
|
628
|
+
>Separated link</a>
|
|
513
629
|
</li>
|
|
514
630
|
</ul>
|
|
515
631
|
</div>
|
|
@@ -549,31 +665,42 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
549
665
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
550
666
|
aria-labelledby="notification-drawer-groups-header-action-button"
|
|
551
667
|
hidden
|
|
668
|
+
role="menu"
|
|
552
669
|
>
|
|
553
|
-
<li>
|
|
554
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
670
|
+
<li role="none">
|
|
671
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
555
672
|
</li>
|
|
556
|
-
<li>
|
|
557
|
-
<button
|
|
673
|
+
<li role="none">
|
|
674
|
+
<button
|
|
675
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
676
|
+
role="menuitem"
|
|
677
|
+
type="button"
|
|
678
|
+
>Action</button>
|
|
558
679
|
</li>
|
|
559
|
-
<li>
|
|
680
|
+
<li role="none">
|
|
560
681
|
<a
|
|
561
682
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
683
|
+
role="menuitem"
|
|
562
684
|
href="#"
|
|
563
685
|
aria-disabled="true"
|
|
564
686
|
tabindex="-1"
|
|
565
687
|
>Disabled link</a>
|
|
566
688
|
</li>
|
|
567
|
-
<li>
|
|
689
|
+
<li role="none">
|
|
568
690
|
<button
|
|
569
691
|
class="pf-v5-c-dropdown__menu-item"
|
|
692
|
+
role="menuitem"
|
|
570
693
|
type="button"
|
|
571
694
|
disabled
|
|
572
695
|
>Disabled action</button>
|
|
573
696
|
</li>
|
|
574
697
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
575
|
-
<li>
|
|
576
|
-
<a
|
|
698
|
+
<li role="none">
|
|
699
|
+
<a
|
|
700
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
701
|
+
role="menuitem"
|
|
702
|
+
href="#"
|
|
703
|
+
>Separated link</a>
|
|
577
704
|
</li>
|
|
578
705
|
</ul>
|
|
579
706
|
</div>
|
|
@@ -637,35 +764,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
637
764
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
638
765
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-1-button"
|
|
639
766
|
hidden
|
|
767
|
+
role="menu"
|
|
640
768
|
>
|
|
641
|
-
<li>
|
|
642
|
-
<a
|
|
769
|
+
<li role="none">
|
|
770
|
+
<a
|
|
771
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
772
|
+
role="menuitem"
|
|
773
|
+
href="#"
|
|
774
|
+
>Link</a>
|
|
643
775
|
</li>
|
|
644
|
-
<li>
|
|
776
|
+
<li role="none">
|
|
645
777
|
<button
|
|
646
778
|
class="pf-v5-c-dropdown__menu-item"
|
|
779
|
+
role="menuitem"
|
|
647
780
|
type="button"
|
|
648
781
|
>Action</button>
|
|
649
782
|
</li>
|
|
650
|
-
<li>
|
|
783
|
+
<li role="none">
|
|
651
784
|
<a
|
|
652
785
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
786
|
+
role="menuitem"
|
|
653
787
|
href="#"
|
|
654
788
|
aria-disabled="true"
|
|
655
789
|
tabindex="-1"
|
|
656
790
|
>Disabled link</a>
|
|
657
791
|
</li>
|
|
658
|
-
<li>
|
|
792
|
+
<li role="none">
|
|
659
793
|
<button
|
|
660
794
|
class="pf-v5-c-dropdown__menu-item"
|
|
795
|
+
role="menuitem"
|
|
661
796
|
type="button"
|
|
662
797
|
disabled
|
|
663
798
|
>Disabled action</button>
|
|
664
799
|
</li>
|
|
665
800
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
666
|
-
<li>
|
|
801
|
+
<li role="none">
|
|
667
802
|
<a
|
|
668
803
|
class="pf-v5-c-dropdown__menu-item"
|
|
804
|
+
role="menuitem"
|
|
669
805
|
href="#"
|
|
670
806
|
>Separated link</a>
|
|
671
807
|
</li>
|
|
@@ -709,35 +845,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
709
845
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
710
846
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-2-button"
|
|
711
847
|
hidden
|
|
848
|
+
role="menu"
|
|
712
849
|
>
|
|
713
|
-
<li>
|
|
714
|
-
<a
|
|
850
|
+
<li role="none">
|
|
851
|
+
<a
|
|
852
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
853
|
+
role="menuitem"
|
|
854
|
+
href="#"
|
|
855
|
+
>Link</a>
|
|
715
856
|
</li>
|
|
716
|
-
<li>
|
|
857
|
+
<li role="none">
|
|
717
858
|
<button
|
|
718
859
|
class="pf-v5-c-dropdown__menu-item"
|
|
860
|
+
role="menuitem"
|
|
719
861
|
type="button"
|
|
720
862
|
>Action</button>
|
|
721
863
|
</li>
|
|
722
|
-
<li>
|
|
864
|
+
<li role="none">
|
|
723
865
|
<a
|
|
724
866
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
867
|
+
role="menuitem"
|
|
725
868
|
href="#"
|
|
726
869
|
aria-disabled="true"
|
|
727
870
|
tabindex="-1"
|
|
728
871
|
>Disabled link</a>
|
|
729
872
|
</li>
|
|
730
|
-
<li>
|
|
873
|
+
<li role="none">
|
|
731
874
|
<button
|
|
732
875
|
class="pf-v5-c-dropdown__menu-item"
|
|
876
|
+
role="menuitem"
|
|
733
877
|
type="button"
|
|
734
878
|
disabled
|
|
735
879
|
>Disabled action</button>
|
|
736
880
|
</li>
|
|
737
881
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
738
|
-
<li>
|
|
882
|
+
<li role="none">
|
|
739
883
|
<a
|
|
740
884
|
class="pf-v5-c-dropdown__menu-item"
|
|
885
|
+
role="menuitem"
|
|
741
886
|
href="#"
|
|
742
887
|
>Separated link</a>
|
|
743
888
|
</li>
|
|
@@ -781,35 +926,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
781
926
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
782
927
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-3-button"
|
|
783
928
|
hidden
|
|
929
|
+
role="menu"
|
|
784
930
|
>
|
|
785
|
-
<li>
|
|
786
|
-
<a
|
|
931
|
+
<li role="none">
|
|
932
|
+
<a
|
|
933
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
934
|
+
role="menuitem"
|
|
935
|
+
href="#"
|
|
936
|
+
>Link</a>
|
|
787
937
|
</li>
|
|
788
|
-
<li>
|
|
938
|
+
<li role="none">
|
|
789
939
|
<button
|
|
790
940
|
class="pf-v5-c-dropdown__menu-item"
|
|
941
|
+
role="menuitem"
|
|
791
942
|
type="button"
|
|
792
943
|
>Action</button>
|
|
793
944
|
</li>
|
|
794
|
-
<li>
|
|
945
|
+
<li role="none">
|
|
795
946
|
<a
|
|
796
947
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
948
|
+
role="menuitem"
|
|
797
949
|
href="#"
|
|
798
950
|
aria-disabled="true"
|
|
799
951
|
tabindex="-1"
|
|
800
952
|
>Disabled link</a>
|
|
801
953
|
</li>
|
|
802
|
-
<li>
|
|
954
|
+
<li role="none">
|
|
803
955
|
<button
|
|
804
956
|
class="pf-v5-c-dropdown__menu-item"
|
|
957
|
+
role="menuitem"
|
|
805
958
|
type="button"
|
|
806
959
|
disabled
|
|
807
960
|
>Disabled action</button>
|
|
808
961
|
</li>
|
|
809
962
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
810
|
-
<li>
|
|
963
|
+
<li role="none">
|
|
811
964
|
<a
|
|
812
965
|
class="pf-v5-c-dropdown__menu-item"
|
|
966
|
+
role="menuitem"
|
|
813
967
|
href="#"
|
|
814
968
|
>Separated link</a>
|
|
815
969
|
</li>
|
|
@@ -850,35 +1004,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
850
1004
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
851
1005
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-4-button"
|
|
852
1006
|
hidden
|
|
1007
|
+
role="menu"
|
|
853
1008
|
>
|
|
854
|
-
<li>
|
|
855
|
-
<a
|
|
1009
|
+
<li role="none">
|
|
1010
|
+
<a
|
|
1011
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1012
|
+
role="menuitem"
|
|
1013
|
+
href="#"
|
|
1014
|
+
>Link</a>
|
|
856
1015
|
</li>
|
|
857
|
-
<li>
|
|
1016
|
+
<li role="none">
|
|
858
1017
|
<button
|
|
859
1018
|
class="pf-v5-c-dropdown__menu-item"
|
|
1019
|
+
role="menuitem"
|
|
860
1020
|
type="button"
|
|
861
1021
|
>Action</button>
|
|
862
1022
|
</li>
|
|
863
|
-
<li>
|
|
1023
|
+
<li role="none">
|
|
864
1024
|
<a
|
|
865
1025
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1026
|
+
role="menuitem"
|
|
866
1027
|
href="#"
|
|
867
1028
|
aria-disabled="true"
|
|
868
1029
|
tabindex="-1"
|
|
869
1030
|
>Disabled link</a>
|
|
870
1031
|
</li>
|
|
871
|
-
<li>
|
|
1032
|
+
<li role="none">
|
|
872
1033
|
<button
|
|
873
1034
|
class="pf-v5-c-dropdown__menu-item"
|
|
1035
|
+
role="menuitem"
|
|
874
1036
|
type="button"
|
|
875
1037
|
disabled
|
|
876
1038
|
>Disabled action</button>
|
|
877
1039
|
</li>
|
|
878
1040
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
879
|
-
<li>
|
|
1041
|
+
<li role="none">
|
|
880
1042
|
<a
|
|
881
1043
|
class="pf-v5-c-dropdown__menu-item"
|
|
1044
|
+
role="menuitem"
|
|
882
1045
|
href="#"
|
|
883
1046
|
>Separated link</a>
|
|
884
1047
|
</li>
|
|
@@ -919,35 +1082,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
919
1082
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
920
1083
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-5-button"
|
|
921
1084
|
hidden
|
|
1085
|
+
role="menu"
|
|
922
1086
|
>
|
|
923
|
-
<li>
|
|
924
|
-
<a
|
|
1087
|
+
<li role="none">
|
|
1088
|
+
<a
|
|
1089
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1090
|
+
role="menuitem"
|
|
1091
|
+
href="#"
|
|
1092
|
+
>Link</a>
|
|
925
1093
|
</li>
|
|
926
|
-
<li>
|
|
1094
|
+
<li role="none">
|
|
927
1095
|
<button
|
|
928
1096
|
class="pf-v5-c-dropdown__menu-item"
|
|
1097
|
+
role="menuitem"
|
|
929
1098
|
type="button"
|
|
930
1099
|
>Action</button>
|
|
931
1100
|
</li>
|
|
932
|
-
<li>
|
|
1101
|
+
<li role="none">
|
|
933
1102
|
<a
|
|
934
1103
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1104
|
+
role="menuitem"
|
|
935
1105
|
href="#"
|
|
936
1106
|
aria-disabled="true"
|
|
937
1107
|
tabindex="-1"
|
|
938
1108
|
>Disabled link</a>
|
|
939
1109
|
</li>
|
|
940
|
-
<li>
|
|
1110
|
+
<li role="none">
|
|
941
1111
|
<button
|
|
942
1112
|
class="pf-v5-c-dropdown__menu-item"
|
|
1113
|
+
role="menuitem"
|
|
943
1114
|
type="button"
|
|
944
1115
|
disabled
|
|
945
1116
|
>Disabled action</button>
|
|
946
1117
|
</li>
|
|
947
1118
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
948
|
-
<li>
|
|
1119
|
+
<li role="none">
|
|
949
1120
|
<a
|
|
950
1121
|
class="pf-v5-c-dropdown__menu-item"
|
|
1122
|
+
role="menuitem"
|
|
951
1123
|
href="#"
|
|
952
1124
|
>Separated link</a>
|
|
953
1125
|
</li>
|
|
@@ -990,35 +1162,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
990
1162
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
991
1163
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-6-button"
|
|
992
1164
|
hidden
|
|
1165
|
+
role="menu"
|
|
993
1166
|
>
|
|
994
|
-
<li>
|
|
995
|
-
<a
|
|
1167
|
+
<li role="none">
|
|
1168
|
+
<a
|
|
1169
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1170
|
+
role="menuitem"
|
|
1171
|
+
href="#"
|
|
1172
|
+
>Link</a>
|
|
996
1173
|
</li>
|
|
997
|
-
<li>
|
|
1174
|
+
<li role="none">
|
|
998
1175
|
<button
|
|
999
1176
|
class="pf-v5-c-dropdown__menu-item"
|
|
1177
|
+
role="menuitem"
|
|
1000
1178
|
type="button"
|
|
1001
1179
|
>Action</button>
|
|
1002
1180
|
</li>
|
|
1003
|
-
<li>
|
|
1181
|
+
<li role="none">
|
|
1004
1182
|
<a
|
|
1005
1183
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1184
|
+
role="menuitem"
|
|
1006
1185
|
href="#"
|
|
1007
1186
|
aria-disabled="true"
|
|
1008
1187
|
tabindex="-1"
|
|
1009
1188
|
>Disabled link</a>
|
|
1010
1189
|
</li>
|
|
1011
|
-
<li>
|
|
1190
|
+
<li role="none">
|
|
1012
1191
|
<button
|
|
1013
1192
|
class="pf-v5-c-dropdown__menu-item"
|
|
1193
|
+
role="menuitem"
|
|
1014
1194
|
type="button"
|
|
1015
1195
|
disabled
|
|
1016
1196
|
>Disabled action</button>
|
|
1017
1197
|
</li>
|
|
1018
1198
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1019
|
-
<li>
|
|
1199
|
+
<li role="none">
|
|
1020
1200
|
<a
|
|
1021
1201
|
class="pf-v5-c-dropdown__menu-item"
|
|
1202
|
+
role="menuitem"
|
|
1022
1203
|
href="#"
|
|
1023
1204
|
>Separated link</a>
|
|
1024
1205
|
</li>
|
|
@@ -1062,35 +1243,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1062
1243
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1063
1244
|
aria-labelledby="notification-drawer-groups-group1dropdown-kebab-7-button"
|
|
1064
1245
|
hidden
|
|
1246
|
+
role="menu"
|
|
1065
1247
|
>
|
|
1066
|
-
<li>
|
|
1067
|
-
<a
|
|
1248
|
+
<li role="none">
|
|
1249
|
+
<a
|
|
1250
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1251
|
+
role="menuitem"
|
|
1252
|
+
href="#"
|
|
1253
|
+
>Link</a>
|
|
1068
1254
|
</li>
|
|
1069
|
-
<li>
|
|
1255
|
+
<li role="none">
|
|
1070
1256
|
<button
|
|
1071
1257
|
class="pf-v5-c-dropdown__menu-item"
|
|
1258
|
+
role="menuitem"
|
|
1072
1259
|
type="button"
|
|
1073
1260
|
>Action</button>
|
|
1074
1261
|
</li>
|
|
1075
|
-
<li>
|
|
1262
|
+
<li role="none">
|
|
1076
1263
|
<a
|
|
1077
1264
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1265
|
+
role="menuitem"
|
|
1078
1266
|
href="#"
|
|
1079
1267
|
aria-disabled="true"
|
|
1080
1268
|
tabindex="-1"
|
|
1081
1269
|
>Disabled link</a>
|
|
1082
1270
|
</li>
|
|
1083
|
-
<li>
|
|
1271
|
+
<li role="none">
|
|
1084
1272
|
<button
|
|
1085
1273
|
class="pf-v5-c-dropdown__menu-item"
|
|
1274
|
+
role="menuitem"
|
|
1086
1275
|
type="button"
|
|
1087
1276
|
disabled
|
|
1088
1277
|
>Disabled action</button>
|
|
1089
1278
|
</li>
|
|
1090
1279
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1091
|
-
<li>
|
|
1280
|
+
<li role="none">
|
|
1092
1281
|
<a
|
|
1093
1282
|
class="pf-v5-c-dropdown__menu-item"
|
|
1283
|
+
role="menuitem"
|
|
1094
1284
|
href="#"
|
|
1095
1285
|
>Separated link</a>
|
|
1096
1286
|
</li>
|
|
@@ -1153,35 +1343,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1153
1343
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1154
1344
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-1-button"
|
|
1155
1345
|
hidden
|
|
1346
|
+
role="menu"
|
|
1156
1347
|
>
|
|
1157
|
-
<li>
|
|
1158
|
-
<a
|
|
1348
|
+
<li role="none">
|
|
1349
|
+
<a
|
|
1350
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1351
|
+
role="menuitem"
|
|
1352
|
+
href="#"
|
|
1353
|
+
>Link</a>
|
|
1159
1354
|
</li>
|
|
1160
|
-
<li>
|
|
1355
|
+
<li role="none">
|
|
1161
1356
|
<button
|
|
1162
1357
|
class="pf-v5-c-dropdown__menu-item"
|
|
1358
|
+
role="menuitem"
|
|
1163
1359
|
type="button"
|
|
1164
1360
|
>Action</button>
|
|
1165
1361
|
</li>
|
|
1166
|
-
<li>
|
|
1362
|
+
<li role="none">
|
|
1167
1363
|
<a
|
|
1168
1364
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1365
|
+
role="menuitem"
|
|
1169
1366
|
href="#"
|
|
1170
1367
|
aria-disabled="true"
|
|
1171
1368
|
tabindex="-1"
|
|
1172
1369
|
>Disabled link</a>
|
|
1173
1370
|
</li>
|
|
1174
|
-
<li>
|
|
1371
|
+
<li role="none">
|
|
1175
1372
|
<button
|
|
1176
1373
|
class="pf-v5-c-dropdown__menu-item"
|
|
1374
|
+
role="menuitem"
|
|
1177
1375
|
type="button"
|
|
1178
1376
|
disabled
|
|
1179
1377
|
>Disabled action</button>
|
|
1180
1378
|
</li>
|
|
1181
1379
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1182
|
-
<li>
|
|
1380
|
+
<li role="none">
|
|
1183
1381
|
<a
|
|
1184
1382
|
class="pf-v5-c-dropdown__menu-item"
|
|
1383
|
+
role="menuitem"
|
|
1185
1384
|
href="#"
|
|
1186
1385
|
>Separated link</a>
|
|
1187
1386
|
</li>
|
|
@@ -1225,35 +1424,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1225
1424
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1226
1425
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-2-button"
|
|
1227
1426
|
hidden
|
|
1427
|
+
role="menu"
|
|
1228
1428
|
>
|
|
1229
|
-
<li>
|
|
1230
|
-
<a
|
|
1429
|
+
<li role="none">
|
|
1430
|
+
<a
|
|
1431
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1432
|
+
role="menuitem"
|
|
1433
|
+
href="#"
|
|
1434
|
+
>Link</a>
|
|
1231
1435
|
</li>
|
|
1232
|
-
<li>
|
|
1436
|
+
<li role="none">
|
|
1233
1437
|
<button
|
|
1234
1438
|
class="pf-v5-c-dropdown__menu-item"
|
|
1439
|
+
role="menuitem"
|
|
1235
1440
|
type="button"
|
|
1236
1441
|
>Action</button>
|
|
1237
1442
|
</li>
|
|
1238
|
-
<li>
|
|
1443
|
+
<li role="none">
|
|
1239
1444
|
<a
|
|
1240
1445
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1446
|
+
role="menuitem"
|
|
1241
1447
|
href="#"
|
|
1242
1448
|
aria-disabled="true"
|
|
1243
1449
|
tabindex="-1"
|
|
1244
1450
|
>Disabled link</a>
|
|
1245
1451
|
</li>
|
|
1246
|
-
<li>
|
|
1452
|
+
<li role="none">
|
|
1247
1453
|
<button
|
|
1248
1454
|
class="pf-v5-c-dropdown__menu-item"
|
|
1455
|
+
role="menuitem"
|
|
1249
1456
|
type="button"
|
|
1250
1457
|
disabled
|
|
1251
1458
|
>Disabled action</button>
|
|
1252
1459
|
</li>
|
|
1253
1460
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1254
|
-
<li>
|
|
1461
|
+
<li role="none">
|
|
1255
1462
|
<a
|
|
1256
1463
|
class="pf-v5-c-dropdown__menu-item"
|
|
1464
|
+
role="menuitem"
|
|
1257
1465
|
href="#"
|
|
1258
1466
|
>Separated link</a>
|
|
1259
1467
|
</li>
|
|
@@ -1297,35 +1505,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1297
1505
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1298
1506
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-3-button"
|
|
1299
1507
|
hidden
|
|
1508
|
+
role="menu"
|
|
1300
1509
|
>
|
|
1301
|
-
<li>
|
|
1302
|
-
<a
|
|
1510
|
+
<li role="none">
|
|
1511
|
+
<a
|
|
1512
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1513
|
+
role="menuitem"
|
|
1514
|
+
href="#"
|
|
1515
|
+
>Link</a>
|
|
1303
1516
|
</li>
|
|
1304
|
-
<li>
|
|
1517
|
+
<li role="none">
|
|
1305
1518
|
<button
|
|
1306
1519
|
class="pf-v5-c-dropdown__menu-item"
|
|
1520
|
+
role="menuitem"
|
|
1307
1521
|
type="button"
|
|
1308
1522
|
>Action</button>
|
|
1309
1523
|
</li>
|
|
1310
|
-
<li>
|
|
1524
|
+
<li role="none">
|
|
1311
1525
|
<a
|
|
1312
1526
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1527
|
+
role="menuitem"
|
|
1313
1528
|
href="#"
|
|
1314
1529
|
aria-disabled="true"
|
|
1315
1530
|
tabindex="-1"
|
|
1316
1531
|
>Disabled link</a>
|
|
1317
1532
|
</li>
|
|
1318
|
-
<li>
|
|
1533
|
+
<li role="none">
|
|
1319
1534
|
<button
|
|
1320
1535
|
class="pf-v5-c-dropdown__menu-item"
|
|
1536
|
+
role="menuitem"
|
|
1321
1537
|
type="button"
|
|
1322
1538
|
disabled
|
|
1323
1539
|
>Disabled action</button>
|
|
1324
1540
|
</li>
|
|
1325
1541
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1326
|
-
<li>
|
|
1542
|
+
<li role="none">
|
|
1327
1543
|
<a
|
|
1328
1544
|
class="pf-v5-c-dropdown__menu-item"
|
|
1545
|
+
role="menuitem"
|
|
1329
1546
|
href="#"
|
|
1330
1547
|
>Separated link</a>
|
|
1331
1548
|
</li>
|
|
@@ -1366,35 +1583,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1366
1583
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1367
1584
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-4-button"
|
|
1368
1585
|
hidden
|
|
1586
|
+
role="menu"
|
|
1369
1587
|
>
|
|
1370
|
-
<li>
|
|
1371
|
-
<a
|
|
1588
|
+
<li role="none">
|
|
1589
|
+
<a
|
|
1590
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1591
|
+
role="menuitem"
|
|
1592
|
+
href="#"
|
|
1593
|
+
>Link</a>
|
|
1372
1594
|
</li>
|
|
1373
|
-
<li>
|
|
1595
|
+
<li role="none">
|
|
1374
1596
|
<button
|
|
1375
1597
|
class="pf-v5-c-dropdown__menu-item"
|
|
1598
|
+
role="menuitem"
|
|
1376
1599
|
type="button"
|
|
1377
1600
|
>Action</button>
|
|
1378
1601
|
</li>
|
|
1379
|
-
<li>
|
|
1602
|
+
<li role="none">
|
|
1380
1603
|
<a
|
|
1381
1604
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1605
|
+
role="menuitem"
|
|
1382
1606
|
href="#"
|
|
1383
1607
|
aria-disabled="true"
|
|
1384
1608
|
tabindex="-1"
|
|
1385
1609
|
>Disabled link</a>
|
|
1386
1610
|
</li>
|
|
1387
|
-
<li>
|
|
1611
|
+
<li role="none">
|
|
1388
1612
|
<button
|
|
1389
1613
|
class="pf-v5-c-dropdown__menu-item"
|
|
1614
|
+
role="menuitem"
|
|
1390
1615
|
type="button"
|
|
1391
1616
|
disabled
|
|
1392
1617
|
>Disabled action</button>
|
|
1393
1618
|
</li>
|
|
1394
1619
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1395
|
-
<li>
|
|
1620
|
+
<li role="none">
|
|
1396
1621
|
<a
|
|
1397
1622
|
class="pf-v5-c-dropdown__menu-item"
|
|
1623
|
+
role="menuitem"
|
|
1398
1624
|
href="#"
|
|
1399
1625
|
>Separated link</a>
|
|
1400
1626
|
</li>
|
|
@@ -1435,35 +1661,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1435
1661
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1436
1662
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-5-button"
|
|
1437
1663
|
hidden
|
|
1664
|
+
role="menu"
|
|
1438
1665
|
>
|
|
1439
|
-
<li>
|
|
1440
|
-
<a
|
|
1666
|
+
<li role="none">
|
|
1667
|
+
<a
|
|
1668
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1669
|
+
role="menuitem"
|
|
1670
|
+
href="#"
|
|
1671
|
+
>Link</a>
|
|
1441
1672
|
</li>
|
|
1442
|
-
<li>
|
|
1673
|
+
<li role="none">
|
|
1443
1674
|
<button
|
|
1444
1675
|
class="pf-v5-c-dropdown__menu-item"
|
|
1676
|
+
role="menuitem"
|
|
1445
1677
|
type="button"
|
|
1446
1678
|
>Action</button>
|
|
1447
1679
|
</li>
|
|
1448
|
-
<li>
|
|
1680
|
+
<li role="none">
|
|
1449
1681
|
<a
|
|
1450
1682
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1683
|
+
role="menuitem"
|
|
1451
1684
|
href="#"
|
|
1452
1685
|
aria-disabled="true"
|
|
1453
1686
|
tabindex="-1"
|
|
1454
1687
|
>Disabled link</a>
|
|
1455
1688
|
</li>
|
|
1456
|
-
<li>
|
|
1689
|
+
<li role="none">
|
|
1457
1690
|
<button
|
|
1458
1691
|
class="pf-v5-c-dropdown__menu-item"
|
|
1692
|
+
role="menuitem"
|
|
1459
1693
|
type="button"
|
|
1460
1694
|
disabled
|
|
1461
1695
|
>Disabled action</button>
|
|
1462
1696
|
</li>
|
|
1463
1697
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1464
|
-
<li>
|
|
1698
|
+
<li role="none">
|
|
1465
1699
|
<a
|
|
1466
1700
|
class="pf-v5-c-dropdown__menu-item"
|
|
1701
|
+
role="menuitem"
|
|
1467
1702
|
href="#"
|
|
1468
1703
|
>Separated link</a>
|
|
1469
1704
|
</li>
|
|
@@ -1506,35 +1741,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1506
1741
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1507
1742
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-6-button"
|
|
1508
1743
|
hidden
|
|
1744
|
+
role="menu"
|
|
1509
1745
|
>
|
|
1510
|
-
<li>
|
|
1511
|
-
<a
|
|
1746
|
+
<li role="none">
|
|
1747
|
+
<a
|
|
1748
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1749
|
+
role="menuitem"
|
|
1750
|
+
href="#"
|
|
1751
|
+
>Link</a>
|
|
1512
1752
|
</li>
|
|
1513
|
-
<li>
|
|
1753
|
+
<li role="none">
|
|
1514
1754
|
<button
|
|
1515
1755
|
class="pf-v5-c-dropdown__menu-item"
|
|
1756
|
+
role="menuitem"
|
|
1516
1757
|
type="button"
|
|
1517
1758
|
>Action</button>
|
|
1518
1759
|
</li>
|
|
1519
|
-
<li>
|
|
1760
|
+
<li role="none">
|
|
1520
1761
|
<a
|
|
1521
1762
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1763
|
+
role="menuitem"
|
|
1522
1764
|
href="#"
|
|
1523
1765
|
aria-disabled="true"
|
|
1524
1766
|
tabindex="-1"
|
|
1525
1767
|
>Disabled link</a>
|
|
1526
1768
|
</li>
|
|
1527
|
-
<li>
|
|
1769
|
+
<li role="none">
|
|
1528
1770
|
<button
|
|
1529
1771
|
class="pf-v5-c-dropdown__menu-item"
|
|
1772
|
+
role="menuitem"
|
|
1530
1773
|
type="button"
|
|
1531
1774
|
disabled
|
|
1532
1775
|
>Disabled action</button>
|
|
1533
1776
|
</li>
|
|
1534
1777
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1535
|
-
<li>
|
|
1778
|
+
<li role="none">
|
|
1536
1779
|
<a
|
|
1537
1780
|
class="pf-v5-c-dropdown__menu-item"
|
|
1781
|
+
role="menuitem"
|
|
1538
1782
|
href="#"
|
|
1539
1783
|
>Separated link</a>
|
|
1540
1784
|
</li>
|
|
@@ -1578,35 +1822,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1578
1822
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1579
1823
|
aria-labelledby="notification-drawer-groups-group2dropdown-kebab-7-button"
|
|
1580
1824
|
hidden
|
|
1825
|
+
role="menu"
|
|
1581
1826
|
>
|
|
1582
|
-
<li>
|
|
1583
|
-
<a
|
|
1827
|
+
<li role="none">
|
|
1828
|
+
<a
|
|
1829
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1830
|
+
role="menuitem"
|
|
1831
|
+
href="#"
|
|
1832
|
+
>Link</a>
|
|
1584
1833
|
</li>
|
|
1585
|
-
<li>
|
|
1834
|
+
<li role="none">
|
|
1586
1835
|
<button
|
|
1587
1836
|
class="pf-v5-c-dropdown__menu-item"
|
|
1837
|
+
role="menuitem"
|
|
1588
1838
|
type="button"
|
|
1589
1839
|
>Action</button>
|
|
1590
1840
|
</li>
|
|
1591
|
-
<li>
|
|
1841
|
+
<li role="none">
|
|
1592
1842
|
<a
|
|
1593
1843
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1844
|
+
role="menuitem"
|
|
1594
1845
|
href="#"
|
|
1595
1846
|
aria-disabled="true"
|
|
1596
1847
|
tabindex="-1"
|
|
1597
1848
|
>Disabled link</a>
|
|
1598
1849
|
</li>
|
|
1599
|
-
<li>
|
|
1850
|
+
<li role="none">
|
|
1600
1851
|
<button
|
|
1601
1852
|
class="pf-v5-c-dropdown__menu-item"
|
|
1853
|
+
role="menuitem"
|
|
1602
1854
|
type="button"
|
|
1603
1855
|
disabled
|
|
1604
1856
|
>Disabled action</button>
|
|
1605
1857
|
</li>
|
|
1606
1858
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1607
|
-
<li>
|
|
1859
|
+
<li role="none">
|
|
1608
1860
|
<a
|
|
1609
1861
|
class="pf-v5-c-dropdown__menu-item"
|
|
1862
|
+
role="menuitem"
|
|
1610
1863
|
href="#"
|
|
1611
1864
|
>Separated link</a>
|
|
1612
1865
|
</li>
|
|
@@ -1669,35 +1922,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1669
1922
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1670
1923
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-1-button"
|
|
1671
1924
|
hidden
|
|
1925
|
+
role="menu"
|
|
1672
1926
|
>
|
|
1673
|
-
<li>
|
|
1674
|
-
<a
|
|
1927
|
+
<li role="none">
|
|
1928
|
+
<a
|
|
1929
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1930
|
+
role="menuitem"
|
|
1931
|
+
href="#"
|
|
1932
|
+
>Link</a>
|
|
1675
1933
|
</li>
|
|
1676
|
-
<li>
|
|
1934
|
+
<li role="none">
|
|
1677
1935
|
<button
|
|
1678
1936
|
class="pf-v5-c-dropdown__menu-item"
|
|
1937
|
+
role="menuitem"
|
|
1679
1938
|
type="button"
|
|
1680
1939
|
>Action</button>
|
|
1681
1940
|
</li>
|
|
1682
|
-
<li>
|
|
1941
|
+
<li role="none">
|
|
1683
1942
|
<a
|
|
1684
1943
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1944
|
+
role="menuitem"
|
|
1685
1945
|
href="#"
|
|
1686
1946
|
aria-disabled="true"
|
|
1687
1947
|
tabindex="-1"
|
|
1688
1948
|
>Disabled link</a>
|
|
1689
1949
|
</li>
|
|
1690
|
-
<li>
|
|
1950
|
+
<li role="none">
|
|
1691
1951
|
<button
|
|
1692
1952
|
class="pf-v5-c-dropdown__menu-item"
|
|
1953
|
+
role="menuitem"
|
|
1693
1954
|
type="button"
|
|
1694
1955
|
disabled
|
|
1695
1956
|
>Disabled action</button>
|
|
1696
1957
|
</li>
|
|
1697
1958
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1698
|
-
<li>
|
|
1959
|
+
<li role="none">
|
|
1699
1960
|
<a
|
|
1700
1961
|
class="pf-v5-c-dropdown__menu-item"
|
|
1962
|
+
role="menuitem"
|
|
1701
1963
|
href="#"
|
|
1702
1964
|
>Separated link</a>
|
|
1703
1965
|
</li>
|
|
@@ -1741,35 +2003,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1741
2003
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1742
2004
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-2-button"
|
|
1743
2005
|
hidden
|
|
2006
|
+
role="menu"
|
|
1744
2007
|
>
|
|
1745
|
-
<li>
|
|
1746
|
-
<a
|
|
2008
|
+
<li role="none">
|
|
2009
|
+
<a
|
|
2010
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2011
|
+
role="menuitem"
|
|
2012
|
+
href="#"
|
|
2013
|
+
>Link</a>
|
|
1747
2014
|
</li>
|
|
1748
|
-
<li>
|
|
2015
|
+
<li role="none">
|
|
1749
2016
|
<button
|
|
1750
2017
|
class="pf-v5-c-dropdown__menu-item"
|
|
2018
|
+
role="menuitem"
|
|
1751
2019
|
type="button"
|
|
1752
2020
|
>Action</button>
|
|
1753
2021
|
</li>
|
|
1754
|
-
<li>
|
|
2022
|
+
<li role="none">
|
|
1755
2023
|
<a
|
|
1756
2024
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2025
|
+
role="menuitem"
|
|
1757
2026
|
href="#"
|
|
1758
2027
|
aria-disabled="true"
|
|
1759
2028
|
tabindex="-1"
|
|
1760
2029
|
>Disabled link</a>
|
|
1761
2030
|
</li>
|
|
1762
|
-
<li>
|
|
2031
|
+
<li role="none">
|
|
1763
2032
|
<button
|
|
1764
2033
|
class="pf-v5-c-dropdown__menu-item"
|
|
2034
|
+
role="menuitem"
|
|
1765
2035
|
type="button"
|
|
1766
2036
|
disabled
|
|
1767
2037
|
>Disabled action</button>
|
|
1768
2038
|
</li>
|
|
1769
2039
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1770
|
-
<li>
|
|
2040
|
+
<li role="none">
|
|
1771
2041
|
<a
|
|
1772
2042
|
class="pf-v5-c-dropdown__menu-item"
|
|
2043
|
+
role="menuitem"
|
|
1773
2044
|
href="#"
|
|
1774
2045
|
>Separated link</a>
|
|
1775
2046
|
</li>
|
|
@@ -1813,35 +2084,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1813
2084
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1814
2085
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-3-button"
|
|
1815
2086
|
hidden
|
|
2087
|
+
role="menu"
|
|
1816
2088
|
>
|
|
1817
|
-
<li>
|
|
1818
|
-
<a
|
|
2089
|
+
<li role="none">
|
|
2090
|
+
<a
|
|
2091
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2092
|
+
role="menuitem"
|
|
2093
|
+
href="#"
|
|
2094
|
+
>Link</a>
|
|
1819
2095
|
</li>
|
|
1820
|
-
<li>
|
|
2096
|
+
<li role="none">
|
|
1821
2097
|
<button
|
|
1822
2098
|
class="pf-v5-c-dropdown__menu-item"
|
|
2099
|
+
role="menuitem"
|
|
1823
2100
|
type="button"
|
|
1824
2101
|
>Action</button>
|
|
1825
2102
|
</li>
|
|
1826
|
-
<li>
|
|
2103
|
+
<li role="none">
|
|
1827
2104
|
<a
|
|
1828
2105
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2106
|
+
role="menuitem"
|
|
1829
2107
|
href="#"
|
|
1830
2108
|
aria-disabled="true"
|
|
1831
2109
|
tabindex="-1"
|
|
1832
2110
|
>Disabled link</a>
|
|
1833
2111
|
</li>
|
|
1834
|
-
<li>
|
|
2112
|
+
<li role="none">
|
|
1835
2113
|
<button
|
|
1836
2114
|
class="pf-v5-c-dropdown__menu-item"
|
|
2115
|
+
role="menuitem"
|
|
1837
2116
|
type="button"
|
|
1838
2117
|
disabled
|
|
1839
2118
|
>Disabled action</button>
|
|
1840
2119
|
</li>
|
|
1841
2120
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1842
|
-
<li>
|
|
2121
|
+
<li role="none">
|
|
1843
2122
|
<a
|
|
1844
2123
|
class="pf-v5-c-dropdown__menu-item"
|
|
2124
|
+
role="menuitem"
|
|
1845
2125
|
href="#"
|
|
1846
2126
|
>Separated link</a>
|
|
1847
2127
|
</li>
|
|
@@ -1882,35 +2162,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1882
2162
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1883
2163
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-4-button"
|
|
1884
2164
|
hidden
|
|
2165
|
+
role="menu"
|
|
1885
2166
|
>
|
|
1886
|
-
<li>
|
|
1887
|
-
<a
|
|
2167
|
+
<li role="none">
|
|
2168
|
+
<a
|
|
2169
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2170
|
+
role="menuitem"
|
|
2171
|
+
href="#"
|
|
2172
|
+
>Link</a>
|
|
1888
2173
|
</li>
|
|
1889
|
-
<li>
|
|
2174
|
+
<li role="none">
|
|
1890
2175
|
<button
|
|
1891
2176
|
class="pf-v5-c-dropdown__menu-item"
|
|
2177
|
+
role="menuitem"
|
|
1892
2178
|
type="button"
|
|
1893
2179
|
>Action</button>
|
|
1894
2180
|
</li>
|
|
1895
|
-
<li>
|
|
2181
|
+
<li role="none">
|
|
1896
2182
|
<a
|
|
1897
2183
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2184
|
+
role="menuitem"
|
|
1898
2185
|
href="#"
|
|
1899
2186
|
aria-disabled="true"
|
|
1900
2187
|
tabindex="-1"
|
|
1901
2188
|
>Disabled link</a>
|
|
1902
2189
|
</li>
|
|
1903
|
-
<li>
|
|
2190
|
+
<li role="none">
|
|
1904
2191
|
<button
|
|
1905
2192
|
class="pf-v5-c-dropdown__menu-item"
|
|
2193
|
+
role="menuitem"
|
|
1906
2194
|
type="button"
|
|
1907
2195
|
disabled
|
|
1908
2196
|
>Disabled action</button>
|
|
1909
2197
|
</li>
|
|
1910
2198
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1911
|
-
<li>
|
|
2199
|
+
<li role="none">
|
|
1912
2200
|
<a
|
|
1913
2201
|
class="pf-v5-c-dropdown__menu-item"
|
|
2202
|
+
role="menuitem"
|
|
1914
2203
|
href="#"
|
|
1915
2204
|
>Separated link</a>
|
|
1916
2205
|
</li>
|
|
@@ -1951,35 +2240,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
1951
2240
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1952
2241
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-5-button"
|
|
1953
2242
|
hidden
|
|
2243
|
+
role="menu"
|
|
1954
2244
|
>
|
|
1955
|
-
<li>
|
|
1956
|
-
<a
|
|
2245
|
+
<li role="none">
|
|
2246
|
+
<a
|
|
2247
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2248
|
+
role="menuitem"
|
|
2249
|
+
href="#"
|
|
2250
|
+
>Link</a>
|
|
1957
2251
|
</li>
|
|
1958
|
-
<li>
|
|
2252
|
+
<li role="none">
|
|
1959
2253
|
<button
|
|
1960
2254
|
class="pf-v5-c-dropdown__menu-item"
|
|
2255
|
+
role="menuitem"
|
|
1961
2256
|
type="button"
|
|
1962
2257
|
>Action</button>
|
|
1963
2258
|
</li>
|
|
1964
|
-
<li>
|
|
2259
|
+
<li role="none">
|
|
1965
2260
|
<a
|
|
1966
2261
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2262
|
+
role="menuitem"
|
|
1967
2263
|
href="#"
|
|
1968
2264
|
aria-disabled="true"
|
|
1969
2265
|
tabindex="-1"
|
|
1970
2266
|
>Disabled link</a>
|
|
1971
2267
|
</li>
|
|
1972
|
-
<li>
|
|
2268
|
+
<li role="none">
|
|
1973
2269
|
<button
|
|
1974
2270
|
class="pf-v5-c-dropdown__menu-item"
|
|
2271
|
+
role="menuitem"
|
|
1975
2272
|
type="button"
|
|
1976
2273
|
disabled
|
|
1977
2274
|
>Disabled action</button>
|
|
1978
2275
|
</li>
|
|
1979
2276
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1980
|
-
<li>
|
|
2277
|
+
<li role="none">
|
|
1981
2278
|
<a
|
|
1982
2279
|
class="pf-v5-c-dropdown__menu-item"
|
|
2280
|
+
role="menuitem"
|
|
1983
2281
|
href="#"
|
|
1984
2282
|
>Separated link</a>
|
|
1985
2283
|
</li>
|
|
@@ -2022,35 +2320,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2022
2320
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2023
2321
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-6-button"
|
|
2024
2322
|
hidden
|
|
2323
|
+
role="menu"
|
|
2025
2324
|
>
|
|
2026
|
-
<li>
|
|
2027
|
-
<a
|
|
2325
|
+
<li role="none">
|
|
2326
|
+
<a
|
|
2327
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2328
|
+
role="menuitem"
|
|
2329
|
+
href="#"
|
|
2330
|
+
>Link</a>
|
|
2028
2331
|
</li>
|
|
2029
|
-
<li>
|
|
2332
|
+
<li role="none">
|
|
2030
2333
|
<button
|
|
2031
2334
|
class="pf-v5-c-dropdown__menu-item"
|
|
2335
|
+
role="menuitem"
|
|
2032
2336
|
type="button"
|
|
2033
2337
|
>Action</button>
|
|
2034
2338
|
</li>
|
|
2035
|
-
<li>
|
|
2339
|
+
<li role="none">
|
|
2036
2340
|
<a
|
|
2037
2341
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2342
|
+
role="menuitem"
|
|
2038
2343
|
href="#"
|
|
2039
2344
|
aria-disabled="true"
|
|
2040
2345
|
tabindex="-1"
|
|
2041
2346
|
>Disabled link</a>
|
|
2042
2347
|
</li>
|
|
2043
|
-
<li>
|
|
2348
|
+
<li role="none">
|
|
2044
2349
|
<button
|
|
2045
2350
|
class="pf-v5-c-dropdown__menu-item"
|
|
2351
|
+
role="menuitem"
|
|
2046
2352
|
type="button"
|
|
2047
2353
|
disabled
|
|
2048
2354
|
>Disabled action</button>
|
|
2049
2355
|
</li>
|
|
2050
2356
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2051
|
-
<li>
|
|
2357
|
+
<li role="none">
|
|
2052
2358
|
<a
|
|
2053
2359
|
class="pf-v5-c-dropdown__menu-item"
|
|
2360
|
+
role="menuitem"
|
|
2054
2361
|
href="#"
|
|
2055
2362
|
>Separated link</a>
|
|
2056
2363
|
</li>
|
|
@@ -2094,35 +2401,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2094
2401
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2095
2402
|
aria-labelledby="notification-drawer-groups-group3dropdown-kebab-7-button"
|
|
2096
2403
|
hidden
|
|
2404
|
+
role="menu"
|
|
2097
2405
|
>
|
|
2098
|
-
<li>
|
|
2099
|
-
<a
|
|
2406
|
+
<li role="none">
|
|
2407
|
+
<a
|
|
2408
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2409
|
+
role="menuitem"
|
|
2410
|
+
href="#"
|
|
2411
|
+
>Link</a>
|
|
2100
2412
|
</li>
|
|
2101
|
-
<li>
|
|
2413
|
+
<li role="none">
|
|
2102
2414
|
<button
|
|
2103
2415
|
class="pf-v5-c-dropdown__menu-item"
|
|
2416
|
+
role="menuitem"
|
|
2104
2417
|
type="button"
|
|
2105
2418
|
>Action</button>
|
|
2106
2419
|
</li>
|
|
2107
|
-
<li>
|
|
2420
|
+
<li role="none">
|
|
2108
2421
|
<a
|
|
2109
2422
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2423
|
+
role="menuitem"
|
|
2110
2424
|
href="#"
|
|
2111
2425
|
aria-disabled="true"
|
|
2112
2426
|
tabindex="-1"
|
|
2113
2427
|
>Disabled link</a>
|
|
2114
2428
|
</li>
|
|
2115
|
-
<li>
|
|
2429
|
+
<li role="none">
|
|
2116
2430
|
<button
|
|
2117
2431
|
class="pf-v5-c-dropdown__menu-item"
|
|
2432
|
+
role="menuitem"
|
|
2118
2433
|
type="button"
|
|
2119
2434
|
disabled
|
|
2120
2435
|
>Disabled action</button>
|
|
2121
2436
|
</li>
|
|
2122
2437
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2123
|
-
<li>
|
|
2438
|
+
<li role="none">
|
|
2124
2439
|
<a
|
|
2125
2440
|
class="pf-v5-c-dropdown__menu-item"
|
|
2441
|
+
role="menuitem"
|
|
2126
2442
|
href="#"
|
|
2127
2443
|
>Separated link</a>
|
|
2128
2444
|
</li>
|
|
@@ -2185,35 +2501,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2185
2501
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2186
2502
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-1-button"
|
|
2187
2503
|
hidden
|
|
2504
|
+
role="menu"
|
|
2188
2505
|
>
|
|
2189
|
-
<li>
|
|
2190
|
-
<a
|
|
2506
|
+
<li role="none">
|
|
2507
|
+
<a
|
|
2508
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2509
|
+
role="menuitem"
|
|
2510
|
+
href="#"
|
|
2511
|
+
>Link</a>
|
|
2191
2512
|
</li>
|
|
2192
|
-
<li>
|
|
2513
|
+
<li role="none">
|
|
2193
2514
|
<button
|
|
2194
2515
|
class="pf-v5-c-dropdown__menu-item"
|
|
2516
|
+
role="menuitem"
|
|
2195
2517
|
type="button"
|
|
2196
2518
|
>Action</button>
|
|
2197
2519
|
</li>
|
|
2198
|
-
<li>
|
|
2520
|
+
<li role="none">
|
|
2199
2521
|
<a
|
|
2200
2522
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2523
|
+
role="menuitem"
|
|
2201
2524
|
href="#"
|
|
2202
2525
|
aria-disabled="true"
|
|
2203
2526
|
tabindex="-1"
|
|
2204
2527
|
>Disabled link</a>
|
|
2205
2528
|
</li>
|
|
2206
|
-
<li>
|
|
2529
|
+
<li role="none">
|
|
2207
2530
|
<button
|
|
2208
2531
|
class="pf-v5-c-dropdown__menu-item"
|
|
2532
|
+
role="menuitem"
|
|
2209
2533
|
type="button"
|
|
2210
2534
|
disabled
|
|
2211
2535
|
>Disabled action</button>
|
|
2212
2536
|
</li>
|
|
2213
2537
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2214
|
-
<li>
|
|
2538
|
+
<li role="none">
|
|
2215
2539
|
<a
|
|
2216
2540
|
class="pf-v5-c-dropdown__menu-item"
|
|
2541
|
+
role="menuitem"
|
|
2217
2542
|
href="#"
|
|
2218
2543
|
>Separated link</a>
|
|
2219
2544
|
</li>
|
|
@@ -2257,35 +2582,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2257
2582
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2258
2583
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-2-button"
|
|
2259
2584
|
hidden
|
|
2585
|
+
role="menu"
|
|
2260
2586
|
>
|
|
2261
|
-
<li>
|
|
2262
|
-
<a
|
|
2587
|
+
<li role="none">
|
|
2588
|
+
<a
|
|
2589
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2590
|
+
role="menuitem"
|
|
2591
|
+
href="#"
|
|
2592
|
+
>Link</a>
|
|
2263
2593
|
</li>
|
|
2264
|
-
<li>
|
|
2594
|
+
<li role="none">
|
|
2265
2595
|
<button
|
|
2266
2596
|
class="pf-v5-c-dropdown__menu-item"
|
|
2597
|
+
role="menuitem"
|
|
2267
2598
|
type="button"
|
|
2268
2599
|
>Action</button>
|
|
2269
2600
|
</li>
|
|
2270
|
-
<li>
|
|
2601
|
+
<li role="none">
|
|
2271
2602
|
<a
|
|
2272
2603
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2604
|
+
role="menuitem"
|
|
2273
2605
|
href="#"
|
|
2274
2606
|
aria-disabled="true"
|
|
2275
2607
|
tabindex="-1"
|
|
2276
2608
|
>Disabled link</a>
|
|
2277
2609
|
</li>
|
|
2278
|
-
<li>
|
|
2610
|
+
<li role="none">
|
|
2279
2611
|
<button
|
|
2280
2612
|
class="pf-v5-c-dropdown__menu-item"
|
|
2613
|
+
role="menuitem"
|
|
2281
2614
|
type="button"
|
|
2282
2615
|
disabled
|
|
2283
2616
|
>Disabled action</button>
|
|
2284
2617
|
</li>
|
|
2285
2618
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2286
|
-
<li>
|
|
2619
|
+
<li role="none">
|
|
2287
2620
|
<a
|
|
2288
2621
|
class="pf-v5-c-dropdown__menu-item"
|
|
2622
|
+
role="menuitem"
|
|
2289
2623
|
href="#"
|
|
2290
2624
|
>Separated link</a>
|
|
2291
2625
|
</li>
|
|
@@ -2329,35 +2663,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2329
2663
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2330
2664
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-3-button"
|
|
2331
2665
|
hidden
|
|
2666
|
+
role="menu"
|
|
2332
2667
|
>
|
|
2333
|
-
<li>
|
|
2334
|
-
<a
|
|
2668
|
+
<li role="none">
|
|
2669
|
+
<a
|
|
2670
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2671
|
+
role="menuitem"
|
|
2672
|
+
href="#"
|
|
2673
|
+
>Link</a>
|
|
2335
2674
|
</li>
|
|
2336
|
-
<li>
|
|
2675
|
+
<li role="none">
|
|
2337
2676
|
<button
|
|
2338
2677
|
class="pf-v5-c-dropdown__menu-item"
|
|
2678
|
+
role="menuitem"
|
|
2339
2679
|
type="button"
|
|
2340
2680
|
>Action</button>
|
|
2341
2681
|
</li>
|
|
2342
|
-
<li>
|
|
2682
|
+
<li role="none">
|
|
2343
2683
|
<a
|
|
2344
2684
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2685
|
+
role="menuitem"
|
|
2345
2686
|
href="#"
|
|
2346
2687
|
aria-disabled="true"
|
|
2347
2688
|
tabindex="-1"
|
|
2348
2689
|
>Disabled link</a>
|
|
2349
2690
|
</li>
|
|
2350
|
-
<li>
|
|
2691
|
+
<li role="none">
|
|
2351
2692
|
<button
|
|
2352
2693
|
class="pf-v5-c-dropdown__menu-item"
|
|
2694
|
+
role="menuitem"
|
|
2353
2695
|
type="button"
|
|
2354
2696
|
disabled
|
|
2355
2697
|
>Disabled action</button>
|
|
2356
2698
|
</li>
|
|
2357
2699
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2358
|
-
<li>
|
|
2700
|
+
<li role="none">
|
|
2359
2701
|
<a
|
|
2360
2702
|
class="pf-v5-c-dropdown__menu-item"
|
|
2703
|
+
role="menuitem"
|
|
2361
2704
|
href="#"
|
|
2362
2705
|
>Separated link</a>
|
|
2363
2706
|
</li>
|
|
@@ -2398,35 +2741,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2398
2741
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2399
2742
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-4-button"
|
|
2400
2743
|
hidden
|
|
2744
|
+
role="menu"
|
|
2401
2745
|
>
|
|
2402
|
-
<li>
|
|
2403
|
-
<a
|
|
2746
|
+
<li role="none">
|
|
2747
|
+
<a
|
|
2748
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2749
|
+
role="menuitem"
|
|
2750
|
+
href="#"
|
|
2751
|
+
>Link</a>
|
|
2404
2752
|
</li>
|
|
2405
|
-
<li>
|
|
2753
|
+
<li role="none">
|
|
2406
2754
|
<button
|
|
2407
2755
|
class="pf-v5-c-dropdown__menu-item"
|
|
2756
|
+
role="menuitem"
|
|
2408
2757
|
type="button"
|
|
2409
2758
|
>Action</button>
|
|
2410
2759
|
</li>
|
|
2411
|
-
<li>
|
|
2760
|
+
<li role="none">
|
|
2412
2761
|
<a
|
|
2413
2762
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2763
|
+
role="menuitem"
|
|
2414
2764
|
href="#"
|
|
2415
2765
|
aria-disabled="true"
|
|
2416
2766
|
tabindex="-1"
|
|
2417
2767
|
>Disabled link</a>
|
|
2418
2768
|
</li>
|
|
2419
|
-
<li>
|
|
2769
|
+
<li role="none">
|
|
2420
2770
|
<button
|
|
2421
2771
|
class="pf-v5-c-dropdown__menu-item"
|
|
2772
|
+
role="menuitem"
|
|
2422
2773
|
type="button"
|
|
2423
2774
|
disabled
|
|
2424
2775
|
>Disabled action</button>
|
|
2425
2776
|
</li>
|
|
2426
2777
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2427
|
-
<li>
|
|
2778
|
+
<li role="none">
|
|
2428
2779
|
<a
|
|
2429
2780
|
class="pf-v5-c-dropdown__menu-item"
|
|
2781
|
+
role="menuitem"
|
|
2430
2782
|
href="#"
|
|
2431
2783
|
>Separated link</a>
|
|
2432
2784
|
</li>
|
|
@@ -2467,35 +2819,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2467
2819
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2468
2820
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-5-button"
|
|
2469
2821
|
hidden
|
|
2822
|
+
role="menu"
|
|
2470
2823
|
>
|
|
2471
|
-
<li>
|
|
2472
|
-
<a
|
|
2824
|
+
<li role="none">
|
|
2825
|
+
<a
|
|
2826
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2827
|
+
role="menuitem"
|
|
2828
|
+
href="#"
|
|
2829
|
+
>Link</a>
|
|
2473
2830
|
</li>
|
|
2474
|
-
<li>
|
|
2831
|
+
<li role="none">
|
|
2475
2832
|
<button
|
|
2476
2833
|
class="pf-v5-c-dropdown__menu-item"
|
|
2834
|
+
role="menuitem"
|
|
2477
2835
|
type="button"
|
|
2478
2836
|
>Action</button>
|
|
2479
2837
|
</li>
|
|
2480
|
-
<li>
|
|
2838
|
+
<li role="none">
|
|
2481
2839
|
<a
|
|
2482
2840
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2841
|
+
role="menuitem"
|
|
2483
2842
|
href="#"
|
|
2484
2843
|
aria-disabled="true"
|
|
2485
2844
|
tabindex="-1"
|
|
2486
2845
|
>Disabled link</a>
|
|
2487
2846
|
</li>
|
|
2488
|
-
<li>
|
|
2847
|
+
<li role="none">
|
|
2489
2848
|
<button
|
|
2490
2849
|
class="pf-v5-c-dropdown__menu-item"
|
|
2850
|
+
role="menuitem"
|
|
2491
2851
|
type="button"
|
|
2492
2852
|
disabled
|
|
2493
2853
|
>Disabled action</button>
|
|
2494
2854
|
</li>
|
|
2495
2855
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2496
|
-
<li>
|
|
2856
|
+
<li role="none">
|
|
2497
2857
|
<a
|
|
2498
2858
|
class="pf-v5-c-dropdown__menu-item"
|
|
2859
|
+
role="menuitem"
|
|
2499
2860
|
href="#"
|
|
2500
2861
|
>Separated link</a>
|
|
2501
2862
|
</li>
|
|
@@ -2538,35 +2899,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2538
2899
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2539
2900
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-6-button"
|
|
2540
2901
|
hidden
|
|
2902
|
+
role="menu"
|
|
2541
2903
|
>
|
|
2542
|
-
<li>
|
|
2543
|
-
<a
|
|
2904
|
+
<li role="none">
|
|
2905
|
+
<a
|
|
2906
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2907
|
+
role="menuitem"
|
|
2908
|
+
href="#"
|
|
2909
|
+
>Link</a>
|
|
2544
2910
|
</li>
|
|
2545
|
-
<li>
|
|
2911
|
+
<li role="none">
|
|
2546
2912
|
<button
|
|
2547
2913
|
class="pf-v5-c-dropdown__menu-item"
|
|
2914
|
+
role="menuitem"
|
|
2548
2915
|
type="button"
|
|
2549
2916
|
>Action</button>
|
|
2550
2917
|
</li>
|
|
2551
|
-
<li>
|
|
2918
|
+
<li role="none">
|
|
2552
2919
|
<a
|
|
2553
2920
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
2921
|
+
role="menuitem"
|
|
2554
2922
|
href="#"
|
|
2555
2923
|
aria-disabled="true"
|
|
2556
2924
|
tabindex="-1"
|
|
2557
2925
|
>Disabled link</a>
|
|
2558
2926
|
</li>
|
|
2559
|
-
<li>
|
|
2927
|
+
<li role="none">
|
|
2560
2928
|
<button
|
|
2561
2929
|
class="pf-v5-c-dropdown__menu-item"
|
|
2930
|
+
role="menuitem"
|
|
2562
2931
|
type="button"
|
|
2563
2932
|
disabled
|
|
2564
2933
|
>Disabled action</button>
|
|
2565
2934
|
</li>
|
|
2566
2935
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2567
|
-
<li>
|
|
2936
|
+
<li role="none">
|
|
2568
2937
|
<a
|
|
2569
2938
|
class="pf-v5-c-dropdown__menu-item"
|
|
2939
|
+
role="menuitem"
|
|
2570
2940
|
href="#"
|
|
2571
2941
|
>Separated link</a>
|
|
2572
2942
|
</li>
|
|
@@ -2610,35 +2980,44 @@ cssPrefix: pf-v5-c-notification-drawer
|
|
|
2610
2980
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
2611
2981
|
aria-labelledby="notification-drawer-groups-group4dropdown-kebab-7-button"
|
|
2612
2982
|
hidden
|
|
2983
|
+
role="menu"
|
|
2613
2984
|
>
|
|
2614
|
-
<li>
|
|
2615
|
-
<a
|
|
2985
|
+
<li role="none">
|
|
2986
|
+
<a
|
|
2987
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
2988
|
+
role="menuitem"
|
|
2989
|
+
href="#"
|
|
2990
|
+
>Link</a>
|
|
2616
2991
|
</li>
|
|
2617
|
-
<li>
|
|
2992
|
+
<li role="none">
|
|
2618
2993
|
<button
|
|
2619
2994
|
class="pf-v5-c-dropdown__menu-item"
|
|
2995
|
+
role="menuitem"
|
|
2620
2996
|
type="button"
|
|
2621
2997
|
>Action</button>
|
|
2622
2998
|
</li>
|
|
2623
|
-
<li>
|
|
2999
|
+
<li role="none">
|
|
2624
3000
|
<a
|
|
2625
3001
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
3002
|
+
role="menuitem"
|
|
2626
3003
|
href="#"
|
|
2627
3004
|
aria-disabled="true"
|
|
2628
3005
|
tabindex="-1"
|
|
2629
3006
|
>Disabled link</a>
|
|
2630
3007
|
</li>
|
|
2631
|
-
<li>
|
|
3008
|
+
<li role="none">
|
|
2632
3009
|
<button
|
|
2633
3010
|
class="pf-v5-c-dropdown__menu-item"
|
|
3011
|
+
role="menuitem"
|
|
2634
3012
|
type="button"
|
|
2635
3013
|
disabled
|
|
2636
3014
|
>Disabled action</button>
|
|
2637
3015
|
</li>
|
|
2638
3016
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
2639
|
-
<li>
|
|
3017
|
+
<li role="none">
|
|
2640
3018
|
<a
|
|
2641
3019
|
class="pf-v5-c-dropdown__menu-item"
|
|
3020
|
+
role="menuitem"
|
|
2642
3021
|
href="#"
|
|
2643
3022
|
>Separated link</a>
|
|
2644
3023
|
</li>
|