@patternfly/patternfly 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (71) hide show
  1. package/RELEASE-NOTES.md +30 -0
  2. package/base/_common.scss +0 -22
  3. package/base/patternfly-common.css +0 -10
  4. package/components/Card/card.css +9 -12
  5. package/components/Card/card.scss +11 -17
  6. package/components/ChipGroup/chip-group.css +27 -17
  7. package/components/ChipGroup/chip-group.scss +36 -22
  8. package/components/Drawer/drawer.css +0 -1
  9. package/components/Drawer/drawer.scss +0 -1
  10. package/components/Dropdown/dropdown.css +15 -0
  11. package/components/Dropdown/dropdown.scss +20 -0
  12. package/components/EmptyState/empty-state.css +46 -52
  13. package/components/EmptyState/empty-state.scss +58 -57
  14. package/components/FormControl/form-control.css +1 -1
  15. package/components/FormControl/themes/dark/form-control.scss +1 -1
  16. package/components/InputGroup/input-group.css +14 -0
  17. package/components/InputGroup/input-group.scss +9 -0
  18. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  19. package/components/LabelGroup/label-group.css +26 -22
  20. package/components/LabelGroup/label-group.scss +31 -26
  21. package/components/Menu/menu.css +4 -0
  22. package/components/Menu/menu.scss +5 -0
  23. package/components/Pagination/pagination.css +228 -0
  24. package/components/Pagination/pagination.scss +30 -1
  25. package/components/Popover/popover.css +2 -7
  26. package/components/Popover/themes/dark/popover.scss +2 -8
  27. package/components/Slider/slider.css +0 -7
  28. package/components/Slider/slider.scss +0 -9
  29. package/components/Toolbar/toolbar.css +30 -2
  30. package/components/Toolbar/toolbar.scss +37 -3
  31. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  32. package/components/Tooltip/tooltip.css +7 -12
  33. package/components/Tooltip/tooltip.scss +6 -3
  34. package/docs/components/Card/examples/Card.md +61 -44
  35. package/docs/components/Check/examples/Check.md +2 -6
  36. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  38. package/docs/components/CodeEditor/examples/CodeEditor.md +2 -6
  39. package/docs/components/DataList/examples/DataList.md +104 -65
  40. package/docs/components/Dropdown/examples/Dropdown.md +263 -23
  41. package/docs/components/EmptyState/examples/EmptyState.md +127 -79
  42. package/docs/components/InputGroup/examples/InputGroup.md +1 -0
  43. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  44. package/docs/components/Menu/examples/Menu.md +1 -1
  45. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  46. package/docs/components/Pagination/examples/Pagination.md +129 -30
  47. package/docs/components/Slider/examples/Slider.md +6 -6
  48. package/docs/components/Table/examples/Table.md +1117 -700
  49. package/docs/components/Tabs/examples/Tabs.md +1 -1
  50. package/docs/components/Toolbar/examples/Toolbar.md +67 -46
  51. package/docs/components/Wizard/examples/Wizard.md +4 -7
  52. package/docs/demos/Banner/examples/Banner.md +2 -2
  53. package/docs/demos/Card/examples/Card.md +144 -109
  54. package/docs/demos/CardView/examples/CardView.md +9 -8
  55. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  56. package/docs/demos/DataList/examples/DataList.md +138 -89
  57. package/docs/demos/Masthead/examples/Masthead.md +3 -6
  58. package/docs/demos/Nav/examples/Nav.md +671 -718
  59. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +17 -13
  60. package/docs/demos/Table/examples/Table.md +439 -297
  61. package/docs/demos/Tabs/examples/Tabs.md +90 -569
  62. package/docs/demos/Toolbar/examples/Toolbar.md +1773 -163
  63. package/docs/demos/Wizard/examples/Wizard.md +0 -4
  64. package/package.json +5 -5
  65. package/patternfly-base-no-reset.css +0 -10
  66. package/patternfly-base.css +0 -10
  67. package/patternfly-no-reset.css +409 -143
  68. package/patternfly.css +409 -143
  69. package/patternfly.min.css +1 -1
  70. package/patternfly.min.css.map +1 -1
  71. package/sass-utilities/scss-variables.scss +0 -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
@@ -971,7 +974,6 @@ wrapperTag: div
971
974
  role="listbox"
972
975
  aria-labelledby="-select-name-label"
973
976
  hidden
974
- style="width: 175px"
975
977
  >
976
978
  <li role="presentation">
977
979
  <button
@@ -1011,7 +1013,7 @@ wrapperTag: div
1011
1013
  </li>
1012
1014
  </ul>
1013
1015
  </div>
1014
- <div class="pf-c-text-input-group">
1016
+ <div class="pf-c-text-input-group" style="width: auto">
1015
1017
  <div class="pf-c-text-input-group__main pf-m-icon">
1016
1018
  <span class="pf-c-text-input-group__text">
1017
1019
  <span class="pf-c-text-input-group__icon">
@@ -1183,11 +1185,14 @@ wrapperTag: div
1183
1185
  <tbody role="rowgroup">
1184
1186
  <tr role="row">
1185
1187
  <td class="pf-c-table__check" role="cell">
1186
- <input
1187
- type="checkbox"
1188
- name="checkrow1"
1189
- aria-labelledby="basic-demo-table-node1"
1190
- />
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>
1191
1196
  </td>
1192
1197
  <th role="columnheader" data-label="Repository name">
1193
1198
  <div>
@@ -1268,11 +1273,14 @@ wrapperTag: div
1268
1273
 
1269
1274
  <tr role="row">
1270
1275
  <td class="pf-c-table__check" role="cell">
1271
- <input
1272
- type="checkbox"
1273
- name="checkrow2"
1274
- aria-labelledby="basic-demo-table-node2"
1275
- />
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>
1276
1284
  </td>
1277
1285
  <th role="columnheader" data-label="Repository name">
1278
1286
  <div>
@@ -1353,11 +1361,14 @@ wrapperTag: div
1353
1361
 
1354
1362
  <tr role="row">
1355
1363
  <td class="pf-c-table__check" role="cell">
1356
- <input
1357
- type="checkbox"
1358
- name="checkrow3"
1359
- aria-labelledby="basic-demo-table-node3"
1360
- />
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>
1361
1372
  </td>
1362
1373
  <th role="columnheader" data-label="Repository name">
1363
1374
  <div>
@@ -1438,11 +1449,14 @@ wrapperTag: div
1438
1449
 
1439
1450
  <tr role="row">
1440
1451
  <td class="pf-c-table__check" role="cell">
1441
- <input
1442
- type="checkbox"
1443
- name="checkrow4"
1444
- aria-labelledby="basic-demo-table-node4"
1445
- />
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>
1446
1460
  </td>
1447
1461
  <th role="columnheader" data-label="Repository name">
1448
1462
  <div>
@@ -1523,11 +1537,14 @@ wrapperTag: div
1523
1537
 
1524
1538
  <tr role="row">
1525
1539
  <td class="pf-c-table__check" role="cell">
1526
- <input
1527
- type="checkbox"
1528
- name="checkrow5"
1529
- aria-labelledby="basic-demo-table-node5"
1530
- />
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>
1531
1548
  </td>
1532
1549
  <td role="cell" data-label="Repository name">
1533
1550
  <div>
@@ -2600,11 +2617,14 @@ wrapperTag: div
2600
2617
  class="pf-c-dropdown__toggle-check"
2601
2618
  for="-bulk-select-toggle-check"
2602
2619
  >
2603
- <input
2604
- type="checkbox"
2605
- id="-bulk-select-toggle-check"
2606
- aria-label="Select all"
2607
- />
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>
2608
2628
  </label>
2609
2629
 
2610
2630
  <button
@@ -2673,7 +2693,6 @@ wrapperTag: div
2673
2693
  role="listbox"
2674
2694
  aria-labelledby="-select-name-label"
2675
2695
  hidden
2676
- style="width: 175px"
2677
2696
  >
2678
2697
  <li role="presentation">
2679
2698
  <button
@@ -2713,7 +2732,7 @@ wrapperTag: div
2713
2732
  </li>
2714
2733
  </ul>
2715
2734
  </div>
2716
- <div class="pf-c-text-input-group">
2735
+ <div class="pf-c-text-input-group" style="width: auto">
2717
2736
  <div class="pf-c-text-input-group__main pf-m-icon">
2718
2737
  <span class="pf-c-text-input-group__text">
2719
2738
  <span class="pf-c-text-input-group__icon">
@@ -3061,11 +3080,14 @@ wrapperTag: div
3061
3080
  <tbody role="rowgroup">
3062
3081
  <tr role="row">
3063
3082
  <td class="pf-c-table__check" role="cell">
3064
- <input
3065
- type="checkbox"
3066
- name="checkrow1"
3067
- aria-labelledby="sortable-demo-table-node1"
3068
- />
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>
3069
3091
  </td>
3070
3092
  <th role="columnheader" data-label="Repository name">
3071
3093
  <div>
@@ -3146,11 +3168,14 @@ wrapperTag: div
3146
3168
 
3147
3169
  <tr role="row">
3148
3170
  <td class="pf-c-table__check" role="cell">
3149
- <input
3150
- type="checkbox"
3151
- name="checkrow2"
3152
- aria-labelledby="sortable-demo-table-node2"
3153
- />
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>
3154
3179
  </td>
3155
3180
  <th role="columnheader" data-label="Repository name">
3156
3181
  <div>
@@ -3231,11 +3256,14 @@ wrapperTag: div
3231
3256
 
3232
3257
  <tr role="row">
3233
3258
  <td class="pf-c-table__check" role="cell">
3234
- <input
3235
- type="checkbox"
3236
- name="checkrow3"
3237
- aria-labelledby="sortable-demo-table-node3"
3238
- />
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>
3239
3267
  </td>
3240
3268
  <th role="columnheader" data-label="Repository name">
3241
3269
  <div>
@@ -3316,11 +3344,14 @@ wrapperTag: div
3316
3344
 
3317
3345
  <tr role="row">
3318
3346
  <td class="pf-c-table__check" role="cell">
3319
- <input
3320
- type="checkbox"
3321
- name="checkrow4"
3322
- aria-labelledby="sortable-demo-table-node4"
3323
- />
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>
3324
3355
  </td>
3325
3356
  <th role="columnheader" data-label="Repository name">
3326
3357
  <div>
@@ -3401,11 +3432,14 @@ wrapperTag: div
3401
3432
 
3402
3433
  <tr role="row">
3403
3434
  <td class="pf-c-table__check" role="cell">
3404
- <input
3405
- type="checkbox"
3406
- name="checkrow4"
3407
- aria-labelledby="sortable-demo-table-node5"
3408
- />
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>
3409
3443
  </td>
3410
3444
  <td role="cell" data-label="Repository name">
3411
3445
  <div>
@@ -4482,11 +4516,14 @@ wrapperTag: div
4482
4516
  class="pf-c-dropdown__toggle-check"
4483
4517
  for="-bulk-select-toggle-check"
4484
4518
  >
4485
- <input
4486
- type="checkbox"
4487
- id="-bulk-select-toggle-check"
4488
- aria-label="Select all"
4489
- />
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>
4490
4527
  </label>
4491
4528
 
4492
4529
  <button
@@ -4555,7 +4592,6 @@ wrapperTag: div
4555
4592
  role="listbox"
4556
4593
  aria-labelledby="-select-name-label"
4557
4594
  hidden
4558
- style="width: 175px"
4559
4595
  >
4560
4596
  <li role="presentation">
4561
4597
  <button
@@ -4595,7 +4631,7 @@ wrapperTag: div
4595
4631
  </li>
4596
4632
  </ul>
4597
4633
  </div>
4598
- <div class="pf-c-text-input-group">
4634
+ <div class="pf-c-text-input-group" style="width: auto">
4599
4635
  <div class="pf-c-text-input-group__main pf-m-icon">
4600
4636
  <span class="pf-c-text-input-group__text">
4601
4637
  <span class="pf-c-text-input-group__icon">
@@ -4963,11 +4999,14 @@ wrapperTag: div
4963
4999
  </td>
4964
5000
 
4965
5001
  <td class="pf-c-table__check" role="cell">
4966
- <input
4967
- type="checkbox"
4968
- name="checkrow1"
4969
- aria-labelledby="expandable-demo-table-node1"
4970
- />
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>
4971
5010
  </td>
4972
5011
  <th role="columnheader" data-label="Repository name">
4973
5012
  <div>
@@ -5088,11 +5127,14 @@ wrapperTag: div
5088
5127
  </td>
5089
5128
 
5090
5129
  <td class="pf-c-table__check" role="cell">
5091
- <input
5092
- type="checkbox"
5093
- name="checkrow2"
5094
- aria-labelledby="expandable-demo-table-node2"
5095
- />
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>
5096
5138
  </td>
5097
5139
  <td role="cell" data-label="Repository name">
5098
5140
  <div>
@@ -5225,11 +5267,14 @@ wrapperTag: div
5225
5267
  </td>
5226
5268
 
5227
5269
  <td class="pf-c-table__check" role="cell">
5228
- <input
5229
- type="checkbox"
5230
- name="checkrow3"
5231
- aria-labelledby="expandable-demo-table-node3"
5232
- />
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>
5233
5278
  </td>
5234
5279
  <th role="columnheader" data-label="Repository name">
5235
5280
  <div>
@@ -5344,11 +5389,14 @@ wrapperTag: div
5344
5389
  </td>
5345
5390
 
5346
5391
  <td class="pf-c-table__check" role="cell">
5347
- <input
5348
- type="checkbox"
5349
- name="checkrow4"
5350
- aria-labelledby="expandable-demo-table-node4"
5351
- />
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>
5352
5400
  </td>
5353
5401
  <th role="columnheader" data-label="Repository name">
5354
5402
  <div>
@@ -5463,11 +5511,14 @@ wrapperTag: div
5463
5511
  </td>
5464
5512
 
5465
5513
  <td class="pf-c-table__check" role="cell">
5466
- <input
5467
- type="checkbox"
5468
- name="checkrow5"
5469
- aria-labelledby="expandable-demo-table-node5"
5470
- />
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>
5471
5522
  </td>
5472
5523
  <td role="cell" data-label="Repository name">
5473
5524
  <div>
@@ -6558,11 +6609,14 @@ wrapperTag: div
6558
6609
  class="pf-c-dropdown__toggle-check"
6559
6610
  for="-bulk-select-toggle-check"
6560
6611
  >
6561
- <input
6562
- type="checkbox"
6563
- id="-bulk-select-toggle-check"
6564
- aria-label="Select all"
6565
- />
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>
6566
6620
  </label>
6567
6621
 
6568
6622
  <button
@@ -6631,7 +6685,6 @@ wrapperTag: div
6631
6685
  role="listbox"
6632
6686
  aria-labelledby="-select-name-label"
6633
6687
  hidden
6634
- style="width: 175px"
6635
6688
  >
6636
6689
  <li role="presentation">
6637
6690
  <button
@@ -6671,7 +6724,7 @@ wrapperTag: div
6671
6724
  </li>
6672
6725
  </ul>
6673
6726
  </div>
6674
- <div class="pf-c-text-input-group">
6727
+ <div class="pf-c-text-input-group" style="width: auto">
6675
6728
  <div class="pf-c-text-input-group__main pf-m-icon">
6676
6729
  <span class="pf-c-text-input-group__text">
6677
6730
  <span class="pf-c-text-input-group__icon">
@@ -7010,11 +7063,14 @@ wrapperTag: div
7010
7063
  <tbody role="rowgroup">
7011
7064
  <tr role="row">
7012
7065
  <td class="pf-c-table__check" role="cell">
7013
- <input
7014
- type="checkbox"
7015
- name="checkrow1"
7016
- aria-labelledby="compact-demo-table-name1"
7017
- />
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>
7018
7074
  </td>
7019
7075
  <th role="columnheader" data-label="Contributor">
7020
7076
  <span id="compact-demo-table-name1">Sam Jones</span>
@@ -7083,11 +7139,14 @@ wrapperTag: div
7083
7139
 
7084
7140
  <tr role="row">
7085
7141
  <td class="pf-c-table__check" role="cell">
7086
- <input
7087
- type="checkbox"
7088
- name="checkrow2"
7089
- aria-labelledby="compact-demo-table-name2"
7090
- />
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>
7091
7150
  </td>
7092
7151
  <th role="columnheader" data-label="Contributor">
7093
7152
  <span id="compact-demo-table-name2">Amy Miller</span>
@@ -7156,11 +7215,14 @@ wrapperTag: div
7156
7215
 
7157
7216
  <tr role="row">
7158
7217
  <td class="pf-c-table__check" role="cell">
7159
- <input
7160
- type="checkbox"
7161
- name="checkrow3"
7162
- aria-labelledby="compact-demo-table-name3"
7163
- />
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>
7164
7226
  </td>
7165
7227
  <th role="columnheader" data-label="Contributor">
7166
7228
  <span id="compact-demo-table-name3">Steve Wilson</span>
@@ -7229,11 +7291,14 @@ wrapperTag: div
7229
7291
 
7230
7292
  <tr role="row">
7231
7293
  <td class="pf-c-table__check" role="cell">
7232
- <input
7233
- type="checkbox"
7234
- name="checkrow4"
7235
- aria-labelledby="compact-demo-table-name4"
7236
- />
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>
7237
7302
  </td>
7238
7303
  <th role="columnheader" data-label="Contributor name">
7239
7304
  <span id="compact-demo-table-name4">Emma Jackson</span>
@@ -8302,11 +8367,14 @@ wrapperTag: div
8302
8367
  class="pf-c-dropdown__toggle-check"
8303
8368
  for="-bulk-select-toggle-check"
8304
8369
  >
8305
- <input
8306
- type="checkbox"
8307
- id="-bulk-select-toggle-check"
8308
- aria-label="Select all"
8309
- />
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>
8310
8378
  </label>
8311
8379
 
8312
8380
  <button
@@ -8375,7 +8443,6 @@ wrapperTag: div
8375
8443
  role="listbox"
8376
8444
  aria-labelledby="-select-name-label"
8377
8445
  hidden
8378
- style="width: 175px"
8379
8446
  >
8380
8447
  <li role="presentation">
8381
8448
  <button
@@ -8415,7 +8482,7 @@ wrapperTag: div
8415
8482
  </li>
8416
8483
  </ul>
8417
8484
  </div>
8418
- <div class="pf-c-text-input-group">
8485
+ <div class="pf-c-text-input-group" style="width: auto">
8419
8486
  <div class="pf-c-text-input-group__main pf-m-icon">
8420
8487
  <span class="pf-c-text-input-group__text">
8421
8488
  <span class="pf-c-text-input-group__icon">
@@ -13237,11 +13304,14 @@ wrapperTag: div
13237
13304
  <thead>
13238
13305
  <tr role="row">
13239
13306
  <td class="pf-c-table__check" role="cell">
13240
- <input
13241
- type="checkbox"
13242
- name="check-all"
13243
- aria-label="Select all rows"
13244
- />
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>
13245
13315
  </td>
13246
13316
  <th role="columnheader" scope="col">Repositories</th>
13247
13317
  <th role="columnheader" scope="col">Branches</th>
@@ -14167,11 +14237,14 @@ wrapperTag: div
14167
14237
  <thead>
14168
14238
  <tr role="row">
14169
14239
  <td class="pf-c-table__check" role="cell">
14170
- <input
14171
- type="checkbox"
14172
- name="check-all"
14173
- aria-label="Select all rows"
14174
- />
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>
14175
14248
  </td>
14176
14249
  <th role="columnheader" scope="col">Repositories</th>
14177
14250
  <th role="columnheader" scope="col">Branches</th>
@@ -14189,21 +14262,18 @@ wrapperTag: div
14189
14262
  <td role="cell" colspan="8">
14190
14263
  <div class="pf-c-empty-state pf-m-sm">
14191
14264
  <div class="pf-c-empty-state__content">
14192
- <i
14193
- class="fas fa- fa-search pf-c-empty-state__icon"
14194
- aria-hidden="true"
14195
- ></i>
14265
+ <div class="pf-c-empty-state__icon">
14266
+ <i class="fas fa- fa-search" aria-hidden="true"></i>
14267
+ </div>
14196
14268
 
14197
14269
  <h2 class="pf-c-title pf-m-lg">No results found</h2>
14198
14270
  <div
14199
14271
  class="pf-c-empty-state__body"
14200
14272
  >No results match the filter criteria. Remove all filters or clear all filters to show results.</div>
14201
- <div class="pf-c-empty-state__primary">
14202
- <button
14203
- class="pf-c-button pf-m-link"
14204
- type="button"
14205
- >Clear all filters</button>
14206
- </div>
14273
+ <button
14274
+ class="pf-c-button pf-m-link"
14275
+ type="button"
14276
+ >Clear all filters</button>
14207
14277
  </div>
14208
14278
  </div>
14209
14279
  </td>
@@ -15115,11 +15185,14 @@ wrapperTag: div
15115
15185
  class="pf-c-dropdown__toggle-check"
15116
15186
  for="-bulk-select-toggle-check"
15117
15187
  >
15118
- <input
15119
- type="checkbox"
15120
- id="-bulk-select-toggle-check"
15121
- aria-label="Select all"
15122
- />
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>
15123
15196
  </label>
15124
15197
 
15125
15198
  <button
@@ -15188,7 +15261,6 @@ wrapperTag: div
15188
15261
  role="listbox"
15189
15262
  aria-labelledby="-select-name-label"
15190
15263
  hidden
15191
- style="width: 175px"
15192
15264
  >
15193
15265
  <li role="presentation">
15194
15266
  <button
@@ -15228,7 +15300,7 @@ wrapperTag: div
15228
15300
  </li>
15229
15301
  </ul>
15230
15302
  </div>
15231
- <div class="pf-c-text-input-group">
15303
+ <div class="pf-c-text-input-group" style="width: auto">
15232
15304
  <div class="pf-c-text-input-group__main pf-m-icon">
15233
15305
  <span class="pf-c-text-input-group__text">
15234
15306
  <span class="pf-c-text-input-group__icon">
@@ -15566,11 +15638,14 @@ wrapperTag: div
15566
15638
  <tbody role="rowgroup">
15567
15639
  <tr role="row">
15568
15640
  <td class="pf-c-table__check" role="cell">
15569
- <input
15570
- type="checkbox"
15571
- name="checkrow1"
15572
- aria-labelledby="static-bottom-pagination-demo-table-node1"
15573
- />
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>
15574
15649
  </td>
15575
15650
  <th role="columnheader" data-label="Repository name">
15576
15651
  <div>
@@ -15651,11 +15726,14 @@ wrapperTag: div
15651
15726
 
15652
15727
  <tr role="row">
15653
15728
  <td class="pf-c-table__check" role="cell">
15654
- <input
15655
- type="checkbox"
15656
- name="checkrow2"
15657
- aria-labelledby="static-bottom-pagination-demo-table-node2"
15658
- />
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>
15659
15737
  </td>
15660
15738
  <th role="columnheader" data-label="Repository name">
15661
15739
  <div>
@@ -15736,11 +15814,14 @@ wrapperTag: div
15736
15814
 
15737
15815
  <tr role="row">
15738
15816
  <td class="pf-c-table__check" role="cell">
15739
- <input
15740
- type="checkbox"
15741
- name="checkrow3"
15742
- aria-labelledby="static-bottom-pagination-demo-table-node3"
15743
- />
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>
15744
15825
  </td>
15745
15826
  <th role="columnheader" data-label="Repository name">
15746
15827
  <div>
@@ -15821,11 +15902,14 @@ wrapperTag: div
15821
15902
 
15822
15903
  <tr role="row">
15823
15904
  <td class="pf-c-table__check" role="cell">
15824
- <input
15825
- type="checkbox"
15826
- name="checkrow4"
15827
- aria-labelledby="static-bottom-pagination-demo-table-node4"
15828
- />
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>
15829
15913
  </td>
15830
15914
  <th role="columnheader" data-label="Repository name">
15831
15915
  <div>
@@ -15906,11 +15990,14 @@ wrapperTag: div
15906
15990
 
15907
15991
  <tr role="row">
15908
15992
  <td class="pf-c-table__check" role="cell">
15909
- <input
15910
- type="checkbox"
15911
- name="checkrow5"
15912
- aria-labelledby="static-bottom-pagination-demo-table-node5"
15913
- />
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>
15914
16001
  </td>
15915
16002
  <td role="cell" data-label="Repository name">
15916
16003
  <div>
@@ -16991,11 +17078,14 @@ wrapperTag: div
16991
17078
  class="pf-c-dropdown__toggle-check"
16992
17079
  for="-bulk-select-toggle-check"
16993
17080
  >
16994
- <input
16995
- type="checkbox"
16996
- id="-bulk-select-toggle-check"
16997
- aria-label="Select all"
16998
- />
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>
16999
17089
  </label>
17000
17090
 
17001
17091
  <button
@@ -17064,7 +17154,6 @@ wrapperTag: div
17064
17154
  role="listbox"
17065
17155
  aria-labelledby="-select-name-label"
17066
17156
  hidden
17067
- style="width: 175px"
17068
17157
  >
17069
17158
  <li role="presentation">
17070
17159
  <button
@@ -17104,7 +17193,7 @@ wrapperTag: div
17104
17193
  </li>
17105
17194
  </ul>
17106
17195
  </div>
17107
- <div class="pf-c-text-input-group">
17196
+ <div class="pf-c-text-input-group" style="width: auto">
17108
17197
  <div class="pf-c-text-input-group__main pf-m-icon">
17109
17198
  <span class="pf-c-text-input-group__text">
17110
17199
  <span class="pf-c-text-input-group__icon">
@@ -17442,11 +17531,14 @@ wrapperTag: div
17442
17531
  <tbody role="rowgroup">
17443
17532
  <tr role="row">
17444
17533
  <td class="pf-c-table__check" role="cell">
17445
- <input
17446
- type="checkbox"
17447
- name="checkrow1"
17448
- aria-labelledby="column-management-demo-table-node1"
17449
- />
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>
17450
17542
  </td>
17451
17543
  <th role="columnheader" data-label="Repository name">
17452
17544
  <div>
@@ -17527,11 +17619,14 @@ wrapperTag: div
17527
17619
 
17528
17620
  <tr role="row">
17529
17621
  <td class="pf-c-table__check" role="cell">
17530
- <input
17531
- type="checkbox"
17532
- name="checkrow2"
17533
- aria-labelledby="column-management-demo-table-node2"
17534
- />
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>
17535
17630
  </td>
17536
17631
  <th role="columnheader" data-label="Repository name">
17537
17632
  <div>
@@ -17612,11 +17707,14 @@ wrapperTag: div
17612
17707
 
17613
17708
  <tr role="row">
17614
17709
  <td class="pf-c-table__check" role="cell">
17615
- <input
17616
- type="checkbox"
17617
- name="checkrow3"
17618
- aria-labelledby="column-management-demo-table-node3"
17619
- />
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>
17620
17718
  </td>
17621
17719
  <th role="columnheader" data-label="Repository name">
17622
17720
  <div>
@@ -17697,11 +17795,14 @@ wrapperTag: div
17697
17795
 
17698
17796
  <tr role="row">
17699
17797
  <td class="pf-c-table__check" role="cell">
17700
- <input
17701
- type="checkbox"
17702
- name="checkrow4"
17703
- aria-labelledby="column-management-demo-table-node4"
17704
- />
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>
17705
17806
  </td>
17706
17807
  <th role="columnheader" data-label="Repository name">
17707
17808
  <div>
@@ -17782,11 +17883,14 @@ wrapperTag: div
17782
17883
 
17783
17884
  <tr role="row">
17784
17885
  <td class="pf-c-table__check" role="cell">
17785
- <input
17786
- type="checkbox"
17787
- name="checkrow5"
17788
- aria-labelledby="column-management-demo-table-node5"
17789
- />
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>
17790
17894
  </td>
17791
17895
  <td role="cell" data-label="Repository name">
17792
17896
  <div>
@@ -17911,12 +18015,15 @@ wrapperTag: div
17911
18015
  <i class="fas fa-grip-vertical"></i>
17912
18016
  </span>
17913
18017
  <div class="pf-c-data-list__check">
17914
- <input
17915
- type="checkbox"
17916
- name="table-manage-columns-data-list-draggable-check-action-check1"
17917
- aria-labelledby="table-manage-columns-data-list-draggable-item-1"
17918
- checked
17919
- />
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>
17920
18027
  </div>
17921
18028
  </div>
17922
18029
  <div class="pf-c-data-list__item-content">
@@ -17939,12 +18046,15 @@ wrapperTag: div
17939
18046
  <i class="fas fa-grip-vertical"></i>
17940
18047
  </span>
17941
18048
  <div class="pf-c-data-list__check">
17942
- <input
17943
- type="checkbox"
17944
- name="table-manage-columns-data-list-draggable-check-action-check2"
17945
- aria-labelledby="table-manage-columns-data-list-draggable-item-2"
17946
- checked
17947
- />
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>
17948
18058
  </div>
17949
18059
  </div>
17950
18060
  <div class="pf-c-data-list__item-content">
@@ -17967,12 +18077,15 @@ wrapperTag: div
17967
18077
  <i class="fas fa-grip-vertical"></i>
17968
18078
  </span>
17969
18079
  <div class="pf-c-data-list__check">
17970
- <input
17971
- type="checkbox"
17972
- name="table-manage-columns-data-list-draggable-check-action-check3"
17973
- aria-labelledby="table-manage-columns-data-list-draggable-item-3"
17974
- checked
17975
- />
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>
17976
18089
  </div>
17977
18090
  </div>
17978
18091
  <div class="pf-c-data-list__item-content">
@@ -17995,12 +18108,15 @@ wrapperTag: div
17995
18108
  <i class="fas fa-grip-vertical"></i>
17996
18109
  </span>
17997
18110
  <div class="pf-c-data-list__check">
17998
- <input
17999
- type="checkbox"
18000
- name="table-manage-columns-data-list-draggable-check-action-check4"
18001
- aria-labelledby="table-manage-columns-data-list-draggable-item-4"
18002
- checked
18003
- />
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>
18004
18120
  </div>
18005
18121
  </div>
18006
18122
  <div class="pf-c-data-list__item-content">
@@ -18023,12 +18139,15 @@ wrapperTag: div
18023
18139
  <i class="fas fa-grip-vertical"></i>
18024
18140
  </span>
18025
18141
  <div class="pf-c-data-list__check">
18026
- <input
18027
- type="checkbox"
18028
- name="table-manage-columns-data-list-draggable-check-action-check5"
18029
- aria-labelledby="table-manage-columns-data-list-draggable-item-5"
18030
- checked
18031
- />
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>
18032
18151
  </div>
18033
18152
  </div>
18034
18153
  <div class="pf-c-data-list__item-content">
@@ -18950,11 +19069,14 @@ wrapperTag: div
18950
19069
  class="pf-c-dropdown__toggle-check"
18951
19070
  for="-bulk-select-toggle-check"
18952
19071
  >
18953
- <input
18954
- type="checkbox"
18955
- id="-bulk-select-toggle-check"
18956
- aria-label="Select all"
18957
- />
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>
18958
19080
  </label>
18959
19081
 
18960
19082
  <button
@@ -19023,7 +19145,6 @@ wrapperTag: div
19023
19145
  role="listbox"
19024
19146
  aria-labelledby="-select-name-label"
19025
19147
  hidden
19026
- style="width: 175px"
19027
19148
  >
19028
19149
  <li role="presentation">
19029
19150
  <button
@@ -19063,7 +19184,7 @@ wrapperTag: div
19063
19184
  </li>
19064
19185
  </ul>
19065
19186
  </div>
19066
- <div class="pf-c-text-input-group">
19187
+ <div class="pf-c-text-input-group" style="width: auto">
19067
19188
  <div class="pf-c-text-input-group__main pf-m-icon">
19068
19189
  <span class="pf-c-text-input-group__text">
19069
19190
  <span class="pf-c-text-input-group__icon">
@@ -19401,11 +19522,14 @@ wrapperTag: div
19401
19522
  <tbody role="rowgroup">
19402
19523
  <tr role="row">
19403
19524
  <td class="pf-c-table__check" role="cell">
19404
- <input
19405
- type="checkbox"
19406
- name="checkrow1"
19407
- aria-labelledby="sticky-header-demo-table-node1"
19408
- />
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>
19409
19533
  </td>
19410
19534
  <th role="columnheader" data-label="Repository name">
19411
19535
  <div>
@@ -19486,11 +19610,14 @@ wrapperTag: div
19486
19610
 
19487
19611
  <tr role="row">
19488
19612
  <td class="pf-c-table__check" role="cell">
19489
- <input
19490
- type="checkbox"
19491
- name="checkrow2"
19492
- aria-labelledby="sticky-header-demo-table-node2"
19493
- />
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>
19494
19621
  </td>
19495
19622
  <th role="columnheader" data-label="Repository name">
19496
19623
  <div>
@@ -19571,11 +19698,14 @@ wrapperTag: div
19571
19698
 
19572
19699
  <tr role="row">
19573
19700
  <td class="pf-c-table__check" role="cell">
19574
- <input
19575
- type="checkbox"
19576
- name="checkrow3"
19577
- aria-labelledby="sticky-header-demo-table-node3"
19578
- />
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>
19579
19709
  </td>
19580
19710
  <th role="columnheader" data-label="Repository name">
19581
19711
  <div>
@@ -19656,11 +19786,14 @@ wrapperTag: div
19656
19786
 
19657
19787
  <tr role="row">
19658
19788
  <td class="pf-c-table__check" role="cell">
19659
- <input
19660
- type="checkbox"
19661
- name="checkrow4"
19662
- aria-labelledby="sticky-header-demo-table-node4"
19663
- />
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>
19664
19797
  </td>
19665
19798
  <th role="columnheader" data-label="Repository name">
19666
19799
  <div>
@@ -19741,11 +19874,14 @@ wrapperTag: div
19741
19874
 
19742
19875
  <tr role="row">
19743
19876
  <td class="pf-c-table__check" role="cell">
19744
- <input
19745
- type="checkbox"
19746
- name="checkrow5"
19747
- aria-labelledby="sticky-header-demo-table-node5"
19748
- />
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>
19749
19885
  </td>
19750
19886
  <td role="cell" data-label="Repository name">
19751
19887
  <div>
@@ -20829,11 +20965,14 @@ wrapperTag: div
20829
20965
  class="pf-c-dropdown__toggle-check"
20830
20966
  for="-bulk-select-toggle-check"
20831
20967
  >
20832
- <input
20833
- type="checkbox"
20834
- id="-bulk-select-toggle-check"
20835
- aria-label="Select all"
20836
- />
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>
20837
20976
  </label>
20838
20977
 
20839
20978
  <button
@@ -20902,7 +21041,6 @@ wrapperTag: div
20902
21041
  role="listbox"
20903
21042
  aria-labelledby="-select-name-label"
20904
21043
  hidden
20905
- style="width: 175px"
20906
21044
  >
20907
21045
  <li role="presentation">
20908
21046
  <button
@@ -20942,7 +21080,7 @@ wrapperTag: div
20942
21080
  </li>
20943
21081
  </ul>
20944
21082
  </div>
20945
- <div class="pf-c-text-input-group">
21083
+ <div class="pf-c-text-input-group" style="width: auto">
20946
21084
  <div class="pf-c-text-input-group__main pf-m-icon">
20947
21085
  <span class="pf-c-text-input-group__text">
20948
21086
  <span class="pf-c-text-input-group__icon">
@@ -22629,11 +22767,14 @@ wrapperTag: div
22629
22767
  class="pf-c-dropdown__toggle-check"
22630
22768
  for="-bulk-select-toggle-check"
22631
22769
  >
22632
- <input
22633
- type="checkbox"
22634
- id="-bulk-select-toggle-check"
22635
- aria-label="Select all"
22636
- />
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>
22637
22778
  </label>
22638
22779
 
22639
22780
  <button
@@ -22702,7 +22843,6 @@ wrapperTag: div
22702
22843
  role="listbox"
22703
22844
  aria-labelledby="-select-name-label"
22704
22845
  hidden
22705
- style="width: 175px"
22706
22846
  >
22707
22847
  <li role="presentation">
22708
22848
  <button
@@ -22742,7 +22882,7 @@ wrapperTag: div
22742
22882
  </li>
22743
22883
  </ul>
22744
22884
  </div>
22745
- <div class="pf-c-text-input-group">
22885
+ <div class="pf-c-text-input-group" style="width: auto">
22746
22886
  <div class="pf-c-text-input-group__main pf-m-icon">
22747
22887
  <span class="pf-c-text-input-group__text">
22748
22888
  <span class="pf-c-text-input-group__icon">
@@ -24450,11 +24590,14 @@ wrapperTag: div
24450
24590
  class="pf-c-dropdown__toggle-check"
24451
24591
  for="-bulk-select-toggle-check"
24452
24592
  >
24453
- <input
24454
- type="checkbox"
24455
- id="-bulk-select-toggle-check"
24456
- aria-label="Select all"
24457
- />
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>
24458
24601
  </label>
24459
24602
 
24460
24603
  <button
@@ -24523,7 +24666,6 @@ wrapperTag: div
24523
24666
  role="listbox"
24524
24667
  aria-labelledby="-select-name-label"
24525
24668
  hidden
24526
- style="width: 175px"
24527
24669
  >
24528
24670
  <li role="presentation">
24529
24671
  <button
@@ -24563,7 +24705,7 @@ wrapperTag: div
24563
24705
  </li>
24564
24706
  </ul>
24565
24707
  </div>
24566
- <div class="pf-c-text-input-group">
24708
+ <div class="pf-c-text-input-group" style="width: auto">
24567
24709
  <div class="pf-c-text-input-group__main pf-m-icon">
24568
24710
  <span class="pf-c-text-input-group__text">
24569
24711
  <span class="pf-c-text-input-group__icon">