@patternfly/react-core 6.0.0-alpha.29 → 6.0.0-alpha.30

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 (145) 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/JumpLinks/JumpLinks.js.map +1 -1
  122. package/dist/esm/components/JumpLinks/JumpLinksItem.d.ts +2 -2
  123. package/dist/esm/components/JumpLinks/JumpLinksItem.d.ts.map +1 -1
  124. package/dist/esm/components/JumpLinks/JumpLinksItem.js +4 -2
  125. package/dist/esm/components/JumpLinks/JumpLinksItem.js.map +1 -1
  126. package/dist/js/components/JumpLinks/JumpLinks.js.map +1 -1
  127. package/dist/js/components/JumpLinks/JumpLinksItem.d.ts +2 -2
  128. package/dist/js/components/JumpLinks/JumpLinksItem.d.ts.map +1 -1
  129. package/dist/js/components/JumpLinks/JumpLinksItem.js +4 -2
  130. package/dist/js/components/JumpLinks/JumpLinksItem.js.map +1 -1
  131. package/dist/umd/react-core.min.js +1 -1
  132. package/helpers/package.json +1 -1
  133. package/layouts/package.json +1 -1
  134. package/next/package.json +1 -1
  135. package/package.json +2 -2
  136. package/src/components/JumpLinks/JumpLinks.tsx +2 -2
  137. package/src/components/JumpLinks/JumpLinksItem.tsx +8 -5
  138. package/src/components/JumpLinks/__tests__/JumpLinks.test.tsx +29 -19
  139. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +285 -114
  140. package/src/components/JumpLinks/examples/JumpLinksBasic.tsx +5 -3
  141. package/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx +9 -7
  142. package/src/components/JumpLinks/examples/JumpLinksVertical.tsx +5 -3
  143. package/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx +5 -3
  144. package/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx +5 -3
  145. package/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx +10 -6
package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap CHANGED
@@ -62,28 +62,46 @@ exports[`expandable vertical with subsection 1`] = `
62
62
  <li
63
63
  class="pf-v5-c-jump-links__item"
64
64
  >
65
- <a
65
+ <span
66
66
  class="pf-v5-c-jump-links__link"
67
67
  >
68
- <span
69
- class="pf-v5-c-jump-links__link-text"
68
+ <a
69
+ aria-disabled="false"
70
+ class="pf-v5-c-button pf-m-link"
71
+ data-ouia-component-id="OUIA-Generated-Button-link-13"
72
+ data-ouia-component-type="PF5/Button"
73
+ data-ouia-safe="true"
74
+ href="#"
70
75
  >
71
- Inactive section
72
- </span>
73
- </a>
76
+ <span
77
+ class="pf-v5-c-jump-links__link-text"
78
+ >
79
+ Inactive section
80
+ </span>
81
+ </a>
82
+ </span>
74
83
  </li>
75
84
  <li
76
85
  class="pf-v5-c-jump-links__item"
77
86
  >
78
- <a
87
+ <span
79
88
  class="pf-v5-c-jump-links__link"
80
89
  >
81
- <span
82
- class="pf-v5-c-jump-links__link-text"
90
+ <a
91
+ aria-disabled="false"
92
+ class="pf-v5-c-button pf-m-link"
93
+ data-ouia-component-id="OUIA-Generated-Button-link-14"
94
+ data-ouia-component-type="PF5/Button"
95
+ data-ouia-safe="true"
96
+ href="#"
83
97
  >
84
- Section with active subsection
85
- </span>
86
- </a>
98
+ <span
99
+ class="pf-v5-c-jump-links__link-text"
100
+ >
101
+ Section with active subsection
102
+ </span>
103
+ </a>
104
+ </span>
87
105
  <ul
88
106
  class="pf-v5-c-jump-links__list"
89
107
  role="list"
@@ -92,69 +110,114 @@ exports[`expandable vertical with subsection 1`] = `
92
110
  aria-current="location"
93
111
  class="pf-v5-c-jump-links__item pf-m-current"
94
112
  >
95
- <a
113
+ <span
96
114
  class="pf-v5-c-jump-links__link"
97
115
  >
98
- <span
99
- class="pf-v5-c-jump-links__link-text"
116
+ <a
117
+ aria-disabled="false"
118
+ class="pf-v5-c-button pf-m-link"
119
+ data-ouia-component-id="OUIA-Generated-Button-link-15"
120
+ data-ouia-component-type="PF5/Button"
121
+ data-ouia-safe="true"
122
+ href="#"
100
123
  >
101
- Active subsection
102
- </span>
103
- </a>
124
+ <span
125
+ class="pf-v5-c-jump-links__link-text"
126
+ >
127
+ Active subsection
128
+ </span>
129
+ </a>
130
+ </span>
104
131
  </li>
105
132
  <li
106
133
  class="pf-v5-c-jump-links__item"
107
134
  >
108
- <a
135
+ <span
109
136
  class="pf-v5-c-jump-links__link"
110
137
  >
111
- <span
112
- class="pf-v5-c-jump-links__link-text"
138
+ <a
139
+ aria-disabled="false"
140
+ class="pf-v5-c-button pf-m-link"
141
+ data-ouia-component-id="OUIA-Generated-Button-link-16"
142
+ data-ouia-component-type="PF5/Button"
143
+ data-ouia-safe="true"
144
+ href="#"
113
145
  >
114
- Inactive subsection
115
- </span>
116
- </a>
146
+ <span
147
+ class="pf-v5-c-jump-links__link-text"
148
+ >
149
+ Inactive subsection
150
+ </span>
151
+ </a>
152
+ </span>
117
153
  </li>
118
154
  <li
119
155
  class="pf-v5-c-jump-links__item"
120
156
  >
121
- <a
157
+ <span
122
158
  class="pf-v5-c-jump-links__link"
123
159
  >
124
- <span
125
- class="pf-v5-c-jump-links__link-text"
160
+ <a
161
+ aria-disabled="false"
162
+ class="pf-v5-c-button pf-m-link"
163
+ data-ouia-component-id="OUIA-Generated-Button-link-17"
164
+ data-ouia-component-type="PF5/Button"
165
+ data-ouia-safe="true"
166
+ href="#"
126
167
  >
127
- Inactive subsection
128
- </span>
129
- </a>
168
+ <span
169
+ class="pf-v5-c-jump-links__link-text"
170
+ >
171
+ Inactive subsection
172
+ </span>
173
+ </a>
174
+ </span>
130
175
  </li>
131
176
  </ul>
132
177
  </li>
133
178
  <li
134
179
  class="pf-v5-c-jump-links__item"
135
180
  >
136
- <a
181
+ <span
137
182
  class="pf-v5-c-jump-links__link"
138
183
  >
139
- <span
140
- class="pf-v5-c-jump-links__link-text"
184
+ <a
185
+ aria-disabled="false"
186
+ class="pf-v5-c-button pf-m-link"
187
+ data-ouia-component-id="OUIA-Generated-Button-link-18"
188
+ data-ouia-component-type="PF5/Button"
189
+ data-ouia-safe="true"
190
+ href="#"
141
191
  >
142
- Inactive section
143
- </span>
144
- </a>
192
+ <span
193
+ class="pf-v5-c-jump-links__link-text"
194
+ >
195
+ Inactive section
196
+ </span>
197
+ </a>
198
+ </span>
145
199
  </li>
146
200
  <li
147
201
  class="pf-v5-c-jump-links__item"
148
202
  >
149
- <a
203
+ <span
150
204
  class="pf-v5-c-jump-links__link"
151
205
  >
152
- <span
153
- class="pf-v5-c-jump-links__link-text"
206
+ <a
207
+ aria-disabled="false"
208
+ class="pf-v5-c-button pf-m-link"
209
+ data-ouia-component-id="OUIA-Generated-Button-link-19"
210
+ data-ouia-component-type="PF5/Button"
211
+ data-ouia-safe="true"
212
+ href="#"
154
213
  >
155
- Inactive section
156
- </span>
157
- </a>
214
+ <span
215
+ class="pf-v5-c-jump-links__link-text"
216
+ >
217
+ Inactive section
218
+ </span>
219
+ </a>
220
+ </span>
158
221
  </li>
159
222
  </ul>
160
223
  </div>
@@ -180,42 +243,69 @@ exports[`jumplinks centered 1`] = `
180
243
  <li
181
244
  class="pf-v5-c-jump-links__item"
182
245
  >
183
- <a
246
+ <span
184
247
  class="pf-v5-c-jump-links__link"
185
248
  >
186
- <span
187
- class="pf-v5-c-jump-links__link-text"
249
+ <a
250
+ aria-disabled="false"
251
+ class="pf-v5-c-button pf-m-link"
252
+ data-ouia-component-id="OUIA-Generated-Button-link-4"
253
+ data-ouia-component-type="PF5/Button"
254
+ data-ouia-safe="true"
255
+ href="#"
188
256
  >
189
- Inactive section
190
- </span>
191
- </a>
257
+ <span
258
+ class="pf-v5-c-jump-links__link-text"
259
+ >
260
+ Inactive section
261
+ </span>
262
+ </a>
263
+ </span>
192
264
  </li>
193
265
  <li
194
266
  aria-current="location"
195
267
  class="pf-v5-c-jump-links__item pf-m-current"
196
268
  >
197
- <a
269
+ <span
198
270
  class="pf-v5-c-jump-links__link"
199
271
  >
200
- <span
201
- class="pf-v5-c-jump-links__link-text"
272
+ <a
273
+ aria-disabled="false"
274
+ class="pf-v5-c-button pf-m-link"
275
+ data-ouia-component-id="OUIA-Generated-Button-link-5"
276
+ data-ouia-component-type="PF5/Button"
277
+ data-ouia-safe="true"
278
+ href="#"
202
279
  >
203
- Active section
204
- </span>
205
- </a>
280
+ <span
281
+ class="pf-v5-c-jump-links__link-text"
282
+ >
283
+ Active section
284
+ </span>
285
+ </a>
286
+ </span>
206
287
  </li>
207
288
  <li
208
289
  class="pf-v5-c-jump-links__item"
209
290
  >
210
- <a
291
+ <span
211
292
  class="pf-v5-c-jump-links__link"
212
293
  >
213
- <span
214
- class="pf-v5-c-jump-links__link-text"
294
+ <a
295
+ aria-disabled="false"
296
+ class="pf-v5-c-button pf-m-link"
297
+ data-ouia-component-id="OUIA-Generated-Button-link-6"
298
+ data-ouia-component-type="PF5/Button"
299
+ data-ouia-safe="true"
300
+ href="#"
215
301
  >
216
- Inactive section
217
- </span>
218
- </a>
302
+ <span
303
+ class="pf-v5-c-jump-links__link-text"
304
+ >
305
+ Inactive section
306
+ </span>
307
+ </a>
308
+ </span>
219
309
  </li>
220
310
  </ul>
221
311
  </div>
@@ -248,42 +338,69 @@ exports[`jumplinks with label 1`] = `
248
338
  <li
249
339
  class="pf-v5-c-jump-links__item"
250
340
  >
251
- <a
341
+ <span
252
342
  class="pf-v5-c-jump-links__link"
253
343
  >
254
- <span
255
- class="pf-v5-c-jump-links__link-text"
344
+ <a
345
+ aria-disabled="false"
346
+ class="pf-v5-c-button pf-m-link"
347
+ data-ouia-component-id="OUIA-Generated-Button-link-7"
348
+ data-ouia-component-type="PF5/Button"
349
+ data-ouia-safe="true"
350
+ href="#"
256
351
  >
257
- Inactive section
258
- </span>
259
- </a>
352
+ <span
353
+ class="pf-v5-c-jump-links__link-text"
354
+ >
355
+ Inactive section
356
+ </span>
357
+ </a>
358
+ </span>
260
359
  </li>
261
360
  <li
262
361
  aria-current="location"
263
362
  class="pf-v5-c-jump-links__item pf-m-current"
264
363
  >
265
- <a
364
+ <span
266
365
  class="pf-v5-c-jump-links__link"
267
366
  >
268
- <span
269
- class="pf-v5-c-jump-links__link-text"
367
+ <a
368
+ aria-disabled="false"
369
+ class="pf-v5-c-button pf-m-link"
370
+ data-ouia-component-id="OUIA-Generated-Button-link-8"
371
+ data-ouia-component-type="PF5/Button"
372
+ data-ouia-safe="true"
373
+ href="#"
270
374
  >
271
- Active section
272
- </span>
273
- </a>
375
+ <span
376
+ class="pf-v5-c-jump-links__link-text"
377
+ >
378
+ Active section
379
+ </span>
380
+ </a>
381
+ </span>
274
382
  </li>
275
383
  <li
276
384
  class="pf-v5-c-jump-links__item"
277
385
  >
278
- <a
386
+ <span
279
387
  class="pf-v5-c-jump-links__link"
280
388
  >
281
- <span
282
- class="pf-v5-c-jump-links__link-text"
389
+ <a
390
+ aria-disabled="false"
391
+ class="pf-v5-c-button pf-m-link"
392
+ data-ouia-component-id="OUIA-Generated-Button-link-9"
393
+ data-ouia-component-type="PF5/Button"
394
+ data-ouia-safe="true"
395
+ href="#"
283
396
  >
284
- Inactive section
285
- </span>
286
- </a>
397
+ <span
398
+ class="pf-v5-c-jump-links__link-text"
399
+ >
400
+ Inactive section
401
+ </span>
402
+ </a>
403
+ </span>
287
404
  </li>
288
405
  </ul>
289
406
  </div>
@@ -309,42 +426,69 @@ exports[`simple jumplinks 1`] = `
309
426
  <li
310
427
  class="pf-v5-c-jump-links__item"
311
428
  >
312
- <a
429
+ <span
313
430
  class="pf-v5-c-jump-links__link"
314
431
  >
315
- <span
316
- class="pf-v5-c-jump-links__link-text"
432
+ <a
433
+ aria-disabled="false"
434
+ class="pf-v5-c-button pf-m-link"
435
+ data-ouia-component-id="OUIA-Generated-Button-link-1"
436
+ data-ouia-component-type="PF5/Button"
437
+ data-ouia-safe="true"
438
+ href="#"
317
439
  >
318
- Inactive section
319
- </span>
320
- </a>
440
+ <span
441
+ class="pf-v5-c-jump-links__link-text"
442
+ >
443
+ Inactive section
444
+ </span>
445
+ </a>
446
+ </span>
321
447
  </li>
322
448
  <li
323
449
  aria-current="location"
324
450
  class="pf-v5-c-jump-links__item pf-m-current"
325
451
  >
326
- <a
452
+ <span
327
453
  class="pf-v5-c-jump-links__link"
328
454
  >
329
- <span
330
- class="pf-v5-c-jump-links__link-text"
455
+ <a
456
+ aria-disabled="false"
457
+ class="pf-v5-c-button pf-m-link"
458
+ data-ouia-component-id="OUIA-Generated-Button-link-2"
459
+ data-ouia-component-type="PF5/Button"
460
+ data-ouia-safe="true"
461
+ href="#"
331
462
  >
332
- Active section
333
- </span>
334
- </a>
463
+ <span
464
+ class="pf-v5-c-jump-links__link-text"
465
+ >
466
+ Active section
467
+ </span>
468
+ </a>
469
+ </span>
335
470
  </li>
336
471
  <li
337
472
  class="pf-v5-c-jump-links__item"
338
473
  >
339
- <a
474
+ <span
340
475
  class="pf-v5-c-jump-links__link"
341
476
  >
342
- <span
343
- class="pf-v5-c-jump-links__link-text"
477
+ <a
478
+ aria-disabled="false"
479
+ class="pf-v5-c-button pf-m-link"
480
+ data-ouia-component-id="OUIA-Generated-Button-link-3"
481
+ data-ouia-component-type="PF5/Button"
482
+ data-ouia-safe="true"
483
+ href="#"
344
484
  >
345
- Inactive section
346
- </span>
347
- </a>
485
+ <span
486
+ class="pf-v5-c-jump-links__link-text"
487
+ >
488
+ Inactive section
489
+ </span>
490
+ </a>
491
+ </span>
348
492
  </li>
349
493
  </ul>
350
494
  </div>
@@ -377,42 +521,69 @@ exports[`vertical with label 1`] = `
377
521
  <li
378
522
  class="pf-v5-c-jump-links__item"
379
523
  >
380
- <a
524
+ <span
381
525
  class="pf-v5-c-jump-links__link"
382
526
  >
383
- <span
384
- class="pf-v5-c-jump-links__link-text"
527
+ <a
528
+ aria-disabled="false"
529
+ class="pf-v5-c-button pf-m-link"
530
+ data-ouia-component-id="OUIA-Generated-Button-link-10"
531
+ data-ouia-component-type="PF5/Button"
532
+ data-ouia-safe="true"
533
+ href="#"
385
534
  >
386
- Inactive section
387
- </span>
388
- </a>
535
+ <span
536
+ class="pf-v5-c-jump-links__link-text"
537
+ >
538
+ Inactive section
539
+ </span>
540
+ </a>
541
+ </span>
389
542
  </li>
390
543
  <li
391
544
  aria-current="location"
392
545
  class="pf-v5-c-jump-links__item pf-m-current"
393
546
  >
394
- <a
547
+ <span
395
548
  class="pf-v5-c-jump-links__link"
396
549
  >
397
- <span
398
- class="pf-v5-c-jump-links__link-text"
550
+ <a
551
+ aria-disabled="false"
552
+ class="pf-v5-c-button pf-m-link"
553
+ data-ouia-component-id="OUIA-Generated-Button-link-11"
554
+ data-ouia-component-type="PF5/Button"
555
+ data-ouia-safe="true"
556
+ href="#"
399
557
  >
400
- Active section
401
- </span>
402
- </a>
558
+ <span
559
+ class="pf-v5-c-jump-links__link-text"
560
+ >
561
+ Active section
562
+ </span>
563
+ </a>
564
+ </span>
403
565
  </li>
404
566
  <li
405
567
  class="pf-v5-c-jump-links__item"
406
568
  >
407
- <a
569
+ <span
408
570
  class="pf-v5-c-jump-links__link"
409
571
  >
410
- <span
411
- class="pf-v5-c-jump-links__link-text"
572
+ <a
573
+ aria-disabled="false"
574
+ class="pf-v5-c-button pf-m-link"
575
+ data-ouia-component-id="OUIA-Generated-Button-link-12"
576
+ data-ouia-component-type="PF5/Button"
577
+ data-ouia-safe="true"
578
+ href="#"
412
579
  >
413
- Inactive section
414
- </span>
415
- </a>
580
+ <span
581
+ class="pf-v5-c-jump-links__link-text"
582
+ >
583
+ Inactive section
584
+ </span>
585
+ </a>
586
+ </span>
416
587
  </li>
417
588
  </ul>
418
589
  </div>
package/src/components/JumpLinks/examples/JumpLinksBasic.tsx CHANGED
@@ -3,8 +3,10 @@ import { JumpLinks, JumpLinksItem } from '@patternfly/react-core';
3
3
 
4
4
  export const JumpLinksBasic: React.FunctionComponent = () => (
5
5
  <JumpLinks>
6
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
- <JumpLinksItem isActive>Active section</JumpLinksItem>
8
- <JumpLinksItem>Inactive section</JumpLinksItem>
6
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#" isActive>
8
+ Active section
9
+ </JumpLinksItem>
10
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
9
11
  </JumpLinks>
10
12
  );
package/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx CHANGED
@@ -3,16 +3,18 @@ import { JumpLinks, JumpLinksItem, JumpLinksList } from '@patternfly/react-core'
3
3
 
4
4
  export const JumpLinksExpandableVerticalWithSubsection: React.FunctionComponent = () => (
5
5
  <JumpLinks isVertical label="Jump to section" expandable={{ default: 'expandable' }}>
6
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
- <JumpLinksItem>
6
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#">
8
8
  Section with active subsection
9
9
  <JumpLinksList>
10
- <JumpLinksItem isActive>Active subsection</JumpLinksItem>
11
- <JumpLinksItem>Inactive subsection</JumpLinksItem>
12
- <JumpLinksItem>Inactive subsection</JumpLinksItem>
10
+ <JumpLinksItem href="#" isActive>
11
+ Active subsection
12
+ </JumpLinksItem>
13
+ <JumpLinksItem href="#">Inactive subsection</JumpLinksItem>
14
+ <JumpLinksItem href="#">Inactive subsection</JumpLinksItem>
13
15
  </JumpLinksList>
14
16
  </JumpLinksItem>
15
- <JumpLinksItem>Inactive section</JumpLinksItem>
16
- <JumpLinksItem>Inactive section</JumpLinksItem>
17
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
18
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
17
19
  </JumpLinks>
18
20
  );
package/src/components/JumpLinks/examples/JumpLinksVertical.tsx CHANGED
@@ -3,8 +3,10 @@ import { JumpLinks, JumpLinksItem } from '@patternfly/react-core';
3
3
 
4
4
  export const JumpLinksVertical: React.FunctionComponent = () => (
5
5
  <JumpLinks isVertical>
6
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
- <JumpLinksItem isActive>Active section</JumpLinksItem>
8
- <JumpLinksItem>Inactive section</JumpLinksItem>
6
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#" isActive>
8
+ Active section
9
+ </JumpLinksItem>
10
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
9
11
  </JumpLinks>
10
12
  );
package/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx CHANGED
@@ -3,8 +3,10 @@ import { JumpLinks, JumpLinksItem } from '@patternfly/react-core';
3
3
 
4
4
  export const JumpLinksVerticalWithLabel: React.FunctionComponent = () => (
5
5
  <JumpLinks isVertical label="Jump to section">
6
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
- <JumpLinksItem isActive>Active section</JumpLinksItem>
8
- <JumpLinksItem>Inactive section</JumpLinksItem>
6
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#" isActive>
8
+ Active section
9
+ </JumpLinksItem>
10
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
9
11
  </JumpLinks>
10
12
  );
package/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx CHANGED
@@ -3,8 +3,10 @@ import { JumpLinks, JumpLinksItem } from '@patternfly/react-core';
3
3
 
4
4
  export const JumpLinksWithCenteredList: React.FunctionComponent = () => (
5
5
  <JumpLinks isCentered>
6
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
- <JumpLinksItem isActive>Active section</JumpLinksItem>
8
- <JumpLinksItem>Inactive section</JumpLinksItem>
6
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#" isActive>
8
+ Active section
9
+ </JumpLinksItem>
10
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
9
11
  </JumpLinks>
10
12
  );
package/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx CHANGED
@@ -4,14 +4,18 @@ import { JumpLinks, JumpLinksItem } from '@patternfly/react-core';
4
4
  export const JumpLinksWithLabel: React.FunctionComponent = () => (
5
5
  <>
6
6
  <JumpLinks label="Jump to section">
7
- <JumpLinksItem>Inactive section</JumpLinksItem>
8
- <JumpLinksItem isActive>Active section</JumpLinksItem>
9
- <JumpLinksItem>Inactive section</JumpLinksItem>
7
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
8
+ <JumpLinksItem href="#" isActive>
9
+ Active section
10
+ </JumpLinksItem>
11
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
10
12
  </JumpLinks>
11
13
  <JumpLinks isCentered label="Jump to section">
12
- <JumpLinksItem>Inactive section</JumpLinksItem>
13
- <JumpLinksItem isActive>Active section</JumpLinksItem>
14
- <JumpLinksItem>Inactive section</JumpLinksItem>
14
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
15
+ <JumpLinksItem href="#" isActive>
16
+ Active section
17
+ </JumpLinksItem>
18
+ <JumpLinksItem href="#">Inactive section</JumpLinksItem>
15
19
  </JumpLinks>
16
20
  </>
17
21
  );