@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.
@@ -2952,73 +2952,77 @@ wrapperTag: div
2952
2952
  >
2953
2953
  <label
2954
2954
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2955
- for="-select-checkbox-status-active"
2955
+ id="-select-checkbox-status-active"
2956
+ for="-select-checkbox-status-active-input"
2956
2957
  >
2957
2958
  <input
2958
2959
  class="pf-v5-c-check__input"
2959
2960
  type="checkbox"
2960
- id="-select-checkbox-status-active"
2961
- name="-select-checkbox-status-active"
2961
+ aria-describedby="-select-checkbox-status-active-description"
2962
+ id="-select-checkbox-status-active-input"
2963
+ name="-select-checkbox-status-active-input"
2962
2964
  />
2963
-
2964
2965
  <span class="pf-v5-c-check__label">Active</span>
2965
2966
  <span
2966
2967
  class="pf-v5-c-check__description"
2968
+ id="-select-checkbox-status-active-description"
2967
2969
  >This is a description</span>
2968
2970
  </label>
2969
2971
  <label
2970
2972
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2971
- for="-select-checkbox-status-canceled"
2973
+ id="-select-checkbox-status-canceled"
2974
+ for="-select-checkbox-status-canceled-input"
2972
2975
  >
2973
2976
  <input
2974
2977
  class="pf-v5-c-check__input"
2975
2978
  type="checkbox"
2976
- id="-select-checkbox-status-canceled"
2977
- name="-select-checkbox-status-canceled"
2979
+ aria-describedby="-select-checkbox-status-canceled-description"
2980
+ id="-select-checkbox-status-canceled-input"
2981
+ name="-select-checkbox-status-canceled-input"
2978
2982
  />
2979
-
2980
2983
  <span class="pf-v5-c-check__label">Canceled</span>
2981
2984
  <span
2982
2985
  class="pf-v5-c-check__description"
2986
+ id="-select-checkbox-status-canceled-description"
2983
2987
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2984
2988
  </label>
2985
2989
  <label
2986
2990
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2987
- for="-select-checkbox-status-paused"
2991
+ id="-select-checkbox-status-paused"
2992
+ for="-select-checkbox-status-paused-input"
2988
2993
  >
2989
2994
  <input
2990
2995
  class="pf-v5-c-check__input"
2991
2996
  type="checkbox"
2992
- id="-select-checkbox-status-paused"
2993
- name="-select-checkbox-status-paused"
2997
+ id="-select-checkbox-status-paused-input"
2998
+ name="-select-checkbox-status-paused-input"
2994
2999
  />
2995
-
2996
3000
  <span class="pf-v5-c-check__label">Paused</span>
2997
3001
  </label>
2998
3002
  <label
2999
3003
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3000
- for="-select-checkbox-status-warning"
3004
+ id="-select-checkbox-status-warning"
3005
+ for="-select-checkbox-status-warning-input"
3001
3006
  >
3002
3007
  <input
3003
3008
  class="pf-v5-c-check__input"
3004
3009
  type="checkbox"
3005
- id="-select-checkbox-status-warning"
3006
- name="-select-checkbox-status-warning"
3010
+ id="-select-checkbox-status-warning-input"
3011
+ name="-select-checkbox-status-warning-input"
3007
3012
  />
3008
-
3009
3013
  <span class="pf-v5-c-check__label">Warning</span>
3010
3014
  </label>
3011
3015
  <label
3012
3016
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3013
- for="-select-checkbox-status-restarted"
3017
+ id="-select-checkbox-status-restarted"
3018
+ for="-select-checkbox-status-restarted-input"
3014
3019
  >
3015
3020
  <input
3016
3021
  class="pf-v5-c-check__input"
3017
3022
  type="checkbox"
3018
- id="-select-checkbox-status-restarted"
3019
- name="-select-checkbox-status-restarted"
3023
+ id="-select-checkbox-status-restarted-input"
3024
+ name="-select-checkbox-status-restarted-input"
3020
3025
  />
3021
-
3022
3026
  <span class="pf-v5-c-check__label">Restarted</span>
3023
3027
  </label>
3024
3028
  </fieldset>
@@ -3052,73 +3056,77 @@ wrapperTag: div
3052
3056
  >
3053
3057
  <label
3054
3058
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
3055
- for="-select-checkbox-risk-active"
3059
+ id="-select-checkbox-risk-active"
3060
+ for="-select-checkbox-risk-active-input"
3056
3061
  >
3057
3062
  <input
3058
3063
  class="pf-v5-c-check__input"
3059
3064
  type="checkbox"
3060
- id="-select-checkbox-risk-active"
3061
- name="-select-checkbox-risk-active"
3065
+ aria-describedby="-select-checkbox-risk-active-description"
3066
+ id="-select-checkbox-risk-active-input"
3067
+ name="-select-checkbox-risk-active-input"
3062
3068
  />
3063
-
3064
3069
  <span class="pf-v5-c-check__label">Active</span>
3065
3070
  <span
3066
3071
  class="pf-v5-c-check__description"
3072
+ id="-select-checkbox-risk-active-description"
3067
3073
  >This is a description</span>
3068
3074
  </label>
3069
3075
  <label
3070
3076
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
3071
- for="-select-checkbox-risk-canceled"
3077
+ id="-select-checkbox-risk-canceled"
3078
+ for="-select-checkbox-risk-canceled-input"
3072
3079
  >
3073
3080
  <input
3074
3081
  class="pf-v5-c-check__input"
3075
3082
  type="checkbox"
3076
- id="-select-checkbox-risk-canceled"
3077
- name="-select-checkbox-risk-canceled"
3083
+ aria-describedby="-select-checkbox-risk-canceled-description"
3084
+ id="-select-checkbox-risk-canceled-input"
3085
+ name="-select-checkbox-risk-canceled-input"
3078
3086
  />
3079
-
3080
3087
  <span class="pf-v5-c-check__label">Canceled</span>
3081
3088
  <span
3082
3089
  class="pf-v5-c-check__description"
3090
+ id="-select-checkbox-risk-canceled-description"
3083
3091
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
3084
3092
  </label>
3085
3093
  <label
3086
3094
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3087
- for="-select-checkbox-risk-paused"
3095
+ id="-select-checkbox-risk-paused"
3096
+ for="-select-checkbox-risk-paused-input"
3088
3097
  >
3089
3098
  <input
3090
3099
  class="pf-v5-c-check__input"
3091
3100
  type="checkbox"
3092
- id="-select-checkbox-risk-paused"
3093
- name="-select-checkbox-risk-paused"
3101
+ id="-select-checkbox-risk-paused-input"
3102
+ name="-select-checkbox-risk-paused-input"
3094
3103
  />
3095
-
3096
3104
  <span class="pf-v5-c-check__label">Paused</span>
3097
3105
  </label>
3098
3106
  <label
3099
3107
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3100
- for="-select-checkbox-risk-warning"
3108
+ id="-select-checkbox-risk-warning"
3109
+ for="-select-checkbox-risk-warning-input"
3101
3110
  >
3102
3111
  <input
3103
3112
  class="pf-v5-c-check__input"
3104
3113
  type="checkbox"
3105
- id="-select-checkbox-risk-warning"
3106
- name="-select-checkbox-risk-warning"
3114
+ id="-select-checkbox-risk-warning-input"
3115
+ name="-select-checkbox-risk-warning-input"
3107
3116
  />
3108
-
3109
3117
  <span class="pf-v5-c-check__label">Warning</span>
3110
3118
  </label>
3111
3119
  <label
3112
3120
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3113
- for="-select-checkbox-risk-restarted"
3121
+ id="-select-checkbox-risk-restarted"
3122
+ for="-select-checkbox-risk-restarted-input"
3114
3123
  >
3115
3124
  <input
3116
3125
  class="pf-v5-c-check__input"
3117
3126
  type="checkbox"
3118
- id="-select-checkbox-risk-restarted"
3119
- name="-select-checkbox-risk-restarted"
3127
+ id="-select-checkbox-risk-restarted-input"
3128
+ name="-select-checkbox-risk-restarted-input"
3120
3129
  />
3121
-
3122
3130
  <span class="pf-v5-c-check__label">Restarted</span>
3123
3131
  </label>
3124
3132
  </fieldset>
@@ -4551,73 +4559,77 @@ wrapperTag: div
4551
4559
  >
4552
4560
  <label
4553
4561
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4554
- for="-select-checkbox-status-active"
4562
+ id="-select-checkbox-status-active"
4563
+ for="-select-checkbox-status-active-input"
4555
4564
  >
4556
4565
  <input
4557
4566
  class="pf-v5-c-check__input"
4558
4567
  type="checkbox"
4559
- id="-select-checkbox-status-active"
4560
- name="-select-checkbox-status-active"
4568
+ aria-describedby="-select-checkbox-status-active-description"
4569
+ id="-select-checkbox-status-active-input"
4570
+ name="-select-checkbox-status-active-input"
4561
4571
  />
4562
-
4563
4572
  <span class="pf-v5-c-check__label">Active</span>
4564
4573
  <span
4565
4574
  class="pf-v5-c-check__description"
4575
+ id="-select-checkbox-status-active-description"
4566
4576
  >This is a description</span>
4567
4577
  </label>
4568
4578
  <label
4569
4579
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4570
- for="-select-checkbox-status-canceled"
4580
+ id="-select-checkbox-status-canceled"
4581
+ for="-select-checkbox-status-canceled-input"
4571
4582
  >
4572
4583
  <input
4573
4584
  class="pf-v5-c-check__input"
4574
4585
  type="checkbox"
4575
- id="-select-checkbox-status-canceled"
4576
- name="-select-checkbox-status-canceled"
4586
+ aria-describedby="-select-checkbox-status-canceled-description"
4587
+ id="-select-checkbox-status-canceled-input"
4588
+ name="-select-checkbox-status-canceled-input"
4577
4589
  />
4578
-
4579
4590
  <span class="pf-v5-c-check__label">Canceled</span>
4580
4591
  <span
4581
4592
  class="pf-v5-c-check__description"
4593
+ id="-select-checkbox-status-canceled-description"
4582
4594
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4583
4595
  </label>
4584
4596
  <label
4585
4597
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4586
- for="-select-checkbox-status-paused"
4598
+ id="-select-checkbox-status-paused"
4599
+ for="-select-checkbox-status-paused-input"
4587
4600
  >
4588
4601
  <input
4589
4602
  class="pf-v5-c-check__input"
4590
4603
  type="checkbox"
4591
- id="-select-checkbox-status-paused"
4592
- name="-select-checkbox-status-paused"
4604
+ id="-select-checkbox-status-paused-input"
4605
+ name="-select-checkbox-status-paused-input"
4593
4606
  />
4594
-
4595
4607
  <span class="pf-v5-c-check__label">Paused</span>
4596
4608
  </label>
4597
4609
  <label
4598
4610
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4599
- for="-select-checkbox-status-warning"
4611
+ id="-select-checkbox-status-warning"
4612
+ for="-select-checkbox-status-warning-input"
4600
4613
  >
4601
4614
  <input
4602
4615
  class="pf-v5-c-check__input"
4603
4616
  type="checkbox"
4604
- id="-select-checkbox-status-warning"
4605
- name="-select-checkbox-status-warning"
4617
+ id="-select-checkbox-status-warning-input"
4618
+ name="-select-checkbox-status-warning-input"
4606
4619
  />
4607
-
4608
4620
  <span class="pf-v5-c-check__label">Warning</span>
4609
4621
  </label>
4610
4622
  <label
4611
4623
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4612
- for="-select-checkbox-status-restarted"
4624
+ id="-select-checkbox-status-restarted"
4625
+ for="-select-checkbox-status-restarted-input"
4613
4626
  >
4614
4627
  <input
4615
4628
  class="pf-v5-c-check__input"
4616
4629
  type="checkbox"
4617
- id="-select-checkbox-status-restarted"
4618
- name="-select-checkbox-status-restarted"
4630
+ id="-select-checkbox-status-restarted-input"
4631
+ name="-select-checkbox-status-restarted-input"
4619
4632
  />
4620
-
4621
4633
  <span class="pf-v5-c-check__label">Restarted</span>
4622
4634
  </label>
4623
4635
  </fieldset>
@@ -4651,73 +4663,77 @@ wrapperTag: div
4651
4663
  >
4652
4664
  <label
4653
4665
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4654
- for="-select-checkbox-risk-active"
4666
+ id="-select-checkbox-risk-active"
4667
+ for="-select-checkbox-risk-active-input"
4655
4668
  >
4656
4669
  <input
4657
4670
  class="pf-v5-c-check__input"
4658
4671
  type="checkbox"
4659
- id="-select-checkbox-risk-active"
4660
- name="-select-checkbox-risk-active"
4672
+ aria-describedby="-select-checkbox-risk-active-description"
4673
+ id="-select-checkbox-risk-active-input"
4674
+ name="-select-checkbox-risk-active-input"
4661
4675
  />
4662
-
4663
4676
  <span class="pf-v5-c-check__label">Active</span>
4664
4677
  <span
4665
4678
  class="pf-v5-c-check__description"
4679
+ id="-select-checkbox-risk-active-description"
4666
4680
  >This is a description</span>
4667
4681
  </label>
4668
4682
  <label
4669
4683
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4670
- for="-select-checkbox-risk-canceled"
4684
+ id="-select-checkbox-risk-canceled"
4685
+ for="-select-checkbox-risk-canceled-input"
4671
4686
  >
4672
4687
  <input
4673
4688
  class="pf-v5-c-check__input"
4674
4689
  type="checkbox"
4675
- id="-select-checkbox-risk-canceled"
4676
- name="-select-checkbox-risk-canceled"
4690
+ aria-describedby="-select-checkbox-risk-canceled-description"
4691
+ id="-select-checkbox-risk-canceled-input"
4692
+ name="-select-checkbox-risk-canceled-input"
4677
4693
  />
4678
-
4679
4694
  <span class="pf-v5-c-check__label">Canceled</span>
4680
4695
  <span
4681
4696
  class="pf-v5-c-check__description"
4697
+ id="-select-checkbox-risk-canceled-description"
4682
4698
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4683
4699
  </label>
4684
4700
  <label
4685
4701
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4686
- for="-select-checkbox-risk-paused"
4702
+ id="-select-checkbox-risk-paused"
4703
+ for="-select-checkbox-risk-paused-input"
4687
4704
  >
4688
4705
  <input
4689
4706
  class="pf-v5-c-check__input"
4690
4707
  type="checkbox"
4691
- id="-select-checkbox-risk-paused"
4692
- name="-select-checkbox-risk-paused"
4708
+ id="-select-checkbox-risk-paused-input"
4709
+ name="-select-checkbox-risk-paused-input"
4693
4710
  />
4694
-
4695
4711
  <span class="pf-v5-c-check__label">Paused</span>
4696
4712
  </label>
4697
4713
  <label
4698
4714
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4699
- for="-select-checkbox-risk-warning"
4715
+ id="-select-checkbox-risk-warning"
4716
+ for="-select-checkbox-risk-warning-input"
4700
4717
  >
4701
4718
  <input
4702
4719
  class="pf-v5-c-check__input"
4703
4720
  type="checkbox"
4704
- id="-select-checkbox-risk-warning"
4705
- name="-select-checkbox-risk-warning"
4721
+ id="-select-checkbox-risk-warning-input"
4722
+ name="-select-checkbox-risk-warning-input"
4706
4723
  />
4707
-
4708
4724
  <span class="pf-v5-c-check__label">Warning</span>
4709
4725
  </label>
4710
4726
  <label
4711
4727
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4712
- for="-select-checkbox-risk-restarted"
4728
+ id="-select-checkbox-risk-restarted"
4729
+ for="-select-checkbox-risk-restarted-input"
4713
4730
  >
4714
4731
  <input
4715
4732
  class="pf-v5-c-check__input"
4716
4733
  type="checkbox"
4717
- id="-select-checkbox-risk-restarted"
4718
- name="-select-checkbox-risk-restarted"
4734
+ id="-select-checkbox-risk-restarted-input"
4735
+ name="-select-checkbox-risk-restarted-input"
4719
4736
  />
4720
-
4721
4737
  <span class="pf-v5-c-check__label">Restarted</span>
4722
4738
  </label>
4723
4739
  </fieldset>
@@ -5811,73 +5827,77 @@ wrapperTag: div
5811
5827
  >
5812
5828
  <label
5813
5829
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5814
- for="-select-checkbox-status-active"
5830
+ id="-select-checkbox-status-active"
5831
+ for="-select-checkbox-status-active-input"
5815
5832
  >
5816
5833
  <input
5817
5834
  class="pf-v5-c-check__input"
5818
5835
  type="checkbox"
5819
- id="-select-checkbox-status-active"
5820
- name="-select-checkbox-status-active"
5836
+ aria-describedby="-select-checkbox-status-active-description"
5837
+ id="-select-checkbox-status-active-input"
5838
+ name="-select-checkbox-status-active-input"
5821
5839
  />
5822
-
5823
5840
  <span class="pf-v5-c-check__label">Active</span>
5824
5841
  <span
5825
5842
  class="pf-v5-c-check__description"
5843
+ id="-select-checkbox-status-active-description"
5826
5844
  >This is a description</span>
5827
5845
  </label>
5828
5846
  <label
5829
5847
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5830
- for="-select-checkbox-status-canceled"
5848
+ id="-select-checkbox-status-canceled"
5849
+ for="-select-checkbox-status-canceled-input"
5831
5850
  >
5832
5851
  <input
5833
5852
  class="pf-v5-c-check__input"
5834
5853
  type="checkbox"
5835
- id="-select-checkbox-status-canceled"
5836
- name="-select-checkbox-status-canceled"
5854
+ aria-describedby="-select-checkbox-status-canceled-description"
5855
+ id="-select-checkbox-status-canceled-input"
5856
+ name="-select-checkbox-status-canceled-input"
5837
5857
  />
5838
-
5839
5858
  <span class="pf-v5-c-check__label">Canceled</span>
5840
5859
  <span
5841
5860
  class="pf-v5-c-check__description"
5861
+ id="-select-checkbox-status-canceled-description"
5842
5862
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5843
5863
  </label>
5844
5864
  <label
5845
5865
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5846
- for="-select-checkbox-status-paused"
5866
+ id="-select-checkbox-status-paused"
5867
+ for="-select-checkbox-status-paused-input"
5847
5868
  >
5848
5869
  <input
5849
5870
  class="pf-v5-c-check__input"
5850
5871
  type="checkbox"
5851
- id="-select-checkbox-status-paused"
5852
- name="-select-checkbox-status-paused"
5872
+ id="-select-checkbox-status-paused-input"
5873
+ name="-select-checkbox-status-paused-input"
5853
5874
  />
5854
-
5855
5875
  <span class="pf-v5-c-check__label">Paused</span>
5856
5876
  </label>
5857
5877
  <label
5858
5878
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5859
- for="-select-checkbox-status-warning"
5879
+ id="-select-checkbox-status-warning"
5880
+ for="-select-checkbox-status-warning-input"
5860
5881
  >
5861
5882
  <input
5862
5883
  class="pf-v5-c-check__input"
5863
5884
  type="checkbox"
5864
- id="-select-checkbox-status-warning"
5865
- name="-select-checkbox-status-warning"
5885
+ id="-select-checkbox-status-warning-input"
5886
+ name="-select-checkbox-status-warning-input"
5866
5887
  />
5867
-
5868
5888
  <span class="pf-v5-c-check__label">Warning</span>
5869
5889
  </label>
5870
5890
  <label
5871
5891
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5872
- for="-select-checkbox-status-restarted"
5892
+ id="-select-checkbox-status-restarted"
5893
+ for="-select-checkbox-status-restarted-input"
5873
5894
  >
5874
5895
  <input
5875
5896
  class="pf-v5-c-check__input"
5876
5897
  type="checkbox"
5877
- id="-select-checkbox-status-restarted"
5878
- name="-select-checkbox-status-restarted"
5898
+ id="-select-checkbox-status-restarted-input"
5899
+ name="-select-checkbox-status-restarted-input"
5879
5900
  />
5880
-
5881
5901
  <span class="pf-v5-c-check__label">Restarted</span>
5882
5902
  </label>
5883
5903
  </fieldset>
@@ -5911,73 +5931,77 @@ wrapperTag: div
5911
5931
  >
5912
5932
  <label
5913
5933
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5914
- for="-select-checkbox-risk-active"
5934
+ id="-select-checkbox-risk-active"
5935
+ for="-select-checkbox-risk-active-input"
5915
5936
  >
5916
5937
  <input
5917
5938
  class="pf-v5-c-check__input"
5918
5939
  type="checkbox"
5919
- id="-select-checkbox-risk-active"
5920
- name="-select-checkbox-risk-active"
5940
+ aria-describedby="-select-checkbox-risk-active-description"
5941
+ id="-select-checkbox-risk-active-input"
5942
+ name="-select-checkbox-risk-active-input"
5921
5943
  />
5922
-
5923
5944
  <span class="pf-v5-c-check__label">Active</span>
5924
5945
  <span
5925
5946
  class="pf-v5-c-check__description"
5947
+ id="-select-checkbox-risk-active-description"
5926
5948
  >This is a description</span>
5927
5949
  </label>
5928
5950
  <label
5929
5951
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5930
- for="-select-checkbox-risk-canceled"
5952
+ id="-select-checkbox-risk-canceled"
5953
+ for="-select-checkbox-risk-canceled-input"
5931
5954
  >
5932
5955
  <input
5933
5956
  class="pf-v5-c-check__input"
5934
5957
  type="checkbox"
5935
- id="-select-checkbox-risk-canceled"
5936
- name="-select-checkbox-risk-canceled"
5958
+ aria-describedby="-select-checkbox-risk-canceled-description"
5959
+ id="-select-checkbox-risk-canceled-input"
5960
+ name="-select-checkbox-risk-canceled-input"
5937
5961
  />
5938
-
5939
5962
  <span class="pf-v5-c-check__label">Canceled</span>
5940
5963
  <span
5941
5964
  class="pf-v5-c-check__description"
5965
+ id="-select-checkbox-risk-canceled-description"
5942
5966
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5943
5967
  </label>
5944
5968
  <label
5945
5969
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5946
- for="-select-checkbox-risk-paused"
5970
+ id="-select-checkbox-risk-paused"
5971
+ for="-select-checkbox-risk-paused-input"
5947
5972
  >
5948
5973
  <input
5949
5974
  class="pf-v5-c-check__input"
5950
5975
  type="checkbox"
5951
- id="-select-checkbox-risk-paused"
5952
- name="-select-checkbox-risk-paused"
5976
+ id="-select-checkbox-risk-paused-input"
5977
+ name="-select-checkbox-risk-paused-input"
5953
5978
  />
5954
-
5955
5979
  <span class="pf-v5-c-check__label">Paused</span>
5956
5980
  </label>
5957
5981
  <label
5958
5982
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5959
- for="-select-checkbox-risk-warning"
5983
+ id="-select-checkbox-risk-warning"
5984
+ for="-select-checkbox-risk-warning-input"
5960
5985
  >
5961
5986
  <input
5962
5987
  class="pf-v5-c-check__input"
5963
5988
  type="checkbox"
5964
- id="-select-checkbox-risk-warning"
5965
- name="-select-checkbox-risk-warning"
5989
+ id="-select-checkbox-risk-warning-input"
5990
+ name="-select-checkbox-risk-warning-input"
5966
5991
  />
5967
-
5968
5992
  <span class="pf-v5-c-check__label">Warning</span>
5969
5993
  </label>
5970
5994
  <label
5971
5995
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5972
- for="-select-checkbox-risk-restarted"
5996
+ id="-select-checkbox-risk-restarted"
5997
+ for="-select-checkbox-risk-restarted-input"
5973
5998
  >
5974
5999
  <input
5975
6000
  class="pf-v5-c-check__input"
5976
6001
  type="checkbox"
5977
- id="-select-checkbox-risk-restarted"
5978
- name="-select-checkbox-risk-restarted"
6002
+ id="-select-checkbox-risk-restarted-input"
6003
+ name="-select-checkbox-risk-restarted-input"
5979
6004
  />
5980
-
5981
6005
  <span class="pf-v5-c-check__label">Restarted</span>
5982
6006
  </label>
5983
6007
  </fieldset>
@@ -11756,73 +11780,77 @@ wrapperTag: div
11756
11780
  >
11757
11781
  <label
11758
11782
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11759
- for="-select-checkbox-status-active"
11783
+ id="-select-checkbox-status-active"
11784
+ for="-select-checkbox-status-active-input"
11760
11785
  >
11761
11786
  <input
11762
11787
  class="pf-v5-c-check__input"
11763
11788
  type="checkbox"
11764
- id="-select-checkbox-status-active"
11765
- name="-select-checkbox-status-active"
11789
+ aria-describedby="-select-checkbox-status-active-description"
11790
+ id="-select-checkbox-status-active-input"
11791
+ name="-select-checkbox-status-active-input"
11766
11792
  />
11767
-
11768
11793
  <span class="pf-v5-c-check__label">Active</span>
11769
11794
  <span
11770
11795
  class="pf-v5-c-check__description"
11796
+ id="-select-checkbox-status-active-description"
11771
11797
  >This is a description</span>
11772
11798
  </label>
11773
11799
  <label
11774
11800
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11775
- for="-select-checkbox-status-canceled"
11801
+ id="-select-checkbox-status-canceled"
11802
+ for="-select-checkbox-status-canceled-input"
11776
11803
  >
11777
11804
  <input
11778
11805
  class="pf-v5-c-check__input"
11779
11806
  type="checkbox"
11780
- id="-select-checkbox-status-canceled"
11781
- name="-select-checkbox-status-canceled"
11807
+ aria-describedby="-select-checkbox-status-canceled-description"
11808
+ id="-select-checkbox-status-canceled-input"
11809
+ name="-select-checkbox-status-canceled-input"
11782
11810
  />
11783
-
11784
11811
  <span class="pf-v5-c-check__label">Canceled</span>
11785
11812
  <span
11786
11813
  class="pf-v5-c-check__description"
11814
+ id="-select-checkbox-status-canceled-description"
11787
11815
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11788
11816
  </label>
11789
11817
  <label
11790
11818
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11791
- for="-select-checkbox-status-paused"
11819
+ id="-select-checkbox-status-paused"
11820
+ for="-select-checkbox-status-paused-input"
11792
11821
  >
11793
11822
  <input
11794
11823
  class="pf-v5-c-check__input"
11795
11824
  type="checkbox"
11796
- id="-select-checkbox-status-paused"
11797
- name="-select-checkbox-status-paused"
11825
+ id="-select-checkbox-status-paused-input"
11826
+ name="-select-checkbox-status-paused-input"
11798
11827
  />
11799
-
11800
11828
  <span class="pf-v5-c-check__label">Paused</span>
11801
11829
  </label>
11802
11830
  <label
11803
11831
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11804
- for="-select-checkbox-status-warning"
11832
+ id="-select-checkbox-status-warning"
11833
+ for="-select-checkbox-status-warning-input"
11805
11834
  >
11806
11835
  <input
11807
11836
  class="pf-v5-c-check__input"
11808
11837
  type="checkbox"
11809
- id="-select-checkbox-status-warning"
11810
- name="-select-checkbox-status-warning"
11838
+ id="-select-checkbox-status-warning-input"
11839
+ name="-select-checkbox-status-warning-input"
11811
11840
  />
11812
-
11813
11841
  <span class="pf-v5-c-check__label">Warning</span>
11814
11842
  </label>
11815
11843
  <label
11816
11844
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11817
- for="-select-checkbox-status-restarted"
11845
+ id="-select-checkbox-status-restarted"
11846
+ for="-select-checkbox-status-restarted-input"
11818
11847
  >
11819
11848
  <input
11820
11849
  class="pf-v5-c-check__input"
11821
11850
  type="checkbox"
11822
- id="-select-checkbox-status-restarted"
11823
- name="-select-checkbox-status-restarted"
11851
+ id="-select-checkbox-status-restarted-input"
11852
+ name="-select-checkbox-status-restarted-input"
11824
11853
  />
11825
-
11826
11854
  <span class="pf-v5-c-check__label">Restarted</span>
11827
11855
  </label>
11828
11856
  </fieldset>
@@ -11856,73 +11884,77 @@ wrapperTag: div
11856
11884
  >
11857
11885
  <label
11858
11886
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11859
- for="-select-checkbox-risk-active"
11887
+ id="-select-checkbox-risk-active"
11888
+ for="-select-checkbox-risk-active-input"
11860
11889
  >
11861
11890
  <input
11862
11891
  class="pf-v5-c-check__input"
11863
11892
  type="checkbox"
11864
- id="-select-checkbox-risk-active"
11865
- name="-select-checkbox-risk-active"
11893
+ aria-describedby="-select-checkbox-risk-active-description"
11894
+ id="-select-checkbox-risk-active-input"
11895
+ name="-select-checkbox-risk-active-input"
11866
11896
  />
11867
-
11868
11897
  <span class="pf-v5-c-check__label">Active</span>
11869
11898
  <span
11870
11899
  class="pf-v5-c-check__description"
11900
+ id="-select-checkbox-risk-active-description"
11871
11901
  >This is a description</span>
11872
11902
  </label>
11873
11903
  <label
11874
11904
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11875
- for="-select-checkbox-risk-canceled"
11905
+ id="-select-checkbox-risk-canceled"
11906
+ for="-select-checkbox-risk-canceled-input"
11876
11907
  >
11877
11908
  <input
11878
11909
  class="pf-v5-c-check__input"
11879
11910
  type="checkbox"
11880
- id="-select-checkbox-risk-canceled"
11881
- name="-select-checkbox-risk-canceled"
11911
+ aria-describedby="-select-checkbox-risk-canceled-description"
11912
+ id="-select-checkbox-risk-canceled-input"
11913
+ name="-select-checkbox-risk-canceled-input"
11882
11914
  />
11883
-
11884
11915
  <span class="pf-v5-c-check__label">Canceled</span>
11885
11916
  <span
11886
11917
  class="pf-v5-c-check__description"
11918
+ id="-select-checkbox-risk-canceled-description"
11887
11919
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11888
11920
  </label>
11889
11921
  <label
11890
11922
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11891
- for="-select-checkbox-risk-paused"
11923
+ id="-select-checkbox-risk-paused"
11924
+ for="-select-checkbox-risk-paused-input"
11892
11925
  >
11893
11926
  <input
11894
11927
  class="pf-v5-c-check__input"
11895
11928
  type="checkbox"
11896
- id="-select-checkbox-risk-paused"
11897
- name="-select-checkbox-risk-paused"
11929
+ id="-select-checkbox-risk-paused-input"
11930
+ name="-select-checkbox-risk-paused-input"
11898
11931
  />
11899
-
11900
11932
  <span class="pf-v5-c-check__label">Paused</span>
11901
11933
  </label>
11902
11934
  <label
11903
11935
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11904
- for="-select-checkbox-risk-warning"
11936
+ id="-select-checkbox-risk-warning"
11937
+ for="-select-checkbox-risk-warning-input"
11905
11938
  >
11906
11939
  <input
11907
11940
  class="pf-v5-c-check__input"
11908
11941
  type="checkbox"
11909
- id="-select-checkbox-risk-warning"
11910
- name="-select-checkbox-risk-warning"
11942
+ id="-select-checkbox-risk-warning-input"
11943
+ name="-select-checkbox-risk-warning-input"
11911
11944
  />
11912
-
11913
11945
  <span class="pf-v5-c-check__label">Warning</span>
11914
11946
  </label>
11915
11947
  <label
11916
11948
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11917
- for="-select-checkbox-risk-restarted"
11949
+ id="-select-checkbox-risk-restarted"
11950
+ for="-select-checkbox-risk-restarted-input"
11918
11951
  >
11919
11952
  <input
11920
11953
  class="pf-v5-c-check__input"
11921
11954
  type="checkbox"
11922
- id="-select-checkbox-risk-restarted"
11923
- name="-select-checkbox-risk-restarted"
11955
+ id="-select-checkbox-risk-restarted-input"
11956
+ name="-select-checkbox-risk-restarted-input"
11924
11957
  />
11925
-
11926
11958
  <span class="pf-v5-c-check__label">Restarted</span>
11927
11959
  </label>
11928
11960
  </fieldset>
@@ -13120,73 +13152,77 @@ wrapperTag: div
13120
13152
  >
13121
13153
  <label
13122
13154
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13123
- for="-select-checkbox-status-active"
13155
+ id="-select-checkbox-status-active"
13156
+ for="-select-checkbox-status-active-input"
13124
13157
  >
13125
13158
  <input
13126
13159
  class="pf-v5-c-check__input"
13127
13160
  type="checkbox"
13128
- id="-select-checkbox-status-active"
13129
- name="-select-checkbox-status-active"
13161
+ aria-describedby="-select-checkbox-status-active-description"
13162
+ id="-select-checkbox-status-active-input"
13163
+ name="-select-checkbox-status-active-input"
13130
13164
  />
13131
-
13132
13165
  <span class="pf-v5-c-check__label">Active</span>
13133
13166
  <span
13134
13167
  class="pf-v5-c-check__description"
13168
+ id="-select-checkbox-status-active-description"
13135
13169
  >This is a description</span>
13136
13170
  </label>
13137
13171
  <label
13138
13172
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13139
- for="-select-checkbox-status-canceled"
13173
+ id="-select-checkbox-status-canceled"
13174
+ for="-select-checkbox-status-canceled-input"
13140
13175
  >
13141
13176
  <input
13142
13177
  class="pf-v5-c-check__input"
13143
13178
  type="checkbox"
13144
- id="-select-checkbox-status-canceled"
13145
- name="-select-checkbox-status-canceled"
13179
+ aria-describedby="-select-checkbox-status-canceled-description"
13180
+ id="-select-checkbox-status-canceled-input"
13181
+ name="-select-checkbox-status-canceled-input"
13146
13182
  />
13147
-
13148
13183
  <span class="pf-v5-c-check__label">Canceled</span>
13149
13184
  <span
13150
13185
  class="pf-v5-c-check__description"
13186
+ id="-select-checkbox-status-canceled-description"
13151
13187
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
13152
13188
  </label>
13153
13189
  <label
13154
13190
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13155
- for="-select-checkbox-status-paused"
13191
+ id="-select-checkbox-status-paused"
13192
+ for="-select-checkbox-status-paused-input"
13156
13193
  >
13157
13194
  <input
13158
13195
  class="pf-v5-c-check__input"
13159
13196
  type="checkbox"
13160
- id="-select-checkbox-status-paused"
13161
- name="-select-checkbox-status-paused"
13197
+ id="-select-checkbox-status-paused-input"
13198
+ name="-select-checkbox-status-paused-input"
13162
13199
  />
13163
-
13164
13200
  <span class="pf-v5-c-check__label">Paused</span>
13165
13201
  </label>
13166
13202
  <label
13167
13203
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13168
- for="-select-checkbox-status-warning"
13204
+ id="-select-checkbox-status-warning"
13205
+ for="-select-checkbox-status-warning-input"
13169
13206
  >
13170
13207
  <input
13171
13208
  class="pf-v5-c-check__input"
13172
13209
  type="checkbox"
13173
- id="-select-checkbox-status-warning"
13174
- name="-select-checkbox-status-warning"
13210
+ id="-select-checkbox-status-warning-input"
13211
+ name="-select-checkbox-status-warning-input"
13175
13212
  />
13176
-
13177
13213
  <span class="pf-v5-c-check__label">Warning</span>
13178
13214
  </label>
13179
13215
  <label
13180
13216
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13181
- for="-select-checkbox-status-restarted"
13217
+ id="-select-checkbox-status-restarted"
13218
+ for="-select-checkbox-status-restarted-input"
13182
13219
  >
13183
13220
  <input
13184
13221
  class="pf-v5-c-check__input"
13185
13222
  type="checkbox"
13186
- id="-select-checkbox-status-restarted"
13187
- name="-select-checkbox-status-restarted"
13223
+ id="-select-checkbox-status-restarted-input"
13224
+ name="-select-checkbox-status-restarted-input"
13188
13225
  />
13189
-
13190
13226
  <span class="pf-v5-c-check__label">Restarted</span>
13191
13227
  </label>
13192
13228
  </fieldset>
@@ -13220,73 +13256,77 @@ wrapperTag: div
13220
13256
  >
13221
13257
  <label
13222
13258
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13223
- for="-select-checkbox-risk-active"
13259
+ id="-select-checkbox-risk-active"
13260
+ for="-select-checkbox-risk-active-input"
13224
13261
  >
13225
13262
  <input
13226
13263
  class="pf-v5-c-check__input"
13227
13264
  type="checkbox"
13228
- id="-select-checkbox-risk-active"
13229
- name="-select-checkbox-risk-active"
13265
+ aria-describedby="-select-checkbox-risk-active-description"
13266
+ id="-select-checkbox-risk-active-input"
13267
+ name="-select-checkbox-risk-active-input"
13230
13268
  />
13231
-
13232
13269
  <span class="pf-v5-c-check__label">Active</span>
13233
13270
  <span
13234
13271
  class="pf-v5-c-check__description"
13272
+ id="-select-checkbox-risk-active-description"
13235
13273
  >This is a description</span>
13236
13274
  </label>
13237
13275
  <label
13238
13276
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13239
- for="-select-checkbox-risk-canceled"
13277
+ id="-select-checkbox-risk-canceled"
13278
+ for="-select-checkbox-risk-canceled-input"
13240
13279
  >
13241
13280
  <input
13242
13281
  class="pf-v5-c-check__input"
13243
13282
  type="checkbox"
13244
- id="-select-checkbox-risk-canceled"
13245
- name="-select-checkbox-risk-canceled"
13283
+ aria-describedby="-select-checkbox-risk-canceled-description"
13284
+ id="-select-checkbox-risk-canceled-input"
13285
+ name="-select-checkbox-risk-canceled-input"
13246
13286
  />
13247
-
13248
13287
  <span class="pf-v5-c-check__label">Canceled</span>
13249
13288
  <span
13250
13289
  class="pf-v5-c-check__description"
13290
+ id="-select-checkbox-risk-canceled-description"
13251
13291
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
13252
13292
  </label>
13253
13293
  <label
13254
13294
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13255
- for="-select-checkbox-risk-paused"
13295
+ id="-select-checkbox-risk-paused"
13296
+ for="-select-checkbox-risk-paused-input"
13256
13297
  >
13257
13298
  <input
13258
13299
  class="pf-v5-c-check__input"
13259
13300
  type="checkbox"
13260
- id="-select-checkbox-risk-paused"
13261
- name="-select-checkbox-risk-paused"
13301
+ id="-select-checkbox-risk-paused-input"
13302
+ name="-select-checkbox-risk-paused-input"
13262
13303
  />
13263
-
13264
13304
  <span class="pf-v5-c-check__label">Paused</span>
13265
13305
  </label>
13266
13306
  <label
13267
13307
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13268
- for="-select-checkbox-risk-warning"
13308
+ id="-select-checkbox-risk-warning"
13309
+ for="-select-checkbox-risk-warning-input"
13269
13310
  >
13270
13311
  <input
13271
13312
  class="pf-v5-c-check__input"
13272
13313
  type="checkbox"
13273
- id="-select-checkbox-risk-warning"
13274
- name="-select-checkbox-risk-warning"
13314
+ id="-select-checkbox-risk-warning-input"
13315
+ name="-select-checkbox-risk-warning-input"
13275
13316
  />
13276
-
13277
13317
  <span class="pf-v5-c-check__label">Warning</span>
13278
13318
  </label>
13279
13319
  <label
13280
13320
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13281
- for="-select-checkbox-risk-restarted"
13321
+ id="-select-checkbox-risk-restarted"
13322
+ for="-select-checkbox-risk-restarted-input"
13282
13323
  >
13283
13324
  <input
13284
13325
  class="pf-v5-c-check__input"
13285
13326
  type="checkbox"
13286
- id="-select-checkbox-risk-restarted"
13287
- name="-select-checkbox-risk-restarted"
13327
+ id="-select-checkbox-risk-restarted-input"
13328
+ name="-select-checkbox-risk-restarted-input"
13288
13329
  />
13289
-
13290
13330
  <span class="pf-v5-c-check__label">Restarted</span>
13291
13331
  </label>
13292
13332
  </fieldset>
@@ -14580,73 +14620,77 @@ wrapperTag: div
14580
14620
  >
14581
14621
  <label
14582
14622
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14583
- for="-select-checkbox-status-active"
14623
+ id="-select-checkbox-status-active"
14624
+ for="-select-checkbox-status-active-input"
14584
14625
  >
14585
14626
  <input
14586
14627
  class="pf-v5-c-check__input"
14587
14628
  type="checkbox"
14588
- id="-select-checkbox-status-active"
14589
- name="-select-checkbox-status-active"
14629
+ aria-describedby="-select-checkbox-status-active-description"
14630
+ id="-select-checkbox-status-active-input"
14631
+ name="-select-checkbox-status-active-input"
14590
14632
  />
14591
-
14592
14633
  <span class="pf-v5-c-check__label">Active</span>
14593
14634
  <span
14594
14635
  class="pf-v5-c-check__description"
14636
+ id="-select-checkbox-status-active-description"
14595
14637
  >This is a description</span>
14596
14638
  </label>
14597
14639
  <label
14598
14640
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14599
- for="-select-checkbox-status-canceled"
14641
+ id="-select-checkbox-status-canceled"
14642
+ for="-select-checkbox-status-canceled-input"
14600
14643
  >
14601
14644
  <input
14602
14645
  class="pf-v5-c-check__input"
14603
14646
  type="checkbox"
14604
- id="-select-checkbox-status-canceled"
14605
- name="-select-checkbox-status-canceled"
14647
+ aria-describedby="-select-checkbox-status-canceled-description"
14648
+ id="-select-checkbox-status-canceled-input"
14649
+ name="-select-checkbox-status-canceled-input"
14606
14650
  />
14607
-
14608
14651
  <span class="pf-v5-c-check__label">Canceled</span>
14609
14652
  <span
14610
14653
  class="pf-v5-c-check__description"
14654
+ id="-select-checkbox-status-canceled-description"
14611
14655
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
14612
14656
  </label>
14613
14657
  <label
14614
14658
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14615
- for="-select-checkbox-status-paused"
14659
+ id="-select-checkbox-status-paused"
14660
+ for="-select-checkbox-status-paused-input"
14616
14661
  >
14617
14662
  <input
14618
14663
  class="pf-v5-c-check__input"
14619
14664
  type="checkbox"
14620
- id="-select-checkbox-status-paused"
14621
- name="-select-checkbox-status-paused"
14665
+ id="-select-checkbox-status-paused-input"
14666
+ name="-select-checkbox-status-paused-input"
14622
14667
  />
14623
-
14624
14668
  <span class="pf-v5-c-check__label">Paused</span>
14625
14669
  </label>
14626
14670
  <label
14627
14671
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14628
- for="-select-checkbox-status-warning"
14672
+ id="-select-checkbox-status-warning"
14673
+ for="-select-checkbox-status-warning-input"
14629
14674
  >
14630
14675
  <input
14631
14676
  class="pf-v5-c-check__input"
14632
14677
  type="checkbox"
14633
- id="-select-checkbox-status-warning"
14634
- name="-select-checkbox-status-warning"
14678
+ id="-select-checkbox-status-warning-input"
14679
+ name="-select-checkbox-status-warning-input"
14635
14680
  />
14636
-
14637
14681
  <span class="pf-v5-c-check__label">Warning</span>
14638
14682
  </label>
14639
14683
  <label
14640
14684
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14641
- for="-select-checkbox-status-restarted"
14685
+ id="-select-checkbox-status-restarted"
14686
+ for="-select-checkbox-status-restarted-input"
14642
14687
  >
14643
14688
  <input
14644
14689
  class="pf-v5-c-check__input"
14645
14690
  type="checkbox"
14646
- id="-select-checkbox-status-restarted"
14647
- name="-select-checkbox-status-restarted"
14691
+ id="-select-checkbox-status-restarted-input"
14692
+ name="-select-checkbox-status-restarted-input"
14648
14693
  />
14649
-
14650
14694
  <span class="pf-v5-c-check__label">Restarted</span>
14651
14695
  </label>
14652
14696
  </fieldset>
@@ -14680,73 +14724,77 @@ wrapperTag: div
14680
14724
  >
14681
14725
  <label
14682
14726
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14683
- for="-select-checkbox-risk-active"
14727
+ id="-select-checkbox-risk-active"
14728
+ for="-select-checkbox-risk-active-input"
14684
14729
  >
14685
14730
  <input
14686
14731
  class="pf-v5-c-check__input"
14687
14732
  type="checkbox"
14688
- id="-select-checkbox-risk-active"
14689
- name="-select-checkbox-risk-active"
14733
+ aria-describedby="-select-checkbox-risk-active-description"
14734
+ id="-select-checkbox-risk-active-input"
14735
+ name="-select-checkbox-risk-active-input"
14690
14736
  />
14691
-
14692
14737
  <span class="pf-v5-c-check__label">Active</span>
14693
14738
  <span
14694
14739
  class="pf-v5-c-check__description"
14740
+ id="-select-checkbox-risk-active-description"
14695
14741
  >This is a description</span>
14696
14742
  </label>
14697
14743
  <label
14698
14744
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14699
- for="-select-checkbox-risk-canceled"
14745
+ id="-select-checkbox-risk-canceled"
14746
+ for="-select-checkbox-risk-canceled-input"
14700
14747
  >
14701
14748
  <input
14702
14749
  class="pf-v5-c-check__input"
14703
14750
  type="checkbox"
14704
- id="-select-checkbox-risk-canceled"
14705
- name="-select-checkbox-risk-canceled"
14751
+ aria-describedby="-select-checkbox-risk-canceled-description"
14752
+ id="-select-checkbox-risk-canceled-input"
14753
+ name="-select-checkbox-risk-canceled-input"
14706
14754
  />
14707
-
14708
14755
  <span class="pf-v5-c-check__label">Canceled</span>
14709
14756
  <span
14710
14757
  class="pf-v5-c-check__description"
14758
+ id="-select-checkbox-risk-canceled-description"
14711
14759
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
14712
14760
  </label>
14713
14761
  <label
14714
14762
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14715
- for="-select-checkbox-risk-paused"
14763
+ id="-select-checkbox-risk-paused"
14764
+ for="-select-checkbox-risk-paused-input"
14716
14765
  >
14717
14766
  <input
14718
14767
  class="pf-v5-c-check__input"
14719
14768
  type="checkbox"
14720
- id="-select-checkbox-risk-paused"
14721
- name="-select-checkbox-risk-paused"
14769
+ id="-select-checkbox-risk-paused-input"
14770
+ name="-select-checkbox-risk-paused-input"
14722
14771
  />
14723
-
14724
14772
  <span class="pf-v5-c-check__label">Paused</span>
14725
14773
  </label>
14726
14774
  <label
14727
14775
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14728
- for="-select-checkbox-risk-warning"
14776
+ id="-select-checkbox-risk-warning"
14777
+ for="-select-checkbox-risk-warning-input"
14729
14778
  >
14730
14779
  <input
14731
14780
  class="pf-v5-c-check__input"
14732
14781
  type="checkbox"
14733
- id="-select-checkbox-risk-warning"
14734
- name="-select-checkbox-risk-warning"
14782
+ id="-select-checkbox-risk-warning-input"
14783
+ name="-select-checkbox-risk-warning-input"
14735
14784
  />
14736
-
14737
14785
  <span class="pf-v5-c-check__label">Warning</span>
14738
14786
  </label>
14739
14787
  <label
14740
14788
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14741
- for="-select-checkbox-risk-restarted"
14789
+ id="-select-checkbox-risk-restarted"
14790
+ for="-select-checkbox-risk-restarted-input"
14742
14791
  >
14743
14792
  <input
14744
14793
  class="pf-v5-c-check__input"
14745
14794
  type="checkbox"
14746
- id="-select-checkbox-risk-restarted"
14747
- name="-select-checkbox-risk-restarted"
14795
+ id="-select-checkbox-risk-restarted-input"
14796
+ name="-select-checkbox-risk-restarted-input"
14748
14797
  />
14749
-
14750
14798
  <span class="pf-v5-c-check__label">Restarted</span>
14751
14799
  </label>
14752
14800
  </fieldset>