@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
|
@@ -333,89 +333,106 @@ deprecated: true
|
|
|
333
333
|
</div>
|
|
334
334
|
</div>
|
|
335
335
|
</div>
|
|
336
|
-
<ul class="pf-v5-c-context-selector__menu-list" role="
|
|
337
|
-
<li>
|
|
338
|
-
<a
|
|
336
|
+
<ul class="pf-v5-c-context-selector__menu-list" role="menu">
|
|
337
|
+
<li role="none">
|
|
338
|
+
<a
|
|
339
|
+
class="pf-v5-c-context-selector__menu-list-item"
|
|
340
|
+
href="#"
|
|
341
|
+
role="menuitem"
|
|
342
|
+
>Link</a>
|
|
339
343
|
</li>
|
|
340
|
-
<li>
|
|
344
|
+
<li role="none">
|
|
341
345
|
<button
|
|
342
346
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
343
347
|
type="button"
|
|
348
|
+
role="menuitem"
|
|
344
349
|
>Action</button>
|
|
345
350
|
</li>
|
|
346
|
-
<li>
|
|
351
|
+
<li role="none">
|
|
347
352
|
<a
|
|
348
353
|
class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
|
|
349
354
|
href="#"
|
|
350
355
|
aria-disabled="true"
|
|
351
356
|
tabindex="-1"
|
|
357
|
+
role="menuitem"
|
|
352
358
|
>Disabled link</a>
|
|
353
359
|
</li>
|
|
354
|
-
<li>
|
|
360
|
+
<li role="none">
|
|
355
361
|
<button
|
|
356
362
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
357
363
|
type="button"
|
|
358
364
|
disabled
|
|
365
|
+
role="menuitem"
|
|
359
366
|
>Disabled action</button>
|
|
360
367
|
</li>
|
|
361
|
-
<li>
|
|
368
|
+
<li role="none">
|
|
362
369
|
<button
|
|
363
370
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
364
371
|
type="button"
|
|
372
|
+
role="menuitem"
|
|
365
373
|
>My project</button>
|
|
366
374
|
</li>
|
|
367
|
-
<li>
|
|
375
|
+
<li role="none">
|
|
368
376
|
<button
|
|
369
377
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
370
378
|
type="button"
|
|
379
|
+
role="menuitem"
|
|
371
380
|
>OpenShift cluster</button>
|
|
372
381
|
</li>
|
|
373
|
-
<li>
|
|
382
|
+
<li role="none">
|
|
374
383
|
<button
|
|
375
384
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
376
385
|
type="button"
|
|
386
|
+
role="menuitem"
|
|
377
387
|
>Production Ansible</button>
|
|
378
388
|
</li>
|
|
379
|
-
<li>
|
|
389
|
+
<li role="none">
|
|
380
390
|
<button
|
|
381
391
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
382
392
|
type="button"
|
|
393
|
+
role="menuitem"
|
|
383
394
|
>AWS</button>
|
|
384
395
|
</li>
|
|
385
|
-
<li>
|
|
396
|
+
<li role="none">
|
|
386
397
|
<button
|
|
387
398
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
388
399
|
type="button"
|
|
400
|
+
role="menuitem"
|
|
389
401
|
>Azure</button>
|
|
390
402
|
</li>
|
|
391
|
-
<li>
|
|
403
|
+
<li role="none">
|
|
392
404
|
<button
|
|
393
405
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
394
406
|
type="button"
|
|
407
|
+
role="menuitem"
|
|
395
408
|
>My project</button>
|
|
396
409
|
</li>
|
|
397
|
-
<li>
|
|
410
|
+
<li role="none">
|
|
398
411
|
<button
|
|
399
412
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
400
413
|
type="button"
|
|
414
|
+
role="menuitem"
|
|
401
415
|
>OpenShift cluster</button>
|
|
402
416
|
</li>
|
|
403
|
-
<li>
|
|
417
|
+
<li role="none">
|
|
404
418
|
<button
|
|
405
419
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
406
420
|
type="button"
|
|
421
|
+
role="menuitem"
|
|
407
422
|
>Production Ansible</button>
|
|
408
423
|
</li>
|
|
409
|
-
<li>
|
|
424
|
+
<li role="none">
|
|
410
425
|
<button
|
|
411
426
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
412
427
|
type="button"
|
|
428
|
+
role="menuitem"
|
|
413
429
|
>AWS</button>
|
|
414
430
|
</li>
|
|
415
|
-
<li>
|
|
431
|
+
<li role="none">
|
|
416
432
|
<button
|
|
417
433
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
418
434
|
type="button"
|
|
435
|
+
role="menuitem"
|
|
419
436
|
>Azure</button>
|
|
420
437
|
</li>
|
|
421
438
|
</ul>
|
|
@@ -695,89 +712,106 @@ deprecated: true
|
|
|
695
712
|
</div>
|
|
696
713
|
</div>
|
|
697
714
|
</div>
|
|
698
|
-
<ul class="pf-v5-c-context-selector__menu-list" role="
|
|
699
|
-
<li>
|
|
700
|
-
<a
|
|
715
|
+
<ul class="pf-v5-c-context-selector__menu-list" role="menu">
|
|
716
|
+
<li role="none">
|
|
717
|
+
<a
|
|
718
|
+
class="pf-v5-c-context-selector__menu-list-item"
|
|
719
|
+
href="#"
|
|
720
|
+
role="menuitem"
|
|
721
|
+
>Link</a>
|
|
701
722
|
</li>
|
|
702
|
-
<li>
|
|
723
|
+
<li role="none">
|
|
703
724
|
<button
|
|
704
725
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
705
726
|
type="button"
|
|
727
|
+
role="menuitem"
|
|
706
728
|
>Action</button>
|
|
707
729
|
</li>
|
|
708
|
-
<li>
|
|
730
|
+
<li role="none">
|
|
709
731
|
<a
|
|
710
732
|
class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
|
|
711
733
|
href="#"
|
|
712
734
|
aria-disabled="true"
|
|
713
735
|
tabindex="-1"
|
|
736
|
+
role="menuitem"
|
|
714
737
|
>Disabled link</a>
|
|
715
738
|
</li>
|
|
716
|
-
<li>
|
|
739
|
+
<li role="none">
|
|
717
740
|
<button
|
|
718
741
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
719
742
|
type="button"
|
|
720
743
|
disabled
|
|
744
|
+
role="menuitem"
|
|
721
745
|
>Disabled action</button>
|
|
722
746
|
</li>
|
|
723
|
-
<li>
|
|
747
|
+
<li role="none">
|
|
724
748
|
<button
|
|
725
749
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
726
750
|
type="button"
|
|
751
|
+
role="menuitem"
|
|
727
752
|
>My project</button>
|
|
728
753
|
</li>
|
|
729
|
-
<li>
|
|
754
|
+
<li role="none">
|
|
730
755
|
<button
|
|
731
756
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
732
757
|
type="button"
|
|
758
|
+
role="menuitem"
|
|
733
759
|
>OpenShift cluster</button>
|
|
734
760
|
</li>
|
|
735
|
-
<li>
|
|
761
|
+
<li role="none">
|
|
736
762
|
<button
|
|
737
763
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
738
764
|
type="button"
|
|
765
|
+
role="menuitem"
|
|
739
766
|
>Production Ansible</button>
|
|
740
767
|
</li>
|
|
741
|
-
<li>
|
|
768
|
+
<li role="none">
|
|
742
769
|
<button
|
|
743
770
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
744
771
|
type="button"
|
|
772
|
+
role="menuitem"
|
|
745
773
|
>AWS</button>
|
|
746
774
|
</li>
|
|
747
|
-
<li>
|
|
775
|
+
<li role="none">
|
|
748
776
|
<button
|
|
749
777
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
750
778
|
type="button"
|
|
779
|
+
role="menuitem"
|
|
751
780
|
>Azure</button>
|
|
752
781
|
</li>
|
|
753
|
-
<li>
|
|
782
|
+
<li role="none">
|
|
754
783
|
<button
|
|
755
784
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
756
785
|
type="button"
|
|
786
|
+
role="menuitem"
|
|
757
787
|
>My project</button>
|
|
758
788
|
</li>
|
|
759
|
-
<li>
|
|
789
|
+
<li role="none">
|
|
760
790
|
<button
|
|
761
791
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
762
792
|
type="button"
|
|
793
|
+
role="menuitem"
|
|
763
794
|
>OpenShift cluster</button>
|
|
764
795
|
</li>
|
|
765
|
-
<li>
|
|
796
|
+
<li role="none">
|
|
766
797
|
<button
|
|
767
798
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
768
799
|
type="button"
|
|
800
|
+
role="menuitem"
|
|
769
801
|
>Production Ansible</button>
|
|
770
802
|
</li>
|
|
771
|
-
<li>
|
|
803
|
+
<li role="none">
|
|
772
804
|
<button
|
|
773
805
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
774
806
|
type="button"
|
|
807
|
+
role="menuitem"
|
|
775
808
|
>AWS</button>
|
|
776
809
|
</li>
|
|
777
|
-
<li>
|
|
810
|
+
<li role="none">
|
|
778
811
|
<button
|
|
779
812
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
780
813
|
type="button"
|
|
814
|
+
role="menuitem"
|
|
781
815
|
>Azure</button>
|
|
782
816
|
</li>
|
|
783
817
|
</ul>
|
|
@@ -1105,92 +1139,106 @@ deprecated: true
|
|
|
1105
1139
|
</div>
|
|
1106
1140
|
</div>
|
|
1107
1141
|
</div>
|
|
1108
|
-
<ul class="pf-v5-c-context-selector__menu-list" role="
|
|
1109
|
-
<li>
|
|
1142
|
+
<ul class="pf-v5-c-context-selector__menu-list" role="menu">
|
|
1143
|
+
<li role="none">
|
|
1110
1144
|
<a
|
|
1111
1145
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1112
1146
|
href="#"
|
|
1147
|
+
role="menuitem"
|
|
1113
1148
|
>Link</a>
|
|
1114
1149
|
</li>
|
|
1115
|
-
<li>
|
|
1150
|
+
<li role="none">
|
|
1116
1151
|
<button
|
|
1117
1152
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1118
1153
|
type="button"
|
|
1154
|
+
role="menuitem"
|
|
1119
1155
|
>Action</button>
|
|
1120
1156
|
</li>
|
|
1121
|
-
<li>
|
|
1157
|
+
<li role="none">
|
|
1122
1158
|
<a
|
|
1123
1159
|
class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
|
|
1124
1160
|
href="#"
|
|
1125
1161
|
aria-disabled="true"
|
|
1126
1162
|
tabindex="-1"
|
|
1163
|
+
role="menuitem"
|
|
1127
1164
|
>Disabled link</a>
|
|
1128
1165
|
</li>
|
|
1129
|
-
<li>
|
|
1166
|
+
<li role="none">
|
|
1130
1167
|
<button
|
|
1131
1168
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1132
1169
|
type="button"
|
|
1133
1170
|
disabled
|
|
1171
|
+
role="menuitem"
|
|
1134
1172
|
>Disabled action</button>
|
|
1135
1173
|
</li>
|
|
1136
|
-
<li>
|
|
1174
|
+
<li role="none">
|
|
1137
1175
|
<button
|
|
1138
1176
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1139
1177
|
type="button"
|
|
1178
|
+
role="menuitem"
|
|
1140
1179
|
>My project</button>
|
|
1141
1180
|
</li>
|
|
1142
|
-
<li>
|
|
1181
|
+
<li role="none">
|
|
1143
1182
|
<button
|
|
1144
1183
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1145
1184
|
type="button"
|
|
1185
|
+
role="menuitem"
|
|
1146
1186
|
>OpenShift cluster</button>
|
|
1147
1187
|
</li>
|
|
1148
|
-
<li>
|
|
1188
|
+
<li role="none">
|
|
1149
1189
|
<button
|
|
1150
1190
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1151
1191
|
type="button"
|
|
1192
|
+
role="menuitem"
|
|
1152
1193
|
>Production Ansible</button>
|
|
1153
1194
|
</li>
|
|
1154
|
-
<li>
|
|
1195
|
+
<li role="none">
|
|
1155
1196
|
<button
|
|
1156
1197
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1157
1198
|
type="button"
|
|
1199
|
+
role="menuitem"
|
|
1158
1200
|
>AWS</button>
|
|
1159
1201
|
</li>
|
|
1160
|
-
<li>
|
|
1202
|
+
<li role="none">
|
|
1161
1203
|
<button
|
|
1162
1204
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1163
1205
|
type="button"
|
|
1206
|
+
role="menuitem"
|
|
1164
1207
|
>Azure</button>
|
|
1165
1208
|
</li>
|
|
1166
|
-
<li>
|
|
1209
|
+
<li role="none">
|
|
1167
1210
|
<button
|
|
1168
1211
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1169
1212
|
type="button"
|
|
1213
|
+
role="menuitem"
|
|
1170
1214
|
>My project</button>
|
|
1171
1215
|
</li>
|
|
1172
|
-
<li>
|
|
1216
|
+
<li role="none">
|
|
1173
1217
|
<button
|
|
1174
1218
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1175
1219
|
type="button"
|
|
1220
|
+
role="menuitem"
|
|
1176
1221
|
>OpenShift cluster</button>
|
|
1177
1222
|
</li>
|
|
1178
|
-
<li>
|
|
1223
|
+
<li role="none">
|
|
1179
1224
|
<button
|
|
1180
1225
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1181
1226
|
type="button"
|
|
1227
|
+
role="menuitem"
|
|
1182
1228
|
>Production Ansible</button>
|
|
1183
1229
|
</li>
|
|
1184
|
-
<li>
|
|
1230
|
+
<li role="none">
|
|
1185
1231
|
<button
|
|
1186
1232
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1187
1233
|
type="button"
|
|
1234
|
+
role="menuitem"
|
|
1188
1235
|
>AWS</button>
|
|
1189
1236
|
</li>
|
|
1190
|
-
<li>
|
|
1237
|
+
<li role="none">
|
|
1191
1238
|
<button
|
|
1192
1239
|
class="pf-v5-c-context-selector__menu-list-item"
|
|
1193
1240
|
type="button"
|
|
1241
|
+
role="menuitem"
|
|
1194
1242
|
>Azure</button>
|
|
1195
1243
|
</li>
|
|
1196
1244
|
</ul>
|
|
@@ -228,35 +228,44 @@ cssPrefix: pf-d-dashboard
|
|
|
228
228
|
class="pf-v5-c-dropdown__menu"
|
|
229
229
|
aria-labelledby="dashboard-demo-expandable-status-card-1-dropdown-kebab-right-aligned-button"
|
|
230
230
|
hidden
|
|
231
|
+
role="menu"
|
|
231
232
|
>
|
|
232
|
-
<li>
|
|
233
|
-
<a
|
|
233
|
+
<li role="none">
|
|
234
|
+
<a
|
|
235
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
236
|
+
role="menuitem"
|
|
237
|
+
href="#"
|
|
238
|
+
>Link</a>
|
|
234
239
|
</li>
|
|
235
|
-
<li>
|
|
240
|
+
<li role="none">
|
|
236
241
|
<button
|
|
237
242
|
class="pf-v5-c-dropdown__menu-item"
|
|
243
|
+
role="menuitem"
|
|
238
244
|
type="button"
|
|
239
245
|
>Action</button>
|
|
240
246
|
</li>
|
|
241
|
-
<li>
|
|
247
|
+
<li role="none">
|
|
242
248
|
<a
|
|
243
249
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
250
|
+
role="menuitem"
|
|
244
251
|
href="#"
|
|
245
252
|
aria-disabled="true"
|
|
246
253
|
tabindex="-1"
|
|
247
254
|
>Disabled link</a>
|
|
248
255
|
</li>
|
|
249
|
-
<li>
|
|
256
|
+
<li role="none">
|
|
250
257
|
<button
|
|
251
258
|
class="pf-v5-c-dropdown__menu-item"
|
|
259
|
+
role="menuitem"
|
|
252
260
|
type="button"
|
|
253
261
|
disabled
|
|
254
262
|
>Disabled action</button>
|
|
255
263
|
</li>
|
|
256
264
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
257
|
-
<li>
|
|
265
|
+
<li role="none">
|
|
258
266
|
<a
|
|
259
267
|
class="pf-v5-c-dropdown__menu-item"
|
|
268
|
+
role="menuitem"
|
|
260
269
|
href="#"
|
|
261
270
|
>Separated link</a>
|
|
262
271
|
</li>
|