@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
|
@@ -42,31 +42,42 @@ cssPrefix: pf-v5-c-card
|
|
|
42
42
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
43
43
|
aria-labelledby="card-action-example-1-dropdown-kebab-button"
|
|
44
44
|
hidden
|
|
45
|
+
role="menu"
|
|
45
46
|
>
|
|
46
|
-
<li>
|
|
47
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
47
|
+
<li role="none">
|
|
48
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
48
49
|
</li>
|
|
49
|
-
<li>
|
|
50
|
-
<button
|
|
50
|
+
<li role="none">
|
|
51
|
+
<button
|
|
52
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
53
|
+
role="menuitem"
|
|
54
|
+
type="button"
|
|
55
|
+
>Action</button>
|
|
51
56
|
</li>
|
|
52
|
-
<li>
|
|
57
|
+
<li role="none">
|
|
53
58
|
<a
|
|
54
59
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
60
|
+
role="menuitem"
|
|
55
61
|
href="#"
|
|
56
62
|
aria-disabled="true"
|
|
57
63
|
tabindex="-1"
|
|
58
64
|
>Disabled link</a>
|
|
59
65
|
</li>
|
|
60
|
-
<li>
|
|
66
|
+
<li role="none">
|
|
61
67
|
<button
|
|
62
68
|
class="pf-v5-c-dropdown__menu-item"
|
|
69
|
+
role="menuitem"
|
|
63
70
|
type="button"
|
|
64
71
|
disabled
|
|
65
72
|
>Disabled action</button>
|
|
66
73
|
</li>
|
|
67
74
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
68
|
-
<li>
|
|
69
|
-
<a
|
|
75
|
+
<li role="none">
|
|
76
|
+
<a
|
|
77
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
78
|
+
role="menuitem"
|
|
79
|
+
href="#"
|
|
80
|
+
>Separated link</a>
|
|
70
81
|
</li>
|
|
71
82
|
</ul>
|
|
72
83
|
</div>
|
|
@@ -113,31 +124,42 @@ cssPrefix: pf-v5-c-card
|
|
|
113
124
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
114
125
|
aria-labelledby="card-action-example-2-dropdown-kebab-button"
|
|
115
126
|
hidden
|
|
127
|
+
role="menu"
|
|
116
128
|
>
|
|
117
|
-
<li>
|
|
118
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
129
|
+
<li role="none">
|
|
130
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
119
131
|
</li>
|
|
120
|
-
<li>
|
|
121
|
-
<button
|
|
132
|
+
<li role="none">
|
|
133
|
+
<button
|
|
134
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
135
|
+
role="menuitem"
|
|
136
|
+
type="button"
|
|
137
|
+
>Action</button>
|
|
122
138
|
</li>
|
|
123
|
-
<li>
|
|
139
|
+
<li role="none">
|
|
124
140
|
<a
|
|
125
141
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
142
|
+
role="menuitem"
|
|
126
143
|
href="#"
|
|
127
144
|
aria-disabled="true"
|
|
128
145
|
tabindex="-1"
|
|
129
146
|
>Disabled link</a>
|
|
130
147
|
</li>
|
|
131
|
-
<li>
|
|
148
|
+
<li role="none">
|
|
132
149
|
<button
|
|
133
150
|
class="pf-v5-c-dropdown__menu-item"
|
|
151
|
+
role="menuitem"
|
|
134
152
|
type="button"
|
|
135
153
|
disabled
|
|
136
154
|
>Disabled action</button>
|
|
137
155
|
</li>
|
|
138
156
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
139
|
-
<li>
|
|
140
|
-
<a
|
|
157
|
+
<li role="none">
|
|
158
|
+
<a
|
|
159
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
160
|
+
role="menuitem"
|
|
161
|
+
href="#"
|
|
162
|
+
>Separated link</a>
|
|
141
163
|
</li>
|
|
142
164
|
</ul>
|
|
143
165
|
</div>
|
|
@@ -186,31 +208,42 @@ cssPrefix: pf-v5-c-card
|
|
|
186
208
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
187
209
|
aria-labelledby="card-action-example-3-dropdown-kebab-button"
|
|
188
210
|
hidden
|
|
211
|
+
role="menu"
|
|
189
212
|
>
|
|
190
|
-
<li>
|
|
191
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
213
|
+
<li role="none">
|
|
214
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
192
215
|
</li>
|
|
193
|
-
<li>
|
|
194
|
-
<button
|
|
216
|
+
<li role="none">
|
|
217
|
+
<button
|
|
218
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
219
|
+
role="menuitem"
|
|
220
|
+
type="button"
|
|
221
|
+
>Action</button>
|
|
195
222
|
</li>
|
|
196
|
-
<li>
|
|
223
|
+
<li role="none">
|
|
197
224
|
<a
|
|
198
225
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
226
|
+
role="menuitem"
|
|
199
227
|
href="#"
|
|
200
228
|
aria-disabled="true"
|
|
201
229
|
tabindex="-1"
|
|
202
230
|
>Disabled link</a>
|
|
203
231
|
</li>
|
|
204
|
-
<li>
|
|
232
|
+
<li role="none">
|
|
205
233
|
<button
|
|
206
234
|
class="pf-v5-c-dropdown__menu-item"
|
|
235
|
+
role="menuitem"
|
|
207
236
|
type="button"
|
|
208
237
|
disabled
|
|
209
238
|
>Disabled action</button>
|
|
210
239
|
</li>
|
|
211
240
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
212
|
-
<li>
|
|
213
|
-
<a
|
|
241
|
+
<li role="none">
|
|
242
|
+
<a
|
|
243
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
244
|
+
role="menuitem"
|
|
245
|
+
href="#"
|
|
246
|
+
>Separated link</a>
|
|
214
247
|
</li>
|
|
215
248
|
</ul>
|
|
216
249
|
</div>
|
|
@@ -1049,31 +1082,42 @@ cssPrefix: pf-v5-c-card
|
|
|
1049
1082
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1050
1083
|
aria-labelledby="card-expandable-example-dropdown-kebab-button"
|
|
1051
1084
|
hidden
|
|
1085
|
+
role="menu"
|
|
1052
1086
|
>
|
|
1053
|
-
<li>
|
|
1054
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
1087
|
+
<li role="none">
|
|
1088
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
1055
1089
|
</li>
|
|
1056
|
-
<li>
|
|
1057
|
-
<button
|
|
1090
|
+
<li role="none">
|
|
1091
|
+
<button
|
|
1092
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1093
|
+
role="menuitem"
|
|
1094
|
+
type="button"
|
|
1095
|
+
>Action</button>
|
|
1058
1096
|
</li>
|
|
1059
|
-
<li>
|
|
1097
|
+
<li role="none">
|
|
1060
1098
|
<a
|
|
1061
1099
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1100
|
+
role="menuitem"
|
|
1062
1101
|
href="#"
|
|
1063
1102
|
aria-disabled="true"
|
|
1064
1103
|
tabindex="-1"
|
|
1065
1104
|
>Disabled link</a>
|
|
1066
1105
|
</li>
|
|
1067
|
-
<li>
|
|
1106
|
+
<li role="none">
|
|
1068
1107
|
<button
|
|
1069
1108
|
class="pf-v5-c-dropdown__menu-item"
|
|
1109
|
+
role="menuitem"
|
|
1070
1110
|
type="button"
|
|
1071
1111
|
disabled
|
|
1072
1112
|
>Disabled action</button>
|
|
1073
1113
|
</li>
|
|
1074
1114
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1075
|
-
<li>
|
|
1076
|
-
<a
|
|
1115
|
+
<li role="none">
|
|
1116
|
+
<a
|
|
1117
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1118
|
+
role="menuitem"
|
|
1119
|
+
href="#"
|
|
1120
|
+
>Separated link</a>
|
|
1077
1121
|
</li>
|
|
1078
1122
|
</ul>
|
|
1079
1123
|
</div>
|
|
@@ -1140,31 +1184,42 @@ cssPrefix: pf-v5-c-card
|
|
|
1140
1184
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1141
1185
|
aria-labelledby="card-expandable-image-example-dropdown-kebab-button"
|
|
1142
1186
|
hidden
|
|
1187
|
+
role="menu"
|
|
1143
1188
|
>
|
|
1144
|
-
<li>
|
|
1145
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
1189
|
+
<li role="none">
|
|
1190
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
1146
1191
|
</li>
|
|
1147
|
-
<li>
|
|
1148
|
-
<button
|
|
1192
|
+
<li role="none">
|
|
1193
|
+
<button
|
|
1194
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1195
|
+
role="menuitem"
|
|
1196
|
+
type="button"
|
|
1197
|
+
>Action</button>
|
|
1149
1198
|
</li>
|
|
1150
|
-
<li>
|
|
1199
|
+
<li role="none">
|
|
1151
1200
|
<a
|
|
1152
1201
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1202
|
+
role="menuitem"
|
|
1153
1203
|
href="#"
|
|
1154
1204
|
aria-disabled="true"
|
|
1155
1205
|
tabindex="-1"
|
|
1156
1206
|
>Disabled link</a>
|
|
1157
1207
|
</li>
|
|
1158
|
-
<li>
|
|
1208
|
+
<li role="none">
|
|
1159
1209
|
<button
|
|
1160
1210
|
class="pf-v5-c-dropdown__menu-item"
|
|
1211
|
+
role="menuitem"
|
|
1161
1212
|
type="button"
|
|
1162
1213
|
disabled
|
|
1163
1214
|
>Disabled action</button>
|
|
1164
1215
|
</li>
|
|
1165
1216
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1166
|
-
<li>
|
|
1167
|
-
<a
|
|
1217
|
+
<li role="none">
|
|
1218
|
+
<a
|
|
1219
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1220
|
+
role="menuitem"
|
|
1221
|
+
href="#"
|
|
1222
|
+
>Separated link</a>
|
|
1168
1223
|
</li>
|
|
1169
1224
|
</ul>
|
|
1170
1225
|
</div>
|
|
@@ -1216,31 +1271,42 @@ cssPrefix: pf-v5-c-card
|
|
|
1216
1271
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1217
1272
|
aria-labelledby="card-expanded-example-dropdown-kebab-button"
|
|
1218
1273
|
hidden
|
|
1274
|
+
role="menu"
|
|
1219
1275
|
>
|
|
1220
|
-
<li>
|
|
1221
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
1276
|
+
<li role="none">
|
|
1277
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
1222
1278
|
</li>
|
|
1223
|
-
<li>
|
|
1224
|
-
<button
|
|
1279
|
+
<li role="none">
|
|
1280
|
+
<button
|
|
1281
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1282
|
+
role="menuitem"
|
|
1283
|
+
type="button"
|
|
1284
|
+
>Action</button>
|
|
1225
1285
|
</li>
|
|
1226
|
-
<li>
|
|
1286
|
+
<li role="none">
|
|
1227
1287
|
<a
|
|
1228
1288
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1289
|
+
role="menuitem"
|
|
1229
1290
|
href="#"
|
|
1230
1291
|
aria-disabled="true"
|
|
1231
1292
|
tabindex="-1"
|
|
1232
1293
|
>Disabled link</a>
|
|
1233
1294
|
</li>
|
|
1234
|
-
<li>
|
|
1295
|
+
<li role="none">
|
|
1235
1296
|
<button
|
|
1236
1297
|
class="pf-v5-c-dropdown__menu-item"
|
|
1298
|
+
role="menuitem"
|
|
1237
1299
|
type="button"
|
|
1238
1300
|
disabled
|
|
1239
1301
|
>Disabled action</button>
|
|
1240
1302
|
</li>
|
|
1241
1303
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1242
|
-
<li>
|
|
1243
|
-
<a
|
|
1304
|
+
<li role="none">
|
|
1305
|
+
<a
|
|
1306
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1307
|
+
role="menuitem"
|
|
1308
|
+
href="#"
|
|
1309
|
+
>Separated link</a>
|
|
1244
1310
|
</li>
|
|
1245
1311
|
</ul>
|
|
1246
1312
|
</div>
|
|
@@ -1289,31 +1355,42 @@ cssPrefix: pf-v5-c-card
|
|
|
1289
1355
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1290
1356
|
aria-labelledby="card-full-height-example-dropdown-kebab-button"
|
|
1291
1357
|
hidden
|
|
1358
|
+
role="menu"
|
|
1292
1359
|
>
|
|
1293
|
-
<li>
|
|
1294
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
1360
|
+
<li role="none">
|
|
1361
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
1295
1362
|
</li>
|
|
1296
|
-
<li>
|
|
1297
|
-
<button
|
|
1363
|
+
<li role="none">
|
|
1364
|
+
<button
|
|
1365
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1366
|
+
role="menuitem"
|
|
1367
|
+
type="button"
|
|
1368
|
+
>Action</button>
|
|
1298
1369
|
</li>
|
|
1299
|
-
<li>
|
|
1370
|
+
<li role="none">
|
|
1300
1371
|
<a
|
|
1301
1372
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1373
|
+
role="menuitem"
|
|
1302
1374
|
href="#"
|
|
1303
1375
|
aria-disabled="true"
|
|
1304
1376
|
tabindex="-1"
|
|
1305
1377
|
>Disabled link</a>
|
|
1306
1378
|
</li>
|
|
1307
|
-
<li>
|
|
1379
|
+
<li role="none">
|
|
1308
1380
|
<button
|
|
1309
1381
|
class="pf-v5-c-dropdown__menu-item"
|
|
1382
|
+
role="menuitem"
|
|
1310
1383
|
type="button"
|
|
1311
1384
|
disabled
|
|
1312
1385
|
>Disabled action</button>
|
|
1313
1386
|
</li>
|
|
1314
1387
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1315
|
-
<li>
|
|
1316
|
-
<a
|
|
1388
|
+
<li role="none">
|
|
1389
|
+
<a
|
|
1390
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1391
|
+
role="menuitem"
|
|
1392
|
+
href="#"
|
|
1393
|
+
>Separated link</a>
|
|
1317
1394
|
</li>
|
|
1318
1395
|
</ul>
|
|
1319
1396
|
</div>
|
|
@@ -1362,31 +1439,42 @@ cssPrefix: pf-v5-c-card
|
|
|
1362
1439
|
class="pf-v5-c-dropdown__menu pf-m-align-right"
|
|
1363
1440
|
aria-labelledby="card-toggle-on-right-example-dropdown-kebab-button"
|
|
1364
1441
|
hidden
|
|
1442
|
+
role="menu"
|
|
1365
1443
|
>
|
|
1366
|
-
<li>
|
|
1367
|
-
<a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
|
|
1444
|
+
<li role="none">
|
|
1445
|
+
<a class="pf-v5-c-dropdown__menu-item" role="menuitem" href="#">Link</a>
|
|
1368
1446
|
</li>
|
|
1369
|
-
<li>
|
|
1370
|
-
<button
|
|
1447
|
+
<li role="none">
|
|
1448
|
+
<button
|
|
1449
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1450
|
+
role="menuitem"
|
|
1451
|
+
type="button"
|
|
1452
|
+
>Action</button>
|
|
1371
1453
|
</li>
|
|
1372
|
-
<li>
|
|
1454
|
+
<li role="none">
|
|
1373
1455
|
<a
|
|
1374
1456
|
class="pf-v5-c-dropdown__menu-item pf-m-disabled"
|
|
1457
|
+
role="menuitem"
|
|
1375
1458
|
href="#"
|
|
1376
1459
|
aria-disabled="true"
|
|
1377
1460
|
tabindex="-1"
|
|
1378
1461
|
>Disabled link</a>
|
|
1379
1462
|
</li>
|
|
1380
|
-
<li>
|
|
1463
|
+
<li role="none">
|
|
1381
1464
|
<button
|
|
1382
1465
|
class="pf-v5-c-dropdown__menu-item"
|
|
1466
|
+
role="menuitem"
|
|
1383
1467
|
type="button"
|
|
1384
1468
|
disabled
|
|
1385
1469
|
>Disabled action</button>
|
|
1386
1470
|
</li>
|
|
1387
1471
|
<li class="pf-v5-c-divider" role="separator"></li>
|
|
1388
|
-
<li>
|
|
1389
|
-
<a
|
|
1472
|
+
<li role="none">
|
|
1473
|
+
<a
|
|
1474
|
+
class="pf-v5-c-dropdown__menu-item"
|
|
1475
|
+
role="menuitem"
|
|
1476
|
+
href="#"
|
|
1477
|
+
>Separated link</a>
|
|
1390
1478
|
</li>
|
|
1391
1479
|
</ul>
|
|
1392
1480
|
</div>
|