@patternfly/patternfly 5.0.0-alpha.10 → 5.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_chart-globals.scss +0 -4
  7. package/base/patternfly-icons.css +5 -1
  8. package/base/patternfly-pf-icons.css +5 -1
  9. package/components/CalendarMonth/calendar-month.css +1 -1
  10. package/components/CalendarMonth/calendar-month.scss +1 -1
  11. package/components/ChipGroup/chip-group.css +1 -3
  12. package/components/ChipGroup/chip-group.scss +1 -4
  13. package/components/Content/content.css +6 -0
  14. package/components/Content/content.scss +8 -0
  15. package/components/Pagination/pagination.css +0 -108
  16. package/components/Pagination/pagination.scss +0 -6
  17. package/components/Popover/popover.css +1 -1
  18. package/components/Popover/themes/dark/popover.scss +1 -1
  19. package/components/Tabs/tabs.css +0 -4
  20. package/components/Tabs/tabs.scss +0 -7
  21. package/components/Tooltip/themes/dark/tooltip.scss +1 -8
  22. package/components/Tooltip/tooltip.css +7 -9
  23. package/components/Tooltip/tooltip.scss +6 -3
  24. package/docs/components/Check/examples/Check.md +2 -6
  25. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  26. package/docs/components/Content/examples/Content.md +28 -0
  27. package/docs/components/DataList/examples/DataList.md +104 -65
  28. package/docs/components/Dropdown/examples/Dropdown.md +73 -49
  29. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  30. package/docs/components/Menu/examples/Menu.md +1 -1
  31. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  32. package/docs/components/Table/examples/Table.md +1117 -700
  33. package/docs/components/Tabs/examples/Tabs.md +102 -102
  34. package/docs/components/Toolbar/examples/Toolbar.md +48 -30
  35. package/docs/demos/Banner/examples/Banner.md +0 -1
  36. package/docs/demos/CardView/examples/CardView.md +8 -5
  37. package/docs/demos/DataList/examples/DataList.md +136 -85
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -1
  39. package/docs/demos/HelperText/examples/HelperText.md +0 -1
  40. package/docs/demos/Page/examples/Page.md +1 -1
  41. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +0 -1
  42. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +8 -5
  43. package/docs/demos/Table/examples/Table.md +421 -265
  44. package/docs/demos/Tabs/examples/Tabs.md +48 -30
  45. package/docs/demos/Toolbar/examples/Toolbar.md +80 -50
  46. package/docs/demos/Wizard/examples/Wizard.md +179 -171
  47. package/icons/pf-icons.json +1 -0
  48. package/package.json +5 -5
  49. package/patternfly-base-no-reset.css +5 -1
  50. package/patternfly-base.css +5 -1
  51. package/patternfly-no-reset.css +21 -127
  52. package/patternfly.css +21 -127
  53. package/patternfly.min.css +1 -1
  54. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -898,11 +898,14 @@ wrapperTag: div
898
898
  class="pf-c-dropdown__toggle-check"
899
899
  for="-bulk-select-toggle-check"
900
900
  >
901
- <input
902
- type="checkbox"
903
- id="-bulk-select-toggle-check"
904
- aria-label="Select all"
905
- />
901
+ <div class="pf-c-check pf-m-standalone">
902
+ <input
903
+ class="pf-c-check__input"
904
+ type="checkbox"
905
+ id="-bulk-select-toggle-check"
906
+ aria-label="Select all"
907
+ />
908
+ </div>
906
909
  </label>
907
910
 
908
911
  <button
@@ -1182,11 +1185,14 @@ wrapperTag: div
1182
1185
  <tbody role="rowgroup">
1183
1186
  <tr role="row">
1184
1187
  <td class="pf-c-table__check" role="cell">
1185
- <input
1186
- type="checkbox"
1187
- name="checkrow1"
1188
- aria-labelledby="basic-demo-table-node1"
1189
- />
1188
+ <div class="pf-c-check pf-m-standalone">
1189
+ <input
1190
+ class="pf-c-check__input"
1191
+ type="checkbox"
1192
+ name="checkrow1"
1193
+ aria-labelledby="basic-demo-table-node1"
1194
+ />
1195
+ </div>
1190
1196
  </td>
1191
1197
  <th role="columnheader" data-label="Repository name">
1192
1198
  <div>
@@ -1267,11 +1273,14 @@ wrapperTag: div
1267
1273
 
1268
1274
  <tr role="row">
1269
1275
  <td class="pf-c-table__check" role="cell">
1270
- <input
1271
- type="checkbox"
1272
- name="checkrow2"
1273
- aria-labelledby="basic-demo-table-node2"
1274
- />
1276
+ <div class="pf-c-check pf-m-standalone">
1277
+ <input
1278
+ class="pf-c-check__input"
1279
+ type="checkbox"
1280
+ name="checkrow2"
1281
+ aria-labelledby="basic-demo-table-node2"
1282
+ />
1283
+ </div>
1275
1284
  </td>
1276
1285
  <th role="columnheader" data-label="Repository name">
1277
1286
  <div>
@@ -1352,11 +1361,14 @@ wrapperTag: div
1352
1361
 
1353
1362
  <tr role="row">
1354
1363
  <td class="pf-c-table__check" role="cell">
1355
- <input
1356
- type="checkbox"
1357
- name="checkrow3"
1358
- aria-labelledby="basic-demo-table-node3"
1359
- />
1364
+ <div class="pf-c-check pf-m-standalone">
1365
+ <input
1366
+ class="pf-c-check__input"
1367
+ type="checkbox"
1368
+ name="checkrow3"
1369
+ aria-labelledby="basic-demo-table-node3"
1370
+ />
1371
+ </div>
1360
1372
  </td>
1361
1373
  <th role="columnheader" data-label="Repository name">
1362
1374
  <div>
@@ -1437,11 +1449,14 @@ wrapperTag: div
1437
1449
 
1438
1450
  <tr role="row">
1439
1451
  <td class="pf-c-table__check" role="cell">
1440
- <input
1441
- type="checkbox"
1442
- name="checkrow4"
1443
- aria-labelledby="basic-demo-table-node4"
1444
- />
1452
+ <div class="pf-c-check pf-m-standalone">
1453
+ <input
1454
+ class="pf-c-check__input"
1455
+ type="checkbox"
1456
+ name="checkrow4"
1457
+ aria-labelledby="basic-demo-table-node4"
1458
+ />
1459
+ </div>
1445
1460
  </td>
1446
1461
  <th role="columnheader" data-label="Repository name">
1447
1462
  <div>
@@ -1522,11 +1537,14 @@ wrapperTag: div
1522
1537
 
1523
1538
  <tr role="row">
1524
1539
  <td class="pf-c-table__check" role="cell">
1525
- <input
1526
- type="checkbox"
1527
- name="checkrow5"
1528
- aria-labelledby="basic-demo-table-node5"
1529
- />
1540
+ <div class="pf-c-check pf-m-standalone">
1541
+ <input
1542
+ class="pf-c-check__input"
1543
+ type="checkbox"
1544
+ name="checkrow5"
1545
+ aria-labelledby="basic-demo-table-node5"
1546
+ />
1547
+ </div>
1530
1548
  </td>
1531
1549
  <td role="cell" data-label="Repository name">
1532
1550
  <div>
@@ -2599,11 +2617,14 @@ wrapperTag: div
2599
2617
  class="pf-c-dropdown__toggle-check"
2600
2618
  for="-bulk-select-toggle-check"
2601
2619
  >
2602
- <input
2603
- type="checkbox"
2604
- id="-bulk-select-toggle-check"
2605
- aria-label="Select all"
2606
- />
2620
+ <div class="pf-c-check pf-m-standalone">
2621
+ <input
2622
+ class="pf-c-check__input"
2623
+ type="checkbox"
2624
+ id="-bulk-select-toggle-check"
2625
+ aria-label="Select all"
2626
+ />
2627
+ </div>
2607
2628
  </label>
2608
2629
 
2609
2630
  <button
@@ -3059,11 +3080,14 @@ wrapperTag: div
3059
3080
  <tbody role="rowgroup">
3060
3081
  <tr role="row">
3061
3082
  <td class="pf-c-table__check" role="cell">
3062
- <input
3063
- type="checkbox"
3064
- name="checkrow1"
3065
- aria-labelledby="sortable-demo-table-node1"
3066
- />
3083
+ <div class="pf-c-check pf-m-standalone">
3084
+ <input
3085
+ class="pf-c-check__input"
3086
+ type="checkbox"
3087
+ name="checkrow1"
3088
+ aria-labelledby="sortable-demo-table-node1"
3089
+ />
3090
+ </div>
3067
3091
  </td>
3068
3092
  <th role="columnheader" data-label="Repository name">
3069
3093
  <div>
@@ -3144,11 +3168,14 @@ wrapperTag: div
3144
3168
 
3145
3169
  <tr role="row">
3146
3170
  <td class="pf-c-table__check" role="cell">
3147
- <input
3148
- type="checkbox"
3149
- name="checkrow2"
3150
- aria-labelledby="sortable-demo-table-node2"
3151
- />
3171
+ <div class="pf-c-check pf-m-standalone">
3172
+ <input
3173
+ class="pf-c-check__input"
3174
+ type="checkbox"
3175
+ name="checkrow2"
3176
+ aria-labelledby="sortable-demo-table-node2"
3177
+ />
3178
+ </div>
3152
3179
  </td>
3153
3180
  <th role="columnheader" data-label="Repository name">
3154
3181
  <div>
@@ -3229,11 +3256,14 @@ wrapperTag: div
3229
3256
 
3230
3257
  <tr role="row">
3231
3258
  <td class="pf-c-table__check" role="cell">
3232
- <input
3233
- type="checkbox"
3234
- name="checkrow3"
3235
- aria-labelledby="sortable-demo-table-node3"
3236
- />
3259
+ <div class="pf-c-check pf-m-standalone">
3260
+ <input
3261
+ class="pf-c-check__input"
3262
+ type="checkbox"
3263
+ name="checkrow3"
3264
+ aria-labelledby="sortable-demo-table-node3"
3265
+ />
3266
+ </div>
3237
3267
  </td>
3238
3268
  <th role="columnheader" data-label="Repository name">
3239
3269
  <div>
@@ -3314,11 +3344,14 @@ wrapperTag: div
3314
3344
 
3315
3345
  <tr role="row">
3316
3346
  <td class="pf-c-table__check" role="cell">
3317
- <input
3318
- type="checkbox"
3319
- name="checkrow4"
3320
- aria-labelledby="sortable-demo-table-node4"
3321
- />
3347
+ <div class="pf-c-check pf-m-standalone">
3348
+ <input
3349
+ class="pf-c-check__input"
3350
+ type="checkbox"
3351
+ name="checkrow4"
3352
+ aria-labelledby="sortable-demo-table-node4"
3353
+ />
3354
+ </div>
3322
3355
  </td>
3323
3356
  <th role="columnheader" data-label="Repository name">
3324
3357
  <div>
@@ -3399,11 +3432,14 @@ wrapperTag: div
3399
3432
 
3400
3433
  <tr role="row">
3401
3434
  <td class="pf-c-table__check" role="cell">
3402
- <input
3403
- type="checkbox"
3404
- name="checkrow4"
3405
- aria-labelledby="sortable-demo-table-node5"
3406
- />
3435
+ <div class="pf-c-check pf-m-standalone">
3436
+ <input
3437
+ class="pf-c-check__input"
3438
+ type="checkbox"
3439
+ name="checkrow5"
3440
+ aria-labelledby="sortable-demo-table-node5"
3441
+ />
3442
+ </div>
3407
3443
  </td>
3408
3444
  <td role="cell" data-label="Repository name">
3409
3445
  <div>
@@ -4480,11 +4516,14 @@ wrapperTag: div
4480
4516
  class="pf-c-dropdown__toggle-check"
4481
4517
  for="-bulk-select-toggle-check"
4482
4518
  >
4483
- <input
4484
- type="checkbox"
4485
- id="-bulk-select-toggle-check"
4486
- aria-label="Select all"
4487
- />
4519
+ <div class="pf-c-check pf-m-standalone">
4520
+ <input
4521
+ class="pf-c-check__input"
4522
+ type="checkbox"
4523
+ id="-bulk-select-toggle-check"
4524
+ aria-label="Select all"
4525
+ />
4526
+ </div>
4488
4527
  </label>
4489
4528
 
4490
4529
  <button
@@ -4960,11 +4999,14 @@ wrapperTag: div
4960
4999
  </td>
4961
5000
 
4962
5001
  <td class="pf-c-table__check" role="cell">
4963
- <input
4964
- type="checkbox"
4965
- name="checkrow1"
4966
- aria-labelledby="expandable-demo-table-node1"
4967
- />
5002
+ <div class="pf-c-check pf-m-standalone">
5003
+ <input
5004
+ class="pf-c-check__input"
5005
+ type="checkbox"
5006
+ name="checkrow1"
5007
+ aria-labelledby="expandable-demo-table-node1"
5008
+ />
5009
+ </div>
4968
5010
  </td>
4969
5011
  <th role="columnheader" data-label="Repository name">
4970
5012
  <div>
@@ -5085,11 +5127,14 @@ wrapperTag: div
5085
5127
  </td>
5086
5128
 
5087
5129
  <td class="pf-c-table__check" role="cell">
5088
- <input
5089
- type="checkbox"
5090
- name="checkrow2"
5091
- aria-labelledby="expandable-demo-table-node2"
5092
- />
5130
+ <div class="pf-c-check pf-m-standalone">
5131
+ <input
5132
+ class="pf-c-check__input"
5133
+ type="checkbox"
5134
+ name="checkrow2"
5135
+ aria-labelledby="expandable-demo-table-node2"
5136
+ />
5137
+ </div>
5093
5138
  </td>
5094
5139
  <td role="cell" data-label="Repository name">
5095
5140
  <div>
@@ -5222,11 +5267,14 @@ wrapperTag: div
5222
5267
  </td>
5223
5268
 
5224
5269
  <td class="pf-c-table__check" role="cell">
5225
- <input
5226
- type="checkbox"
5227
- name="checkrow3"
5228
- aria-labelledby="expandable-demo-table-node3"
5229
- />
5270
+ <div class="pf-c-check pf-m-standalone">
5271
+ <input
5272
+ class="pf-c-check__input"
5273
+ type="checkbox"
5274
+ name="checkrow3"
5275
+ aria-labelledby="expandable-demo-table-node3"
5276
+ />
5277
+ </div>
5230
5278
  </td>
5231
5279
  <th role="columnheader" data-label="Repository name">
5232
5280
  <div>
@@ -5341,11 +5389,14 @@ wrapperTag: div
5341
5389
  </td>
5342
5390
 
5343
5391
  <td class="pf-c-table__check" role="cell">
5344
- <input
5345
- type="checkbox"
5346
- name="checkrow4"
5347
- aria-labelledby="expandable-demo-table-node4"
5348
- />
5392
+ <div class="pf-c-check pf-m-standalone">
5393
+ <input
5394
+ class="pf-c-check__input"
5395
+ type="checkbox"
5396
+ name="checkrow4"
5397
+ aria-labelledby="expandable-demo-table-node4"
5398
+ />
5399
+ </div>
5349
5400
  </td>
5350
5401
  <th role="columnheader" data-label="Repository name">
5351
5402
  <div>
@@ -5460,11 +5511,14 @@ wrapperTag: div
5460
5511
  </td>
5461
5512
 
5462
5513
  <td class="pf-c-table__check" role="cell">
5463
- <input
5464
- type="checkbox"
5465
- name="checkrow5"
5466
- aria-labelledby="expandable-demo-table-node5"
5467
- />
5514
+ <div class="pf-c-check pf-m-standalone">
5515
+ <input
5516
+ class="pf-c-check__input"
5517
+ type="checkbox"
5518
+ name="checkrow5"
5519
+ aria-labelledby="expandable-demo-table-node5"
5520
+ />
5521
+ </div>
5468
5522
  </td>
5469
5523
  <td role="cell" data-label="Repository name">
5470
5524
  <div>
@@ -6555,11 +6609,14 @@ wrapperTag: div
6555
6609
  class="pf-c-dropdown__toggle-check"
6556
6610
  for="-bulk-select-toggle-check"
6557
6611
  >
6558
- <input
6559
- type="checkbox"
6560
- id="-bulk-select-toggle-check"
6561
- aria-label="Select all"
6562
- />
6612
+ <div class="pf-c-check pf-m-standalone">
6613
+ <input
6614
+ class="pf-c-check__input"
6615
+ type="checkbox"
6616
+ id="-bulk-select-toggle-check"
6617
+ aria-label="Select all"
6618
+ />
6619
+ </div>
6563
6620
  </label>
6564
6621
 
6565
6622
  <button
@@ -7006,11 +7063,14 @@ wrapperTag: div
7006
7063
  <tbody role="rowgroup">
7007
7064
  <tr role="row">
7008
7065
  <td class="pf-c-table__check" role="cell">
7009
- <input
7010
- type="checkbox"
7011
- name="checkrow1"
7012
- aria-labelledby="compact-demo-table-name1"
7013
- />
7066
+ <div class="pf-c-check pf-m-standalone">
7067
+ <input
7068
+ class="pf-c-check__input"
7069
+ type="checkbox"
7070
+ name="checkrow1"
7071
+ aria-labelledby="compact-demo-table-name1"
7072
+ />
7073
+ </div>
7014
7074
  </td>
7015
7075
  <th role="columnheader" data-label="Contributor">
7016
7076
  <span id="compact-demo-table-name1">Sam Jones</span>
@@ -7079,11 +7139,14 @@ wrapperTag: div
7079
7139
 
7080
7140
  <tr role="row">
7081
7141
  <td class="pf-c-table__check" role="cell">
7082
- <input
7083
- type="checkbox"
7084
- name="checkrow2"
7085
- aria-labelledby="compact-demo-table-name2"
7086
- />
7142
+ <div class="pf-c-check pf-m-standalone">
7143
+ <input
7144
+ class="pf-c-check__input"
7145
+ type="checkbox"
7146
+ name="checkrow2"
7147
+ aria-labelledby="compact-demo-table-name2"
7148
+ />
7149
+ </div>
7087
7150
  </td>
7088
7151
  <th role="columnheader" data-label="Contributor">
7089
7152
  <span id="compact-demo-table-name2">Amy Miller</span>
@@ -7152,11 +7215,14 @@ wrapperTag: div
7152
7215
 
7153
7216
  <tr role="row">
7154
7217
  <td class="pf-c-table__check" role="cell">
7155
- <input
7156
- type="checkbox"
7157
- name="checkrow3"
7158
- aria-labelledby="compact-demo-table-name3"
7159
- />
7218
+ <div class="pf-c-check pf-m-standalone">
7219
+ <input
7220
+ class="pf-c-check__input"
7221
+ type="checkbox"
7222
+ name="checkrow3"
7223
+ aria-labelledby="compact-demo-table-name3"
7224
+ />
7225
+ </div>
7160
7226
  </td>
7161
7227
  <th role="columnheader" data-label="Contributor">
7162
7228
  <span id="compact-demo-table-name3">Steve Wilson</span>
@@ -7225,11 +7291,14 @@ wrapperTag: div
7225
7291
 
7226
7292
  <tr role="row">
7227
7293
  <td class="pf-c-table__check" role="cell">
7228
- <input
7229
- type="checkbox"
7230
- name="checkrow4"
7231
- aria-labelledby="compact-demo-table-name4"
7232
- />
7294
+ <div class="pf-c-check pf-m-standalone">
7295
+ <input
7296
+ class="pf-c-check__input"
7297
+ type="checkbox"
7298
+ name="checkrow4"
7299
+ aria-labelledby="compact-demo-table-name4"
7300
+ />
7301
+ </div>
7233
7302
  </td>
7234
7303
  <th role="columnheader" data-label="Contributor name">
7235
7304
  <span id="compact-demo-table-name4">Emma Jackson</span>
@@ -8298,11 +8367,14 @@ wrapperTag: div
8298
8367
  class="pf-c-dropdown__toggle-check"
8299
8368
  for="-bulk-select-toggle-check"
8300
8369
  >
8301
- <input
8302
- type="checkbox"
8303
- id="-bulk-select-toggle-check"
8304
- aria-label="Select all"
8305
- />
8370
+ <div class="pf-c-check pf-m-standalone">
8371
+ <input
8372
+ class="pf-c-check__input"
8373
+ type="checkbox"
8374
+ id="-bulk-select-toggle-check"
8375
+ aria-label="Select all"
8376
+ />
8377
+ </div>
8306
8378
  </label>
8307
8379
 
8308
8380
  <button
@@ -13232,11 +13304,14 @@ wrapperTag: div
13232
13304
  <thead>
13233
13305
  <tr role="row">
13234
13306
  <td class="pf-c-table__check" role="cell">
13235
- <input
13236
- type="checkbox"
13237
- name="check-all"
13238
- aria-label="Select all rows"
13239
- />
13307
+ <div class="pf-c-check pf-m-standalone">
13308
+ <input
13309
+ class="pf-c-check__input"
13310
+ type="checkbox"
13311
+ name="check-all"
13312
+ aria-label="Select all rows"
13313
+ />
13314
+ </div>
13240
13315
  </td>
13241
13316
  <th role="columnheader" scope="col">Repositories</th>
13242
13317
  <th role="columnheader" scope="col">Branches</th>
@@ -14162,11 +14237,14 @@ wrapperTag: div
14162
14237
  <thead>
14163
14238
  <tr role="row">
14164
14239
  <td class="pf-c-table__check" role="cell">
14165
- <input
14166
- type="checkbox"
14167
- name="check-all"
14168
- aria-label="Select all rows"
14169
- />
14240
+ <div class="pf-c-check pf-m-standalone">
14241
+ <input
14242
+ class="pf-c-check__input"
14243
+ type="checkbox"
14244
+ name="check-all"
14245
+ aria-label="Select all rows"
14246
+ />
14247
+ </div>
14170
14248
  </td>
14171
14249
  <th role="columnheader" scope="col">Repositories</th>
14172
14250
  <th role="columnheader" scope="col">Branches</th>
@@ -15107,11 +15185,14 @@ wrapperTag: div
15107
15185
  class="pf-c-dropdown__toggle-check"
15108
15186
  for="-bulk-select-toggle-check"
15109
15187
  >
15110
- <input
15111
- type="checkbox"
15112
- id="-bulk-select-toggle-check"
15113
- aria-label="Select all"
15114
- />
15188
+ <div class="pf-c-check pf-m-standalone">
15189
+ <input
15190
+ class="pf-c-check__input"
15191
+ type="checkbox"
15192
+ id="-bulk-select-toggle-check"
15193
+ aria-label="Select all"
15194
+ />
15195
+ </div>
15115
15196
  </label>
15116
15197
 
15117
15198
  <button
@@ -15557,11 +15638,14 @@ wrapperTag: div
15557
15638
  <tbody role="rowgroup">
15558
15639
  <tr role="row">
15559
15640
  <td class="pf-c-table__check" role="cell">
15560
- <input
15561
- type="checkbox"
15562
- name="checkrow1"
15563
- aria-labelledby="static-bottom-pagination-demo-table-node1"
15564
- />
15641
+ <div class="pf-c-check pf-m-standalone">
15642
+ <input
15643
+ class="pf-c-check__input"
15644
+ type="checkbox"
15645
+ name="checkrow1"
15646
+ aria-labelledby="static-bottom-pagination-demo-table-node1"
15647
+ />
15648
+ </div>
15565
15649
  </td>
15566
15650
  <th role="columnheader" data-label="Repository name">
15567
15651
  <div>
@@ -15642,11 +15726,14 @@ wrapperTag: div
15642
15726
 
15643
15727
  <tr role="row">
15644
15728
  <td class="pf-c-table__check" role="cell">
15645
- <input
15646
- type="checkbox"
15647
- name="checkrow2"
15648
- aria-labelledby="static-bottom-pagination-demo-table-node2"
15649
- />
15729
+ <div class="pf-c-check pf-m-standalone">
15730
+ <input
15731
+ class="pf-c-check__input"
15732
+ type="checkbox"
15733
+ name="checkrow2"
15734
+ aria-labelledby="static-bottom-pagination-demo-table-node2"
15735
+ />
15736
+ </div>
15650
15737
  </td>
15651
15738
  <th role="columnheader" data-label="Repository name">
15652
15739
  <div>
@@ -15727,11 +15814,14 @@ wrapperTag: div
15727
15814
 
15728
15815
  <tr role="row">
15729
15816
  <td class="pf-c-table__check" role="cell">
15730
- <input
15731
- type="checkbox"
15732
- name="checkrow3"
15733
- aria-labelledby="static-bottom-pagination-demo-table-node3"
15734
- />
15817
+ <div class="pf-c-check pf-m-standalone">
15818
+ <input
15819
+ class="pf-c-check__input"
15820
+ type="checkbox"
15821
+ name="checkrow3"
15822
+ aria-labelledby="static-bottom-pagination-demo-table-node3"
15823
+ />
15824
+ </div>
15735
15825
  </td>
15736
15826
  <th role="columnheader" data-label="Repository name">
15737
15827
  <div>
@@ -15812,11 +15902,14 @@ wrapperTag: div
15812
15902
 
15813
15903
  <tr role="row">
15814
15904
  <td class="pf-c-table__check" role="cell">
15815
- <input
15816
- type="checkbox"
15817
- name="checkrow4"
15818
- aria-labelledby="static-bottom-pagination-demo-table-node4"
15819
- />
15905
+ <div class="pf-c-check pf-m-standalone">
15906
+ <input
15907
+ class="pf-c-check__input"
15908
+ type="checkbox"
15909
+ name="checkrow4"
15910
+ aria-labelledby="static-bottom-pagination-demo-table-node4"
15911
+ />
15912
+ </div>
15820
15913
  </td>
15821
15914
  <th role="columnheader" data-label="Repository name">
15822
15915
  <div>
@@ -15897,11 +15990,14 @@ wrapperTag: div
15897
15990
 
15898
15991
  <tr role="row">
15899
15992
  <td class="pf-c-table__check" role="cell">
15900
- <input
15901
- type="checkbox"
15902
- name="checkrow5"
15903
- aria-labelledby="static-bottom-pagination-demo-table-node5"
15904
- />
15993
+ <div class="pf-c-check pf-m-standalone">
15994
+ <input
15995
+ class="pf-c-check__input"
15996
+ type="checkbox"
15997
+ name="checkrow5"
15998
+ aria-labelledby="static-bottom-pagination-demo-table-node5"
15999
+ />
16000
+ </div>
15905
16001
  </td>
15906
16002
  <td role="cell" data-label="Repository name">
15907
16003
  <div>
@@ -16982,11 +17078,14 @@ wrapperTag: div
16982
17078
  class="pf-c-dropdown__toggle-check"
16983
17079
  for="-bulk-select-toggle-check"
16984
17080
  >
16985
- <input
16986
- type="checkbox"
16987
- id="-bulk-select-toggle-check"
16988
- aria-label="Select all"
16989
- />
17081
+ <div class="pf-c-check pf-m-standalone">
17082
+ <input
17083
+ class="pf-c-check__input"
17084
+ type="checkbox"
17085
+ id="-bulk-select-toggle-check"
17086
+ aria-label="Select all"
17087
+ />
17088
+ </div>
16990
17089
  </label>
16991
17090
 
16992
17091
  <button
@@ -17432,11 +17531,14 @@ wrapperTag: div
17432
17531
  <tbody role="rowgroup">
17433
17532
  <tr role="row">
17434
17533
  <td class="pf-c-table__check" role="cell">
17435
- <input
17436
- type="checkbox"
17437
- name="checkrow1"
17438
- aria-labelledby="column-management-demo-table-node1"
17439
- />
17534
+ <div class="pf-c-check pf-m-standalone">
17535
+ <input
17536
+ class="pf-c-check__input"
17537
+ type="checkbox"
17538
+ name="checkrow1"
17539
+ aria-labelledby="column-management-demo-table-node1"
17540
+ />
17541
+ </div>
17440
17542
  </td>
17441
17543
  <th role="columnheader" data-label="Repository name">
17442
17544
  <div>
@@ -17517,11 +17619,14 @@ wrapperTag: div
17517
17619
 
17518
17620
  <tr role="row">
17519
17621
  <td class="pf-c-table__check" role="cell">
17520
- <input
17521
- type="checkbox"
17522
- name="checkrow2"
17523
- aria-labelledby="column-management-demo-table-node2"
17524
- />
17622
+ <div class="pf-c-check pf-m-standalone">
17623
+ <input
17624
+ class="pf-c-check__input"
17625
+ type="checkbox"
17626
+ name="checkrow2"
17627
+ aria-labelledby="column-management-demo-table-node2"
17628
+ />
17629
+ </div>
17525
17630
  </td>
17526
17631
  <th role="columnheader" data-label="Repository name">
17527
17632
  <div>
@@ -17602,11 +17707,14 @@ wrapperTag: div
17602
17707
 
17603
17708
  <tr role="row">
17604
17709
  <td class="pf-c-table__check" role="cell">
17605
- <input
17606
- type="checkbox"
17607
- name="checkrow3"
17608
- aria-labelledby="column-management-demo-table-node3"
17609
- />
17710
+ <div class="pf-c-check pf-m-standalone">
17711
+ <input
17712
+ class="pf-c-check__input"
17713
+ type="checkbox"
17714
+ name="checkrow3"
17715
+ aria-labelledby="column-management-demo-table-node3"
17716
+ />
17717
+ </div>
17610
17718
  </td>
17611
17719
  <th role="columnheader" data-label="Repository name">
17612
17720
  <div>
@@ -17687,11 +17795,14 @@ wrapperTag: div
17687
17795
 
17688
17796
  <tr role="row">
17689
17797
  <td class="pf-c-table__check" role="cell">
17690
- <input
17691
- type="checkbox"
17692
- name="checkrow4"
17693
- aria-labelledby="column-management-demo-table-node4"
17694
- />
17798
+ <div class="pf-c-check pf-m-standalone">
17799
+ <input
17800
+ class="pf-c-check__input"
17801
+ type="checkbox"
17802
+ name="checkrow4"
17803
+ aria-labelledby="column-management-demo-table-node4"
17804
+ />
17805
+ </div>
17695
17806
  </td>
17696
17807
  <th role="columnheader" data-label="Repository name">
17697
17808
  <div>
@@ -17772,11 +17883,14 @@ wrapperTag: div
17772
17883
 
17773
17884
  <tr role="row">
17774
17885
  <td class="pf-c-table__check" role="cell">
17775
- <input
17776
- type="checkbox"
17777
- name="checkrow5"
17778
- aria-labelledby="column-management-demo-table-node5"
17779
- />
17886
+ <div class="pf-c-check pf-m-standalone">
17887
+ <input
17888
+ class="pf-c-check__input"
17889
+ type="checkbox"
17890
+ name="checkrow5"
17891
+ aria-labelledby="column-management-demo-table-node5"
17892
+ />
17893
+ </div>
17780
17894
  </td>
17781
17895
  <td role="cell" data-label="Repository name">
17782
17896
  <div>
@@ -17901,12 +18015,15 @@ wrapperTag: div
17901
18015
  <i class="fas fa-grip-vertical"></i>
17902
18016
  </span>
17903
18017
  <div class="pf-c-data-list__check">
17904
- <input
17905
- type="checkbox"
17906
- name="table-manage-columns-data-list-draggable-check-action-check1"
17907
- aria-labelledby="table-manage-columns-data-list-draggable-item-1"
17908
- checked
17909
- />
18018
+ <div class="pf-c-check pf-m-standalone">
18019
+ <input
18020
+ class="pf-c-check__input"
18021
+ type="checkbox"
18022
+ name="table-manage-columns-data-list-draggable-check-action-check1"
18023
+ aria-labelledby="table-manage-columns-data-list-draggable-item-1"
18024
+ checked
18025
+ />
18026
+ </div>
17910
18027
  </div>
17911
18028
  </div>
17912
18029
  <div class="pf-c-data-list__item-content">
@@ -17929,12 +18046,15 @@ wrapperTag: div
17929
18046
  <i class="fas fa-grip-vertical"></i>
17930
18047
  </span>
17931
18048
  <div class="pf-c-data-list__check">
17932
- <input
17933
- type="checkbox"
17934
- name="table-manage-columns-data-list-draggable-check-action-check2"
17935
- aria-labelledby="table-manage-columns-data-list-draggable-item-2"
17936
- checked
17937
- />
18049
+ <div class="pf-c-check pf-m-standalone">
18050
+ <input
18051
+ class="pf-c-check__input"
18052
+ type="checkbox"
18053
+ name="table-manage-columns-data-list-draggable-check-action-check2"
18054
+ aria-labelledby="table-manage-columns-data-list-draggable-item-2"
18055
+ checked
18056
+ />
18057
+ </div>
17938
18058
  </div>
17939
18059
  </div>
17940
18060
  <div class="pf-c-data-list__item-content">
@@ -17957,12 +18077,15 @@ wrapperTag: div
17957
18077
  <i class="fas fa-grip-vertical"></i>
17958
18078
  </span>
17959
18079
  <div class="pf-c-data-list__check">
17960
- <input
17961
- type="checkbox"
17962
- name="table-manage-columns-data-list-draggable-check-action-check3"
17963
- aria-labelledby="table-manage-columns-data-list-draggable-item-3"
17964
- checked
17965
- />
18080
+ <div class="pf-c-check pf-m-standalone">
18081
+ <input
18082
+ class="pf-c-check__input"
18083
+ type="checkbox"
18084
+ name="table-manage-columns-data-list-draggable-check-action-check3"
18085
+ aria-labelledby="table-manage-columns-data-list-draggable-item-3"
18086
+ checked
18087
+ />
18088
+ </div>
17966
18089
  </div>
17967
18090
  </div>
17968
18091
  <div class="pf-c-data-list__item-content">
@@ -17985,12 +18108,15 @@ wrapperTag: div
17985
18108
  <i class="fas fa-grip-vertical"></i>
17986
18109
  </span>
17987
18110
  <div class="pf-c-data-list__check">
17988
- <input
17989
- type="checkbox"
17990
- name="table-manage-columns-data-list-draggable-check-action-check4"
17991
- aria-labelledby="table-manage-columns-data-list-draggable-item-4"
17992
- checked
17993
- />
18111
+ <div class="pf-c-check pf-m-standalone">
18112
+ <input
18113
+ class="pf-c-check__input"
18114
+ type="checkbox"
18115
+ name="table-manage-columns-data-list-draggable-check-action-check4"
18116
+ aria-labelledby="table-manage-columns-data-list-draggable-item-4"
18117
+ checked
18118
+ />
18119
+ </div>
17994
18120
  </div>
17995
18121
  </div>
17996
18122
  <div class="pf-c-data-list__item-content">
@@ -18013,12 +18139,15 @@ wrapperTag: div
18013
18139
  <i class="fas fa-grip-vertical"></i>
18014
18140
  </span>
18015
18141
  <div class="pf-c-data-list__check">
18016
- <input
18017
- type="checkbox"
18018
- name="table-manage-columns-data-list-draggable-check-action-check5"
18019
- aria-labelledby="table-manage-columns-data-list-draggable-item-5"
18020
- checked
18021
- />
18142
+ <div class="pf-c-check pf-m-standalone">
18143
+ <input
18144
+ class="pf-c-check__input"
18145
+ type="checkbox"
18146
+ name="table-manage-columns-data-list-draggable-check-action-check5"
18147
+ aria-labelledby="table-manage-columns-data-list-draggable-item-5"
18148
+ checked
18149
+ />
18150
+ </div>
18022
18151
  </div>
18023
18152
  </div>
18024
18153
  <div class="pf-c-data-list__item-content">
@@ -18940,11 +19069,14 @@ wrapperTag: div
18940
19069
  class="pf-c-dropdown__toggle-check"
18941
19070
  for="-bulk-select-toggle-check"
18942
19071
  >
18943
- <input
18944
- type="checkbox"
18945
- id="-bulk-select-toggle-check"
18946
- aria-label="Select all"
18947
- />
19072
+ <div class="pf-c-check pf-m-standalone">
19073
+ <input
19074
+ class="pf-c-check__input"
19075
+ type="checkbox"
19076
+ id="-bulk-select-toggle-check"
19077
+ aria-label="Select all"
19078
+ />
19079
+ </div>
18948
19080
  </label>
18949
19081
 
18950
19082
  <button
@@ -19390,11 +19522,14 @@ wrapperTag: div
19390
19522
  <tbody role="rowgroup">
19391
19523
  <tr role="row">
19392
19524
  <td class="pf-c-table__check" role="cell">
19393
- <input
19394
- type="checkbox"
19395
- name="checkrow1"
19396
- aria-labelledby="sticky-header-demo-table-node1"
19397
- />
19525
+ <div class="pf-c-check pf-m-standalone">
19526
+ <input
19527
+ class="pf-c-check__input"
19528
+ type="checkbox"
19529
+ name="checkrow1"
19530
+ aria-labelledby="sticky-header-demo-table-node1"
19531
+ />
19532
+ </div>
19398
19533
  </td>
19399
19534
  <th role="columnheader" data-label="Repository name">
19400
19535
  <div>
@@ -19475,11 +19610,14 @@ wrapperTag: div
19475
19610
 
19476
19611
  <tr role="row">
19477
19612
  <td class="pf-c-table__check" role="cell">
19478
- <input
19479
- type="checkbox"
19480
- name="checkrow2"
19481
- aria-labelledby="sticky-header-demo-table-node2"
19482
- />
19613
+ <div class="pf-c-check pf-m-standalone">
19614
+ <input
19615
+ class="pf-c-check__input"
19616
+ type="checkbox"
19617
+ name="checkrow2"
19618
+ aria-labelledby="sticky-header-demo-table-node2"
19619
+ />
19620
+ </div>
19483
19621
  </td>
19484
19622
  <th role="columnheader" data-label="Repository name">
19485
19623
  <div>
@@ -19560,11 +19698,14 @@ wrapperTag: div
19560
19698
 
19561
19699
  <tr role="row">
19562
19700
  <td class="pf-c-table__check" role="cell">
19563
- <input
19564
- type="checkbox"
19565
- name="checkrow3"
19566
- aria-labelledby="sticky-header-demo-table-node3"
19567
- />
19701
+ <div class="pf-c-check pf-m-standalone">
19702
+ <input
19703
+ class="pf-c-check__input"
19704
+ type="checkbox"
19705
+ name="checkrow3"
19706
+ aria-labelledby="sticky-header-demo-table-node3"
19707
+ />
19708
+ </div>
19568
19709
  </td>
19569
19710
  <th role="columnheader" data-label="Repository name">
19570
19711
  <div>
@@ -19645,11 +19786,14 @@ wrapperTag: div
19645
19786
 
19646
19787
  <tr role="row">
19647
19788
  <td class="pf-c-table__check" role="cell">
19648
- <input
19649
- type="checkbox"
19650
- name="checkrow4"
19651
- aria-labelledby="sticky-header-demo-table-node4"
19652
- />
19789
+ <div class="pf-c-check pf-m-standalone">
19790
+ <input
19791
+ class="pf-c-check__input"
19792
+ type="checkbox"
19793
+ name="checkrow4"
19794
+ aria-labelledby="sticky-header-demo-table-node4"
19795
+ />
19796
+ </div>
19653
19797
  </td>
19654
19798
  <th role="columnheader" data-label="Repository name">
19655
19799
  <div>
@@ -19730,11 +19874,14 @@ wrapperTag: div
19730
19874
 
19731
19875
  <tr role="row">
19732
19876
  <td class="pf-c-table__check" role="cell">
19733
- <input
19734
- type="checkbox"
19735
- name="checkrow5"
19736
- aria-labelledby="sticky-header-demo-table-node5"
19737
- />
19877
+ <div class="pf-c-check pf-m-standalone">
19878
+ <input
19879
+ class="pf-c-check__input"
19880
+ type="checkbox"
19881
+ name="checkrow5"
19882
+ aria-labelledby="sticky-header-demo-table-node5"
19883
+ />
19884
+ </div>
19738
19885
  </td>
19739
19886
  <td role="cell" data-label="Repository name">
19740
19887
  <div>
@@ -20818,11 +20965,14 @@ wrapperTag: div
20818
20965
  class="pf-c-dropdown__toggle-check"
20819
20966
  for="-bulk-select-toggle-check"
20820
20967
  >
20821
- <input
20822
- type="checkbox"
20823
- id="-bulk-select-toggle-check"
20824
- aria-label="Select all"
20825
- />
20968
+ <div class="pf-c-check pf-m-standalone">
20969
+ <input
20970
+ class="pf-c-check__input"
20971
+ type="checkbox"
20972
+ id="-bulk-select-toggle-check"
20973
+ aria-label="Select all"
20974
+ />
20975
+ </div>
20826
20976
  </label>
20827
20977
 
20828
20978
  <button
@@ -22617,11 +22767,14 @@ wrapperTag: div
22617
22767
  class="pf-c-dropdown__toggle-check"
22618
22768
  for="-bulk-select-toggle-check"
22619
22769
  >
22620
- <input
22621
- type="checkbox"
22622
- id="-bulk-select-toggle-check"
22623
- aria-label="Select all"
22624
- />
22770
+ <div class="pf-c-check pf-m-standalone">
22771
+ <input
22772
+ class="pf-c-check__input"
22773
+ type="checkbox"
22774
+ id="-bulk-select-toggle-check"
22775
+ aria-label="Select all"
22776
+ />
22777
+ </div>
22625
22778
  </label>
22626
22779
 
22627
22780
  <button
@@ -24437,11 +24590,14 @@ wrapperTag: div
24437
24590
  class="pf-c-dropdown__toggle-check"
24438
24591
  for="-bulk-select-toggle-check"
24439
24592
  >
24440
- <input
24441
- type="checkbox"
24442
- id="-bulk-select-toggle-check"
24443
- aria-label="Select all"
24444
- />
24593
+ <div class="pf-c-check pf-m-standalone">
24594
+ <input
24595
+ class="pf-c-check__input"
24596
+ type="checkbox"
24597
+ id="-bulk-select-toggle-check"
24598
+ aria-label="Select all"
24599
+ />
24600
+ </div>
24445
24601
  </label>
24446
24602
 
24447
24603
  <button