@patternfly/patternfly 6.0.0-alpha.169 → 6.0.0-alpha.170

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 (27) hide show
  1. package/components/Card/card.css +3 -3
  2. package/components/Card/card.scss +3 -3
  3. package/components/_index.css +3 -3
  4. package/docs/components/InputGroup/examples/InputGroup.md +11 -53
  5. package/docs/components/Login/examples/Login.md +11 -42
  6. package/docs/demos/Card/examples/Card.md +64 -324
  7. package/docs/demos/CardView/examples/CardView.md +11 -103
  8. package/docs/demos/Dashboard/examples/Dashboard.md +22 -128
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +105 -794
  10. package/docs/demos/Table/examples/Table.md +141 -1320
  11. package/docs/demos/Tabs/examples/Tabs.md +11 -103
  12. package/package.json +1 -1
  13. package/patternfly-no-globals.css +3 -3
  14. package/patternfly.css +3 -3
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  18. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  19. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  20. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -907
  21. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  22. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  23. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  24. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  25. package/docs/components/Select/deprecated/Select.css +0 -56
  26. package/docs/components/Select/deprecated/Select.md +0 -3609
  27. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1781
@@ -1383,94 +1383,19 @@ wrapperTag: div
1383
1383
  </div>
1384
1384
 
1385
1385
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-xl">
1386
- <div class="pf-v6-c-options-menu pf-m-expanded">
1387
- <button
1388
- class="pf-v6-c-options-menu__toggle pf-m-plain"
1389
- type="button"
1390
- id="{{toolbar--id}}-sort-mobile-menu-toggle"
1391
- aria-haspopup="listbox"
1392
- aria-expanded="true"
1393
- aria-label="Sort by"
1394
- >
1386
+ <button
1387
+ class="pf-v6-c-menu-toggle pf-m-plain"
1388
+ type="button"
1389
+ aria-expanded="false"
1390
+ aria-label="Sort by"
1391
+ >
1392
+ <span class="pf-v6-c-menu-toggle__icon">
1395
1393
  <i
1396
1394
  class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1397
1395
  aria-hidden="true"
1398
1396
  ></i>
1399
- </button>
1400
- <ul
1401
- class="pf-v6-c-options-menu__menu"
1402
- role="menu"
1403
- aria-labelledby="{{toolbar--id}}-sort-mobile-menu-toggle"
1404
- >
1405
- <li role="none">
1406
- <button
1407
- class="pf-v6-c-options-menu__menu-item"
1408
- type="button"
1409
- role="menuitem"
1410
- >
1411
- Repository name
1412
- <div class="pf-v6-c-options-menu__menu-item-icon">
1413
- <i class="fas fa-check" aria-hidden="true"></i>
1414
- </div>
1415
- </button>
1416
- </li>
1417
- <li role="none">
1418
- <button
1419
- class="pf-v6-c-options-menu__menu-item"
1420
- type="button"
1421
- role="menuitem"
1422
- >Branches</button>
1423
- </li>
1424
- <li role="none">
1425
- <button
1426
- class="pf-v6-c-options-menu__menu-item"
1427
- type="button"
1428
- role="menuitem"
1429
- >Pull requests</button>
1430
- </li>
1431
- <li role="none">
1432
- <button
1433
- class="pf-v6-c-options-menu__menu-item"
1434
- type="button"
1435
- role="menuitem"
1436
- >Workspaces</button>
1437
- </li>
1438
- <li role="none">
1439
- <button
1440
- class="pf-v6-c-options-menu__menu-item"
1441
- type="button"
1442
- role="menuitem"
1443
- >Last commit</button>
1444
- </li>
1445
- <li role="none">
1446
- <button
1447
- class="pf-v6-c-options-menu__menu-item"
1448
- type="button"
1449
- role="menuitem"
1450
- >Actions</button>
1451
- </li>
1452
- <li class="pf-v6-c-divider" role="separator"></li>
1453
- <li role="none">
1454
- <button
1455
- class="pf-v6-c-options-menu__menu-item"
1456
- type="button"
1457
- role="menuitem"
1458
- >
1459
- Ascending
1460
- <div class="pf-v6-c-options-menu__menu-item-icon">
1461
- <i class="fas fa-check" aria-hidden="true"></i>
1462
- </div>
1463
- </button>
1464
- </li>
1465
- <li role="none">
1466
- <button
1467
- class="pf-v6-c-options-menu__menu-item"
1468
- type="button"
1469
- role="menuitem"
1470
- >Descending</button>
1471
- </li>
1472
- </ul>
1473
- </div>
1397
+ </span>
1398
+ </button>
1474
1399
  </div>
1475
1400
 
1476
1401
  <div
@@ -2554,218 +2479,34 @@ wrapperTag: div
2554
2479
 
2555
2480
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
2556
2481
  <div class="pf-v6-c-toolbar__item">
2557
- <div class="pf-v6-c-select">
2558
- <span
2559
- id="expandable-demo-toolbar-select-checkbox-status-label"
2560
- hidden
2561
- >Choose many</span>
2562
-
2563
- <button
2564
- class="pf-v6-c-select__toggle"
2565
- type="button"
2566
- id="expandable-demo-toolbar-select-checkbox-status-toggle"
2567
- aria-haspopup="true"
2568
- aria-expanded="false"
2569
- aria-labelledby="expandable-demo-toolbar-select-checkbox-status-label expandable-demo-toolbar-select-checkbox-status-toggle"
2570
- >
2571
- <div class="pf-v6-c-select__toggle-wrapper">
2572
- <span class="pf-v6-c-select__toggle-text">Status</span>
2573
- </div>
2574
- <span class="pf-v6-c-select__toggle-arrow">
2482
+ <button
2483
+ class="pf-v6-c-menu-toggle"
2484
+ type="button"
2485
+ aria-expanded="false"
2486
+ id="expandable-demo-toolbar-select-checkbox-status"
2487
+ >
2488
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
2489
+ <span class="pf-v6-c-menu-toggle__controls">
2490
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2575
2491
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2576
2492
  </span>
2577
- </button>
2578
-
2579
- <div class="pf-v6-c-select__menu" hidden>
2580
- <fieldset
2581
- class="pf-v6-c-select__menu-fieldset"
2582
- aria-label="Select input"
2583
- >
2584
- <label
2585
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2586
- id="expandable-demo-toolbar-select-checkbox-status-active"
2587
- for="expandable-demo-toolbar-select-checkbox-status-active-input"
2588
- >
2589
- <input
2590
- class="pf-v6-c-check__input"
2591
- type="checkbox"
2592
- aria-describedby="expandable-demo-toolbar-select-checkbox-status-active-description"
2593
- id="expandable-demo-toolbar-select-checkbox-status-active-input"
2594
- name="expandable-demo-toolbar-select-checkbox-status-active-input"
2595
- />
2596
- <span class="pf-v6-c-check__label">Active</span>
2597
- <span
2598
- class="pf-v6-c-check__description"
2599
- id="expandable-demo-toolbar-select-checkbox-status-active-description"
2600
- >This is a description</span>
2601
- </label>
2602
- <label
2603
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2604
- id="expandable-demo-toolbar-select-checkbox-status-canceled"
2605
- for="expandable-demo-toolbar-select-checkbox-status-canceled-input"
2606
- >
2607
- <input
2608
- class="pf-v6-c-check__input"
2609
- type="checkbox"
2610
- aria-describedby="expandable-demo-toolbar-select-checkbox-status-canceled-description"
2611
- id="expandable-demo-toolbar-select-checkbox-status-canceled-input"
2612
- name="expandable-demo-toolbar-select-checkbox-status-canceled-input"
2613
- />
2614
- <span class="pf-v6-c-check__label">Canceled</span>
2615
- <span
2616
- class="pf-v6-c-check__description"
2617
- id="expandable-demo-toolbar-select-checkbox-status-canceled-description"
2618
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2619
- </label>
2620
- <label
2621
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2622
- id="expandable-demo-toolbar-select-checkbox-status-paused"
2623
- for="expandable-demo-toolbar-select-checkbox-status-paused-input"
2624
- >
2625
- <input
2626
- class="pf-v6-c-check__input"
2627
- type="checkbox"
2628
- id="expandable-demo-toolbar-select-checkbox-status-paused-input"
2629
- name="expandable-demo-toolbar-select-checkbox-status-paused-input"
2630
- />
2631
- <span class="pf-v6-c-check__label">Paused</span>
2632
- </label>
2633
- <label
2634
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2635
- id="expandable-demo-toolbar-select-checkbox-status-warning"
2636
- for="expandable-demo-toolbar-select-checkbox-status-warning-input"
2637
- >
2638
- <input
2639
- class="pf-v6-c-check__input"
2640
- type="checkbox"
2641
- id="expandable-demo-toolbar-select-checkbox-status-warning-input"
2642
- name="expandable-demo-toolbar-select-checkbox-status-warning-input"
2643
- />
2644
- <span class="pf-v6-c-check__label">Warning</span>
2645
- </label>
2646
- <label
2647
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2648
- id="expandable-demo-toolbar-select-checkbox-status-restarted"
2649
- for="expandable-demo-toolbar-select-checkbox-status-restarted-input"
2650
- >
2651
- <input
2652
- class="pf-v6-c-check__input"
2653
- type="checkbox"
2654
- id="expandable-demo-toolbar-select-checkbox-status-restarted-input"
2655
- name="expandable-demo-toolbar-select-checkbox-status-restarted-input"
2656
- />
2657
- <span class="pf-v6-c-check__label">Restarted</span>
2658
- </label>
2659
- </fieldset>
2660
- </div>
2661
- </div>
2493
+ </span>
2494
+ </button>
2662
2495
  </div>
2663
2496
  <div class="pf-v6-c-toolbar__item">
2664
- <div class="pf-v6-c-select">
2665
- <span
2666
- id="expandable-demo-toolbar-select-checkbox-risk-label"
2667
- hidden
2668
- >Choose many</span>
2669
-
2670
- <button
2671
- class="pf-v6-c-select__toggle"
2672
- type="button"
2673
- id="expandable-demo-toolbar-select-checkbox-risk-toggle"
2674
- aria-haspopup="true"
2675
- aria-expanded="false"
2676
- aria-labelledby="expandable-demo-toolbar-select-checkbox-risk-label expandable-demo-toolbar-select-checkbox-risk-toggle"
2677
- >
2678
- <div class="pf-v6-c-select__toggle-wrapper">
2679
- <span class="pf-v6-c-select__toggle-text">Risk</span>
2680
- </div>
2681
- <span class="pf-v6-c-select__toggle-arrow">
2497
+ <button
2498
+ class="pf-v6-c-menu-toggle"
2499
+ type="button"
2500
+ aria-expanded="false"
2501
+ id="expandable-demo-toolbar-select-checkbox-risk"
2502
+ >
2503
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
2504
+ <span class="pf-v6-c-menu-toggle__controls">
2505
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2682
2506
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2683
2507
  </span>
2684
- </button>
2685
-
2686
- <div class="pf-v6-c-select__menu" hidden>
2687
- <fieldset
2688
- class="pf-v6-c-select__menu-fieldset"
2689
- aria-label="Select input"
2690
- >
2691
- <label
2692
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2693
- id="expandable-demo-toolbar-select-checkbox-risk-active"
2694
- for="expandable-demo-toolbar-select-checkbox-risk-active-input"
2695
- >
2696
- <input
2697
- class="pf-v6-c-check__input"
2698
- type="checkbox"
2699
- aria-describedby="expandable-demo-toolbar-select-checkbox-risk-active-description"
2700
- id="expandable-demo-toolbar-select-checkbox-risk-active-input"
2701
- name="expandable-demo-toolbar-select-checkbox-risk-active-input"
2702
- />
2703
- <span class="pf-v6-c-check__label">Active</span>
2704
- <span
2705
- class="pf-v6-c-check__description"
2706
- id="expandable-demo-toolbar-select-checkbox-risk-active-description"
2707
- >This is a description</span>
2708
- </label>
2709
- <label
2710
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
2711
- id="expandable-demo-toolbar-select-checkbox-risk-canceled"
2712
- for="expandable-demo-toolbar-select-checkbox-risk-canceled-input"
2713
- >
2714
- <input
2715
- class="pf-v6-c-check__input"
2716
- type="checkbox"
2717
- aria-describedby="expandable-demo-toolbar-select-checkbox-risk-canceled-description"
2718
- id="expandable-demo-toolbar-select-checkbox-risk-canceled-input"
2719
- name="expandable-demo-toolbar-select-checkbox-risk-canceled-input"
2720
- />
2721
- <span class="pf-v6-c-check__label">Canceled</span>
2722
- <span
2723
- class="pf-v6-c-check__description"
2724
- id="expandable-demo-toolbar-select-checkbox-risk-canceled-description"
2725
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2726
- </label>
2727
- <label
2728
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2729
- id="expandable-demo-toolbar-select-checkbox-risk-paused"
2730
- for="expandable-demo-toolbar-select-checkbox-risk-paused-input"
2731
- >
2732
- <input
2733
- class="pf-v6-c-check__input"
2734
- type="checkbox"
2735
- id="expandable-demo-toolbar-select-checkbox-risk-paused-input"
2736
- name="expandable-demo-toolbar-select-checkbox-risk-paused-input"
2737
- />
2738
- <span class="pf-v6-c-check__label">Paused</span>
2739
- </label>
2740
- <label
2741
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2742
- id="expandable-demo-toolbar-select-checkbox-risk-warning"
2743
- for="expandable-demo-toolbar-select-checkbox-risk-warning-input"
2744
- >
2745
- <input
2746
- class="pf-v6-c-check__input"
2747
- type="checkbox"
2748
- id="expandable-demo-toolbar-select-checkbox-risk-warning-input"
2749
- name="expandable-demo-toolbar-select-checkbox-risk-warning-input"
2750
- />
2751
- <span class="pf-v6-c-check__label">Warning</span>
2752
- </label>
2753
- <label
2754
- class="pf-v6-c-check pf-v6-c-select__menu-item"
2755
- id="expandable-demo-toolbar-select-checkbox-risk-restarted"
2756
- for="expandable-demo-toolbar-select-checkbox-risk-restarted-input"
2757
- >
2758
- <input
2759
- class="pf-v6-c-check__input"
2760
- type="checkbox"
2761
- id="expandable-demo-toolbar-select-checkbox-risk-restarted-input"
2762
- name="expandable-demo-toolbar-select-checkbox-risk-restarted-input"
2763
- />
2764
- <span class="pf-v6-c-check__label">Restarted</span>
2765
- </label>
2766
- </fieldset>
2767
- </div>
2768
- </div>
2508
+ </span>
2509
+ </button>
2769
2510
  </div>
2770
2511
  </div>
2771
2512
  </div>
@@ -3940,218 +3681,34 @@ wrapperTag: div
3940
3681
 
3941
3682
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
3942
3683
  <div class="pf-v6-c-toolbar__item">
3943
- <div class="pf-v6-c-select">
3944
- <span
3945
- id="compact-demo-toolbar-select-checkbox-status-label"
3946
- hidden
3947
- >Choose many</span>
3948
-
3949
- <button
3950
- class="pf-v6-c-select__toggle"
3951
- type="button"
3952
- id="compact-demo-toolbar-select-checkbox-status-toggle"
3953
- aria-haspopup="true"
3954
- aria-expanded="false"
3955
- aria-labelledby="compact-demo-toolbar-select-checkbox-status-label compact-demo-toolbar-select-checkbox-status-toggle"
3956
- >
3957
- <div class="pf-v6-c-select__toggle-wrapper">
3958
- <span class="pf-v6-c-select__toggle-text">Status</span>
3959
- </div>
3960
- <span class="pf-v6-c-select__toggle-arrow">
3684
+ <button
3685
+ class="pf-v6-c-menu-toggle"
3686
+ type="button"
3687
+ aria-expanded="false"
3688
+ id="compact-demo-toolbar-select-checkbox-status"
3689
+ >
3690
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
3691
+ <span class="pf-v6-c-menu-toggle__controls">
3692
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3961
3693
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3962
3694
  </span>
3963
- </button>
3964
-
3965
- <div class="pf-v6-c-select__menu" hidden>
3966
- <fieldset
3967
- class="pf-v6-c-select__menu-fieldset"
3968
- aria-label="Select input"
3969
- >
3970
- <label
3971
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
3972
- id="compact-demo-toolbar-select-checkbox-status-active"
3973
- for="compact-demo-toolbar-select-checkbox-status-active-input"
3974
- >
3975
- <input
3976
- class="pf-v6-c-check__input"
3977
- type="checkbox"
3978
- aria-describedby="compact-demo-toolbar-select-checkbox-status-active-description"
3979
- id="compact-demo-toolbar-select-checkbox-status-active-input"
3980
- name="compact-demo-toolbar-select-checkbox-status-active-input"
3981
- />
3982
- <span class="pf-v6-c-check__label">Active</span>
3983
- <span
3984
- class="pf-v6-c-check__description"
3985
- id="compact-demo-toolbar-select-checkbox-status-active-description"
3986
- >This is a description</span>
3987
- </label>
3988
- <label
3989
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
3990
- id="compact-demo-toolbar-select-checkbox-status-canceled"
3991
- for="compact-demo-toolbar-select-checkbox-status-canceled-input"
3992
- >
3993
- <input
3994
- class="pf-v6-c-check__input"
3995
- type="checkbox"
3996
- aria-describedby="compact-demo-toolbar-select-checkbox-status-canceled-description"
3997
- id="compact-demo-toolbar-select-checkbox-status-canceled-input"
3998
- name="compact-demo-toolbar-select-checkbox-status-canceled-input"
3999
- />
4000
- <span class="pf-v6-c-check__label">Canceled</span>
4001
- <span
4002
- class="pf-v6-c-check__description"
4003
- id="compact-demo-toolbar-select-checkbox-status-canceled-description"
4004
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4005
- </label>
4006
- <label
4007
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4008
- id="compact-demo-toolbar-select-checkbox-status-paused"
4009
- for="compact-demo-toolbar-select-checkbox-status-paused-input"
4010
- >
4011
- <input
4012
- class="pf-v6-c-check__input"
4013
- type="checkbox"
4014
- id="compact-demo-toolbar-select-checkbox-status-paused-input"
4015
- name="compact-demo-toolbar-select-checkbox-status-paused-input"
4016
- />
4017
- <span class="pf-v6-c-check__label">Paused</span>
4018
- </label>
4019
- <label
4020
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4021
- id="compact-demo-toolbar-select-checkbox-status-warning"
4022
- for="compact-demo-toolbar-select-checkbox-status-warning-input"
4023
- >
4024
- <input
4025
- class="pf-v6-c-check__input"
4026
- type="checkbox"
4027
- id="compact-demo-toolbar-select-checkbox-status-warning-input"
4028
- name="compact-demo-toolbar-select-checkbox-status-warning-input"
4029
- />
4030
- <span class="pf-v6-c-check__label">Warning</span>
4031
- </label>
4032
- <label
4033
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4034
- id="compact-demo-toolbar-select-checkbox-status-restarted"
4035
- for="compact-demo-toolbar-select-checkbox-status-restarted-input"
4036
- >
4037
- <input
4038
- class="pf-v6-c-check__input"
4039
- type="checkbox"
4040
- id="compact-demo-toolbar-select-checkbox-status-restarted-input"
4041
- name="compact-demo-toolbar-select-checkbox-status-restarted-input"
4042
- />
4043
- <span class="pf-v6-c-check__label">Restarted</span>
4044
- </label>
4045
- </fieldset>
4046
- </div>
4047
- </div>
3695
+ </span>
3696
+ </button>
4048
3697
  </div>
4049
3698
  <div class="pf-v6-c-toolbar__item">
4050
- <div class="pf-v6-c-select">
4051
- <span
4052
- id="compact-demo-toolbar-select-checkbox-risk-label"
4053
- hidden
4054
- >Choose many</span>
4055
-
4056
- <button
4057
- class="pf-v6-c-select__toggle"
4058
- type="button"
4059
- id="compact-demo-toolbar-select-checkbox-risk-toggle"
4060
- aria-haspopup="true"
4061
- aria-expanded="false"
4062
- aria-labelledby="compact-demo-toolbar-select-checkbox-risk-label compact-demo-toolbar-select-checkbox-risk-toggle"
4063
- >
4064
- <div class="pf-v6-c-select__toggle-wrapper">
4065
- <span class="pf-v6-c-select__toggle-text">Risk</span>
4066
- </div>
4067
- <span class="pf-v6-c-select__toggle-arrow">
3699
+ <button
3700
+ class="pf-v6-c-menu-toggle"
3701
+ type="button"
3702
+ aria-expanded="false"
3703
+ id="compact-demo-toolbar-select-checkbox-risk"
3704
+ >
3705
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
3706
+ <span class="pf-v6-c-menu-toggle__controls">
3707
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
4068
3708
  <i class="fas fa-caret-down" aria-hidden="true"></i>
4069
3709
  </span>
4070
- </button>
4071
-
4072
- <div class="pf-v6-c-select__menu" hidden>
4073
- <fieldset
4074
- class="pf-v6-c-select__menu-fieldset"
4075
- aria-label="Select input"
4076
- >
4077
- <label
4078
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
4079
- id="compact-demo-toolbar-select-checkbox-risk-active"
4080
- for="compact-demo-toolbar-select-checkbox-risk-active-input"
4081
- >
4082
- <input
4083
- class="pf-v6-c-check__input"
4084
- type="checkbox"
4085
- aria-describedby="compact-demo-toolbar-select-checkbox-risk-active-description"
4086
- id="compact-demo-toolbar-select-checkbox-risk-active-input"
4087
- name="compact-demo-toolbar-select-checkbox-risk-active-input"
4088
- />
4089
- <span class="pf-v6-c-check__label">Active</span>
4090
- <span
4091
- class="pf-v6-c-check__description"
4092
- id="compact-demo-toolbar-select-checkbox-risk-active-description"
4093
- >This is a description</span>
4094
- </label>
4095
- <label
4096
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
4097
- id="compact-demo-toolbar-select-checkbox-risk-canceled"
4098
- for="compact-demo-toolbar-select-checkbox-risk-canceled-input"
4099
- >
4100
- <input
4101
- class="pf-v6-c-check__input"
4102
- type="checkbox"
4103
- aria-describedby="compact-demo-toolbar-select-checkbox-risk-canceled-description"
4104
- id="compact-demo-toolbar-select-checkbox-risk-canceled-input"
4105
- name="compact-demo-toolbar-select-checkbox-risk-canceled-input"
4106
- />
4107
- <span class="pf-v6-c-check__label">Canceled</span>
4108
- <span
4109
- class="pf-v6-c-check__description"
4110
- id="compact-demo-toolbar-select-checkbox-risk-canceled-description"
4111
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4112
- </label>
4113
- <label
4114
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4115
- id="compact-demo-toolbar-select-checkbox-risk-paused"
4116
- for="compact-demo-toolbar-select-checkbox-risk-paused-input"
4117
- >
4118
- <input
4119
- class="pf-v6-c-check__input"
4120
- type="checkbox"
4121
- id="compact-demo-toolbar-select-checkbox-risk-paused-input"
4122
- name="compact-demo-toolbar-select-checkbox-risk-paused-input"
4123
- />
4124
- <span class="pf-v6-c-check__label">Paused</span>
4125
- </label>
4126
- <label
4127
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4128
- id="compact-demo-toolbar-select-checkbox-risk-warning"
4129
- for="compact-demo-toolbar-select-checkbox-risk-warning-input"
4130
- >
4131
- <input
4132
- class="pf-v6-c-check__input"
4133
- type="checkbox"
4134
- id="compact-demo-toolbar-select-checkbox-risk-warning-input"
4135
- name="compact-demo-toolbar-select-checkbox-risk-warning-input"
4136
- />
4137
- <span class="pf-v6-c-check__label">Warning</span>
4138
- </label>
4139
- <label
4140
- class="pf-v6-c-check pf-v6-c-select__menu-item"
4141
- id="compact-demo-toolbar-select-checkbox-risk-restarted"
4142
- for="compact-demo-toolbar-select-checkbox-risk-restarted-input"
4143
- >
4144
- <input
4145
- class="pf-v6-c-check__input"
4146
- type="checkbox"
4147
- id="compact-demo-toolbar-select-checkbox-risk-restarted-input"
4148
- name="compact-demo-toolbar-select-checkbox-risk-restarted-input"
4149
- />
4150
- <span class="pf-v6-c-check__label">Restarted</span>
4151
- </label>
4152
- </fieldset>
4153
- </div>
4154
- </div>
3710
+ </span>
3711
+ </button>
4155
3712
  </div>
4156
3713
  </div>
4157
3714
  </div>
@@ -5045,218 +4602,34 @@ wrapperTag: div
5045
4602
 
5046
4603
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
5047
4604
  <div class="pf-v6-c-toolbar__item">
5048
- <div class="pf-v6-c-select">
5049
- <span
5050
- id="compound-expansion-demo-toolbar-select-checkbox-status-label"
5051
- hidden
5052
- >Choose many</span>
5053
-
5054
- <button
5055
- class="pf-v6-c-select__toggle"
5056
- type="button"
5057
- id="compound-expansion-demo-toolbar-select-checkbox-status-toggle"
5058
- aria-haspopup="true"
5059
- aria-expanded="false"
5060
- aria-labelledby="compound-expansion-demo-toolbar-select-checkbox-status-label compound-expansion-demo-toolbar-select-checkbox-status-toggle"
5061
- >
5062
- <div class="pf-v6-c-select__toggle-wrapper">
5063
- <span class="pf-v6-c-select__toggle-text">Status</span>
5064
- </div>
5065
- <span class="pf-v6-c-select__toggle-arrow">
4605
+ <button
4606
+ class="pf-v6-c-menu-toggle"
4607
+ type="button"
4608
+ aria-expanded="false"
4609
+ id="compound-expansion-demo-toolbar-select-checkbox-status"
4610
+ >
4611
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
4612
+ <span class="pf-v6-c-menu-toggle__controls">
4613
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
5066
4614
  <i class="fas fa-caret-down" aria-hidden="true"></i>
5067
4615
  </span>
5068
- </button>
5069
-
5070
- <div class="pf-v6-c-select__menu" hidden>
5071
- <fieldset
5072
- class="pf-v6-c-select__menu-fieldset"
5073
- aria-label="Select input"
5074
- >
5075
- <label
5076
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
5077
- id="compound-expansion-demo-toolbar-select-checkbox-status-active"
5078
- for="compound-expansion-demo-toolbar-select-checkbox-status-active-input"
5079
- >
5080
- <input
5081
- class="pf-v6-c-check__input"
5082
- type="checkbox"
5083
- aria-describedby="compound-expansion-demo-toolbar-select-checkbox-status-active-description"
5084
- id="compound-expansion-demo-toolbar-select-checkbox-status-active-input"
5085
- name="compound-expansion-demo-toolbar-select-checkbox-status-active-input"
5086
- />
5087
- <span class="pf-v6-c-check__label">Active</span>
5088
- <span
5089
- class="pf-v6-c-check__description"
5090
- id="compound-expansion-demo-toolbar-select-checkbox-status-active-description"
5091
- >This is a description</span>
5092
- </label>
5093
- <label
5094
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
5095
- id="compound-expansion-demo-toolbar-select-checkbox-status-canceled"
5096
- for="compound-expansion-demo-toolbar-select-checkbox-status-canceled-input"
5097
- >
5098
- <input
5099
- class="pf-v6-c-check__input"
5100
- type="checkbox"
5101
- aria-describedby="compound-expansion-demo-toolbar-select-checkbox-status-canceled-description"
5102
- id="compound-expansion-demo-toolbar-select-checkbox-status-canceled-input"
5103
- name="compound-expansion-demo-toolbar-select-checkbox-status-canceled-input"
5104
- />
5105
- <span class="pf-v6-c-check__label">Canceled</span>
5106
- <span
5107
- class="pf-v6-c-check__description"
5108
- id="compound-expansion-demo-toolbar-select-checkbox-status-canceled-description"
5109
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5110
- </label>
5111
- <label
5112
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5113
- id="compound-expansion-demo-toolbar-select-checkbox-status-paused"
5114
- for="compound-expansion-demo-toolbar-select-checkbox-status-paused-input"
5115
- >
5116
- <input
5117
- class="pf-v6-c-check__input"
5118
- type="checkbox"
5119
- id="compound-expansion-demo-toolbar-select-checkbox-status-paused-input"
5120
- name="compound-expansion-demo-toolbar-select-checkbox-status-paused-input"
5121
- />
5122
- <span class="pf-v6-c-check__label">Paused</span>
5123
- </label>
5124
- <label
5125
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5126
- id="compound-expansion-demo-toolbar-select-checkbox-status-warning"
5127
- for="compound-expansion-demo-toolbar-select-checkbox-status-warning-input"
5128
- >
5129
- <input
5130
- class="pf-v6-c-check__input"
5131
- type="checkbox"
5132
- id="compound-expansion-demo-toolbar-select-checkbox-status-warning-input"
5133
- name="compound-expansion-demo-toolbar-select-checkbox-status-warning-input"
5134
- />
5135
- <span class="pf-v6-c-check__label">Warning</span>
5136
- </label>
5137
- <label
5138
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5139
- id="compound-expansion-demo-toolbar-select-checkbox-status-restarted"
5140
- for="compound-expansion-demo-toolbar-select-checkbox-status-restarted-input"
5141
- >
5142
- <input
5143
- class="pf-v6-c-check__input"
5144
- type="checkbox"
5145
- id="compound-expansion-demo-toolbar-select-checkbox-status-restarted-input"
5146
- name="compound-expansion-demo-toolbar-select-checkbox-status-restarted-input"
5147
- />
5148
- <span class="pf-v6-c-check__label">Restarted</span>
5149
- </label>
5150
- </fieldset>
5151
- </div>
5152
- </div>
4616
+ </span>
4617
+ </button>
5153
4618
  </div>
5154
4619
  <div class="pf-v6-c-toolbar__item">
5155
- <div class="pf-v6-c-select">
5156
- <span
5157
- id="compound-expansion-demo-toolbar-select-checkbox-risk-label"
5158
- hidden
5159
- >Choose many</span>
5160
-
5161
- <button
5162
- class="pf-v6-c-select__toggle"
5163
- type="button"
5164
- id="compound-expansion-demo-toolbar-select-checkbox-risk-toggle"
5165
- aria-haspopup="true"
5166
- aria-expanded="false"
5167
- aria-labelledby="compound-expansion-demo-toolbar-select-checkbox-risk-label compound-expansion-demo-toolbar-select-checkbox-risk-toggle"
5168
- >
5169
- <div class="pf-v6-c-select__toggle-wrapper">
5170
- <span class="pf-v6-c-select__toggle-text">Risk</span>
5171
- </div>
5172
- <span class="pf-v6-c-select__toggle-arrow">
4620
+ <button
4621
+ class="pf-v6-c-menu-toggle"
4622
+ type="button"
4623
+ aria-expanded="false"
4624
+ id="compound-expansion-demo-toolbar-select-checkbox-risk"
4625
+ >
4626
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
4627
+ <span class="pf-v6-c-menu-toggle__controls">
4628
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
5173
4629
  <i class="fas fa-caret-down" aria-hidden="true"></i>
5174
4630
  </span>
5175
- </button>
5176
-
5177
- <div class="pf-v6-c-select__menu" hidden>
5178
- <fieldset
5179
- class="pf-v6-c-select__menu-fieldset"
5180
- aria-label="Select input"
5181
- >
5182
- <label
5183
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
5184
- id="compound-expansion-demo-toolbar-select-checkbox-risk-active"
5185
- for="compound-expansion-demo-toolbar-select-checkbox-risk-active-input"
5186
- >
5187
- <input
5188
- class="pf-v6-c-check__input"
5189
- type="checkbox"
5190
- aria-describedby="compound-expansion-demo-toolbar-select-checkbox-risk-active-description"
5191
- id="compound-expansion-demo-toolbar-select-checkbox-risk-active-input"
5192
- name="compound-expansion-demo-toolbar-select-checkbox-risk-active-input"
5193
- />
5194
- <span class="pf-v6-c-check__label">Active</span>
5195
- <span
5196
- class="pf-v6-c-check__description"
5197
- id="compound-expansion-demo-toolbar-select-checkbox-risk-active-description"
5198
- >This is a description</span>
5199
- </label>
5200
- <label
5201
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
5202
- id="compound-expansion-demo-toolbar-select-checkbox-risk-canceled"
5203
- for="compound-expansion-demo-toolbar-select-checkbox-risk-canceled-input"
5204
- >
5205
- <input
5206
- class="pf-v6-c-check__input"
5207
- type="checkbox"
5208
- aria-describedby="compound-expansion-demo-toolbar-select-checkbox-risk-canceled-description"
5209
- id="compound-expansion-demo-toolbar-select-checkbox-risk-canceled-input"
5210
- name="compound-expansion-demo-toolbar-select-checkbox-risk-canceled-input"
5211
- />
5212
- <span class="pf-v6-c-check__label">Canceled</span>
5213
- <span
5214
- class="pf-v6-c-check__description"
5215
- id="compound-expansion-demo-toolbar-select-checkbox-risk-canceled-description"
5216
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5217
- </label>
5218
- <label
5219
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5220
- id="compound-expansion-demo-toolbar-select-checkbox-risk-paused"
5221
- for="compound-expansion-demo-toolbar-select-checkbox-risk-paused-input"
5222
- >
5223
- <input
5224
- class="pf-v6-c-check__input"
5225
- type="checkbox"
5226
- id="compound-expansion-demo-toolbar-select-checkbox-risk-paused-input"
5227
- name="compound-expansion-demo-toolbar-select-checkbox-risk-paused-input"
5228
- />
5229
- <span class="pf-v6-c-check__label">Paused</span>
5230
- </label>
5231
- <label
5232
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5233
- id="compound-expansion-demo-toolbar-select-checkbox-risk-warning"
5234
- for="compound-expansion-demo-toolbar-select-checkbox-risk-warning-input"
5235
- >
5236
- <input
5237
- class="pf-v6-c-check__input"
5238
- type="checkbox"
5239
- id="compound-expansion-demo-toolbar-select-checkbox-risk-warning-input"
5240
- name="compound-expansion-demo-toolbar-select-checkbox-risk-warning-input"
5241
- />
5242
- <span class="pf-v6-c-check__label">Warning</span>
5243
- </label>
5244
- <label
5245
- class="pf-v6-c-check pf-v6-c-select__menu-item"
5246
- id="compound-expansion-demo-toolbar-select-checkbox-risk-restarted"
5247
- for="compound-expansion-demo-toolbar-select-checkbox-risk-restarted-input"
5248
- >
5249
- <input
5250
- class="pf-v6-c-check__input"
5251
- type="checkbox"
5252
- id="compound-expansion-demo-toolbar-select-checkbox-risk-restarted-input"
5253
- name="compound-expansion-demo-toolbar-select-checkbox-risk-restarted-input"
5254
- />
5255
- <span class="pf-v6-c-check__label">Restarted</span>
5256
- </label>
5257
- </fieldset>
5258
- </div>
5259
- </div>
4631
+ </span>
4632
+ </button>
5260
4633
  </div>
5261
4634
  </div>
5262
4635
  </div>
@@ -8960,218 +8333,34 @@ wrapperTag: div
8960
8333
 
8961
8334
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
8962
8335
  <div class="pf-v6-c-toolbar__item">
8963
- <div class="pf-v6-c-select">
8964
- <span
8965
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-label"
8966
- hidden
8967
- >Choose many</span>
8968
-
8969
- <button
8970
- class="pf-v6-c-select__toggle"
8971
- type="button"
8972
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-toggle"
8973
- aria-haspopup="true"
8974
- aria-expanded="false"
8975
- aria-labelledby="static-bottom-pagination-demo-toolbar-select-checkbox-status-label static-bottom-pagination-demo-toolbar-select-checkbox-status-toggle"
8976
- >
8977
- <div class="pf-v6-c-select__toggle-wrapper">
8978
- <span class="pf-v6-c-select__toggle-text">Status</span>
8979
- </div>
8980
- <span class="pf-v6-c-select__toggle-arrow">
8336
+ <button
8337
+ class="pf-v6-c-menu-toggle"
8338
+ type="button"
8339
+ aria-expanded="false"
8340
+ id="static-bottom-pagination-demo-toolbar-select-checkbox-status"
8341
+ >
8342
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
8343
+ <span class="pf-v6-c-menu-toggle__controls">
8344
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
8981
8345
  <i class="fas fa-caret-down" aria-hidden="true"></i>
8982
8346
  </span>
8983
- </button>
8984
-
8985
- <div class="pf-v6-c-select__menu" hidden>
8986
- <fieldset
8987
- class="pf-v6-c-select__menu-fieldset"
8988
- aria-label="Select input"
8989
- >
8990
- <label
8991
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
8992
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-active"
8993
- for="static-bottom-pagination-demo-toolbar-select-checkbox-status-active-input"
8994
- >
8995
- <input
8996
- class="pf-v6-c-check__input"
8997
- type="checkbox"
8998
- aria-describedby="static-bottom-pagination-demo-toolbar-select-checkbox-status-active-description"
8999
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-active-input"
9000
- name="static-bottom-pagination-demo-toolbar-select-checkbox-status-active-input"
9001
- />
9002
- <span class="pf-v6-c-check__label">Active</span>
9003
- <span
9004
- class="pf-v6-c-check__description"
9005
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-active-description"
9006
- >This is a description</span>
9007
- </label>
9008
- <label
9009
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
9010
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled"
9011
- for="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled-input"
9012
- >
9013
- <input
9014
- class="pf-v6-c-check__input"
9015
- type="checkbox"
9016
- aria-describedby="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled-description"
9017
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled-input"
9018
- name="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled-input"
9019
- />
9020
- <span class="pf-v6-c-check__label">Canceled</span>
9021
- <span
9022
- class="pf-v6-c-check__description"
9023
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-canceled-description"
9024
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
9025
- </label>
9026
- <label
9027
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9028
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-paused"
9029
- for="static-bottom-pagination-demo-toolbar-select-checkbox-status-paused-input"
9030
- >
9031
- <input
9032
- class="pf-v6-c-check__input"
9033
- type="checkbox"
9034
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-paused-input"
9035
- name="static-bottom-pagination-demo-toolbar-select-checkbox-status-paused-input"
9036
- />
9037
- <span class="pf-v6-c-check__label">Paused</span>
9038
- </label>
9039
- <label
9040
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9041
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-warning"
9042
- for="static-bottom-pagination-demo-toolbar-select-checkbox-status-warning-input"
9043
- >
9044
- <input
9045
- class="pf-v6-c-check__input"
9046
- type="checkbox"
9047
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-warning-input"
9048
- name="static-bottom-pagination-demo-toolbar-select-checkbox-status-warning-input"
9049
- />
9050
- <span class="pf-v6-c-check__label">Warning</span>
9051
- </label>
9052
- <label
9053
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9054
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-restarted"
9055
- for="static-bottom-pagination-demo-toolbar-select-checkbox-status-restarted-input"
9056
- >
9057
- <input
9058
- class="pf-v6-c-check__input"
9059
- type="checkbox"
9060
- id="static-bottom-pagination-demo-toolbar-select-checkbox-status-restarted-input"
9061
- name="static-bottom-pagination-demo-toolbar-select-checkbox-status-restarted-input"
9062
- />
9063
- <span class="pf-v6-c-check__label">Restarted</span>
9064
- </label>
9065
- </fieldset>
9066
- </div>
9067
- </div>
8347
+ </span>
8348
+ </button>
9068
8349
  </div>
9069
8350
  <div class="pf-v6-c-toolbar__item">
9070
- <div class="pf-v6-c-select">
9071
- <span
9072
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-label"
9073
- hidden
9074
- >Choose many</span>
9075
-
9076
- <button
9077
- class="pf-v6-c-select__toggle"
9078
- type="button"
9079
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-toggle"
9080
- aria-haspopup="true"
9081
- aria-expanded="false"
9082
- aria-labelledby="static-bottom-pagination-demo-toolbar-select-checkbox-risk-label static-bottom-pagination-demo-toolbar-select-checkbox-risk-toggle"
9083
- >
9084
- <div class="pf-v6-c-select__toggle-wrapper">
9085
- <span class="pf-v6-c-select__toggle-text">Risk</span>
9086
- </div>
9087
- <span class="pf-v6-c-select__toggle-arrow">
8351
+ <button
8352
+ class="pf-v6-c-menu-toggle"
8353
+ type="button"
8354
+ aria-expanded="false"
8355
+ id="static-bottom-pagination-demo-toolbar-select-checkbox-risk"
8356
+ >
8357
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
8358
+ <span class="pf-v6-c-menu-toggle__controls">
8359
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
9088
8360
  <i class="fas fa-caret-down" aria-hidden="true"></i>
9089
8361
  </span>
9090
- </button>
9091
-
9092
- <div class="pf-v6-c-select__menu" hidden>
9093
- <fieldset
9094
- class="pf-v6-c-select__menu-fieldset"
9095
- aria-label="Select input"
9096
- >
9097
- <label
9098
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
9099
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active"
9100
- for="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active-input"
9101
- >
9102
- <input
9103
- class="pf-v6-c-check__input"
9104
- type="checkbox"
9105
- aria-describedby="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active-description"
9106
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active-input"
9107
- name="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active-input"
9108
- />
9109
- <span class="pf-v6-c-check__label">Active</span>
9110
- <span
9111
- class="pf-v6-c-check__description"
9112
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-active-description"
9113
- >This is a description</span>
9114
- </label>
9115
- <label
9116
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
9117
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled"
9118
- for="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled-input"
9119
- >
9120
- <input
9121
- class="pf-v6-c-check__input"
9122
- type="checkbox"
9123
- aria-describedby="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled-description"
9124
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled-input"
9125
- name="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled-input"
9126
- />
9127
- <span class="pf-v6-c-check__label">Canceled</span>
9128
- <span
9129
- class="pf-v6-c-check__description"
9130
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-canceled-description"
9131
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
9132
- </label>
9133
- <label
9134
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9135
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-paused"
9136
- for="static-bottom-pagination-demo-toolbar-select-checkbox-risk-paused-input"
9137
- >
9138
- <input
9139
- class="pf-v6-c-check__input"
9140
- type="checkbox"
9141
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-paused-input"
9142
- name="static-bottom-pagination-demo-toolbar-select-checkbox-risk-paused-input"
9143
- />
9144
- <span class="pf-v6-c-check__label">Paused</span>
9145
- </label>
9146
- <label
9147
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9148
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-warning"
9149
- for="static-bottom-pagination-demo-toolbar-select-checkbox-risk-warning-input"
9150
- >
9151
- <input
9152
- class="pf-v6-c-check__input"
9153
- type="checkbox"
9154
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-warning-input"
9155
- name="static-bottom-pagination-demo-toolbar-select-checkbox-risk-warning-input"
9156
- />
9157
- <span class="pf-v6-c-check__label">Warning</span>
9158
- </label>
9159
- <label
9160
- class="pf-v6-c-check pf-v6-c-select__menu-item"
9161
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-restarted"
9162
- for="static-bottom-pagination-demo-toolbar-select-checkbox-risk-restarted-input"
9163
- >
9164
- <input
9165
- class="pf-v6-c-check__input"
9166
- type="checkbox"
9167
- id="static-bottom-pagination-demo-toolbar-select-checkbox-risk-restarted-input"
9168
- name="static-bottom-pagination-demo-toolbar-select-checkbox-risk-restarted-input"
9169
- />
9170
- <span class="pf-v6-c-check__label">Restarted</span>
9171
- </label>
9172
- </fieldset>
9173
- </div>
9174
- </div>
8362
+ </span>
8363
+ </button>
9175
8364
  </div>
9176
8365
  </div>
9177
8366
  </div>
@@ -10147,218 +9336,34 @@ wrapperTag: div
10147
9336
 
10148
9337
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
10149
9338
  <div class="pf-v6-c-toolbar__item">
10150
- <div class="pf-v6-c-select">
10151
- <span
10152
- id="column-management-demo-toolbar-select-checkbox-status-label"
10153
- hidden
10154
- >Choose many</span>
10155
-
10156
- <button
10157
- class="pf-v6-c-select__toggle"
10158
- type="button"
10159
- id="column-management-demo-toolbar-select-checkbox-status-toggle"
10160
- aria-haspopup="true"
10161
- aria-expanded="false"
10162
- aria-labelledby="column-management-demo-toolbar-select-checkbox-status-label column-management-demo-toolbar-select-checkbox-status-toggle"
10163
- >
10164
- <div class="pf-v6-c-select__toggle-wrapper">
10165
- <span class="pf-v6-c-select__toggle-text">Status</span>
10166
- </div>
10167
- <span class="pf-v6-c-select__toggle-arrow">
9339
+ <button
9340
+ class="pf-v6-c-menu-toggle"
9341
+ type="button"
9342
+ aria-expanded="false"
9343
+ id="column-management-demo-toolbar-select-checkbox-status"
9344
+ >
9345
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
9346
+ <span class="pf-v6-c-menu-toggle__controls">
9347
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
10168
9348
  <i class="fas fa-caret-down" aria-hidden="true"></i>
10169
9349
  </span>
10170
- </button>
10171
-
10172
- <div class="pf-v6-c-select__menu" hidden>
10173
- <fieldset
10174
- class="pf-v6-c-select__menu-fieldset"
10175
- aria-label="Select input"
10176
- >
10177
- <label
10178
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
10179
- id="column-management-demo-toolbar-select-checkbox-status-active"
10180
- for="column-management-demo-toolbar-select-checkbox-status-active-input"
10181
- >
10182
- <input
10183
- class="pf-v6-c-check__input"
10184
- type="checkbox"
10185
- aria-describedby="column-management-demo-toolbar-select-checkbox-status-active-description"
10186
- id="column-management-demo-toolbar-select-checkbox-status-active-input"
10187
- name="column-management-demo-toolbar-select-checkbox-status-active-input"
10188
- />
10189
- <span class="pf-v6-c-check__label">Active</span>
10190
- <span
10191
- class="pf-v6-c-check__description"
10192
- id="column-management-demo-toolbar-select-checkbox-status-active-description"
10193
- >This is a description</span>
10194
- </label>
10195
- <label
10196
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
10197
- id="column-management-demo-toolbar-select-checkbox-status-canceled"
10198
- for="column-management-demo-toolbar-select-checkbox-status-canceled-input"
10199
- >
10200
- <input
10201
- class="pf-v6-c-check__input"
10202
- type="checkbox"
10203
- aria-describedby="column-management-demo-toolbar-select-checkbox-status-canceled-description"
10204
- id="column-management-demo-toolbar-select-checkbox-status-canceled-input"
10205
- name="column-management-demo-toolbar-select-checkbox-status-canceled-input"
10206
- />
10207
- <span class="pf-v6-c-check__label">Canceled</span>
10208
- <span
10209
- class="pf-v6-c-check__description"
10210
- id="column-management-demo-toolbar-select-checkbox-status-canceled-description"
10211
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
10212
- </label>
10213
- <label
10214
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10215
- id="column-management-demo-toolbar-select-checkbox-status-paused"
10216
- for="column-management-demo-toolbar-select-checkbox-status-paused-input"
10217
- >
10218
- <input
10219
- class="pf-v6-c-check__input"
10220
- type="checkbox"
10221
- id="column-management-demo-toolbar-select-checkbox-status-paused-input"
10222
- name="column-management-demo-toolbar-select-checkbox-status-paused-input"
10223
- />
10224
- <span class="pf-v6-c-check__label">Paused</span>
10225
- </label>
10226
- <label
10227
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10228
- id="column-management-demo-toolbar-select-checkbox-status-warning"
10229
- for="column-management-demo-toolbar-select-checkbox-status-warning-input"
10230
- >
10231
- <input
10232
- class="pf-v6-c-check__input"
10233
- type="checkbox"
10234
- id="column-management-demo-toolbar-select-checkbox-status-warning-input"
10235
- name="column-management-demo-toolbar-select-checkbox-status-warning-input"
10236
- />
10237
- <span class="pf-v6-c-check__label">Warning</span>
10238
- </label>
10239
- <label
10240
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10241
- id="column-management-demo-toolbar-select-checkbox-status-restarted"
10242
- for="column-management-demo-toolbar-select-checkbox-status-restarted-input"
10243
- >
10244
- <input
10245
- class="pf-v6-c-check__input"
10246
- type="checkbox"
10247
- id="column-management-demo-toolbar-select-checkbox-status-restarted-input"
10248
- name="column-management-demo-toolbar-select-checkbox-status-restarted-input"
10249
- />
10250
- <span class="pf-v6-c-check__label">Restarted</span>
10251
- </label>
10252
- </fieldset>
10253
- </div>
10254
- </div>
9350
+ </span>
9351
+ </button>
10255
9352
  </div>
10256
9353
  <div class="pf-v6-c-toolbar__item">
10257
- <div class="pf-v6-c-select">
10258
- <span
10259
- id="column-management-demo-toolbar-select-checkbox-risk-label"
10260
- hidden
10261
- >Choose many</span>
10262
-
10263
- <button
10264
- class="pf-v6-c-select__toggle"
10265
- type="button"
10266
- id="column-management-demo-toolbar-select-checkbox-risk-toggle"
10267
- aria-haspopup="true"
10268
- aria-expanded="false"
10269
- aria-labelledby="column-management-demo-toolbar-select-checkbox-risk-label column-management-demo-toolbar-select-checkbox-risk-toggle"
10270
- >
10271
- <div class="pf-v6-c-select__toggle-wrapper">
10272
- <span class="pf-v6-c-select__toggle-text">Risk</span>
10273
- </div>
10274
- <span class="pf-v6-c-select__toggle-arrow">
9354
+ <button
9355
+ class="pf-v6-c-menu-toggle"
9356
+ type="button"
9357
+ aria-expanded="false"
9358
+ id="column-management-demo-toolbar-select-checkbox-risk"
9359
+ >
9360
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
9361
+ <span class="pf-v6-c-menu-toggle__controls">
9362
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
10275
9363
  <i class="fas fa-caret-down" aria-hidden="true"></i>
10276
9364
  </span>
10277
- </button>
10278
-
10279
- <div class="pf-v6-c-select__menu" hidden>
10280
- <fieldset
10281
- class="pf-v6-c-select__menu-fieldset"
10282
- aria-label="Select input"
10283
- >
10284
- <label
10285
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
10286
- id="column-management-demo-toolbar-select-checkbox-risk-active"
10287
- for="column-management-demo-toolbar-select-checkbox-risk-active-input"
10288
- >
10289
- <input
10290
- class="pf-v6-c-check__input"
10291
- type="checkbox"
10292
- aria-describedby="column-management-demo-toolbar-select-checkbox-risk-active-description"
10293
- id="column-management-demo-toolbar-select-checkbox-risk-active-input"
10294
- name="column-management-demo-toolbar-select-checkbox-risk-active-input"
10295
- />
10296
- <span class="pf-v6-c-check__label">Active</span>
10297
- <span
10298
- class="pf-v6-c-check__description"
10299
- id="column-management-demo-toolbar-select-checkbox-risk-active-description"
10300
- >This is a description</span>
10301
- </label>
10302
- <label
10303
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
10304
- id="column-management-demo-toolbar-select-checkbox-risk-canceled"
10305
- for="column-management-demo-toolbar-select-checkbox-risk-canceled-input"
10306
- >
10307
- <input
10308
- class="pf-v6-c-check__input"
10309
- type="checkbox"
10310
- aria-describedby="column-management-demo-toolbar-select-checkbox-risk-canceled-description"
10311
- id="column-management-demo-toolbar-select-checkbox-risk-canceled-input"
10312
- name="column-management-demo-toolbar-select-checkbox-risk-canceled-input"
10313
- />
10314
- <span class="pf-v6-c-check__label">Canceled</span>
10315
- <span
10316
- class="pf-v6-c-check__description"
10317
- id="column-management-demo-toolbar-select-checkbox-risk-canceled-description"
10318
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
10319
- </label>
10320
- <label
10321
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10322
- id="column-management-demo-toolbar-select-checkbox-risk-paused"
10323
- for="column-management-demo-toolbar-select-checkbox-risk-paused-input"
10324
- >
10325
- <input
10326
- class="pf-v6-c-check__input"
10327
- type="checkbox"
10328
- id="column-management-demo-toolbar-select-checkbox-risk-paused-input"
10329
- name="column-management-demo-toolbar-select-checkbox-risk-paused-input"
10330
- />
10331
- <span class="pf-v6-c-check__label">Paused</span>
10332
- </label>
10333
- <label
10334
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10335
- id="column-management-demo-toolbar-select-checkbox-risk-warning"
10336
- for="column-management-demo-toolbar-select-checkbox-risk-warning-input"
10337
- >
10338
- <input
10339
- class="pf-v6-c-check__input"
10340
- type="checkbox"
10341
- id="column-management-demo-toolbar-select-checkbox-risk-warning-input"
10342
- name="column-management-demo-toolbar-select-checkbox-risk-warning-input"
10343
- />
10344
- <span class="pf-v6-c-check__label">Warning</span>
10345
- </label>
10346
- <label
10347
- class="pf-v6-c-check pf-v6-c-select__menu-item"
10348
- id="column-management-demo-toolbar-select-checkbox-risk-restarted"
10349
- for="column-management-demo-toolbar-select-checkbox-risk-restarted-input"
10350
- >
10351
- <input
10352
- class="pf-v6-c-check__input"
10353
- type="checkbox"
10354
- id="column-management-demo-toolbar-select-checkbox-risk-restarted-input"
10355
- name="column-management-demo-toolbar-select-checkbox-risk-restarted-input"
10356
- />
10357
- <span class="pf-v6-c-check__label">Restarted</span>
10358
- </label>
10359
- </fieldset>
10360
- </div>
10361
- </div>
9365
+ </span>
9366
+ </button>
10362
9367
  </div>
10363
9368
  </div>
10364
9369
  </div>
@@ -11478,218 +10483,34 @@ wrapperTag: div
11478
10483
 
11479
10484
  <div class="pf-v6-c-toolbar__group pf-m-filter-group">
11480
10485
  <div class="pf-v6-c-toolbar__item">
11481
- <div class="pf-v6-c-select">
11482
- <span
11483
- id="sticky-header-demo-toolbar-select-checkbox-status-label"
11484
- hidden
11485
- >Choose many</span>
11486
-
11487
- <button
11488
- class="pf-v6-c-select__toggle"
11489
- type="button"
11490
- id="sticky-header-demo-toolbar-select-checkbox-status-toggle"
11491
- aria-haspopup="true"
11492
- aria-expanded="false"
11493
- aria-labelledby="sticky-header-demo-toolbar-select-checkbox-status-label sticky-header-demo-toolbar-select-checkbox-status-toggle"
11494
- >
11495
- <div class="pf-v6-c-select__toggle-wrapper">
11496
- <span class="pf-v6-c-select__toggle-text">Status</span>
11497
- </div>
11498
- <span class="pf-v6-c-select__toggle-arrow">
10486
+ <button
10487
+ class="pf-v6-c-menu-toggle"
10488
+ type="button"
10489
+ aria-expanded="false"
10490
+ id="sticky-header-demo-toolbar-select-checkbox-status"
10491
+ >
10492
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
10493
+ <span class="pf-v6-c-menu-toggle__controls">
10494
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
11499
10495
  <i class="fas fa-caret-down" aria-hidden="true"></i>
11500
10496
  </span>
11501
- </button>
11502
-
11503
- <div class="pf-v6-c-select__menu" hidden>
11504
- <fieldset
11505
- class="pf-v6-c-select__menu-fieldset"
11506
- aria-label="Select input"
11507
- >
11508
- <label
11509
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
11510
- id="sticky-header-demo-toolbar-select-checkbox-status-active"
11511
- for="sticky-header-demo-toolbar-select-checkbox-status-active-input"
11512
- >
11513
- <input
11514
- class="pf-v6-c-check__input"
11515
- type="checkbox"
11516
- aria-describedby="sticky-header-demo-toolbar-select-checkbox-status-active-description"
11517
- id="sticky-header-demo-toolbar-select-checkbox-status-active-input"
11518
- name="sticky-header-demo-toolbar-select-checkbox-status-active-input"
11519
- />
11520
- <span class="pf-v6-c-check__label">Active</span>
11521
- <span
11522
- class="pf-v6-c-check__description"
11523
- id="sticky-header-demo-toolbar-select-checkbox-status-active-description"
11524
- >This is a description</span>
11525
- </label>
11526
- <label
11527
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
11528
- id="sticky-header-demo-toolbar-select-checkbox-status-canceled"
11529
- for="sticky-header-demo-toolbar-select-checkbox-status-canceled-input"
11530
- >
11531
- <input
11532
- class="pf-v6-c-check__input"
11533
- type="checkbox"
11534
- aria-describedby="sticky-header-demo-toolbar-select-checkbox-status-canceled-description"
11535
- id="sticky-header-demo-toolbar-select-checkbox-status-canceled-input"
11536
- name="sticky-header-demo-toolbar-select-checkbox-status-canceled-input"
11537
- />
11538
- <span class="pf-v6-c-check__label">Canceled</span>
11539
- <span
11540
- class="pf-v6-c-check__description"
11541
- id="sticky-header-demo-toolbar-select-checkbox-status-canceled-description"
11542
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11543
- </label>
11544
- <label
11545
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11546
- id="sticky-header-demo-toolbar-select-checkbox-status-paused"
11547
- for="sticky-header-demo-toolbar-select-checkbox-status-paused-input"
11548
- >
11549
- <input
11550
- class="pf-v6-c-check__input"
11551
- type="checkbox"
11552
- id="sticky-header-demo-toolbar-select-checkbox-status-paused-input"
11553
- name="sticky-header-demo-toolbar-select-checkbox-status-paused-input"
11554
- />
11555
- <span class="pf-v6-c-check__label">Paused</span>
11556
- </label>
11557
- <label
11558
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11559
- id="sticky-header-demo-toolbar-select-checkbox-status-warning"
11560
- for="sticky-header-demo-toolbar-select-checkbox-status-warning-input"
11561
- >
11562
- <input
11563
- class="pf-v6-c-check__input"
11564
- type="checkbox"
11565
- id="sticky-header-demo-toolbar-select-checkbox-status-warning-input"
11566
- name="sticky-header-demo-toolbar-select-checkbox-status-warning-input"
11567
- />
11568
- <span class="pf-v6-c-check__label">Warning</span>
11569
- </label>
11570
- <label
11571
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11572
- id="sticky-header-demo-toolbar-select-checkbox-status-restarted"
11573
- for="sticky-header-demo-toolbar-select-checkbox-status-restarted-input"
11574
- >
11575
- <input
11576
- class="pf-v6-c-check__input"
11577
- type="checkbox"
11578
- id="sticky-header-demo-toolbar-select-checkbox-status-restarted-input"
11579
- name="sticky-header-demo-toolbar-select-checkbox-status-restarted-input"
11580
- />
11581
- <span class="pf-v6-c-check__label">Restarted</span>
11582
- </label>
11583
- </fieldset>
11584
- </div>
11585
- </div>
10497
+ </span>
10498
+ </button>
11586
10499
  </div>
11587
10500
  <div class="pf-v6-c-toolbar__item">
11588
- <div class="pf-v6-c-select">
11589
- <span
11590
- id="sticky-header-demo-toolbar-select-checkbox-risk-label"
11591
- hidden
11592
- >Choose many</span>
11593
-
11594
- <button
11595
- class="pf-v6-c-select__toggle"
11596
- type="button"
11597
- id="sticky-header-demo-toolbar-select-checkbox-risk-toggle"
11598
- aria-haspopup="true"
11599
- aria-expanded="false"
11600
- aria-labelledby="sticky-header-demo-toolbar-select-checkbox-risk-label sticky-header-demo-toolbar-select-checkbox-risk-toggle"
11601
- >
11602
- <div class="pf-v6-c-select__toggle-wrapper">
11603
- <span class="pf-v6-c-select__toggle-text">Risk</span>
11604
- </div>
11605
- <span class="pf-v6-c-select__toggle-arrow">
10501
+ <button
10502
+ class="pf-v6-c-menu-toggle"
10503
+ type="button"
10504
+ aria-expanded="false"
10505
+ id="sticky-header-demo-toolbar-select-checkbox-risk"
10506
+ >
10507
+ <span class="pf-v6-c-menu-toggle__text">Risk</span>
10508
+ <span class="pf-v6-c-menu-toggle__controls">
10509
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
11606
10510
  <i class="fas fa-caret-down" aria-hidden="true"></i>
11607
10511
  </span>
11608
- </button>
11609
-
11610
- <div class="pf-v6-c-select__menu" hidden>
11611
- <fieldset
11612
- class="pf-v6-c-select__menu-fieldset"
11613
- aria-label="Select input"
11614
- >
11615
- <label
11616
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
11617
- id="sticky-header-demo-toolbar-select-checkbox-risk-active"
11618
- for="sticky-header-demo-toolbar-select-checkbox-risk-active-input"
11619
- >
11620
- <input
11621
- class="pf-v6-c-check__input"
11622
- type="checkbox"
11623
- aria-describedby="sticky-header-demo-toolbar-select-checkbox-risk-active-description"
11624
- id="sticky-header-demo-toolbar-select-checkbox-risk-active-input"
11625
- name="sticky-header-demo-toolbar-select-checkbox-risk-active-input"
11626
- />
11627
- <span class="pf-v6-c-check__label">Active</span>
11628
- <span
11629
- class="pf-v6-c-check__description"
11630
- id="sticky-header-demo-toolbar-select-checkbox-risk-active-description"
11631
- >This is a description</span>
11632
- </label>
11633
- <label
11634
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
11635
- id="sticky-header-demo-toolbar-select-checkbox-risk-canceled"
11636
- for="sticky-header-demo-toolbar-select-checkbox-risk-canceled-input"
11637
- >
11638
- <input
11639
- class="pf-v6-c-check__input"
11640
- type="checkbox"
11641
- aria-describedby="sticky-header-demo-toolbar-select-checkbox-risk-canceled-description"
11642
- id="sticky-header-demo-toolbar-select-checkbox-risk-canceled-input"
11643
- name="sticky-header-demo-toolbar-select-checkbox-risk-canceled-input"
11644
- />
11645
- <span class="pf-v6-c-check__label">Canceled</span>
11646
- <span
11647
- class="pf-v6-c-check__description"
11648
- id="sticky-header-demo-toolbar-select-checkbox-risk-canceled-description"
11649
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11650
- </label>
11651
- <label
11652
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11653
- id="sticky-header-demo-toolbar-select-checkbox-risk-paused"
11654
- for="sticky-header-demo-toolbar-select-checkbox-risk-paused-input"
11655
- >
11656
- <input
11657
- class="pf-v6-c-check__input"
11658
- type="checkbox"
11659
- id="sticky-header-demo-toolbar-select-checkbox-risk-paused-input"
11660
- name="sticky-header-demo-toolbar-select-checkbox-risk-paused-input"
11661
- />
11662
- <span class="pf-v6-c-check__label">Paused</span>
11663
- </label>
11664
- <label
11665
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11666
- id="sticky-header-demo-toolbar-select-checkbox-risk-warning"
11667
- for="sticky-header-demo-toolbar-select-checkbox-risk-warning-input"
11668
- >
11669
- <input
11670
- class="pf-v6-c-check__input"
11671
- type="checkbox"
11672
- id="sticky-header-demo-toolbar-select-checkbox-risk-warning-input"
11673
- name="sticky-header-demo-toolbar-select-checkbox-risk-warning-input"
11674
- />
11675
- <span class="pf-v6-c-check__label">Warning</span>
11676
- </label>
11677
- <label
11678
- class="pf-v6-c-check pf-v6-c-select__menu-item"
11679
- id="sticky-header-demo-toolbar-select-checkbox-risk-restarted"
11680
- for="sticky-header-demo-toolbar-select-checkbox-risk-restarted-input"
11681
- >
11682
- <input
11683
- class="pf-v6-c-check__input"
11684
- type="checkbox"
11685
- id="sticky-header-demo-toolbar-select-checkbox-risk-restarted-input"
11686
- name="sticky-header-demo-toolbar-select-checkbox-risk-restarted-input"
11687
- />
11688
- <span class="pf-v6-c-check__label">Restarted</span>
11689
- </label>
11690
- </fieldset>
11691
- </div>
11692
- </div>
10512
+ </span>
10513
+ </button>
11693
10514
  </div>
11694
10515
  </div>
11695
10516
  </div>