@patternfly/react-core 4.202.28 → 4.202.29

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 (44) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/components/JumpLinks/JumpLinksItem.d.ts.map +1 -1
  3. package/dist/esm/components/JumpLinks/JumpLinksItem.js +1 -1
  4. package/dist/esm/components/JumpLinks/JumpLinksItem.js.map +1 -1
  5. package/dist/esm/components/ProgressStepper/ProgressStep.d.ts +3 -0
  6. package/dist/esm/components/ProgressStepper/ProgressStep.d.ts.map +1 -1
  7. package/dist/esm/components/ProgressStepper/ProgressStep.js +2 -2
  8. package/dist/esm/components/ProgressStepper/ProgressStep.js.map +1 -1
  9. package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
  10. package/dist/esm/components/Tabs/Tab.js +2 -2
  11. package/dist/esm/components/Tabs/Tab.js.map +1 -1
  12. package/dist/esm/components/Tabs/Tabs.d.ts +1 -1
  13. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  14. package/dist/esm/components/Tabs/Tabs.js +1 -1
  15. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  16. package/dist/js/components/JumpLinks/JumpLinksItem.d.ts.map +1 -1
  17. package/dist/js/components/JumpLinks/JumpLinksItem.js +1 -1
  18. package/dist/js/components/JumpLinks/JumpLinksItem.js.map +1 -1
  19. package/dist/js/components/ProgressStepper/ProgressStep.d.ts +3 -0
  20. package/dist/js/components/ProgressStepper/ProgressStep.d.ts.map +1 -1
  21. package/dist/js/components/ProgressStepper/ProgressStep.js +2 -2
  22. package/dist/js/components/ProgressStepper/ProgressStep.js.map +1 -1
  23. package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
  24. package/dist/js/components/Tabs/Tab.js +2 -2
  25. package/dist/js/components/Tabs/Tab.js.map +1 -1
  26. package/dist/js/components/Tabs/Tabs.d.ts +1 -1
  27. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  28. package/dist/js/components/Tabs/Tabs.js +1 -1
  29. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  30. package/dist/umd/react-core.js +6 -6
  31. package/dist/umd/react-core.min.js +1 -1
  32. package/package.json +5 -5
  33. package/src/components/ExpandableSection/examples/ExpandableSection.md +1 -1
  34. package/src/components/JumpLinks/JumpLinksItem.tsx +5 -1
  35. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +5 -0
  36. package/src/components/ProgressStepper/ProgressStep.tsx +6 -0
  37. package/src/components/ProgressStepper/__tests__/__snapshots__/ProgressStepper.test.tsx.snap +1 -0
  38. package/src/components/ProgressStepper/examples/ProgressStepper.md +9 -9
  39. package/src/components/Tabs/Tab.tsx +6 -1
  40. package/src/components/Tabs/Tabs.tsx +2 -2
  41. package/src/components/Tabs/__tests__/Generated/__snapshots__/Tabs.test.tsx.snap +1 -0
  42. package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +3 -0
  43. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +135 -0
  44. package/src/components/Tabs/examples/Tabs.md +32 -26
package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap CHANGED
@@ -32,17 +32,21 @@ exports[`should render accessible tabs 1`] = `
32
32
  </button>
33
33
  <ul
34
34
  class="pf-c-tabs__list"
35
+ role="tablist"
35
36
  >
36
37
  <li
37
38
  class="pf-c-tabs__item pf-m-current"
39
+ role="presentation"
38
40
  >
39
41
  <a
40
42
  aria-controls="pf-tab-section-0-tab1"
43
+ aria-selected="true"
41
44
  class="pf-c-tabs__link"
42
45
  data-ouia-component-type="PF4/TabButton"
43
46
  data-ouia-safe="true"
44
47
  href="#/items/1"
45
48
  id="pf-tab-0-tab1"
49
+ role="tab"
46
50
  >
47
51
  <span
48
52
  class="pf-c-tabs__item-text"
@@ -53,14 +57,17 @@ exports[`should render accessible tabs 1`] = `
53
57
  </li>
54
58
  <li
55
59
  class="pf-c-tabs__item"
60
+ role="presentation"
56
61
  >
57
62
  <a
58
63
  aria-controls="pf-tab-section-1-tab2"
64
+ aria-selected="false"
59
65
  class="pf-c-tabs__link"
60
66
  data-ouia-component-type="PF4/TabButton"
61
67
  data-ouia-safe="true"
62
68
  href="#/items/2"
63
69
  id="pf-tab-1-tab2"
70
+ role="tab"
64
71
  >
65
72
  <span
66
73
  class="pf-c-tabs__item-text"
@@ -71,14 +78,17 @@ exports[`should render accessible tabs 1`] = `
71
78
  </li>
72
79
  <li
73
80
  class="pf-c-tabs__item"
81
+ role="presentation"
74
82
  >
75
83
  <a
76
84
  aria-controls="pf-tab-section-2-tab3"
85
+ aria-selected="false"
77
86
  class="pf-c-tabs__link"
78
87
  data-ouia-component-type="PF4/TabButton"
79
88
  data-ouia-safe="true"
80
89
  href="#/items/3"
81
90
  id="pf-tab-2-tab3"
91
+ role="tab"
82
92
  >
83
93
  <span
84
94
  class="pf-c-tabs__item-text"
@@ -178,16 +188,20 @@ exports[`should render box tabs 1`] = `
178
188
  </button>
179
189
  <ul
180
190
  class="pf-c-tabs__list"
191
+ role="tablist"
181
192
  >
182
193
  <li
183
194
  class="pf-c-tabs__item pf-m-current"
195
+ role="presentation"
184
196
  >
185
197
  <button
186
198
  aria-controls="pf-tab-section-0-tab1"
199
+ aria-selected="true"
187
200
  class="pf-c-tabs__link"
188
201
  data-ouia-component-type="PF4/TabButton"
189
202
  data-ouia-safe="true"
190
203
  id="pf-tab-0-tab1"
204
+ role="tab"
191
205
  >
192
206
  <span
193
207
  class="pf-c-tabs__item-text"
@@ -198,13 +212,16 @@ exports[`should render box tabs 1`] = `
198
212
  </li>
199
213
  <li
200
214
  class="pf-c-tabs__item"
215
+ role="presentation"
201
216
  >
202
217
  <button
203
218
  aria-controls="pf-tab-section-1-tab2"
219
+ aria-selected="false"
204
220
  class="pf-c-tabs__link"
205
221
  data-ouia-component-type="PF4/TabButton"
206
222
  data-ouia-safe="true"
207
223
  id="pf-tab-1-tab2"
224
+ role="tab"
208
225
  >
209
226
  <span
210
227
  class="pf-c-tabs__item-text"
@@ -215,13 +232,16 @@ exports[`should render box tabs 1`] = `
215
232
  </li>
216
233
  <li
217
234
  class="pf-c-tabs__item"
235
+ role="presentation"
218
236
  >
219
237
  <button
220
238
  aria-controls="pf-tab-section-2-tab3"
239
+ aria-selected="false"
221
240
  class="pf-c-tabs__link"
222
241
  data-ouia-component-type="PF4/TabButton"
223
242
  data-ouia-safe="true"
224
243
  id="pf-tab-2-tab3"
244
+ role="tab"
225
245
  >
226
246
  <span
227
247
  class="pf-c-tabs__item-text"
@@ -232,13 +252,16 @@ exports[`should render box tabs 1`] = `
232
252
  </li>
233
253
  <li
234
254
  class="pf-c-tabs__item"
255
+ role="presentation"
235
256
  >
236
257
  <button
237
258
  aria-controls="pf-tab-section-3-tab4"
259
+ aria-selected="false"
238
260
  class="pf-c-tabs__link"
239
261
  data-ouia-component-type="PF4/TabButton"
240
262
  data-ouia-safe="true"
241
263
  id="pf-tab-3-tab4"
264
+ role="tab"
242
265
  >
243
266
  <span
244
267
  class="pf-c-tabs__item-icon"
@@ -359,16 +382,20 @@ exports[`should render box tabs of light variant 1`] = `
359
382
  </button>
360
383
  <ul
361
384
  class="pf-c-tabs__list"
385
+ role="tablist"
362
386
  >
363
387
  <li
364
388
  class="pf-c-tabs__item pf-m-current"
389
+ role="presentation"
365
390
  >
366
391
  <button
367
392
  aria-controls="pf-tab-section-0-tab1"
393
+ aria-selected="true"
368
394
  class="pf-c-tabs__link"
369
395
  data-ouia-component-type="PF4/TabButton"
370
396
  data-ouia-safe="true"
371
397
  id="pf-tab-0-tab1"
398
+ role="tab"
372
399
  >
373
400
  <span
374
401
  class="pf-c-tabs__item-text"
@@ -379,13 +406,16 @@ exports[`should render box tabs of light variant 1`] = `
379
406
  </li>
380
407
  <li
381
408
  class="pf-c-tabs__item"
409
+ role="presentation"
382
410
  >
383
411
  <button
384
412
  aria-controls="pf-tab-section-1-tab2"
413
+ aria-selected="false"
385
414
  class="pf-c-tabs__link"
386
415
  data-ouia-component-type="PF4/TabButton"
387
416
  data-ouia-safe="true"
388
417
  id="pf-tab-1-tab2"
418
+ role="tab"
389
419
  >
390
420
  <span
391
421
  class="pf-c-tabs__item-text"
@@ -396,13 +426,16 @@ exports[`should render box tabs of light variant 1`] = `
396
426
  </li>
397
427
  <li
398
428
  class="pf-c-tabs__item"
429
+ role="presentation"
399
430
  >
400
431
  <button
401
432
  aria-controls="pf-tab-section-2-tab3"
433
+ aria-selected="false"
402
434
  class="pf-c-tabs__link"
403
435
  data-ouia-component-type="PF4/TabButton"
404
436
  data-ouia-safe="true"
405
437
  id="pf-tab-2-tab3"
438
+ role="tab"
406
439
  >
407
440
  <span
408
441
  class="pf-c-tabs__item-text"
@@ -545,16 +578,20 @@ exports[`should render expandable vertical tabs 1`] = `
545
578
  </button>
546
579
  <ul
547
580
  class="pf-c-tabs__list"
581
+ role="tablist"
548
582
  >
549
583
  <li
550
584
  class="pf-c-tabs__item pf-m-current"
585
+ role="presentation"
551
586
  >
552
587
  <button
553
588
  aria-controls="pf-tab-section-0-tab1"
589
+ aria-selected="true"
554
590
  class="pf-c-tabs__link"
555
591
  data-ouia-component-type="PF4/TabButton"
556
592
  data-ouia-safe="true"
557
593
  id="pf-tab-0-tab1"
594
+ role="tab"
558
595
  >
559
596
  <span
560
597
  class="pf-c-tabs__item-text"
@@ -565,13 +602,16 @@ exports[`should render expandable vertical tabs 1`] = `
565
602
  </li>
566
603
  <li
567
604
  class="pf-c-tabs__item"
605
+ role="presentation"
568
606
  >
569
607
  <button
570
608
  aria-controls="pf-tab-section-1-tab2"
609
+ aria-selected="false"
571
610
  class="pf-c-tabs__link"
572
611
  data-ouia-component-type="PF4/TabButton"
573
612
  data-ouia-safe="true"
574
613
  id="pf-tab-1-tab2"
614
+ role="tab"
575
615
  >
576
616
  <span
577
617
  class="pf-c-tabs__item-text"
@@ -582,13 +622,16 @@ exports[`should render expandable vertical tabs 1`] = `
582
622
  </li>
583
623
  <li
584
624
  class="pf-c-tabs__item"
625
+ role="presentation"
585
626
  >
586
627
  <button
587
628
  aria-controls="pf-tab-section-2-tab3"
629
+ aria-selected="false"
588
630
  class="pf-c-tabs__link"
589
631
  data-ouia-component-type="PF4/TabButton"
590
632
  data-ouia-safe="true"
591
633
  id="pf-tab-2-tab3"
634
+ role="tab"
592
635
  >
593
636
  <span
594
637
  class="pf-c-tabs__item-text"
@@ -599,13 +642,16 @@ exports[`should render expandable vertical tabs 1`] = `
599
642
  </li>
600
643
  <li
601
644
  class="pf-c-tabs__item"
645
+ role="presentation"
602
646
  >
603
647
  <button
604
648
  aria-controls="pf-tab-section-3-tab4"
649
+ aria-selected="false"
605
650
  class="pf-c-tabs__link"
606
651
  data-ouia-component-type="PF4/TabButton"
607
652
  data-ouia-safe="true"
608
653
  id="pf-tab-3-tab4"
654
+ role="tab"
609
655
  >
610
656
  <span
611
657
  class="pf-c-tabs__item-icon"
@@ -726,16 +772,20 @@ exports[`should render filled tabs 1`] = `
726
772
  </button>
727
773
  <ul
728
774
  class="pf-c-tabs__list"
775
+ role="tablist"
729
776
  >
730
777
  <li
731
778
  class="pf-c-tabs__item pf-m-current"
779
+ role="presentation"
732
780
  >
733
781
  <button
734
782
  aria-controls="pf-tab-section-0-tab1"
783
+ aria-selected="true"
735
784
  class="pf-c-tabs__link"
736
785
  data-ouia-component-type="PF4/TabButton"
737
786
  data-ouia-safe="true"
738
787
  id="pf-tab-0-tab1"
788
+ role="tab"
739
789
  >
740
790
  <span
741
791
  class="pf-c-tabs__item-text"
@@ -746,13 +796,16 @@ exports[`should render filled tabs 1`] = `
746
796
  </li>
747
797
  <li
748
798
  class="pf-c-tabs__item"
799
+ role="presentation"
749
800
  >
750
801
  <button
751
802
  aria-controls="pf-tab-section-1-tab2"
803
+ aria-selected="false"
752
804
  class="pf-c-tabs__link"
753
805
  data-ouia-component-type="PF4/TabButton"
754
806
  data-ouia-safe="true"
755
807
  id="pf-tab-1-tab2"
808
+ role="tab"
756
809
  >
757
810
  <span
758
811
  class="pf-c-tabs__item-text"
@@ -763,13 +816,16 @@ exports[`should render filled tabs 1`] = `
763
816
  </li>
764
817
  <li
765
818
  class="pf-c-tabs__item"
819
+ role="presentation"
766
820
  >
767
821
  <button
768
822
  aria-controls="pf-tab-section-2-tab3"
823
+ aria-selected="false"
769
824
  class="pf-c-tabs__link"
770
825
  data-ouia-component-type="PF4/TabButton"
771
826
  data-ouia-safe="true"
772
827
  id="pf-tab-2-tab3"
828
+ role="tab"
773
829
  >
774
830
  <span
775
831
  class="pf-c-tabs__item-text"
@@ -869,16 +925,20 @@ exports[`should render secondary tabs 1`] = `
869
925
  </button>
870
926
  <ul
871
927
  class="pf-c-tabs__list"
928
+ role="tablist"
872
929
  >
873
930
  <li
874
931
  class="pf-c-tabs__item pf-m-current"
932
+ role="presentation"
875
933
  >
876
934
  <button
877
935
  aria-controls="pf-tab-section-0-primarieTabs"
936
+ aria-selected="true"
878
937
  class="pf-c-tabs__link"
879
938
  data-ouia-component-type="PF4/TabButton"
880
939
  data-ouia-safe="true"
881
940
  id="pf-tab-0-primarieTabs"
941
+ role="tab"
882
942
  >
883
943
  <span
884
944
  class="pf-c-tabs__item-text"
@@ -889,13 +949,16 @@ exports[`should render secondary tabs 1`] = `
889
949
  </li>
890
950
  <li
891
951
  class="pf-c-tabs__item"
952
+ role="presentation"
892
953
  >
893
954
  <button
894
955
  aria-controls="pf-tab-section-1-tab2"
956
+ aria-selected="false"
895
957
  class="pf-c-tabs__link"
896
958
  data-ouia-component-type="PF4/TabButton"
897
959
  data-ouia-safe="true"
898
960
  id="pf-tab-1-tab2"
961
+ role="tab"
899
962
  >
900
963
  <span
901
964
  class="pf-c-tabs__item-text"
@@ -906,13 +969,16 @@ exports[`should render secondary tabs 1`] = `
906
969
  </li>
907
970
  <li
908
971
  class="pf-c-tabs__item"
972
+ role="presentation"
909
973
  >
910
974
  <button
911
975
  aria-controls="pf-tab-section-2-tab3"
976
+ aria-selected="false"
912
977
  class="pf-c-tabs__link"
913
978
  data-ouia-component-type="PF4/TabButton"
914
979
  data-ouia-safe="true"
915
980
  id="pf-tab-2-tab3"
981
+ role="tab"
916
982
  >
917
983
  <span
918
984
  class="pf-c-tabs__item-text"
@@ -981,16 +1047,20 @@ exports[`should render secondary tabs 1`] = `
981
1047
  </button>
982
1048
  <ul
983
1049
  class="pf-c-tabs__list"
1050
+ role="tablist"
984
1051
  >
985
1052
  <li
986
1053
  class="pf-c-tabs__item"
1054
+ role="presentation"
987
1055
  >
988
1056
  <button
989
1057
  aria-controls="pf-tab-section-10-secondary tab1"
1058
+ aria-selected="false"
990
1059
  class="pf-c-tabs__link"
991
1060
  data-ouia-component-type="PF4/TabButton"
992
1061
  data-ouia-safe="true"
993
1062
  id="pf-tab-10-secondary tab1"
1063
+ role="tab"
994
1064
  >
995
1065
  <span
996
1066
  class="pf-c-tabs__item-text"
@@ -1001,13 +1071,16 @@ exports[`should render secondary tabs 1`] = `
1001
1071
  </li>
1002
1072
  <li
1003
1073
  class="pf-c-tabs__item"
1074
+ role="presentation"
1004
1075
  >
1005
1076
  <button
1006
1077
  aria-controls="pf-tab-section-11-secondary tab2"
1078
+ aria-selected="false"
1007
1079
  class="pf-c-tabs__link"
1008
1080
  data-ouia-component-type="PF4/TabButton"
1009
1081
  data-ouia-safe="true"
1010
1082
  id="pf-tab-11-secondary tab2"
1083
+ role="tab"
1011
1084
  >
1012
1085
  <span
1013
1086
  class="pf-c-tabs__item-text"
@@ -1018,13 +1091,16 @@ exports[`should render secondary tabs 1`] = `
1018
1091
  </li>
1019
1092
  <li
1020
1093
  class="pf-c-tabs__item"
1094
+ role="presentation"
1021
1095
  >
1022
1096
  <button
1023
1097
  aria-controls="pf-tab-section-12-secondary tab3"
1098
+ aria-selected="false"
1024
1099
  class="pf-c-tabs__link"
1025
1100
  data-ouia-component-type="PF4/TabButton"
1026
1101
  data-ouia-safe="true"
1027
1102
  id="pf-tab-12-secondary tab3"
1103
+ role="tab"
1028
1104
  >
1029
1105
  <span
1030
1106
  class="pf-c-tabs__item-text"
@@ -1150,16 +1226,20 @@ exports[`should render simple tabs 1`] = `
1150
1226
  </button>
1151
1227
  <ul
1152
1228
  class="pf-c-tabs__list"
1229
+ role="tablist"
1153
1230
  >
1154
1231
  <li
1155
1232
  class="pf-c-tabs__item pf-m-current"
1233
+ role="presentation"
1156
1234
  >
1157
1235
  <button
1158
1236
  aria-controls="pf-tab-section-0-tab1"
1237
+ aria-selected="true"
1159
1238
  class="pf-c-tabs__link"
1160
1239
  data-ouia-component-type="PF4/TabButton"
1161
1240
  data-ouia-safe="true"
1162
1241
  id="pf-tab-0-tab1"
1242
+ role="tab"
1163
1243
  >
1164
1244
  <span
1165
1245
  class="pf-c-tabs__item-text"
@@ -1170,13 +1250,16 @@ exports[`should render simple tabs 1`] = `
1170
1250
  </li>
1171
1251
  <li
1172
1252
  class="pf-c-tabs__item"
1253
+ role="presentation"
1173
1254
  >
1174
1255
  <button
1175
1256
  aria-controls="pf-tab-section-1-tab2"
1257
+ aria-selected="false"
1176
1258
  class="pf-c-tabs__link"
1177
1259
  data-ouia-component-type="PF4/TabButton"
1178
1260
  data-ouia-safe="true"
1179
1261
  id="pf-tab-1-tab2"
1262
+ role="tab"
1180
1263
  >
1181
1264
  <span
1182
1265
  class="pf-c-tabs__item-text"
@@ -1187,13 +1270,16 @@ exports[`should render simple tabs 1`] = `
1187
1270
  </li>
1188
1271
  <li
1189
1272
  class="pf-c-tabs__item"
1273
+ role="presentation"
1190
1274
  >
1191
1275
  <button
1192
1276
  aria-controls="pf-tab-section-2-tab3"
1277
+ aria-selected="false"
1193
1278
  class="pf-c-tabs__link"
1194
1279
  data-ouia-component-type="PF4/TabButton"
1195
1280
  data-ouia-safe="true"
1196
1281
  id="pf-tab-2-tab3"
1282
+ role="tab"
1197
1283
  >
1198
1284
  <span
1199
1285
  class="pf-c-tabs__item-text"
@@ -1204,13 +1290,16 @@ exports[`should render simple tabs 1`] = `
1204
1290
  </li>
1205
1291
  <li
1206
1292
  class="pf-c-tabs__item"
1293
+ role="presentation"
1207
1294
  >
1208
1295
  <button
1209
1296
  aria-controls="pf-tab-section-3-tab4"
1297
+ aria-selected="false"
1210
1298
  class="pf-c-tabs__link"
1211
1299
  data-ouia-component-type="PF4/TabButton"
1212
1300
  data-ouia-safe="true"
1213
1301
  id="pf-tab-3-tab4"
1302
+ role="tab"
1214
1303
  >
1215
1304
  <span
1216
1305
  class="pf-c-tabs__item-icon"
@@ -1331,16 +1420,20 @@ exports[`should render tabs with eventKey Strings 1`] = `
1331
1420
  </button>
1332
1421
  <ul
1333
1422
  class="pf-c-tabs__list"
1423
+ role="tablist"
1334
1424
  >
1335
1425
  <li
1336
1426
  class="pf-c-tabs__item"
1427
+ role="presentation"
1337
1428
  >
1338
1429
  <button
1339
1430
  aria-controls="pf-tab-section-one-tab1"
1431
+ aria-selected="false"
1340
1432
  class="pf-c-tabs__link"
1341
1433
  data-ouia-component-type="PF4/TabButton"
1342
1434
  data-ouia-safe="true"
1343
1435
  id="pf-tab-one-tab1"
1436
+ role="tab"
1344
1437
  >
1345
1438
  <span
1346
1439
  class="pf-c-tabs__item-text"
@@ -1351,13 +1444,16 @@ exports[`should render tabs with eventKey Strings 1`] = `
1351
1444
  </li>
1352
1445
  <li
1353
1446
  class="pf-c-tabs__item"
1447
+ role="presentation"
1354
1448
  >
1355
1449
  <button
1356
1450
  aria-controls="pf-tab-section-two-tab2"
1451
+ aria-selected="false"
1357
1452
  class="pf-c-tabs__link"
1358
1453
  data-ouia-component-type="PF4/TabButton"
1359
1454
  data-ouia-safe="true"
1360
1455
  id="pf-tab-two-tab2"
1456
+ role="tab"
1361
1457
  >
1362
1458
  <span
1363
1459
  class="pf-c-tabs__item-text"
@@ -1368,13 +1464,16 @@ exports[`should render tabs with eventKey Strings 1`] = `
1368
1464
  </li>
1369
1465
  <li
1370
1466
  class="pf-c-tabs__item"
1467
+ role="presentation"
1371
1468
  >
1372
1469
  <button
1373
1470
  aria-controls="pf-tab-section-three-tab3"
1471
+ aria-selected="false"
1374
1472
  class="pf-c-tabs__link"
1375
1473
  data-ouia-component-type="PF4/TabButton"
1376
1474
  data-ouia-safe="true"
1377
1475
  id="pf-tab-three-tab3"
1476
+ role="tab"
1378
1477
  >
1379
1478
  <span
1380
1479
  class="pf-c-tabs__item-text"
@@ -1475,16 +1574,20 @@ exports[`should render tabs with separate content 1`] = `
1475
1574
  </button>
1476
1575
  <ul
1477
1576
  class="pf-c-tabs__list"
1577
+ role="tablist"
1478
1578
  >
1479
1579
  <li
1480
1580
  class="pf-c-tabs__item pf-m-current"
1581
+ role="presentation"
1481
1582
  >
1482
1583
  <button
1483
1584
  aria-controls="refTab1Section"
1585
+ aria-selected="true"
1484
1586
  class="pf-c-tabs__link"
1485
1587
  data-ouia-component-type="PF4/TabButton"
1486
1588
  data-ouia-safe="true"
1487
1589
  id="pf-tab-0-separateTabs"
1590
+ role="tab"
1488
1591
  >
1489
1592
  <span
1490
1593
  class="pf-c-tabs__item-text"
@@ -1495,13 +1598,16 @@ exports[`should render tabs with separate content 1`] = `
1495
1598
  </li>
1496
1599
  <li
1497
1600
  class="pf-c-tabs__item"
1601
+ role="presentation"
1498
1602
  >
1499
1603
  <button
1500
1604
  aria-controls="refTab2Section"
1605
+ aria-selected="false"
1501
1606
  class="pf-c-tabs__link"
1502
1607
  data-ouia-component-type="PF4/TabButton"
1503
1608
  data-ouia-safe="true"
1504
1609
  id="pf-tab-1-separateTabs"
1610
+ role="tab"
1505
1611
  >
1506
1612
  <span
1507
1613
  class="pf-c-tabs__item-text"
@@ -1512,13 +1618,16 @@ exports[`should render tabs with separate content 1`] = `
1512
1618
  </li>
1513
1619
  <li
1514
1620
  class="pf-c-tabs__item"
1621
+ role="presentation"
1515
1622
  >
1516
1623
  <button
1517
1624
  aria-controls="refTab3Section"
1625
+ aria-selected="false"
1518
1626
  class="pf-c-tabs__link"
1519
1627
  data-ouia-component-type="PF4/TabButton"
1520
1628
  data-ouia-safe="true"
1521
1629
  id="pf-tab-2-separateTabs"
1630
+ role="tab"
1522
1631
  >
1523
1632
  <span
1524
1633
  class="pf-c-tabs__item-text"
@@ -1627,16 +1736,20 @@ exports[`should render uncontrolled tabs 1`] = `
1627
1736
  </button>
1628
1737
  <ul
1629
1738
  class="pf-c-tabs__list"
1739
+ role="tablist"
1630
1740
  >
1631
1741
  <li
1632
1742
  class="pf-c-tabs__item pf-m-current"
1743
+ role="presentation"
1633
1744
  >
1634
1745
  <button
1635
1746
  aria-controls="pf-tab-section-0-tab1"
1747
+ aria-selected="true"
1636
1748
  class="pf-c-tabs__link"
1637
1749
  data-ouia-component-type="PF4/TabButton"
1638
1750
  data-ouia-safe="true"
1639
1751
  id="pf-tab-0-tab1"
1752
+ role="tab"
1640
1753
  >
1641
1754
  <span
1642
1755
  class="pf-c-tabs__item-text"
@@ -1647,13 +1760,16 @@ exports[`should render uncontrolled tabs 1`] = `
1647
1760
  </li>
1648
1761
  <li
1649
1762
  class="pf-c-tabs__item"
1763
+ role="presentation"
1650
1764
  >
1651
1765
  <button
1652
1766
  aria-controls="pf-tab-section-1-tab2"
1767
+ aria-selected="false"
1653
1768
  class="pf-c-tabs__link"
1654
1769
  data-ouia-component-type="PF4/TabButton"
1655
1770
  data-ouia-safe="true"
1656
1771
  id="pf-tab-1-tab2"
1772
+ role="tab"
1657
1773
  >
1658
1774
  <span
1659
1775
  class="pf-c-tabs__item-text"
@@ -1664,13 +1780,16 @@ exports[`should render uncontrolled tabs 1`] = `
1664
1780
  </li>
1665
1781
  <li
1666
1782
  class="pf-c-tabs__item"
1783
+ role="presentation"
1667
1784
  >
1668
1785
  <button
1669
1786
  aria-controls="pf-tab-section-2-tab3"
1787
+ aria-selected="false"
1670
1788
  class="pf-c-tabs__link"
1671
1789
  data-ouia-component-type="PF4/TabButton"
1672
1790
  data-ouia-safe="true"
1673
1791
  id="pf-tab-2-tab3"
1792
+ role="tab"
1674
1793
  >
1675
1794
  <span
1676
1795
  class="pf-c-tabs__item-text"
@@ -1681,13 +1800,16 @@ exports[`should render uncontrolled tabs 1`] = `
1681
1800
  </li>
1682
1801
  <li
1683
1802
  class="pf-c-tabs__item"
1803
+ role="presentation"
1684
1804
  >
1685
1805
  <button
1686
1806
  aria-controls="pf-tab-section-3-tab4"
1807
+ aria-selected="false"
1687
1808
  class="pf-c-tabs__link"
1688
1809
  data-ouia-component-type="PF4/TabButton"
1689
1810
  data-ouia-safe="true"
1690
1811
  id="pf-tab-3-tab4"
1812
+ role="tab"
1691
1813
  >
1692
1814
  <span
1693
1815
  class="pf-c-tabs__item-icon"
@@ -1808,16 +1930,20 @@ exports[`should render vertical tabs 1`] = `
1808
1930
  </button>
1809
1931
  <ul
1810
1932
  class="pf-c-tabs__list"
1933
+ role="tablist"
1811
1934
  >
1812
1935
  <li
1813
1936
  class="pf-c-tabs__item pf-m-current"
1937
+ role="presentation"
1814
1938
  >
1815
1939
  <button
1816
1940
  aria-controls="pf-tab-section-0-tab1"
1941
+ aria-selected="true"
1817
1942
  class="pf-c-tabs__link"
1818
1943
  data-ouia-component-type="PF4/TabButton"
1819
1944
  data-ouia-safe="true"
1820
1945
  id="pf-tab-0-tab1"
1946
+ role="tab"
1821
1947
  >
1822
1948
  <span
1823
1949
  class="pf-c-tabs__item-text"
@@ -1828,13 +1954,16 @@ exports[`should render vertical tabs 1`] = `
1828
1954
  </li>
1829
1955
  <li
1830
1956
  class="pf-c-tabs__item"
1957
+ role="presentation"
1831
1958
  >
1832
1959
  <button
1833
1960
  aria-controls="pf-tab-section-1-tab2"
1961
+ aria-selected="false"
1834
1962
  class="pf-c-tabs__link"
1835
1963
  data-ouia-component-type="PF4/TabButton"
1836
1964
  data-ouia-safe="true"
1837
1965
  id="pf-tab-1-tab2"
1966
+ role="tab"
1838
1967
  >
1839
1968
  <span
1840
1969
  class="pf-c-tabs__item-text"
@@ -1845,13 +1974,16 @@ exports[`should render vertical tabs 1`] = `
1845
1974
  </li>
1846
1975
  <li
1847
1976
  class="pf-c-tabs__item"
1977
+ role="presentation"
1848
1978
  >
1849
1979
  <button
1850
1980
  aria-controls="pf-tab-section-2-tab3"
1981
+ aria-selected="false"
1851
1982
  class="pf-c-tabs__link"
1852
1983
  data-ouia-component-type="PF4/TabButton"
1853
1984
  data-ouia-safe="true"
1854
1985
  id="pf-tab-2-tab3"
1986
+ role="tab"
1855
1987
  >
1856
1988
  <span
1857
1989
  class="pf-c-tabs__item-text"
@@ -1862,13 +1994,16 @@ exports[`should render vertical tabs 1`] = `
1862
1994
  </li>
1863
1995
  <li
1864
1996
  class="pf-c-tabs__item"
1997
+ role="presentation"
1865
1998
  >
1866
1999
  <button
1867
2000
  aria-controls="pf-tab-section-3-tab4"
2001
+ aria-selected="false"
1868
2002
  class="pf-c-tabs__link"
1869
2003
  data-ouia-component-type="PF4/TabButton"
1870
2004
  data-ouia-safe="true"
1871
2005
  id="pf-tab-3-tab4"
2006
+ role="tab"
1872
2007
  >
1873
2008
  <span
1874
2009
  class="pf-c-tabs__item-icon"