@patternfly/react-core 4.240.0 → 4.241.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts +1 -0
  3. package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
  4. package/dist/esm/components/OverflowMenu/OverflowMenu.js +3 -2
  5. package/dist/esm/components/OverflowMenu/OverflowMenu.js.map +1 -1
  6. package/dist/esm/components/Tabs/Tabs.js +2 -2
  7. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  8. package/dist/esm/helpers/Popper/FindRefWrapper.d.ts +1 -1
  9. package/dist/esm/next/components/Wizard/Wizard.d.ts +4 -2
  10. package/dist/esm/next/components/Wizard/Wizard.d.ts.map +1 -1
  11. package/dist/esm/next/components/Wizard/Wizard.js +9 -18
  12. package/dist/esm/next/components/Wizard/Wizard.js.map +1 -1
  13. package/dist/esm/next/components/Wizard/WizardBody.d.ts +1 -1
  14. package/dist/esm/next/components/Wizard/WizardBody.d.ts.map +1 -1
  15. package/dist/esm/next/components/Wizard/WizardContext.d.ts +3 -3
  16. package/dist/esm/next/components/Wizard/WizardContext.d.ts.map +1 -1
  17. package/dist/esm/next/components/Wizard/WizardContext.js +12 -2
  18. package/dist/esm/next/components/Wizard/WizardContext.js.map +1 -1
  19. package/dist/esm/next/components/Wizard/WizardNav.d.ts +1 -1
  20. package/dist/esm/next/components/Wizard/WizardNav.d.ts.map +1 -1
  21. package/dist/esm/next/components/Wizard/WizardNav.js +2 -2
  22. package/dist/esm/next/components/Wizard/WizardNav.js.map +1 -1
  23. package/dist/esm/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
  24. package/dist/esm/next/components/Wizard/WizardNavItem.js +4 -1
  25. package/dist/esm/next/components/Wizard/WizardNavItem.js.map +1 -1
  26. package/dist/esm/next/components/Wizard/WizardStep.d.ts +3 -3
  27. package/dist/esm/next/components/Wizard/WizardStep.d.ts.map +1 -1
  28. package/dist/esm/next/components/Wizard/WizardStep.js +1 -1
  29. package/dist/esm/next/components/Wizard/WizardStep.js.map +1 -1
  30. package/dist/esm/next/components/Wizard/WizardToggle.d.ts +17 -8
  31. package/dist/esm/next/components/Wizard/WizardToggle.d.ts.map +1 -1
  32. package/dist/esm/next/components/Wizard/WizardToggle.js +29 -24
  33. package/dist/esm/next/components/Wizard/WizardToggle.js.map +1 -1
  34. package/dist/esm/next/components/Wizard/hooks/useWizardFooter.d.ts +2 -1
  35. package/dist/esm/next/components/Wizard/hooks/useWizardFooter.d.ts.map +1 -1
  36. package/dist/esm/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
  37. package/dist/esm/next/components/Wizard/types.d.ts +7 -1
  38. package/dist/esm/next/components/Wizard/types.d.ts.map +1 -1
  39. package/dist/esm/next/components/Wizard/types.js.map +1 -1
  40. package/dist/esm/next/components/Wizard/utils.d.ts.map +1 -1
  41. package/dist/esm/next/components/Wizard/utils.js +16 -18
  42. package/dist/esm/next/components/Wizard/utils.js.map +1 -1
  43. package/dist/js/components/OverflowMenu/OverflowMenu.d.ts +1 -0
  44. package/dist/js/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
  45. package/dist/js/components/OverflowMenu/OverflowMenu.js +3 -2
  46. package/dist/js/components/OverflowMenu/OverflowMenu.js.map +1 -1
  47. package/dist/js/components/Tabs/Tabs.js +2 -2
  48. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  49. package/dist/js/helpers/Popper/FindRefWrapper.d.ts +1 -1
  50. package/dist/js/next/components/Wizard/Wizard.d.ts +4 -2
  51. package/dist/js/next/components/Wizard/Wizard.d.ts.map +1 -1
  52. package/dist/js/next/components/Wizard/Wizard.js +6 -15
  53. package/dist/js/next/components/Wizard/Wizard.js.map +1 -1
  54. package/dist/js/next/components/Wizard/WizardBody.d.ts +1 -1
  55. package/dist/js/next/components/Wizard/WizardBody.d.ts.map +1 -1
  56. package/dist/js/next/components/Wizard/WizardContext.d.ts +3 -3
  57. package/dist/js/next/components/Wizard/WizardContext.d.ts.map +1 -1
  58. package/dist/js/next/components/Wizard/WizardContext.js +12 -2
  59. package/dist/js/next/components/Wizard/WizardContext.js.map +1 -1
  60. package/dist/js/next/components/Wizard/WizardNav.d.ts +1 -1
  61. package/dist/js/next/components/Wizard/WizardNav.d.ts.map +1 -1
  62. package/dist/js/next/components/Wizard/WizardNav.js +2 -2
  63. package/dist/js/next/components/Wizard/WizardNav.js.map +1 -1
  64. package/dist/js/next/components/Wizard/WizardNavItem.d.ts.map +1 -1
  65. package/dist/js/next/components/Wizard/WizardNavItem.js +4 -1
  66. package/dist/js/next/components/Wizard/WizardNavItem.js.map +1 -1
  67. package/dist/js/next/components/Wizard/WizardStep.d.ts +3 -3
  68. package/dist/js/next/components/Wizard/WizardStep.d.ts.map +1 -1
  69. package/dist/js/next/components/Wizard/WizardStep.js +1 -1
  70. package/dist/js/next/components/Wizard/WizardStep.js.map +1 -1
  71. package/dist/js/next/components/Wizard/WizardToggle.d.ts +17 -8
  72. package/dist/js/next/components/Wizard/WizardToggle.d.ts.map +1 -1
  73. package/dist/js/next/components/Wizard/WizardToggle.js +32 -26
  74. package/dist/js/next/components/Wizard/WizardToggle.js.map +1 -1
  75. package/dist/js/next/components/Wizard/hooks/useWizardFooter.d.ts +2 -1
  76. package/dist/js/next/components/Wizard/hooks/useWizardFooter.d.ts.map +1 -1
  77. package/dist/js/next/components/Wizard/hooks/useWizardFooter.js.map +1 -1
  78. package/dist/js/next/components/Wizard/types.d.ts +7 -1
  79. package/dist/js/next/components/Wizard/types.d.ts.map +1 -1
  80. package/dist/js/next/components/Wizard/types.js.map +1 -1
  81. package/dist/js/next/components/Wizard/utils.d.ts.map +1 -1
  82. package/dist/js/next/components/Wizard/utils.js +16 -18
  83. package/dist/js/next/components/Wizard/utils.js.map +1 -1
  84. package/dist/umd/react-core.min.css +32 -32
  85. package/dist/umd/react-core.min.js +1 -1
  86. package/package.json +7 -7
  87. package/src/components/AlertGroup/examples/AlertGroupSingularDynamic.tsx +3 -3
  88. package/src/components/AlertGroup/examples/AlertGroupSingularDynamicOverflow.tsx +3 -3
  89. package/src/components/OverflowMenu/OverflowMenu.tsx +4 -2
  90. package/src/components/Tabs/Tabs.tsx +2 -2
  91. package/src/components/Tabs/__tests__/Tabs.test.tsx +19 -0
  92. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +0 -546
  93. package/src/components/Title/examples/Title.md +4 -50
  94. package/src/components/Title/examples/TitleCustomSizes.tsx +25 -0
  95. package/src/components/Title/examples/TitleDefaultSizes.tsx +13 -0
  96. package/src/next/components/Wizard/Wizard.tsx +34 -47
  97. package/src/next/components/Wizard/WizardBody.tsx +1 -1
  98. package/src/next/components/Wizard/WizardContext.tsx +29 -5
  99. package/src/next/components/Wizard/WizardNav.tsx +3 -3
  100. package/src/next/components/Wizard/WizardNavItem.tsx +4 -1
  101. package/src/next/components/Wizard/WizardStep.tsx +4 -4
  102. package/src/next/components/Wizard/WizardToggle.tsx +74 -49
  103. package/src/next/components/Wizard/__tests__/Wizard.test.tsx +316 -298
  104. package/src/next/components/Wizard/__tests__/WizardBody.test.tsx +41 -0
  105. package/src/next/components/Wizard/__tests__/WizardFooter.test.tsx +93 -0
  106. package/src/next/components/Wizard/__tests__/WizardStep.test.tsx +33 -0
  107. package/src/next/components/Wizard/__tests__/WizardToggle.test.tsx +113 -0
  108. package/src/next/components/Wizard/__tests__/utils.test.tsx +66 -0
  109. package/src/next/components/Wizard/examples/Wizard.md +3 -5
  110. package/src/next/components/Wizard/examples/WizardCustomNav.tsx +2 -2
  111. package/src/next/components/Wizard/examples/WizardKitchenSink.tsx +3 -11
  112. package/src/next/components/Wizard/hooks/__tests__/useWizardFooter.test.tsx +51 -0
  113. package/src/next/components/Wizard/hooks/useWizardFooter.tsx +3 -1
  114. package/src/next/components/Wizard/types.tsx +7 -1
  115. package/src/next/components/Wizard/utils.ts +23 -21
@@ -10,27 +10,6 @@ exports[`should render accessible tabs 1`] = `
10
10
  data-ouia-safe="true"
11
11
  id="accessibleTabs"
12
12
  >
13
- <button
14
- aria-hidden="true"
15
- aria-label="Scroll left"
16
- class="pf-c-tabs__scroll-button"
17
- disabled=""
18
- type="button"
19
- >
20
- <svg
21
- aria-hidden="true"
22
- fill="currentColor"
23
- height="1em"
24
- role="img"
25
- style="vertical-align: -0.125em;"
26
- viewBox="0 0 256 512"
27
- width="1em"
28
- >
29
- <path
30
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
31
- />
32
- </svg>
33
- </button>
34
13
  <ul
35
14
  class="pf-c-tabs__list"
36
15
  role="tablist"
@@ -99,27 +78,6 @@ exports[`should render accessible tabs 1`] = `
99
78
  </a>
100
79
  </li>
101
80
  </ul>
102
- <button
103
- aria-hidden="true"
104
- aria-label="Scroll right"
105
- class="pf-c-tabs__scroll-button"
106
- disabled=""
107
- type="button"
108
- >
109
- <svg
110
- aria-hidden="true"
111
- fill="currentColor"
112
- height="1em"
113
- role="img"
114
- style="vertical-align: -0.125em;"
115
- viewBox="0 0 256 512"
116
- width="1em"
117
- >
118
- <path
119
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
120
- />
121
- </svg>
122
- </button>
123
81
  </nav>
124
82
  <section
125
83
  aria-labelledby="pf-tab-0-tab1"
@@ -168,27 +126,6 @@ exports[`should render box tabs 1`] = `
168
126
  data-ouia-safe="true"
169
127
  id="boxTabs"
170
128
  >
171
- <button
172
- aria-hidden="true"
173
- aria-label="Scroll left"
174
- class="pf-c-tabs__scroll-button"
175
- disabled=""
176
- type="button"
177
- >
178
- <svg
179
- aria-hidden="true"
180
- fill="currentColor"
181
- height="1em"
182
- role="img"
183
- style="vertical-align: -0.125em;"
184
- viewBox="0 0 256 512"
185
- width="1em"
186
- >
187
- <path
188
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
189
- />
190
- </svg>
191
- </button>
192
129
  <ul
193
130
  class="pf-c-tabs__list"
194
131
  role="tablist"
@@ -287,27 +224,6 @@ exports[`should render box tabs 1`] = `
287
224
  </button>
288
225
  </li>
289
226
  </ul>
290
- <button
291
- aria-hidden="true"
292
- aria-label="Scroll right"
293
- class="pf-c-tabs__scroll-button"
294
- disabled=""
295
- type="button"
296
- >
297
- <svg
298
- aria-hidden="true"
299
- fill="currentColor"
300
- height="1em"
301
- role="img"
302
- style="vertical-align: -0.125em;"
303
- viewBox="0 0 256 512"
304
- width="1em"
305
- >
306
- <path
307
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
308
- />
309
- </svg>
310
- </button>
311
227
  </div>
312
228
  <section
313
229
  aria-labelledby="pf-tab-0-tab1"
@@ -368,27 +284,6 @@ exports[`should render box tabs of light variant 1`] = `
368
284
  data-ouia-safe="true"
369
285
  id="boxLightVariantTabs"
370
286
  >
371
- <button
372
- aria-hidden="true"
373
- aria-label="Scroll left"
374
- class="pf-c-tabs__scroll-button"
375
- disabled=""
376
- type="button"
377
- >
378
- <svg
379
- aria-hidden="true"
380
- fill="currentColor"
381
- height="1em"
382
- role="img"
383
- style="vertical-align: -0.125em;"
384
- viewBox="0 0 256 512"
385
- width="1em"
386
- >
387
- <path
388
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
389
- />
390
- </svg>
391
- </button>
392
287
  <ul
393
288
  class="pf-c-tabs__list"
394
289
  role="tablist"
@@ -457,27 +352,6 @@ exports[`should render box tabs of light variant 1`] = `
457
352
  </button>
458
353
  </li>
459
354
  </ul>
460
- <button
461
- aria-hidden="true"
462
- aria-label="Scroll right"
463
- class="pf-c-tabs__scroll-button"
464
- disabled=""
465
- type="button"
466
- >
467
- <svg
468
- aria-hidden="true"
469
- fill="currentColor"
470
- height="1em"
471
- role="img"
472
- style="vertical-align: -0.125em;"
473
- viewBox="0 0 256 512"
474
- width="1em"
475
- >
476
- <path
477
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
478
- />
479
- </svg>
480
- </button>
481
355
  </div>
482
356
  <section
483
357
  aria-labelledby="pf-tab-0-tab1"
@@ -569,27 +443,6 @@ exports[`should render expandable vertical tabs 1`] = `
569
443
  </button>
570
444
  </div>
571
445
  </div>
572
- <button
573
- aria-hidden="true"
574
- aria-label="Scroll left"
575
- class="pf-c-tabs__scroll-button"
576
- disabled=""
577
- type="button"
578
- >
579
- <svg
580
- aria-hidden="true"
581
- fill="currentColor"
582
- height="1em"
583
- role="img"
584
- style="vertical-align: -0.125em;"
585
- viewBox="0 0 256 512"
586
- width="1em"
587
- >
588
- <path
589
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
590
- />
591
- </svg>
592
- </button>
593
446
  <ul
594
447
  class="pf-c-tabs__list"
595
448
  role="tablist"
@@ -688,27 +541,6 @@ exports[`should render expandable vertical tabs 1`] = `
688
541
  </button>
689
542
  </li>
690
543
  </ul>
691
- <button
692
- aria-hidden="true"
693
- aria-label="Scroll right"
694
- class="pf-c-tabs__scroll-button"
695
- disabled=""
696
- type="button"
697
- >
698
- <svg
699
- aria-hidden="true"
700
- fill="currentColor"
701
- height="1em"
702
- role="img"
703
- style="vertical-align: -0.125em;"
704
- viewBox="0 0 256 512"
705
- width="1em"
706
- >
707
- <path
708
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
709
- />
710
- </svg>
711
- </button>
712
544
  </div>
713
545
  <section
714
546
  aria-labelledby="pf-tab-0-tab1"
@@ -769,27 +601,6 @@ exports[`should render filled tabs 1`] = `
769
601
  data-ouia-safe="true"
770
602
  id="filledTabs"
771
603
  >
772
- <button
773
- aria-hidden="true"
774
- aria-label="Scroll left"
775
- class="pf-c-tabs__scroll-button"
776
- disabled=""
777
- type="button"
778
- >
779
- <svg
780
- aria-hidden="true"
781
- fill="currentColor"
782
- height="1em"
783
- role="img"
784
- style="vertical-align: -0.125em;"
785
- viewBox="0 0 256 512"
786
- width="1em"
787
- >
788
- <path
789
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
790
- />
791
- </svg>
792
- </button>
793
604
  <ul
794
605
  class="pf-c-tabs__list"
795
606
  role="tablist"
@@ -858,27 +669,6 @@ exports[`should render filled tabs 1`] = `
858
669
  </button>
859
670
  </li>
860
671
  </ul>
861
- <button
862
- aria-hidden="true"
863
- aria-label="Scroll right"
864
- class="pf-c-tabs__scroll-button"
865
- disabled=""
866
- type="button"
867
- >
868
- <svg
869
- aria-hidden="true"
870
- fill="currentColor"
871
- height="1em"
872
- role="img"
873
- style="vertical-align: -0.125em;"
874
- viewBox="0 0 256 512"
875
- width="1em"
876
- >
877
- <path
878
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
879
- />
880
- </svg>
881
- </button>
882
672
  </div>
883
673
  <section
884
674
  aria-labelledby="pf-tab-0-tab1"
@@ -927,27 +717,6 @@ exports[`should render secondary tabs 1`] = `
927
717
  data-ouia-safe="true"
928
718
  id="primarieTabs"
929
719
  >
930
- <button
931
- aria-hidden="true"
932
- aria-label="Scroll left"
933
- class="pf-c-tabs__scroll-button"
934
- disabled=""
935
- type="button"
936
- >
937
- <svg
938
- aria-hidden="true"
939
- fill="currentColor"
940
- height="1em"
941
- role="img"
942
- style="vertical-align: -0.125em;"
943
- viewBox="0 0 256 512"
944
- width="1em"
945
- >
946
- <path
947
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
948
- />
949
- </svg>
950
- </button>
951
720
  <ul
952
721
  class="pf-c-tabs__list"
953
722
  role="tablist"
@@ -1016,27 +785,6 @@ exports[`should render secondary tabs 1`] = `
1016
785
  </button>
1017
786
  </li>
1018
787
  </ul>
1019
- <button
1020
- aria-hidden="true"
1021
- aria-label="Scroll right"
1022
- class="pf-c-tabs__scroll-button"
1023
- disabled=""
1024
- type="button"
1025
- >
1026
- <svg
1027
- aria-hidden="true"
1028
- fill="currentColor"
1029
- height="1em"
1030
- role="img"
1031
- style="vertical-align: -0.125em;"
1032
- viewBox="0 0 256 512"
1033
- width="1em"
1034
- >
1035
- <path
1036
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1037
- />
1038
- </svg>
1039
- </button>
1040
788
  </div>
1041
789
  <section
1042
790
  aria-labelledby="pf-tab-0-primarieTabs"
@@ -1054,27 +802,6 @@ exports[`should render secondary tabs 1`] = `
1054
802
  data-ouia-safe="true"
1055
803
  id="secondaryTabs"
1056
804
  >
1057
- <button
1058
- aria-hidden="true"
1059
- aria-label="Scroll left"
1060
- class="pf-c-tabs__scroll-button pf-m-secondary"
1061
- disabled=""
1062
- type="button"
1063
- >
1064
- <svg
1065
- aria-hidden="true"
1066
- fill="currentColor"
1067
- height="1em"
1068
- role="img"
1069
- style="vertical-align: -0.125em;"
1070
- viewBox="0 0 256 512"
1071
- width="1em"
1072
- >
1073
- <path
1074
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1075
- />
1076
- </svg>
1077
- </button>
1078
805
  <ul
1079
806
  class="pf-c-tabs__list"
1080
807
  role="tablist"
@@ -1143,27 +870,6 @@ exports[`should render secondary tabs 1`] = `
1143
870
  </button>
1144
871
  </li>
1145
872
  </ul>
1146
- <button
1147
- aria-hidden="true"
1148
- aria-label="Scroll right"
1149
- class="pf-c-tabs__scroll-button pf-m-secondary"
1150
- disabled=""
1151
- type="button"
1152
- >
1153
- <svg
1154
- aria-hidden="true"
1155
- fill="currentColor"
1156
- height="1em"
1157
- role="img"
1158
- style="vertical-align: -0.125em;"
1159
- viewBox="0 0 256 512"
1160
- width="1em"
1161
- >
1162
- <path
1163
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1164
- />
1165
- </svg>
1166
- </button>
1167
873
  </div>
1168
874
  <section
1169
875
  aria-labelledby="pf-tab-10-secondary tab1"
@@ -1238,27 +944,6 @@ exports[`should render simple tabs 1`] = `
1238
944
  data-ouia-safe="true"
1239
945
  id="simpleTabs"
1240
946
  >
1241
- <button
1242
- aria-hidden="true"
1243
- aria-label="Scroll left"
1244
- class="pf-c-tabs__scroll-button"
1245
- disabled=""
1246
- type="button"
1247
- >
1248
- <svg
1249
- aria-hidden="true"
1250
- fill="currentColor"
1251
- height="1em"
1252
- role="img"
1253
- style="vertical-align: -0.125em;"
1254
- viewBox="0 0 256 512"
1255
- width="1em"
1256
- >
1257
- <path
1258
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1259
- />
1260
- </svg>
1261
- </button>
1262
947
  <ul
1263
948
  class="pf-c-tabs__list"
1264
949
  role="tablist"
@@ -1357,27 +1042,6 @@ exports[`should render simple tabs 1`] = `
1357
1042
  </button>
1358
1043
  </li>
1359
1044
  </ul>
1360
- <button
1361
- aria-hidden="true"
1362
- aria-label="Scroll right"
1363
- class="pf-c-tabs__scroll-button"
1364
- disabled=""
1365
- type="button"
1366
- >
1367
- <svg
1368
- aria-hidden="true"
1369
- fill="currentColor"
1370
- height="1em"
1371
- role="img"
1372
- style="vertical-align: -0.125em;"
1373
- viewBox="0 0 256 512"
1374
- width="1em"
1375
- >
1376
- <path
1377
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1378
- />
1379
- </svg>
1380
- </button>
1381
1045
  </div>
1382
1046
  <section
1383
1047
  aria-labelledby="pf-tab-0-tab1"
@@ -1438,27 +1102,6 @@ exports[`should render tabs with eventKey Strings 1`] = `
1438
1102
  data-ouia-safe="true"
1439
1103
  id="eventKeyTabs"
1440
1104
  >
1441
- <button
1442
- aria-hidden="true"
1443
- aria-label="Scroll left"
1444
- class="pf-c-tabs__scroll-button"
1445
- disabled=""
1446
- type="button"
1447
- >
1448
- <svg
1449
- aria-hidden="true"
1450
- fill="currentColor"
1451
- height="1em"
1452
- role="img"
1453
- style="vertical-align: -0.125em;"
1454
- viewBox="0 0 256 512"
1455
- width="1em"
1456
- >
1457
- <path
1458
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1459
- />
1460
- </svg>
1461
- </button>
1462
1105
  <ul
1463
1106
  class="pf-c-tabs__list"
1464
1107
  role="tablist"
@@ -1527,27 +1170,6 @@ exports[`should render tabs with eventKey Strings 1`] = `
1527
1170
  </button>
1528
1171
  </li>
1529
1172
  </ul>
1530
- <button
1531
- aria-hidden="true"
1532
- aria-label="Scroll right"
1533
- class="pf-c-tabs__scroll-button"
1534
- disabled=""
1535
- type="button"
1536
- >
1537
- <svg
1538
- aria-hidden="true"
1539
- fill="currentColor"
1540
- height="1em"
1541
- role="img"
1542
- style="vertical-align: -0.125em;"
1543
- viewBox="0 0 256 512"
1544
- width="1em"
1545
- >
1546
- <path
1547
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1548
- />
1549
- </svg>
1550
- </button>
1551
1173
  </div>
1552
1174
  <section
1553
1175
  aria-labelledby="pf-tab-one-tab1"
@@ -1597,27 +1219,6 @@ exports[`should render tabs with no bottom border 1`] = `
1597
1219
  data-ouia-safe="true"
1598
1220
  id="noBottomBorderTabs"
1599
1221
  >
1600
- <button
1601
- aria-hidden="true"
1602
- aria-label="Scroll left"
1603
- class="pf-c-tabs__scroll-button"
1604
- disabled=""
1605
- type="button"
1606
- >
1607
- <svg
1608
- aria-hidden="true"
1609
- fill="currentColor"
1610
- height="1em"
1611
- role="img"
1612
- style="vertical-align: -0.125em;"
1613
- viewBox="0 0 256 512"
1614
- width="1em"
1615
- >
1616
- <path
1617
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1618
- />
1619
- </svg>
1620
- </button>
1621
1222
  <ul
1622
1223
  class="pf-c-tabs__list"
1623
1224
  role="tablist"
@@ -1686,27 +1287,6 @@ exports[`should render tabs with no bottom border 1`] = `
1686
1287
  </button>
1687
1288
  </li>
1688
1289
  </ul>
1689
- <button
1690
- aria-hidden="true"
1691
- aria-label="Scroll right"
1692
- class="pf-c-tabs__scroll-button"
1693
- disabled=""
1694
- type="button"
1695
- >
1696
- <svg
1697
- aria-hidden="true"
1698
- fill="currentColor"
1699
- height="1em"
1700
- role="img"
1701
- style="vertical-align: -0.125em;"
1702
- viewBox="0 0 256 512"
1703
- width="1em"
1704
- >
1705
- <path
1706
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1707
- />
1708
- </svg>
1709
- </button>
1710
1290
  </div>
1711
1291
  <section
1712
1292
  aria-labelledby="pf-tab-0-tab1"
@@ -1755,27 +1335,6 @@ exports[`should render tabs with separate content 1`] = `
1755
1335
  data-ouia-safe="true"
1756
1336
  id="separateTabs"
1757
1337
  >
1758
- <button
1759
- aria-hidden="true"
1760
- aria-label="Scroll left"
1761
- class="pf-c-tabs__scroll-button"
1762
- disabled=""
1763
- type="button"
1764
- >
1765
- <svg
1766
- aria-hidden="true"
1767
- fill="currentColor"
1768
- height="1em"
1769
- role="img"
1770
- style="vertical-align: -0.125em;"
1771
- viewBox="0 0 256 512"
1772
- width="1em"
1773
- >
1774
- <path
1775
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1776
- />
1777
- </svg>
1778
- </button>
1779
1338
  <ul
1780
1339
  class="pf-c-tabs__list"
1781
1340
  role="tablist"
@@ -1844,27 +1403,6 @@ exports[`should render tabs with separate content 1`] = `
1844
1403
  </button>
1845
1404
  </li>
1846
1405
  </ul>
1847
- <button
1848
- aria-hidden="true"
1849
- aria-label="Scroll right"
1850
- class="pf-c-tabs__scroll-button"
1851
- disabled=""
1852
- type="button"
1853
- >
1854
- <svg
1855
- aria-hidden="true"
1856
- fill="currentColor"
1857
- height="1em"
1858
- role="img"
1859
- style="vertical-align: -0.125em;"
1860
- viewBox="0 0 256 512"
1861
- width="1em"
1862
- >
1863
- <path
1864
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1865
- />
1866
- </svg>
1867
- </button>
1868
1406
  </div>
1869
1407
  <div>
1870
1408
  <section
@@ -1922,27 +1460,6 @@ exports[`should render uncontrolled tabs 1`] = `
1922
1460
  data-ouia-component-type="PF4/Tabs"
1923
1461
  data-ouia-safe="true"
1924
1462
  >
1925
- <button
1926
- aria-hidden="true"
1927
- aria-label="Scroll left"
1928
- class="pf-c-tabs__scroll-button"
1929
- disabled=""
1930
- type="button"
1931
- >
1932
- <svg
1933
- aria-hidden="true"
1934
- fill="currentColor"
1935
- height="1em"
1936
- role="img"
1937
- style="vertical-align: -0.125em;"
1938
- viewBox="0 0 256 512"
1939
- width="1em"
1940
- >
1941
- <path
1942
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1943
- />
1944
- </svg>
1945
- </button>
1946
1463
  <ul
1947
1464
  class="pf-c-tabs__list"
1948
1465
  role="tablist"
@@ -2041,27 +1558,6 @@ exports[`should render uncontrolled tabs 1`] = `
2041
1558
  </button>
2042
1559
  </li>
2043
1560
  </ul>
2044
- <button
2045
- aria-hidden="true"
2046
- aria-label="Scroll right"
2047
- class="pf-c-tabs__scroll-button"
2048
- disabled=""
2049
- type="button"
2050
- >
2051
- <svg
2052
- aria-hidden="true"
2053
- fill="currentColor"
2054
- height="1em"
2055
- role="img"
2056
- style="vertical-align: -0.125em;"
2057
- viewBox="0 0 256 512"
2058
- width="1em"
2059
- >
2060
- <path
2061
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2062
- />
2063
- </svg>
2064
- </button>
2065
1561
  </div>
2066
1562
  <section
2067
1563
  aria-labelledby="pf-tab-0-tab1"
@@ -2122,27 +1618,6 @@ exports[`should render vertical tabs 1`] = `
2122
1618
  data-ouia-safe="true"
2123
1619
  id="verticalTabs"
2124
1620
  >
2125
- <button
2126
- aria-hidden="true"
2127
- aria-label="Scroll left"
2128
- class="pf-c-tabs__scroll-button"
2129
- disabled=""
2130
- type="button"
2131
- >
2132
- <svg
2133
- aria-hidden="true"
2134
- fill="currentColor"
2135
- height="1em"
2136
- role="img"
2137
- style="vertical-align: -0.125em;"
2138
- viewBox="0 0 256 512"
2139
- width="1em"
2140
- >
2141
- <path
2142
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2143
- />
2144
- </svg>
2145
- </button>
2146
1621
  <ul
2147
1622
  class="pf-c-tabs__list"
2148
1623
  role="tablist"
@@ -2241,27 +1716,6 @@ exports[`should render vertical tabs 1`] = `
2241
1716
  </button>
2242
1717
  </li>
2243
1718
  </ul>
2244
- <button
2245
- aria-hidden="true"
2246
- aria-label="Scroll right"
2247
- class="pf-c-tabs__scroll-button"
2248
- disabled=""
2249
- type="button"
2250
- >
2251
- <svg
2252
- aria-hidden="true"
2253
- fill="currentColor"
2254
- height="1em"
2255
- role="img"
2256
- style="vertical-align: -0.125em;"
2257
- viewBox="0 0 256 512"
2258
- width="1em"
2259
- >
2260
- <path
2261
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2262
- />
2263
- </svg>
2264
- </button>
2265
1719
  </div>
2266
1720
  <section
2267
1721
  aria-labelledby="pf-tab-0-tab1"