@patternfly/patternfly 4.172.0 → 4.173.0

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.
@@ -8944,7 +8944,9 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
8944
8944
  | `.pf-m-hoverable` | `.pf-c-table tbody`, `.pf-c-table tr` | Modifies a tbody or tr table element to be hoverable. |
8945
8945
  | `.pf-m-selected` | `.pf-c-table tbody`, `.pf-c-table tr` | Modifies a selectable tbody or tr table element to be selected. |
8946
8946
 
8947
- ### Tree table
8947
+ ## Tree table
8948
+
8949
+ ### Tree table basic
8948
8950
 
8949
8951
  ```html
8950
8952
  <table
@@ -10415,11 +10417,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10415
10417
  </button>
10416
10418
  </span>
10417
10419
  <span class="pf-c-table__check">
10418
- <input
10419
- type="checkbox"
10420
- name="tree-table-with-checkboxes-example-checkrow-1"
10421
- aria-labelledby="tree-table-with-checkboxes-example-node-1"
10422
- />
10420
+ <label>
10421
+ <input
10422
+ type="checkbox"
10423
+ name="tree-table-with-checkboxes-example-checkrow-1"
10424
+ aria-labelledby="tree-table-with-checkboxes-example-node-1"
10425
+ />
10426
+ </label>
10423
10427
  </span>
10424
10428
  <div class="pf-c-table__tree-view-text">
10425
10429
  <span
@@ -10513,11 +10517,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10513
10517
  </button>
10514
10518
  </span>
10515
10519
  <span class="pf-c-table__check">
10516
- <input
10517
- type="checkbox"
10518
- name="tree-table-with-checkboxes-example-checkrow-2"
10519
- aria-labelledby="tree-table-with-checkboxes-example-node-2"
10520
- />
10520
+ <label>
10521
+ <input
10522
+ type="checkbox"
10523
+ name="tree-table-with-checkboxes-example-checkrow-2"
10524
+ aria-labelledby="tree-table-with-checkboxes-example-node-2"
10525
+ />
10526
+ </label>
10521
10527
  </span>
10522
10528
  <div class="pf-c-table__tree-view-text">
10523
10529
  <span
@@ -10599,11 +10605,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10599
10605
  <th class="pf-c-table__tree-view-title-cell">
10600
10606
  <div class="pf-c-table__tree-view-main">
10601
10607
  <span class="pf-c-table__check">
10602
- <input
10603
- type="checkbox"
10604
- name="tree-table-with-checkboxes-example-checkrow-3"
10605
- aria-labelledby="tree-table-with-checkboxes-example-node-3"
10606
- />
10608
+ <label>
10609
+ <input
10610
+ type="checkbox"
10611
+ name="tree-table-with-checkboxes-example-checkrow-3"
10612
+ aria-labelledby="tree-table-with-checkboxes-example-node-3"
10613
+ />
10614
+ </label>
10607
10615
  </span>
10608
10616
  <div class="pf-c-table__tree-view-text">
10609
10617
  <span
@@ -10684,11 +10692,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10684
10692
  <th class="pf-c-table__tree-view-title-cell">
10685
10693
  <div class="pf-c-table__tree-view-main">
10686
10694
  <span class="pf-c-table__check">
10687
- <input
10688
- type="checkbox"
10689
- name="tree-table-with-checkboxes-example-checkrow-4"
10690
- aria-labelledby="tree-table-with-checkboxes-example-node-4"
10691
- />
10695
+ <label>
10696
+ <input
10697
+ type="checkbox"
10698
+ name="tree-table-with-checkboxes-example-checkrow-4"
10699
+ aria-labelledby="tree-table-with-checkboxes-example-node-4"
10700
+ />
10701
+ </label>
10692
10702
  </span>
10693
10703
  <div class="pf-c-table__tree-view-text">
10694
10704
  <span
@@ -10769,11 +10779,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10769
10779
  <th class="pf-c-table__tree-view-title-cell">
10770
10780
  <div class="pf-c-table__tree-view-main">
10771
10781
  <span class="pf-c-table__check">
10772
- <input
10773
- type="checkbox"
10774
- name="tree-table-with-checkboxes-example-checkrow-5"
10775
- aria-labelledby="tree-table-with-checkboxes-example-node-5"
10776
- />
10782
+ <label>
10783
+ <input
10784
+ type="checkbox"
10785
+ name="tree-table-with-checkboxes-example-checkrow-5"
10786
+ aria-labelledby="tree-table-with-checkboxes-example-node-5"
10787
+ />
10788
+ </label>
10777
10789
  </span>
10778
10790
  <div class="pf-c-table__tree-view-text">
10779
10791
  <span
@@ -10853,11 +10865,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10853
10865
  <th class="pf-c-table__tree-view-title-cell">
10854
10866
  <div class="pf-c-table__tree-view-main">
10855
10867
  <span class="pf-c-table__check">
10856
- <input
10857
- type="checkbox"
10858
- name="tree-table-with-checkboxes-example-checkrow-6"
10859
- aria-labelledby="tree-table-with-checkboxes-example-node-6"
10860
- />
10868
+ <label>
10869
+ <input
10870
+ type="checkbox"
10871
+ name="tree-table-with-checkboxes-example-checkrow-6"
10872
+ aria-labelledby="tree-table-with-checkboxes-example-node-6"
10873
+ />
10874
+ </label>
10861
10875
  </span>
10862
10876
  <div class="pf-c-table__tree-view-text">
10863
10877
  <span
@@ -10952,11 +10966,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
10952
10966
  </button>
10953
10967
  </span>
10954
10968
  <span class="pf-c-table__check">
10955
- <input
10956
- type="checkbox"
10957
- name="tree-table-with-checkboxes-example-checkrow-7"
10958
- aria-labelledby="tree-table-with-checkboxes-example-node-7"
10959
- />
10969
+ <label>
10970
+ <input
10971
+ type="checkbox"
10972
+ name="tree-table-with-checkboxes-example-checkrow-7"
10973
+ aria-labelledby="tree-table-with-checkboxes-example-node-7"
10974
+ />
10975
+ </label>
10960
10976
  </span>
10961
10977
  <div class="pf-c-table__tree-view-text">
10962
10978
  <span
@@ -11036,11 +11052,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11036
11052
  <th class="pf-c-table__tree-view-title-cell">
11037
11053
  <div class="pf-c-table__tree-view-main">
11038
11054
  <span class="pf-c-table__check">
11039
- <input
11040
- type="checkbox"
11041
- name="tree-table-with-checkboxes-example-checkrow-8"
11042
- aria-labelledby="tree-table-with-checkboxes-example-node-8"
11043
- />
11055
+ <label>
11056
+ <input
11057
+ type="checkbox"
11058
+ name="tree-table-with-checkboxes-example-checkrow-8"
11059
+ aria-labelledby="tree-table-with-checkboxes-example-node-8"
11060
+ />
11061
+ </label>
11044
11062
  </span>
11045
11063
  <div class="pf-c-table__tree-view-text">
11046
11064
  <span
@@ -11134,11 +11152,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11134
11152
  </button>
11135
11153
  </span>
11136
11154
  <span class="pf-c-table__check">
11137
- <input
11138
- type="checkbox"
11139
- name="tree-table-with-checkboxes-example-checkrow-9"
11140
- aria-labelledby="tree-table-with-checkboxes-example-node-9"
11141
- />
11155
+ <label>
11156
+ <input
11157
+ type="checkbox"
11158
+ name="tree-table-with-checkboxes-example-checkrow-9"
11159
+ aria-labelledby="tree-table-with-checkboxes-example-node-9"
11160
+ />
11161
+ </label>
11142
11162
  </span>
11143
11163
  <div class="pf-c-table__tree-view-text">
11144
11164
  <span
@@ -11218,11 +11238,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11218
11238
  <th class="pf-c-table__tree-view-title-cell">
11219
11239
  <div class="pf-c-table__tree-view-main">
11220
11240
  <span class="pf-c-table__check">
11221
- <input
11222
- type="checkbox"
11223
- name="tree-table-with-checkboxes-example-checkrow-10"
11224
- aria-labelledby="tree-table-with-checkboxes-example-node-10"
11225
- />
11241
+ <label>
11242
+ <input
11243
+ type="checkbox"
11244
+ name="tree-table-with-checkboxes-example-checkrow-10"
11245
+ aria-labelledby="tree-table-with-checkboxes-example-node-10"
11246
+ />
11247
+ </label>
11226
11248
  </span>
11227
11249
  <div class="pf-c-table__tree-view-text">
11228
11250
  <span
@@ -11303,11 +11325,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11303
11325
  <th class="pf-c-table__tree-view-title-cell">
11304
11326
  <div class="pf-c-table__tree-view-main">
11305
11327
  <span class="pf-c-table__check">
11306
- <input
11307
- type="checkbox"
11308
- name="tree-table-with-checkboxes-example-checkrow-11"
11309
- aria-labelledby="tree-table-with-checkboxes-example-node-11"
11310
- />
11328
+ <label>
11329
+ <input
11330
+ type="checkbox"
11331
+ name="tree-table-with-checkboxes-example-checkrow-11"
11332
+ aria-labelledby="tree-table-with-checkboxes-example-node-11"
11333
+ />
11334
+ </label>
11311
11335
  </span>
11312
11336
  <div class="pf-c-table__tree-view-text">
11313
11337
  <span
@@ -11402,11 +11426,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11402
11426
  </button>
11403
11427
  </span>
11404
11428
  <span class="pf-c-table__check">
11405
- <input
11406
- type="checkbox"
11407
- name="tree-table-with-checkboxes-example-checkrow-12"
11408
- aria-labelledby="tree-table-with-checkboxes-example-node-12"
11409
- />
11429
+ <label>
11430
+ <input
11431
+ type="checkbox"
11432
+ name="tree-table-with-checkboxes-example-checkrow-12"
11433
+ aria-labelledby="tree-table-with-checkboxes-example-node-12"
11434
+ />
11435
+ </label>
11410
11436
  </span>
11411
11437
  <div class="pf-c-table__tree-view-text">
11412
11438
  <span
@@ -11486,11 +11512,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11486
11512
  <th class="pf-c-table__tree-view-title-cell">
11487
11513
  <div class="pf-c-table__tree-view-main">
11488
11514
  <span class="pf-c-table__check">
11489
- <input
11490
- type="checkbox"
11491
- name="tree-table-with-checkboxes-example-checkrow-13"
11492
- aria-labelledby="tree-table-with-checkboxes-example-node-13"
11493
- />
11515
+ <label>
11516
+ <input
11517
+ type="checkbox"
11518
+ name="tree-table-with-checkboxes-example-checkrow-13"
11519
+ aria-labelledby="tree-table-with-checkboxes-example-node-13"
11520
+ />
11521
+ </label>
11494
11522
  </span>
11495
11523
  <div class="pf-c-table__tree-view-text">
11496
11524
  <span
@@ -11570,11 +11598,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11570
11598
  <th class="pf-c-table__tree-view-title-cell">
11571
11599
  <div class="pf-c-table__tree-view-main">
11572
11600
  <span class="pf-c-table__check">
11573
- <input
11574
- type="checkbox"
11575
- name="tree-table-with-checkboxes-example-checkrow-14"
11576
- aria-labelledby="tree-table-with-checkboxes-example-node-14"
11577
- />
11601
+ <label>
11602
+ <input
11603
+ type="checkbox"
11604
+ name="tree-table-with-checkboxes-example-checkrow-14"
11605
+ aria-labelledby="tree-table-with-checkboxes-example-node-14"
11606
+ />
11607
+ </label>
11578
11608
  </span>
11579
11609
  <div class="pf-c-table__tree-view-text">
11580
11610
  <span
@@ -11668,11 +11698,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11668
11698
  </button>
11669
11699
  </span>
11670
11700
  <span class="pf-c-table__check">
11671
- <input
11672
- type="checkbox"
11673
- name="tree-table-with-checkboxes-example-checkrow-15"
11674
- aria-labelledby="tree-table-with-checkboxes-example-node-15"
11675
- />
11701
+ <label>
11702
+ <input
11703
+ type="checkbox"
11704
+ name="tree-table-with-checkboxes-example-checkrow-15"
11705
+ aria-labelledby="tree-table-with-checkboxes-example-node-15"
11706
+ />
11707
+ </label>
11676
11708
  </span>
11677
11709
  <div class="pf-c-table__tree-view-text">
11678
11710
  <span
@@ -11753,11 +11785,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11753
11785
  <th class="pf-c-table__tree-view-title-cell">
11754
11786
  <div class="pf-c-table__tree-view-main">
11755
11787
  <span class="pf-c-table__check">
11756
- <input
11757
- type="checkbox"
11758
- name="tree-table-with-checkboxes-example-checkrow-16"
11759
- aria-labelledby="tree-table-with-checkboxes-example-node-16"
11760
- />
11788
+ <label>
11789
+ <input
11790
+ type="checkbox"
11791
+ name="tree-table-with-checkboxes-example-checkrow-16"
11792
+ aria-labelledby="tree-table-with-checkboxes-example-node-16"
11793
+ />
11794
+ </label>
11761
11795
  </span>
11762
11796
  <div class="pf-c-table__tree-view-text">
11763
11797
  <span
@@ -11838,11 +11872,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11838
11872
  <th class="pf-c-table__tree-view-title-cell">
11839
11873
  <div class="pf-c-table__tree-view-main">
11840
11874
  <span class="pf-c-table__check">
11841
- <input
11842
- type="checkbox"
11843
- name="tree-table-with-checkboxes-example-checkrow-17"
11844
- aria-labelledby="tree-table-with-checkboxes-example-node-17"
11845
- />
11875
+ <label>
11876
+ <input
11877
+ type="checkbox"
11878
+ name="tree-table-with-checkboxes-example-checkrow-17"
11879
+ aria-labelledby="tree-table-with-checkboxes-example-node-17"
11880
+ />
11881
+ </label>
11846
11882
  </span>
11847
11883
  <div class="pf-c-table__tree-view-text">
11848
11884
  <span
@@ -11960,11 +11996,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
11960
11996
  </button>
11961
11997
  </span>
11962
11998
  <span class="pf-c-table__check">
11963
- <input
11964
- type="checkbox"
11965
- name="tree-table-with-checkboxes-icons-example-checkrow-1"
11966
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-1"
11967
- />
11999
+ <label>
12000
+ <input
12001
+ type="checkbox"
12002
+ name="tree-table-with-checkboxes-icons-example-checkrow-1"
12003
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-1"
12004
+ />
12005
+ </label>
11968
12006
  </span>
11969
12007
  <div class="pf-c-table__tree-view-text">
11970
12008
  <span class="pf-c-table__tree-view-icon">
@@ -12061,11 +12099,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12061
12099
  </button>
12062
12100
  </span>
12063
12101
  <span class="pf-c-table__check">
12064
- <input
12065
- type="checkbox"
12066
- name="tree-table-with-checkboxes-icons-example-checkrow-2"
12067
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-2"
12068
- />
12102
+ <label>
12103
+ <input
12104
+ type="checkbox"
12105
+ name="tree-table-with-checkboxes-icons-example-checkrow-2"
12106
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-2"
12107
+ />
12108
+ </label>
12069
12109
  </span>
12070
12110
  <div class="pf-c-table__tree-view-text">
12071
12111
  <span class="pf-c-table__tree-view-icon">
@@ -12150,11 +12190,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12150
12190
  <th class="pf-c-table__tree-view-title-cell">
12151
12191
  <div class="pf-c-table__tree-view-main">
12152
12192
  <span class="pf-c-table__check">
12153
- <input
12154
- type="checkbox"
12155
- name="tree-table-with-checkboxes-icons-example-checkrow-3"
12156
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-3"
12157
- />
12193
+ <label>
12194
+ <input
12195
+ type="checkbox"
12196
+ name="tree-table-with-checkboxes-icons-example-checkrow-3"
12197
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-3"
12198
+ />
12199
+ </label>
12158
12200
  </span>
12159
12201
  <div class="pf-c-table__tree-view-text">
12160
12202
  <span class="pf-c-table__tree-view-icon">
@@ -12238,11 +12280,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12238
12280
  <th class="pf-c-table__tree-view-title-cell">
12239
12281
  <div class="pf-c-table__tree-view-main">
12240
12282
  <span class="pf-c-table__check">
12241
- <input
12242
- type="checkbox"
12243
- name="tree-table-with-checkboxes-icons-example-checkrow-4"
12244
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-4"
12245
- />
12283
+ <label>
12284
+ <input
12285
+ type="checkbox"
12286
+ name="tree-table-with-checkboxes-icons-example-checkrow-4"
12287
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-4"
12288
+ />
12289
+ </label>
12246
12290
  </span>
12247
12291
  <div class="pf-c-table__tree-view-text">
12248
12292
  <span class="pf-c-table__tree-view-icon">
@@ -12326,11 +12370,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12326
12370
  <th class="pf-c-table__tree-view-title-cell">
12327
12371
  <div class="pf-c-table__tree-view-main">
12328
12372
  <span class="pf-c-table__check">
12329
- <input
12330
- type="checkbox"
12331
- name="tree-table-with-checkboxes-icons-example-checkrow-5"
12332
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-5"
12333
- />
12373
+ <label>
12374
+ <input
12375
+ type="checkbox"
12376
+ name="tree-table-with-checkboxes-icons-example-checkrow-5"
12377
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-5"
12378
+ />
12379
+ </label>
12334
12380
  </span>
12335
12381
  <div class="pf-c-table__tree-view-text">
12336
12382
  <span class="pf-c-table__tree-view-icon">
@@ -12413,11 +12459,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12413
12459
  <th class="pf-c-table__tree-view-title-cell">
12414
12460
  <div class="pf-c-table__tree-view-main">
12415
12461
  <span class="pf-c-table__check">
12416
- <input
12417
- type="checkbox"
12418
- name="tree-table-with-checkboxes-icons-example-checkrow-6"
12419
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-6"
12420
- />
12462
+ <label>
12463
+ <input
12464
+ type="checkbox"
12465
+ name="tree-table-with-checkboxes-icons-example-checkrow-6"
12466
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-6"
12467
+ />
12468
+ </label>
12421
12469
  </span>
12422
12470
  <div class="pf-c-table__tree-view-text">
12423
12471
  <span class="pf-c-table__tree-view-icon">
@@ -12515,11 +12563,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12515
12563
  </button>
12516
12564
  </span>
12517
12565
  <span class="pf-c-table__check">
12518
- <input
12519
- type="checkbox"
12520
- name="tree-table-with-checkboxes-icons-example-checkrow-7"
12521
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-7"
12522
- />
12566
+ <label>
12567
+ <input
12568
+ type="checkbox"
12569
+ name="tree-table-with-checkboxes-icons-example-checkrow-7"
12570
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-7"
12571
+ />
12572
+ </label>
12523
12573
  </span>
12524
12574
  <div class="pf-c-table__tree-view-text">
12525
12575
  <span class="pf-c-table__tree-view-icon">
@@ -12602,11 +12652,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12602
12652
  <th class="pf-c-table__tree-view-title-cell">
12603
12653
  <div class="pf-c-table__tree-view-main">
12604
12654
  <span class="pf-c-table__check">
12605
- <input
12606
- type="checkbox"
12607
- name="tree-table-with-checkboxes-icons-example-checkrow-8"
12608
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-8"
12609
- />
12655
+ <label>
12656
+ <input
12657
+ type="checkbox"
12658
+ name="tree-table-with-checkboxes-icons-example-checkrow-8"
12659
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-8"
12660
+ />
12661
+ </label>
12610
12662
  </span>
12611
12663
  <div class="pf-c-table__tree-view-text">
12612
12664
  <span class="pf-c-table__tree-view-icon">
@@ -12703,11 +12755,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12703
12755
  </button>
12704
12756
  </span>
12705
12757
  <span class="pf-c-table__check">
12706
- <input
12707
- type="checkbox"
12708
- name="tree-table-with-checkboxes-icons-example-checkrow-9"
12709
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-9"
12710
- />
12758
+ <label>
12759
+ <input
12760
+ type="checkbox"
12761
+ name="tree-table-with-checkboxes-icons-example-checkrow-9"
12762
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-9"
12763
+ />
12764
+ </label>
12711
12765
  </span>
12712
12766
  <div class="pf-c-table__tree-view-text">
12713
12767
  <span class="pf-c-table__tree-view-icon">
@@ -12790,11 +12844,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12790
12844
  <th class="pf-c-table__tree-view-title-cell">
12791
12845
  <div class="pf-c-table__tree-view-main">
12792
12846
  <span class="pf-c-table__check">
12793
- <input
12794
- type="checkbox"
12795
- name="tree-table-with-checkboxes-icons-example-checkrow-10"
12796
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-10"
12797
- />
12847
+ <label>
12848
+ <input
12849
+ type="checkbox"
12850
+ name="tree-table-with-checkboxes-icons-example-checkrow-10"
12851
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-10"
12852
+ />
12853
+ </label>
12798
12854
  </span>
12799
12855
  <div class="pf-c-table__tree-view-text">
12800
12856
  <span class="pf-c-table__tree-view-icon">
@@ -12878,11 +12934,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12878
12934
  <th class="pf-c-table__tree-view-title-cell">
12879
12935
  <div class="pf-c-table__tree-view-main">
12880
12936
  <span class="pf-c-table__check">
12881
- <input
12882
- type="checkbox"
12883
- name="tree-table-with-checkboxes-icons-example-checkrow-11"
12884
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-11"
12885
- />
12937
+ <label>
12938
+ <input
12939
+ type="checkbox"
12940
+ name="tree-table-with-checkboxes-icons-example-checkrow-11"
12941
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-11"
12942
+ />
12943
+ </label>
12886
12944
  </span>
12887
12945
  <div class="pf-c-table__tree-view-text">
12888
12946
  <span class="pf-c-table__tree-view-icon">
@@ -12980,11 +13038,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
12980
13038
  </button>
12981
13039
  </span>
12982
13040
  <span class="pf-c-table__check">
12983
- <input
12984
- type="checkbox"
12985
- name="tree-table-with-checkboxes-icons-example-checkrow-12"
12986
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-12"
12987
- />
13041
+ <label>
13042
+ <input
13043
+ type="checkbox"
13044
+ name="tree-table-with-checkboxes-icons-example-checkrow-12"
13045
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-12"
13046
+ />
13047
+ </label>
12988
13048
  </span>
12989
13049
  <div class="pf-c-table__tree-view-text">
12990
13050
  <span class="pf-c-table__tree-view-icon">
@@ -13067,11 +13127,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
13067
13127
  <th class="pf-c-table__tree-view-title-cell">
13068
13128
  <div class="pf-c-table__tree-view-main">
13069
13129
  <span class="pf-c-table__check">
13070
- <input
13071
- type="checkbox"
13072
- name="tree-table-with-checkboxes-icons-example-checkrow-13"
13073
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-13"
13074
- />
13130
+ <label>
13131
+ <input
13132
+ type="checkbox"
13133
+ name="tree-table-with-checkboxes-icons-example-checkrow-13"
13134
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-13"
13135
+ />
13136
+ </label>
13075
13137
  </span>
13076
13138
  <div class="pf-c-table__tree-view-text">
13077
13139
  <span class="pf-c-table__tree-view-icon">
@@ -13154,11 +13216,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
13154
13216
  <th class="pf-c-table__tree-view-title-cell">
13155
13217
  <div class="pf-c-table__tree-view-main">
13156
13218
  <span class="pf-c-table__check">
13157
- <input
13158
- type="checkbox"
13159
- name="tree-table-with-checkboxes-icons-example-checkrow-14"
13160
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-14"
13161
- />
13219
+ <label>
13220
+ <input
13221
+ type="checkbox"
13222
+ name="tree-table-with-checkboxes-icons-example-checkrow-14"
13223
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-14"
13224
+ />
13225
+ </label>
13162
13226
  </span>
13163
13227
  <div class="pf-c-table__tree-view-text">
13164
13228
  <span class="pf-c-table__tree-view-icon">
@@ -13255,11 +13319,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
13255
13319
  </button>
13256
13320
  </span>
13257
13321
  <span class="pf-c-table__check">
13258
- <input
13259
- type="checkbox"
13260
- name="tree-table-with-checkboxes-icons-example-checkrow-15"
13261
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-15"
13262
- />
13322
+ <label>
13323
+ <input
13324
+ type="checkbox"
13325
+ name="tree-table-with-checkboxes-icons-example-checkrow-15"
13326
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-15"
13327
+ />
13328
+ </label>
13263
13329
  </span>
13264
13330
  <div class="pf-c-table__tree-view-text">
13265
13331
  <span class="pf-c-table__tree-view-icon">
@@ -13343,11 +13409,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
13343
13409
  <th class="pf-c-table__tree-view-title-cell">
13344
13410
  <div class="pf-c-table__tree-view-main">
13345
13411
  <span class="pf-c-table__check">
13346
- <input
13347
- type="checkbox"
13348
- name="tree-table-with-checkboxes-icons-example-checkrow-16"
13349
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-16"
13350
- />
13412
+ <label>
13413
+ <input
13414
+ type="checkbox"
13415
+ name="tree-table-with-checkboxes-icons-example-checkrow-16"
13416
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-16"
13417
+ />
13418
+ </label>
13351
13419
  </span>
13352
13420
  <div class="pf-c-table__tree-view-text">
13353
13421
  <span class="pf-c-table__tree-view-icon">
@@ -13431,11 +13499,13 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
13431
13499
  <th class="pf-c-table__tree-view-title-cell">
13432
13500
  <div class="pf-c-table__tree-view-main">
13433
13501
  <span class="pf-c-table__check">
13434
- <input
13435
- type="checkbox"
13436
- name="tree-table-with-checkboxes-icons-example-checkrow-17"
13437
- aria-labelledby="tree-table-with-checkboxes-icons-example-node-17"
13438
- />
13502
+ <label>
13503
+ <input
13504
+ type="checkbox"
13505
+ name="tree-table-with-checkboxes-icons-example-checkrow-17"
13506
+ aria-labelledby="tree-table-with-checkboxes-icons-example-node-17"
13507
+ />
13508
+ </label>
13439
13509
  </span>
13440
13510
  <div class="pf-c-table__tree-view-text">
13441
13511
  <span class="pf-c-table__tree-view-icon">