@patternfly/patternfly 5.1.0 → 5.2.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/docs/components/Card/examples/Card.md +13 -13
  2. package/docs/components/Check/examples/Check.md +71 -59
  3. package/docs/components/LogViewer/examples/LogViewer.md +120 -30
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
  5. package/docs/components/Radio/examples/Radio.md +63 -55
  6. package/docs/components/Select/deprecated/Select.md +184 -177
  7. package/docs/components/Toolbar/examples/Toolbar.md +449 -371
  8. package/docs/demos/CardView/examples/CardView.md +24 -20
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +144 -120
  10. package/docs/demos/Table/examples/Table.md +288 -240
  11. package/docs/demos/Tabs/examples/Tabs.md +24 -20
  12. package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
  13. package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
  14. package/package.json +5 -5
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -365,7 +365,10 @@ cssPrefix: pf-v5-c-log-viewer
365
365
  name="log-viewer-basic-example-check-wrap-lines"
366
366
  />
367
367
 
368
- <span class="pf-v5-c-check__label">Wrap lines</span>
368
+ <span
369
+ class="pf-v5-c-check__label"
370
+ for="-input"
371
+ >Wrap lines</span>
369
372
  </label>
370
373
  </div>
371
374
  </li>
@@ -382,7 +385,10 @@ cssPrefix: pf-v5-c-log-viewer
382
385
  name="log-viewer-basic-example-check-show-timestamps"
383
386
  />
384
387
 
385
- <span class="pf-v5-c-check__label">Show timestamps</span>
388
+ <span
389
+ class="pf-v5-c-check__label"
390
+ for="-input"
391
+ >Show timestamps</span>
386
392
  </label>
387
393
  </div>
388
394
  </li>
@@ -399,7 +405,10 @@ cssPrefix: pf-v5-c-log-viewer
399
405
  name="log-viewer-basic-example-check-line-number"
400
406
  />
401
407
 
402
- <span class="pf-v5-c-check__label">Display line number</span>
408
+ <span
409
+ class="pf-v5-c-check__label"
410
+ for="-input"
411
+ >Display line number</span>
403
412
  </label>
404
413
  </div>
405
414
  </li>
@@ -926,7 +935,10 @@ cssPrefix: pf-v5-c-log-viewer
926
935
  name="log-viewer-line-number-example-check-wrap-lines"
927
936
  />
928
937
 
929
- <span class="pf-v5-c-check__label">Wrap lines</span>
938
+ <span
939
+ class="pf-v5-c-check__label"
940
+ for="-input"
941
+ >Wrap lines</span>
930
942
  </label>
931
943
  </div>
932
944
  </li>
@@ -943,7 +955,10 @@ cssPrefix: pf-v5-c-log-viewer
943
955
  name="log-viewer-line-number-example-check-show-timestamps"
944
956
  />
945
957
 
946
- <span class="pf-v5-c-check__label">Show timestamps</span>
958
+ <span
959
+ class="pf-v5-c-check__label"
960
+ for="-input"
961
+ >Show timestamps</span>
947
962
  </label>
948
963
  </div>
949
964
  </li>
@@ -960,7 +975,10 @@ cssPrefix: pf-v5-c-log-viewer
960
975
  name="log-viewer-line-number-example-check-line-number"
961
976
  />
962
977
 
963
- <span class="pf-v5-c-check__label">Display line number</span>
978
+ <span
979
+ class="pf-v5-c-check__label"
980
+ for="-input"
981
+ >Display line number</span>
964
982
  </label>
965
983
  </div>
966
984
  </li>
@@ -1487,7 +1505,10 @@ cssPrefix: pf-v5-c-log-viewer
1487
1505
  name="log-viewer-line-number-chars-example-check-wrap-lines"
1488
1506
  />
1489
1507
 
1490
- <span class="pf-v5-c-check__label">Wrap lines</span>
1508
+ <span
1509
+ class="pf-v5-c-check__label"
1510
+ for="-input"
1511
+ >Wrap lines</span>
1491
1512
  </label>
1492
1513
  </div>
1493
1514
  </li>
@@ -1504,7 +1525,10 @@ cssPrefix: pf-v5-c-log-viewer
1504
1525
  name="log-viewer-line-number-chars-example-check-show-timestamps"
1505
1526
  />
1506
1527
 
1507
- <span class="pf-v5-c-check__label">Show timestamps</span>
1528
+ <span
1529
+ class="pf-v5-c-check__label"
1530
+ for="-input"
1531
+ >Show timestamps</span>
1508
1532
  </label>
1509
1533
  </div>
1510
1534
  </li>
@@ -1521,7 +1545,10 @@ cssPrefix: pf-v5-c-log-viewer
1521
1545
  name="log-viewer-line-number-chars-example-check-line-number"
1522
1546
  />
1523
1547
 
1524
- <span class="pf-v5-c-check__label">Display line number</span>
1548
+ <span
1549
+ class="pf-v5-c-check__label"
1550
+ for="-input"
1551
+ >Display line number</span>
1525
1552
  </label>
1526
1553
  </div>
1527
1554
  </li>
@@ -2048,7 +2075,10 @@ cssPrefix: pf-v5-c-log-viewer
2048
2075
  name="log-viewer-text-wrap-example-check-wrap-lines"
2049
2076
  />
2050
2077
 
2051
- <span class="pf-v5-c-check__label">Wrap lines</span>
2078
+ <span
2079
+ class="pf-v5-c-check__label"
2080
+ for="-input"
2081
+ >Wrap lines</span>
2052
2082
  </label>
2053
2083
  </div>
2054
2084
  </li>
@@ -2065,7 +2095,10 @@ cssPrefix: pf-v5-c-log-viewer
2065
2095
  name="log-viewer-text-wrap-example-check-show-timestamps"
2066
2096
  />
2067
2097
 
2068
- <span class="pf-v5-c-check__label">Show timestamps</span>
2098
+ <span
2099
+ class="pf-v5-c-check__label"
2100
+ for="-input"
2101
+ >Show timestamps</span>
2069
2102
  </label>
2070
2103
  </div>
2071
2104
  </li>
@@ -2082,7 +2115,10 @@ cssPrefix: pf-v5-c-log-viewer
2082
2115
  name="log-viewer-text-wrap-example-check-line-number"
2083
2116
  />
2084
2117
 
2085
- <span class="pf-v5-c-check__label">Display line number</span>
2118
+ <span
2119
+ class="pf-v5-c-check__label"
2120
+ for="-input"
2121
+ >Display line number</span>
2086
2122
  </label>
2087
2123
  </div>
2088
2124
  </li>
@@ -2609,7 +2645,10 @@ cssPrefix: pf-v5-c-log-viewer
2609
2645
  name="log-viewer-text-nowrap-example-check-wrap-lines"
2610
2646
  />
2611
2647
 
2612
- <span class="pf-v5-c-check__label">Wrap lines</span>
2648
+ <span
2649
+ class="pf-v5-c-check__label"
2650
+ for="-input"
2651
+ >Wrap lines</span>
2613
2652
  </label>
2614
2653
  </div>
2615
2654
  </li>
@@ -2626,7 +2665,10 @@ cssPrefix: pf-v5-c-log-viewer
2626
2665
  name="log-viewer-text-nowrap-example-check-show-timestamps"
2627
2666
  />
2628
2667
 
2629
- <span class="pf-v5-c-check__label">Show timestamps</span>
2668
+ <span
2669
+ class="pf-v5-c-check__label"
2670
+ for="-input"
2671
+ >Show timestamps</span>
2630
2672
  </label>
2631
2673
  </div>
2632
2674
  </li>
@@ -2643,7 +2685,10 @@ cssPrefix: pf-v5-c-log-viewer
2643
2685
  name="log-viewer-text-nowrap-example-check-line-number"
2644
2686
  />
2645
2687
 
2646
- <span class="pf-v5-c-check__label">Display line number</span>
2688
+ <span
2689
+ class="pf-v5-c-check__label"
2690
+ for="-input"
2691
+ >Display line number</span>
2647
2692
  </label>
2648
2693
  </div>
2649
2694
  </li>
@@ -3197,7 +3242,10 @@ cssPrefix: pf-v5-c-log-viewer
3197
3242
  name="log-viewer-search-results-example-check-wrap-lines"
3198
3243
  />
3199
3244
 
3200
- <span class="pf-v5-c-check__label">Wrap lines</span>
3245
+ <span
3246
+ class="pf-v5-c-check__label"
3247
+ for="-input"
3248
+ >Wrap lines</span>
3201
3249
  </label>
3202
3250
  </div>
3203
3251
  </li>
@@ -3214,7 +3262,10 @@ cssPrefix: pf-v5-c-log-viewer
3214
3262
  name="log-viewer-search-results-example-check-show-timestamps"
3215
3263
  />
3216
3264
 
3217
- <span class="pf-v5-c-check__label">Show timestamps</span>
3265
+ <span
3266
+ class="pf-v5-c-check__label"
3267
+ for="-input"
3268
+ >Show timestamps</span>
3218
3269
  </label>
3219
3270
  </div>
3220
3271
  </li>
@@ -3231,7 +3282,10 @@ cssPrefix: pf-v5-c-log-viewer
3231
3282
  name="log-viewer-search-results-example-check-line-number"
3232
3283
  />
3233
3284
 
3234
- <span class="pf-v5-c-check__label">Display line number</span>
3285
+ <span
3286
+ class="pf-v5-c-check__label"
3287
+ for="-input"
3288
+ >Display line number</span>
3235
3289
  </label>
3236
3290
  </div>
3237
3291
  </li>
@@ -3801,7 +3855,10 @@ cssPrefix: pf-v5-c-log-viewer
3801
3855
  name="log-viewer-max-height-example-check-wrap-lines"
3802
3856
  />
3803
3857
 
3804
- <span class="pf-v5-c-check__label">Wrap lines</span>
3858
+ <span
3859
+ class="pf-v5-c-check__label"
3860
+ for="-input"
3861
+ >Wrap lines</span>
3805
3862
  </label>
3806
3863
  </div>
3807
3864
  </li>
@@ -3818,7 +3875,10 @@ cssPrefix: pf-v5-c-log-viewer
3818
3875
  name="log-viewer-max-height-example-check-show-timestamps"
3819
3876
  />
3820
3877
 
3821
- <span class="pf-v5-c-check__label">Show timestamps</span>
3878
+ <span
3879
+ class="pf-v5-c-check__label"
3880
+ for="-input"
3881
+ >Show timestamps</span>
3822
3882
  </label>
3823
3883
  </div>
3824
3884
  </li>
@@ -3835,7 +3895,10 @@ cssPrefix: pf-v5-c-log-viewer
3835
3895
  name="log-viewer-max-height-example-check-line-number"
3836
3896
  />
3837
3897
 
3838
- <span class="pf-v5-c-check__label">Display line number</span>
3898
+ <span
3899
+ class="pf-v5-c-check__label"
3900
+ for="-input"
3901
+ >Display line number</span>
3839
3902
  </label>
3840
3903
  </div>
3841
3904
  </li>
@@ -4360,7 +4423,10 @@ cssPrefix: pf-v5-c-log-viewer
4360
4423
  name="log-viewer-dropdowns-expanded-example-check-wrap-lines"
4361
4424
  />
4362
4425
 
4363
- <span class="pf-v5-c-check__label">Wrap lines</span>
4426
+ <span
4427
+ class="pf-v5-c-check__label"
4428
+ for="-input"
4429
+ >Wrap lines</span>
4364
4430
  </label>
4365
4431
  </div>
4366
4432
  </li>
@@ -4377,7 +4443,10 @@ cssPrefix: pf-v5-c-log-viewer
4377
4443
  name="log-viewer-dropdowns-expanded-example-check-show-timestamps"
4378
4444
  />
4379
4445
 
4380
- <span class="pf-v5-c-check__label">Show timestamps</span>
4446
+ <span
4447
+ class="pf-v5-c-check__label"
4448
+ for="-input"
4449
+ >Show timestamps</span>
4381
4450
  </label>
4382
4451
  </div>
4383
4452
  </li>
@@ -4394,7 +4463,10 @@ cssPrefix: pf-v5-c-log-viewer
4394
4463
  name="log-viewer-dropdowns-expanded-example-check-line-number"
4395
4464
  />
4396
4465
 
4397
- <span class="pf-v5-c-check__label">Display line number</span>
4466
+ <span
4467
+ class="pf-v5-c-check__label"
4468
+ for="-input"
4469
+ >Display line number</span>
4398
4470
  </label>
4399
4471
  </div>
4400
4472
  </li>
@@ -4921,7 +4993,10 @@ cssPrefix: pf-v5-c-log-viewer
4921
4993
  name="log-viewer-popover-expanded-example-check-wrap-lines"
4922
4994
  />
4923
4995
 
4924
- <span class="pf-v5-c-check__label">Wrap lines</span>
4996
+ <span
4997
+ class="pf-v5-c-check__label"
4998
+ for="-input"
4999
+ >Wrap lines</span>
4925
5000
  </label>
4926
5001
  </div>
4927
5002
  </li>
@@ -4938,7 +5013,10 @@ cssPrefix: pf-v5-c-log-viewer
4938
5013
  name="log-viewer-popover-expanded-example-check-show-timestamps"
4939
5014
  />
4940
5015
 
4941
- <span class="pf-v5-c-check__label">Show timestamps</span>
5016
+ <span
5017
+ class="pf-v5-c-check__label"
5018
+ for="-input"
5019
+ >Show timestamps</span>
4942
5020
  </label>
4943
5021
  </div>
4944
5022
  </li>
@@ -4955,7 +5033,10 @@ cssPrefix: pf-v5-c-log-viewer
4955
5033
  name="log-viewer-popover-expanded-example-check-line-number"
4956
5034
  />
4957
5035
 
4958
- <span class="pf-v5-c-check__label">Display line number</span>
5036
+ <span
5037
+ class="pf-v5-c-check__label"
5038
+ for="-input"
5039
+ >Display line number</span>
4959
5040
  </label>
4960
5041
  </div>
4961
5042
  </li>
@@ -5542,7 +5623,10 @@ cssPrefix: pf-v5-c-log-viewer
5542
5623
  name="log-viewer-dark-example-check-wrap-lines"
5543
5624
  />
5544
5625
 
5545
- <span class="pf-v5-c-check__label">Wrap lines</span>
5626
+ <span
5627
+ class="pf-v5-c-check__label"
5628
+ for="-input"
5629
+ >Wrap lines</span>
5546
5630
  </label>
5547
5631
  </div>
5548
5632
  </li>
@@ -5559,7 +5643,10 @@ cssPrefix: pf-v5-c-log-viewer
5559
5643
  name="log-viewer-dark-example-check-show-timestamps"
5560
5644
  />
5561
5645
 
5562
- <span class="pf-v5-c-check__label">Show timestamps</span>
5646
+ <span
5647
+ class="pf-v5-c-check__label"
5648
+ for="-input"
5649
+ >Show timestamps</span>
5563
5650
  </label>
5564
5651
  </div>
5565
5652
  </li>
@@ -5576,7 +5663,10 @@ cssPrefix: pf-v5-c-log-viewer
5576
5663
  name="log-viewer-dark-example-check-line-number"
5577
5664
  />
5578
5665
 
5579
- <span class="pf-v5-c-check__label">Display line number</span>
5666
+ <span
5667
+ class="pf-v5-c-check__label"
5668
+ for="-input"
5669
+ >Display line number</span>
5580
5670
  </label>
5581
5671
  </div>
5582
5672
  </li>
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -275,14 +275,18 @@ cssPrefix: pf-v5-c-menu-toggle
275
275
 
276
276
  ```html
277
277
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled">
278
- <label class="pf-v5-c-check pf-m-standalone">
278
+ <label
279
+ class="pf-v5-c-check pf-m-standalone"
280
+ id="split-button-checkbox-disabled-example-check"
281
+ for="split-button-checkbox-disabled-example-check-input"
282
+ >
279
283
  <input
280
284
  class="pf-v5-c-check__input"
281
285
  type="checkbox"
286
+ id="split-button-checkbox-disabled-example-check-input"
287
+ name="split-button-checkbox-disabled-example-check-input"
288
+ aria-label="Standalone check"
282
289
  disabled
283
- id="split-button-checkbox-disabled-example-input"
284
- name="split-button-checkbox-disabled-example-input"
285
- aria-label="Standalone input"
286
290
  />
287
291
  </label>
288
292
  <button
@@ -302,13 +306,17 @@ cssPrefix: pf-v5-c-menu-toggle
302
306
  </div>
303
307
  &nbsp;
304
308
  <div class="pf-v5-c-menu-toggle pf-m-split-button">
305
- <label class="pf-v5-c-check pf-m-standalone">
309
+ <label
310
+ class="pf-v5-c-check pf-m-standalone"
311
+ id="split-button-checkbox-example-check"
312
+ for="split-button-checkbox-example-check-input"
313
+ >
306
314
  <input
307
315
  class="pf-v5-c-check__input"
308
316
  type="checkbox"
309
- id="split-button-checkbox-example-input"
310
- name="split-button-checkbox-example-input"
311
- aria-label="Standalone input"
317
+ id="split-button-checkbox-example-check-input"
318
+ name="split-button-checkbox-example-check-input"
319
+ aria-label="Standalone check"
312
320
  />
313
321
  </label>
314
322
  <button
@@ -327,13 +335,17 @@ cssPrefix: pf-v5-c-menu-toggle
327
335
  </div>
328
336
  &nbsp;
329
337
  <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button">
330
- <label class="pf-v5-c-check pf-m-standalone">
338
+ <label
339
+ class="pf-v5-c-check pf-m-standalone"
340
+ id="split-button-checkbox-expanded-example-check"
341
+ for="split-button-checkbox-expanded-example-check-input"
342
+ >
331
343
  <input
332
344
  class="pf-v5-c-check__input"
333
345
  type="checkbox"
334
- id="split-button-checkbox-expanded-example-input"
335
- name="split-button-checkbox-expanded-example-input"
336
- aria-label="Standalone input"
346
+ id="split-button-checkbox-expanded-example-check-input"
347
+ name="split-button-checkbox-expanded-example-check-input"
348
+ aria-label="Standalone check"
337
349
  />
338
350
  </label>
339
351
  <button
@@ -359,14 +371,15 @@ cssPrefix: pf-v5-c-menu-toggle
359
371
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled">
360
372
  <label
361
373
  class="pf-v5-c-check"
362
- for="split-button-checkbox-with-toggle-text-disabled-example-input"
374
+ id="split-button-checkbox-with-toggle-text-disabled-example-check"
375
+ for="split-button-checkbox-with-toggle-text-disabled-example-check-input"
363
376
  >
364
377
  <input
365
378
  class="pf-v5-c-check__input"
366
379
  type="checkbox"
380
+ id="split-button-checkbox-with-toggle-text-disabled-example-check-input"
381
+ name="split-button-checkbox-with-toggle-text-disabled-example-check-input"
367
382
  disabled
368
- id="split-button-checkbox-with-toggle-text-disabled-example-input"
369
- name="split-button-checkbox-with-toggle-text-disabled-example-input"
370
383
  />
371
384
  <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
372
385
  </label>
@@ -389,13 +402,14 @@ cssPrefix: pf-v5-c-menu-toggle
389
402
  <div class="pf-v5-c-menu-toggle pf-m-split-button">
390
403
  <label
391
404
  class="pf-v5-c-check"
392
- for="split-button-checkbox-with-toggle-text-example-input"
405
+ id="split-button-checkbox-with-toggle-text-example-check"
406
+ for="split-button-checkbox-with-toggle-text-example-check-input"
393
407
  >
394
408
  <input
395
409
  class="pf-v5-c-check__input"
396
410
  type="checkbox"
397
- id="split-button-checkbox-with-toggle-text-example-input"
398
- name="split-button-checkbox-with-toggle-text-example-input"
411
+ id="split-button-checkbox-with-toggle-text-example-check-input"
412
+ name="split-button-checkbox-with-toggle-text-example-check-input"
399
413
  />
400
414
  <span class="pf-v5-c-check__label">10 selected</span>
401
415
  </label>
@@ -417,13 +431,14 @@ cssPrefix: pf-v5-c-menu-toggle
417
431
  <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button">
418
432
  <label
419
433
  class="pf-v5-c-check"
420
- for="split-button-checkbox-with-toggle-text-expanded-example-input"
434
+ id="split-button-checkbox-with-toggle-text-expanded-example-check"
435
+ for="split-button-checkbox-with-toggle-text-expanded-example-check-input"
421
436
  >
422
437
  <input
423
438
  class="pf-v5-c-check__input"
424
439
  type="checkbox"
425
- id="split-button-checkbox-with-toggle-text-expanded-example-input"
426
- name="split-button-checkbox-with-toggle-text-expanded-example-input"
440
+ id="split-button-checkbox-with-toggle-text-expanded-example-check-input"
441
+ name="split-button-checkbox-with-toggle-text-expanded-example-check-input"
427
442
  />
428
443
  <span class="pf-v5-c-check__label">10 selected</span>
429
444
  </label>
@@ -450,14 +465,15 @@ cssPrefix: pf-v5-c-menu-toggle
450
465
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-primary">
451
466
  <label
452
467
  class="pf-v5-c-check"
453
- for="split-button-checkbox-primary-disabled-example-input"
468
+ id="split-button-checkbox-primary-disabled-example-check"
469
+ for="split-button-checkbox-primary-disabled-example-check-input"
454
470
  >
455
471
  <input
456
472
  class="pf-v5-c-check__input"
457
473
  type="checkbox"
474
+ id="split-button-checkbox-primary-disabled-example-check-input"
475
+ name="split-button-checkbox-primary-disabled-example-check-input"
458
476
  disabled
459
- id="split-button-checkbox-primary-disabled-example-input"
460
- name="split-button-checkbox-primary-disabled-example-input"
461
477
  />
462
478
  <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
463
479
  </label>
@@ -480,13 +496,14 @@ cssPrefix: pf-v5-c-menu-toggle
480
496
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-primary">
481
497
  <label
482
498
  class="pf-v5-c-check"
483
- for="split-button-checkbox-primary-example-input"
499
+ id="split-button-checkbox-primary-example-check"
500
+ for="split-button-checkbox-primary-example-check-input"
484
501
  >
485
502
  <input
486
503
  class="pf-v5-c-check__input"
487
504
  type="checkbox"
488
- id="split-button-checkbox-primary-example-input"
489
- name="split-button-checkbox-primary-example-input"
505
+ id="split-button-checkbox-primary-example-check-input"
506
+ name="split-button-checkbox-primary-example-check-input"
490
507
  />
491
508
  <span class="pf-v5-c-check__label">10 selected</span>
492
509
  </label>
@@ -508,13 +525,14 @@ cssPrefix: pf-v5-c-menu-toggle
508
525
  <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-primary">
509
526
  <label
510
527
  class="pf-v5-c-check"
511
- for="split-button-checkbox-primary-expanded-example-input"
528
+ id="split-button-checkbox-primary-expanded-example-check"
529
+ for="split-button-checkbox-primary-expanded-example-check-input"
512
530
  >
513
531
  <input
514
532
  class="pf-v5-c-check__input"
515
533
  type="checkbox"
516
- id="split-button-checkbox-primary-expanded-example-input"
517
- name="split-button-checkbox-primary-expanded-example-input"
534
+ id="split-button-checkbox-primary-expanded-example-check-input"
535
+ name="split-button-checkbox-primary-expanded-example-check-input"
518
536
  />
519
537
  <span class="pf-v5-c-check__label">10 selected</span>
520
538
  </label>
@@ -541,14 +559,15 @@ cssPrefix: pf-v5-c-menu-toggle
541
559
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-disabled pf-m-secondary">
542
560
  <label
543
561
  class="pf-v5-c-check"
544
- for="split-button-checkbox-secondary-disabled-example-input"
562
+ id="split-button-checkbox-secondary-disabled-example-check"
563
+ for="split-button-checkbox-secondary-disabled-example-check-input"
545
564
  >
546
565
  <input
547
566
  class="pf-v5-c-check__input"
548
567
  type="checkbox"
568
+ id="split-button-checkbox-secondary-disabled-example-check-input"
569
+ name="split-button-checkbox-secondary-disabled-example-check-input"
549
570
  disabled
550
- id="split-button-checkbox-secondary-disabled-example-input"
551
- name="split-button-checkbox-secondary-disabled-example-input"
552
571
  />
553
572
  <span class="pf-v5-c-check__label pf-m-disabled">10 selected</span>
554
573
  </label>
@@ -571,13 +590,14 @@ cssPrefix: pf-v5-c-menu-toggle
571
590
  <div class="pf-v5-c-menu-toggle pf-m-split-button pf-m-secondary">
572
591
  <label
573
592
  class="pf-v5-c-check"
574
- for="split-button-checkbox-secondary-example-input"
593
+ id="split-button-checkbox-secondary-example-check"
594
+ for="split-button-checkbox-secondary-example-check-input"
575
595
  >
576
596
  <input
577
597
  class="pf-v5-c-check__input"
578
598
  type="checkbox"
579
- id="split-button-checkbox-secondary-example-input"
580
- name="split-button-checkbox-secondary-example-input"
599
+ id="split-button-checkbox-secondary-example-check-input"
600
+ name="split-button-checkbox-secondary-example-check-input"
581
601
  />
582
602
  <span class="pf-v5-c-check__label">10 selected</span>
583
603
  </label>
@@ -599,13 +619,14 @@ cssPrefix: pf-v5-c-menu-toggle
599
619
  <div class="pf-v5-c-menu-toggle pf-m-expanded pf-m-split-button pf-m-secondary">
600
620
  <label
601
621
  class="pf-v5-c-check"
602
- for="split-button-checkbox-secondary-expanded-example-input"
622
+ id="split-button-checkbox-secondary-expanded-example-check"
623
+ for="split-button-checkbox-secondary-expanded-example-check-input"
603
624
  >
604
625
  <input
605
626
  class="pf-v5-c-check__input"
606
627
  type="checkbox"
607
- id="split-button-checkbox-secondary-expanded-example-input"
608
- name="split-button-checkbox-secondary-expanded-example-input"
628
+ id="split-button-checkbox-secondary-expanded-example-check-input"
629
+ name="split-button-checkbox-secondary-expanded-example-check-input"
609
630
  />
610
631
  <span class="pf-v5-c-check__label">10 selected</span>
611
632
  </label>