@patternfly/react-core 6.0.0-alpha.22 → 6.0.0-alpha.23

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 (160) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -1
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/dynamic/styles/package.json +1 -1
  121. package/dist/esm/components/Tabs/TabContent.d.ts.map +1 -1
  122. package/dist/esm/components/Tabs/TabContent.js +10 -9
  123. package/dist/esm/components/Tabs/TabContent.js.map +1 -1
  124. package/dist/esm/components/Tabs/TabTitleIcon.js +1 -1
  125. package/dist/esm/components/Tabs/TabTitleIcon.js.map +1 -1
  126. package/dist/esm/components/Tabs/Tabs.d.ts +3 -3
  127. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  128. package/dist/esm/components/Tabs/Tabs.js +10 -9
  129. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  130. package/dist/esm/components/Tabs/TabsContext.d.ts +1 -1
  131. package/dist/esm/components/Tabs/TabsContext.d.ts.map +1 -1
  132. package/dist/js/components/Tabs/TabContent.d.ts.map +1 -1
  133. package/dist/js/components/Tabs/TabContent.js +10 -9
  134. package/dist/js/components/Tabs/TabContent.js.map +1 -1
  135. package/dist/js/components/Tabs/TabTitleIcon.js +1 -1
  136. package/dist/js/components/Tabs/TabTitleIcon.js.map +1 -1
  137. package/dist/js/components/Tabs/Tabs.d.ts +3 -3
  138. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  139. package/dist/js/components/Tabs/Tabs.js +10 -9
  140. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  141. package/dist/js/components/Tabs/TabsContext.d.ts +1 -1
  142. package/dist/js/components/Tabs/TabsContext.d.ts.map +1 -1
  143. package/dist/styles/base-no-reset.css +1 -0
  144. package/dist/styles/base.css +1 -0
  145. package/dist/umd/react-core.min.js +1 -1
  146. package/helpers/package.json +1 -1
  147. package/layouts/package.json +1 -1
  148. package/next/package.json +1 -1
  149. package/package.json +6 -6
  150. package/src/components/Tabs/TabContent.tsx +28 -25
  151. package/src/components/Tabs/TabTitleIcon.tsx +1 -1
  152. package/src/components/Tabs/Tabs.tsx +30 -30
  153. package/src/components/Tabs/TabsContext.ts +1 -1
  154. package/src/components/Tabs/__tests__/Generated/__snapshots__/TabContent.test.tsx.snap +1 -1
  155. package/src/components/Tabs/__tests__/Tabs.test.tsx +16 -16
  156. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +212 -212
  157. package/src/components/Tabs/examples/Tabs.md +10 -12
  158. package/src/components/Tabs/examples/{TabsBoxLight.tsx → TabsBoxSecondary.tsx} +8 -10
  159. package/src/components/Tabs/examples/{TabsNavSecondary.tsx → TabsNavSubtab.tsx} +2 -2
  160. package/src/components/Tabs/examples/TabsSubtabs.tsx +21 -21
@@ -81,7 +81,7 @@ exports[`should render accessible tabs 1`] = `
81
81
  </nav>
82
82
  <section
83
83
  aria-labelledby="pf-tab-0-tab1"
84
- class="pf-v5-c-tab-content default"
84
+ class="pf-v5-c-tab-content"
85
85
  data-ouia-component-type="PF5/TabContent"
86
86
  data-ouia-safe="true"
87
87
  id="pf-tab-section-0-tab1"
@@ -92,7 +92,7 @@ exports[`should render accessible tabs 1`] = `
92
92
  </section>
93
93
  <section
94
94
  aria-labelledby="pf-tab-1-tab2"
95
- class="pf-v5-c-tab-content default"
95
+ class="pf-v5-c-tab-content"
96
96
  data-ouia-component-type="PF5/TabContent"
97
97
  data-ouia-safe="true"
98
98
  hidden=""
@@ -104,7 +104,7 @@ exports[`should render accessible tabs 1`] = `
104
104
  </section>
105
105
  <section
106
106
  aria-labelledby="pf-tab-2-tab3"
107
- class="pf-v5-c-tab-content default"
107
+ class="pf-v5-c-tab-content"
108
108
  data-ouia-component-type="PF5/TabContent"
109
109
  data-ouia-safe="true"
110
110
  hidden=""
@@ -227,7 +227,7 @@ exports[`should render box tabs 1`] = `
227
227
  </div>
228
228
  <section
229
229
  aria-labelledby="pf-tab-0-tab1"
230
- class="pf-v5-c-tab-content default"
230
+ class="pf-v5-c-tab-content"
231
231
  data-ouia-component-type="PF5/TabContent"
232
232
  data-ouia-safe="true"
233
233
  id="pf-tab-section-0-tab1"
@@ -238,7 +238,7 @@ exports[`should render box tabs 1`] = `
238
238
  </section>
239
239
  <section
240
240
  aria-labelledby="pf-tab-1-tab2"
241
- class="pf-v5-c-tab-content default"
241
+ class="pf-v5-c-tab-content"
242
242
  data-ouia-component-type="PF5/TabContent"
243
243
  data-ouia-safe="true"
244
244
  hidden=""
@@ -250,7 +250,7 @@ exports[`should render box tabs 1`] = `
250
250
  </section>
251
251
  <section
252
252
  aria-labelledby="pf-tab-2-tab3"
253
- class="pf-v5-c-tab-content default"
253
+ class="pf-v5-c-tab-content"
254
254
  data-ouia-component-type="PF5/TabContent"
255
255
  data-ouia-safe="true"
256
256
  hidden=""
@@ -262,7 +262,7 @@ exports[`should render box tabs 1`] = `
262
262
  </section>
263
263
  <section
264
264
  aria-labelledby="pf-tab-3-tab4"
265
- class="pf-v5-c-tab-content default"
265
+ class="pf-v5-c-tab-content"
266
266
  data-ouia-component-type="PF5/TabContent"
267
267
  data-ouia-safe="true"
268
268
  hidden=""
@@ -275,14 +275,14 @@ exports[`should render box tabs 1`] = `
275
275
  </DocumentFragment>
276
276
  `;
277
277
 
278
- exports[`should render box tabs of light variant 1`] = `
278
+ exports[`should render box tabs of secondary variant 1`] = `
279
279
  <DocumentFragment>
280
280
  <div
281
- class="pf-v5-c-tabs pf-m-box pf-m-color-scheme--light-300"
281
+ class="pf-v5-c-tabs pf-m-box pf-m-secondary"
282
282
  data-ouia-component-id="OUIA-Generated-Tabs-15"
283
283
  data-ouia-component-type="PF5/Tabs"
284
284
  data-ouia-safe="true"
285
- id="boxLightVariantTabs"
285
+ id="boxSecondaryVariantTabs"
286
286
  >
287
287
  <ul
288
288
  class="pf-v5-c-tabs__list"
@@ -355,7 +355,7 @@ exports[`should render box tabs of light variant 1`] = `
355
355
  </div>
356
356
  <section
357
357
  aria-labelledby="pf-tab-0-tab1"
358
- class="pf-v5-c-tab-content light300"
358
+ class="pf-v5-c-tab-content pf-m-secondary"
359
359
  data-ouia-component-type="PF5/TabContent"
360
360
  data-ouia-safe="true"
361
361
  id="pf-tab-section-0-tab1"
@@ -366,7 +366,7 @@ exports[`should render box tabs of light variant 1`] = `
366
366
  </section>
367
367
  <section
368
368
  aria-labelledby="pf-tab-1-tab2"
369
- class="pf-v5-c-tab-content light300"
369
+ class="pf-v5-c-tab-content pf-m-secondary"
370
370
  data-ouia-component-type="PF5/TabContent"
371
371
  data-ouia-safe="true"
372
372
  hidden=""
@@ -378,7 +378,7 @@ exports[`should render box tabs of light variant 1`] = `
378
378
  </section>
379
379
  <section
380
380
  aria-labelledby="pf-tab-2-tab3"
381
- class="pf-v5-c-tab-content light300"
381
+ class="pf-v5-c-tab-content pf-m-secondary"
382
382
  data-ouia-component-type="PF5/TabContent"
383
383
  data-ouia-safe="true"
384
384
  hidden=""
@@ -544,7 +544,7 @@ exports[`should render expandable vertical tabs 1`] = `
544
544
  </div>
545
545
  <section
546
546
  aria-labelledby="pf-tab-0-tab1"
547
- class="pf-v5-c-tab-content default"
547
+ class="pf-v5-c-tab-content"
548
548
  data-ouia-component-type="PF5/TabContent"
549
549
  data-ouia-safe="true"
550
550
  id="pf-tab-section-0-tab1"
@@ -555,7 +555,7 @@ exports[`should render expandable vertical tabs 1`] = `
555
555
  </section>
556
556
  <section
557
557
  aria-labelledby="pf-tab-1-tab2"
558
- class="pf-v5-c-tab-content default"
558
+ class="pf-v5-c-tab-content"
559
559
  data-ouia-component-type="PF5/TabContent"
560
560
  data-ouia-safe="true"
561
561
  hidden=""
@@ -567,7 +567,7 @@ exports[`should render expandable vertical tabs 1`] = `
567
567
  </section>
568
568
  <section
569
569
  aria-labelledby="pf-tab-2-tab3"
570
- class="pf-v5-c-tab-content default"
570
+ class="pf-v5-c-tab-content"
571
571
  data-ouia-component-type="PF5/TabContent"
572
572
  data-ouia-safe="true"
573
573
  hidden=""
@@ -579,7 +579,7 @@ exports[`should render expandable vertical tabs 1`] = `
579
579
  </section>
580
580
  <section
581
581
  aria-labelledby="pf-tab-3-tab4"
582
- class="pf-v5-c-tab-content default"
582
+ class="pf-v5-c-tab-content"
583
583
  data-ouia-component-type="PF5/TabContent"
584
584
  data-ouia-safe="true"
585
585
  hidden=""
@@ -672,7 +672,7 @@ exports[`should render filled tabs 1`] = `
672
672
  </div>
673
673
  <section
674
674
  aria-labelledby="pf-tab-0-tab1"
675
- class="pf-v5-c-tab-content default"
675
+ class="pf-v5-c-tab-content"
676
676
  data-ouia-component-type="PF5/TabContent"
677
677
  data-ouia-safe="true"
678
678
  id="pf-tab-section-0-tab1"
@@ -683,7 +683,7 @@ exports[`should render filled tabs 1`] = `
683
683
  </section>
684
684
  <section
685
685
  aria-labelledby="pf-tab-1-tab2"
686
- class="pf-v5-c-tab-content default"
686
+ class="pf-v5-c-tab-content"
687
687
  data-ouia-component-type="PF5/TabContent"
688
688
  data-ouia-safe="true"
689
689
  hidden=""
@@ -695,7 +695,7 @@ exports[`should render filled tabs 1`] = `
695
695
  </section>
696
696
  <section
697
697
  aria-labelledby="pf-tab-2-tab3"
698
- class="pf-v5-c-tab-content default"
698
+ class="pf-v5-c-tab-content"
699
699
  data-ouia-component-type="PF5/TabContent"
700
700
  data-ouia-safe="true"
701
701
  hidden=""
@@ -708,14 +708,14 @@ exports[`should render filled tabs 1`] = `
708
708
  </DocumentFragment>
709
709
  `;
710
710
 
711
- exports[`should render secondary tabs 1`] = `
711
+ exports[`should render simple tabs 1`] = `
712
712
  <DocumentFragment>
713
713
  <div
714
714
  class="pf-v5-c-tabs"
715
- data-ouia-component-id="OUIA-Generated-Tabs-11"
715
+ data-ouia-component-id="OUIA-Generated-Tabs-1"
716
716
  data-ouia-component-type="PF5/Tabs"
717
717
  data-ouia-safe="true"
718
- id="primarieTabs"
718
+ id="simpleTabs"
719
719
  >
720
720
  <ul
721
721
  class="pf-v5-c-tabs__list"
@@ -726,12 +726,12 @@ exports[`should render secondary tabs 1`] = `
726
726
  role="presentation"
727
727
  >
728
728
  <button
729
- aria-controls="pf-tab-section-0-primarieTabs"
729
+ aria-controls="pf-tab-section-0-tab1"
730
730
  aria-selected="true"
731
731
  class="pf-v5-c-tabs__link"
732
732
  data-ouia-component-type="PF5/TabButton"
733
733
  data-ouia-safe="true"
734
- id="pf-tab-0-primarieTabs"
734
+ id="pf-tab-0-tab1"
735
735
  role="tab"
736
736
  type="button"
737
737
  >
@@ -784,133 +784,52 @@ exports[`should render secondary tabs 1`] = `
784
784
  </span>
785
785
  </button>
786
786
  </li>
787
+ <li
788
+ class="pf-v5-c-tabs__item"
789
+ role="presentation"
790
+ >
791
+ <button
792
+ aria-controls="pf-tab-section-3-tab4"
793
+ aria-selected="false"
794
+ class="pf-v5-c-tabs__link"
795
+ data-ouia-component-type="PF5/TabButton"
796
+ data-ouia-safe="true"
797
+ id="pf-tab-3-tab4"
798
+ role="tab"
799
+ type="button"
800
+ >
801
+ <span
802
+ class="pf-v5-c-tabs__item-icon"
803
+ >
804
+ <i>
805
+ 4
806
+ </i>
807
+ </span>
808
+
809
+ <span
810
+ class="pf-v5-c-tabs__item-text"
811
+ >
812
+ Users
813
+ </span>
814
+
815
+ </button>
816
+ </li>
787
817
  </ul>
788
818
  </div>
789
819
  <section
790
- aria-labelledby="pf-tab-0-primarieTabs"
791
- class="pf-v5-c-tab-content default"
820
+ aria-labelledby="pf-tab-0-tab1"
821
+ class="pf-v5-c-tab-content"
792
822
  data-ouia-component-type="PF5/TabContent"
793
823
  data-ouia-safe="true"
794
- id="pf-tab-section-0-primarieTabs"
824
+ id="pf-tab-section-0-tab1"
795
825
  role="tabpanel"
796
826
  tabindex="0"
797
827
  >
798
- <div
799
- class="pf-v5-c-tabs pf-m-secondary"
800
- data-ouia-component-id="OUIA-Generated-Tabs-12"
801
- data-ouia-component-type="PF5/Tabs"
802
- data-ouia-safe="true"
803
- id="secondaryTabs"
804
- >
805
- <ul
806
- class="pf-v5-c-tabs__list"
807
- role="tablist"
808
- >
809
- <li
810
- class="pf-v5-c-tabs__item"
811
- role="presentation"
812
- >
813
- <button
814
- aria-controls="pf-tab-section-10-secondary tab1"
815
- aria-selected="false"
816
- class="pf-v5-c-tabs__link"
817
- data-ouia-component-type="PF5/TabButton"
818
- data-ouia-safe="true"
819
- id="pf-tab-10-secondary tab1"
820
- role="tab"
821
- type="button"
822
- >
823
- <span
824
- class="pf-v5-c-tabs__item-text"
825
- >
826
- "Secondary Tab item 1"
827
- </span>
828
- </button>
829
- </li>
830
- <li
831
- class="pf-v5-c-tabs__item"
832
- role="presentation"
833
- >
834
- <button
835
- aria-controls="pf-tab-section-11-secondary tab2"
836
- aria-selected="false"
837
- class="pf-v5-c-tabs__link"
838
- data-ouia-component-type="PF5/TabButton"
839
- data-ouia-safe="true"
840
- id="pf-tab-11-secondary tab2"
841
- role="tab"
842
- type="button"
843
- >
844
- <span
845
- class="pf-v5-c-tabs__item-text"
846
- >
847
- "Secondary Tab item 2"
848
- </span>
849
- </button>
850
- </li>
851
- <li
852
- class="pf-v5-c-tabs__item"
853
- role="presentation"
854
- >
855
- <button
856
- aria-controls="pf-tab-section-12-secondary tab3"
857
- aria-selected="false"
858
- class="pf-v5-c-tabs__link"
859
- data-ouia-component-type="PF5/TabButton"
860
- data-ouia-safe="true"
861
- id="pf-tab-12-secondary tab3"
862
- role="tab"
863
- type="button"
864
- >
865
- <span
866
- class="pf-v5-c-tabs__item-text"
867
- >
868
- "Secondary Tab item 3"
869
- </span>
870
- </button>
871
- </li>
872
- </ul>
873
- </div>
874
- <section
875
- aria-labelledby="pf-tab-10-secondary tab1"
876
- class="pf-v5-c-tab-content default"
877
- data-ouia-component-type="PF5/TabContent"
878
- data-ouia-safe="true"
879
- hidden=""
880
- id="pf-tab-section-10-secondary tab1"
881
- role="tabpanel"
882
- tabindex="0"
883
- >
884
- Secondary Tab 1 section
885
- </section>
886
- <section
887
- aria-labelledby="pf-tab-11-secondary tab2"
888
- class="pf-v5-c-tab-content default"
889
- data-ouia-component-type="PF5/TabContent"
890
- data-ouia-safe="true"
891
- hidden=""
892
- id="pf-tab-section-11-secondary tab2"
893
- role="tabpanel"
894
- tabindex="0"
895
- >
896
- Secondary Tab 2 section
897
- </section>
898
- <section
899
- aria-labelledby="pf-tab-12-secondary tab3"
900
- class="pf-v5-c-tab-content default"
901
- data-ouia-component-type="PF5/TabContent"
902
- data-ouia-safe="true"
903
- hidden=""
904
- id="pf-tab-section-12-secondary tab3"
905
- role="tabpanel"
906
- tabindex="0"
907
- >
908
- Secondary Tab 3 section
909
- </section>
828
+ Tab 1 section
910
829
  </section>
911
830
  <section
912
831
  aria-labelledby="pf-tab-1-tab2"
913
- class="pf-v5-c-tab-content default"
832
+ class="pf-v5-c-tab-content"
914
833
  data-ouia-component-type="PF5/TabContent"
915
834
  data-ouia-safe="true"
916
835
  hidden=""
@@ -922,7 +841,7 @@ exports[`should render secondary tabs 1`] = `
922
841
  </section>
923
842
  <section
924
843
  aria-labelledby="pf-tab-2-tab3"
925
- class="pf-v5-c-tab-content default"
844
+ class="pf-v5-c-tab-content"
926
845
  data-ouia-component-type="PF5/TabContent"
927
846
  data-ouia-safe="true"
928
847
  hidden=""
@@ -932,17 +851,29 @@ exports[`should render secondary tabs 1`] = `
932
851
  >
933
852
  Tab 3 section
934
853
  </section>
854
+ <section
855
+ aria-labelledby="pf-tab-3-tab4"
856
+ class="pf-v5-c-tab-content"
857
+ data-ouia-component-type="PF5/TabContent"
858
+ data-ouia-safe="true"
859
+ hidden=""
860
+ id="pf-tab-section-3-tab4"
861
+ role="tabpanel"
862
+ tabindex="0"
863
+ >
864
+ Tab 4 section
865
+ </section>
935
866
  </DocumentFragment>
936
867
  `;
937
868
 
938
- exports[`should render simple tabs 1`] = `
869
+ exports[`should render subtabs 1`] = `
939
870
  <DocumentFragment>
940
871
  <div
941
872
  class="pf-v5-c-tabs"
942
- data-ouia-component-id="OUIA-Generated-Tabs-1"
873
+ data-ouia-component-id="OUIA-Generated-Tabs-11"
943
874
  data-ouia-component-type="PF5/Tabs"
944
875
  data-ouia-safe="true"
945
- id="simpleTabs"
876
+ id="primarieTabs"
946
877
  >
947
878
  <ul
948
879
  class="pf-v5-c-tabs__list"
@@ -953,12 +884,12 @@ exports[`should render simple tabs 1`] = `
953
884
  role="presentation"
954
885
  >
955
886
  <button
956
- aria-controls="pf-tab-section-0-tab1"
887
+ aria-controls="pf-tab-section-0-primarieTabs"
957
888
  aria-selected="true"
958
889
  class="pf-v5-c-tabs__link"
959
890
  data-ouia-component-type="PF5/TabButton"
960
891
  data-ouia-safe="true"
961
- id="pf-tab-0-tab1"
892
+ id="pf-tab-0-primarieTabs"
962
893
  role="tab"
963
894
  type="button"
964
895
  >
@@ -1011,52 +942,133 @@ exports[`should render simple tabs 1`] = `
1011
942
  </span>
1012
943
  </button>
1013
944
  </li>
1014
- <li
1015
- class="pf-v5-c-tabs__item"
1016
- role="presentation"
1017
- >
1018
- <button
1019
- aria-controls="pf-tab-section-3-tab4"
1020
- aria-selected="false"
1021
- class="pf-v5-c-tabs__link"
1022
- data-ouia-component-type="PF5/TabButton"
1023
- data-ouia-safe="true"
1024
- id="pf-tab-3-tab4"
1025
- role="tab"
1026
- type="button"
1027
- >
1028
- <span
1029
- class="pf-v5-c-tabs__item-icon"
1030
- >
1031
- <i>
1032
- 4
1033
- </i>
1034
- </span>
1035
-
1036
- <span
1037
- class="pf-v5-c-tabs__item-text"
1038
- >
1039
- Users
1040
- </span>
1041
-
1042
- </button>
1043
- </li>
1044
945
  </ul>
1045
946
  </div>
1046
947
  <section
1047
- aria-labelledby="pf-tab-0-tab1"
1048
- class="pf-v5-c-tab-content default"
948
+ aria-labelledby="pf-tab-0-primarieTabs"
949
+ class="pf-v5-c-tab-content"
1049
950
  data-ouia-component-type="PF5/TabContent"
1050
951
  data-ouia-safe="true"
1051
- id="pf-tab-section-0-tab1"
952
+ id="pf-tab-section-0-primarieTabs"
1052
953
  role="tabpanel"
1053
954
  tabindex="0"
1054
955
  >
1055
- Tab 1 section
956
+ <div
957
+ class="pf-v5-c-tabs pf-m-subtab"
958
+ data-ouia-component-id="OUIA-Generated-Tabs-12"
959
+ data-ouia-component-type="PF5/Tabs"
960
+ data-ouia-safe="true"
961
+ id="subtabs"
962
+ >
963
+ <ul
964
+ class="pf-v5-c-tabs__list"
965
+ role="tablist"
966
+ >
967
+ <li
968
+ class="pf-v5-c-tabs__item"
969
+ role="presentation"
970
+ >
971
+ <button
972
+ aria-controls="pf-tab-section-10-subtab1"
973
+ aria-selected="false"
974
+ class="pf-v5-c-tabs__link"
975
+ data-ouia-component-type="PF5/TabButton"
976
+ data-ouia-safe="true"
977
+ id="pf-tab-10-subtab1"
978
+ role="tab"
979
+ type="button"
980
+ >
981
+ <span
982
+ class="pf-v5-c-tabs__item-text"
983
+ >
984
+ "Subtab item 1"
985
+ </span>
986
+ </button>
987
+ </li>
988
+ <li
989
+ class="pf-v5-c-tabs__item"
990
+ role="presentation"
991
+ >
992
+ <button
993
+ aria-controls="pf-tab-section-11-subtab2"
994
+ aria-selected="false"
995
+ class="pf-v5-c-tabs__link"
996
+ data-ouia-component-type="PF5/TabButton"
997
+ data-ouia-safe="true"
998
+ id="pf-tab-11-subtab2"
999
+ role="tab"
1000
+ type="button"
1001
+ >
1002
+ <span
1003
+ class="pf-v5-c-tabs__item-text"
1004
+ >
1005
+ "Subtab item 2"
1006
+ </span>
1007
+ </button>
1008
+ </li>
1009
+ <li
1010
+ class="pf-v5-c-tabs__item"
1011
+ role="presentation"
1012
+ >
1013
+ <button
1014
+ aria-controls="pf-tab-section-12-subtab3"
1015
+ aria-selected="false"
1016
+ class="pf-v5-c-tabs__link"
1017
+ data-ouia-component-type="PF5/TabButton"
1018
+ data-ouia-safe="true"
1019
+ id="pf-tab-12-subtab3"
1020
+ role="tab"
1021
+ type="button"
1022
+ >
1023
+ <span
1024
+ class="pf-v5-c-tabs__item-text"
1025
+ >
1026
+ "Subtab item 3"
1027
+ </span>
1028
+ </button>
1029
+ </li>
1030
+ </ul>
1031
+ </div>
1032
+ <section
1033
+ aria-labelledby="pf-tab-10-subtab1"
1034
+ class="pf-v5-c-tab-content"
1035
+ data-ouia-component-type="PF5/TabContent"
1036
+ data-ouia-safe="true"
1037
+ hidden=""
1038
+ id="pf-tab-section-10-subtab1"
1039
+ role="tabpanel"
1040
+ tabindex="0"
1041
+ >
1042
+ Subtab 1 section
1043
+ </section>
1044
+ <section
1045
+ aria-labelledby="pf-tab-11-subtab2"
1046
+ class="pf-v5-c-tab-content"
1047
+ data-ouia-component-type="PF5/TabContent"
1048
+ data-ouia-safe="true"
1049
+ hidden=""
1050
+ id="pf-tab-section-11-subtab2"
1051
+ role="tabpanel"
1052
+ tabindex="0"
1053
+ >
1054
+ Subtab 2 section
1055
+ </section>
1056
+ <section
1057
+ aria-labelledby="pf-tab-12-subtab3"
1058
+ class="pf-v5-c-tab-content"
1059
+ data-ouia-component-type="PF5/TabContent"
1060
+ data-ouia-safe="true"
1061
+ hidden=""
1062
+ id="pf-tab-section-12-subtab3"
1063
+ role="tabpanel"
1064
+ tabindex="0"
1065
+ >
1066
+ Subtab 3 section
1067
+ </section>
1056
1068
  </section>
1057
1069
  <section
1058
1070
  aria-labelledby="pf-tab-1-tab2"
1059
- class="pf-v5-c-tab-content default"
1071
+ class="pf-v5-c-tab-content"
1060
1072
  data-ouia-component-type="PF5/TabContent"
1061
1073
  data-ouia-safe="true"
1062
1074
  hidden=""
@@ -1068,7 +1080,7 @@ exports[`should render simple tabs 1`] = `
1068
1080
  </section>
1069
1081
  <section
1070
1082
  aria-labelledby="pf-tab-2-tab3"
1071
- class="pf-v5-c-tab-content default"
1083
+ class="pf-v5-c-tab-content"
1072
1084
  data-ouia-component-type="PF5/TabContent"
1073
1085
  data-ouia-safe="true"
1074
1086
  hidden=""
@@ -1078,18 +1090,6 @@ exports[`should render simple tabs 1`] = `
1078
1090
  >
1079
1091
  Tab 3 section
1080
1092
  </section>
1081
- <section
1082
- aria-labelledby="pf-tab-3-tab4"
1083
- class="pf-v5-c-tab-content default"
1084
- data-ouia-component-type="PF5/TabContent"
1085
- data-ouia-safe="true"
1086
- hidden=""
1087
- id="pf-tab-section-3-tab4"
1088
- role="tabpanel"
1089
- tabindex="0"
1090
- >
1091
- Tab 4 section
1092
- </section>
1093
1093
  </DocumentFragment>
1094
1094
  `;
1095
1095
 
@@ -1173,7 +1173,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
1173
1173
  </div>
1174
1174
  <section
1175
1175
  aria-labelledby="pf-tab-one-tab1"
1176
- class="pf-v5-c-tab-content default"
1176
+ class="pf-v5-c-tab-content"
1177
1177
  data-ouia-component-type="PF5/TabContent"
1178
1178
  data-ouia-safe="true"
1179
1179
  hidden=""
@@ -1185,7 +1185,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
1185
1185
  </section>
1186
1186
  <section
1187
1187
  aria-labelledby="pf-tab-two-tab2"
1188
- class="pf-v5-c-tab-content default"
1188
+ class="pf-v5-c-tab-content"
1189
1189
  data-ouia-component-type="PF5/TabContent"
1190
1190
  data-ouia-safe="true"
1191
1191
  hidden=""
@@ -1197,7 +1197,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
1197
1197
  </section>
1198
1198
  <section
1199
1199
  aria-labelledby="pf-tab-three-tab3"
1200
- class="pf-v5-c-tab-content default"
1200
+ class="pf-v5-c-tab-content"
1201
1201
  data-ouia-component-type="PF5/TabContent"
1202
1202
  data-ouia-safe="true"
1203
1203
  hidden=""
@@ -1290,7 +1290,7 @@ exports[`should render tabs with no bottom border 1`] = `
1290
1290
  </div>
1291
1291
  <section
1292
1292
  aria-labelledby="pf-tab-0-tab1"
1293
- class="pf-v5-c-tab-content default"
1293
+ class="pf-v5-c-tab-content"
1294
1294
  data-ouia-component-type="PF5/TabContent"
1295
1295
  data-ouia-safe="true"
1296
1296
  id="pf-tab-section-0-tab1"
@@ -1301,7 +1301,7 @@ exports[`should render tabs with no bottom border 1`] = `
1301
1301
  </section>
1302
1302
  <section
1303
1303
  aria-labelledby="pf-tab-1-tab2"
1304
- class="pf-v5-c-tab-content default"
1304
+ class="pf-v5-c-tab-content"
1305
1305
  data-ouia-component-type="PF5/TabContent"
1306
1306
  data-ouia-safe="true"
1307
1307
  hidden=""
@@ -1313,7 +1313,7 @@ exports[`should render tabs with no bottom border 1`] = `
1313
1313
  </section>
1314
1314
  <section
1315
1315
  aria-labelledby="pf-tab-2-tab3"
1316
- class="pf-v5-c-tab-content default"
1316
+ class="pf-v5-c-tab-content"
1317
1317
  data-ouia-component-type="PF5/TabContent"
1318
1318
  data-ouia-safe="true"
1319
1319
  hidden=""
@@ -1407,7 +1407,7 @@ exports[`should render tabs with separate content 1`] = `
1407
1407
  <div>
1408
1408
  <section
1409
1409
  aria-label="Tab item 1"
1410
- class="pf-v5-c-tab-content default"
1410
+ class="pf-v5-c-tab-content"
1411
1411
  data-ouia-component-type="PF5/TabContent"
1412
1412
  data-ouia-safe="true"
1413
1413
  id="refTab1Section"
@@ -1418,7 +1418,7 @@ exports[`should render tabs with separate content 1`] = `
1418
1418
  </section>
1419
1419
  <section
1420
1420
  aria-label="Tab item 2"
1421
- class="pf-v5-c-tab-content default"
1421
+ class="pf-v5-c-tab-content"
1422
1422
  data-ouia-component-type="PF5/TabContent"
1423
1423
  data-ouia-safe="true"
1424
1424
  hidden=""
@@ -1434,7 +1434,7 @@ exports[`should render tabs with separate content 1`] = `
1434
1434
  </section>
1435
1435
  <section
1436
1436
  aria-label="Tab item 3"
1437
- class="pf-v5-c-tab-content default"
1437
+ class="pf-v5-c-tab-content"
1438
1438
  data-ouia-component-type="PF5/TabContent"
1439
1439
  data-ouia-safe="true"
1440
1440
  hidden=""
@@ -1561,7 +1561,7 @@ exports[`should render uncontrolled tabs 1`] = `
1561
1561
  </div>
1562
1562
  <section
1563
1563
  aria-labelledby="pf-tab-0-tab1"
1564
- class="pf-v5-c-tab-content default"
1564
+ class="pf-v5-c-tab-content"
1565
1565
  data-ouia-component-type="PF5/TabContent"
1566
1566
  data-ouia-safe="true"
1567
1567
  id="pf-tab-section-0-tab1"
@@ -1572,7 +1572,7 @@ exports[`should render uncontrolled tabs 1`] = `
1572
1572
  </section>
1573
1573
  <section
1574
1574
  aria-labelledby="pf-tab-1-tab2"
1575
- class="pf-v5-c-tab-content default"
1575
+ class="pf-v5-c-tab-content"
1576
1576
  data-ouia-component-type="PF5/TabContent"
1577
1577
  data-ouia-safe="true"
1578
1578
  hidden=""
@@ -1584,7 +1584,7 @@ exports[`should render uncontrolled tabs 1`] = `
1584
1584
  </section>
1585
1585
  <section
1586
1586
  aria-labelledby="pf-tab-2-tab3"
1587
- class="pf-v5-c-tab-content default"
1587
+ class="pf-v5-c-tab-content"
1588
1588
  data-ouia-component-type="PF5/TabContent"
1589
1589
  data-ouia-safe="true"
1590
1590
  hidden=""
@@ -1596,7 +1596,7 @@ exports[`should render uncontrolled tabs 1`] = `
1596
1596
  </section>
1597
1597
  <section
1598
1598
  aria-labelledby="pf-tab-3-tab4"
1599
- class="pf-v5-c-tab-content default"
1599
+ class="pf-v5-c-tab-content"
1600
1600
  data-ouia-component-type="PF5/TabContent"
1601
1601
  data-ouia-safe="true"
1602
1602
  hidden=""
@@ -1719,7 +1719,7 @@ exports[`should render vertical tabs 1`] = `
1719
1719
  </div>
1720
1720
  <section
1721
1721
  aria-labelledby="pf-tab-0-tab1"
1722
- class="pf-v5-c-tab-content default"
1722
+ class="pf-v5-c-tab-content"
1723
1723
  data-ouia-component-type="PF5/TabContent"
1724
1724
  data-ouia-safe="true"
1725
1725
  id="pf-tab-section-0-tab1"
@@ -1730,7 +1730,7 @@ exports[`should render vertical tabs 1`] = `
1730
1730
  </section>
1731
1731
  <section
1732
1732
  aria-labelledby="pf-tab-1-tab2"
1733
- class="pf-v5-c-tab-content default"
1733
+ class="pf-v5-c-tab-content"
1734
1734
  data-ouia-component-type="PF5/TabContent"
1735
1735
  data-ouia-safe="true"
1736
1736
  hidden=""
@@ -1742,7 +1742,7 @@ exports[`should render vertical tabs 1`] = `
1742
1742
  </section>
1743
1743
  <section
1744
1744
  aria-labelledby="pf-tab-2-tab3"
1745
- class="pf-v5-c-tab-content default"
1745
+ class="pf-v5-c-tab-content"
1746
1746
  data-ouia-component-type="PF5/TabContent"
1747
1747
  data-ouia-safe="true"
1748
1748
  hidden=""
@@ -1754,7 +1754,7 @@ exports[`should render vertical tabs 1`] = `
1754
1754
  </section>
1755
1755
  <section
1756
1756
  aria-labelledby="pf-tab-3-tab4"
1757
- class="pf-v5-c-tab-content default"
1757
+ class="pf-v5-c-tab-content"
1758
1758
  data-ouia-component-type="PF5/TabContent"
1759
1759
  data-ouia-safe="true"
1760
1760
  hidden=""