@patternfly/patternfly 6.0.0-alpha.165 → 6.0.0-alpha.167

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 (88) hide show
  1. package/components/Alert/alert-group.css +54 -3
  2. package/components/Alert/alert-group.scss +85 -0
  3. package/components/Alert/alert.scss +1 -1
  4. package/components/Button/button.css +33 -14
  5. package/components/Button/button.scss +36 -14
  6. package/components/_index.css +87 -17
  7. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  8. package/docs/components/ActionList/examples/ActionList.md +60 -20
  9. package/docs/components/Alert/examples/Alert.md +106 -62
  10. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  11. package/docs/components/Banner/examples/Banner.md +9 -3
  12. package/docs/components/Button/examples/Button.md +536 -367
  13. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  14. package/docs/components/Card/examples/Card.md +43 -29
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  16. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  17. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  18. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  19. package/docs/components/DataList/examples/DataList.md +121 -63
  20. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  21. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  22. package/docs/components/Drawer/examples/Drawer.md +57 -19
  23. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  24. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  25. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  26. package/docs/components/Form/examples/Form.md +53 -19
  27. package/docs/components/Hint/examples/Hint.md +9 -9
  28. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  29. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  30. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  31. package/docs/components/Label/examples/Label.md +651 -217
  32. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  33. package/docs/components/Login/examples/Login.md +346 -282
  34. package/docs/components/Masthead/examples/masthead.md +27 -9
  35. package/docs/components/Menu/examples/Menu.md +35 -25
  36. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  37. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  38. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  39. package/docs/components/Nav/examples/Navigation.md +12 -4
  40. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  41. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  42. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  43. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  44. package/docs/components/Page/examples/Page.md +21 -7
  45. package/docs/components/Pagination/examples/Pagination.md +132 -44
  46. package/docs/components/Popover/examples/Popover.md +45 -15
  47. package/docs/components/Select/deprecated/Select.md +111 -55
  48. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  49. package/docs/components/Slider/examples/Slider.md +12 -4
  50. package/docs/components/Table/examples/Table.md +363 -208
  51. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  52. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  53. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  54. package/docs/components/TreeView/examples/TreeView.md +12 -4
  55. package/docs/components/Wizard/examples/Wizard.md +105 -38
  56. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  57. package/docs/demos/Alert/examples/Alert.md +39 -25
  58. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  59. package/docs/demos/Banner/examples/Banner.md +12 -4
  60. package/docs/demos/Button/examples/Button.md +7 -7
  61. package/docs/demos/Card/examples/Card.md +106 -57
  62. package/docs/demos/CardView/examples/CardView.md +30 -13
  63. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  64. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  65. package/docs/demos/DataList/examples/DataList.md +255 -149
  66. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  67. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  68. package/docs/demos/Form/examples/BasicForms.md +141 -59
  69. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  70. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  71. package/docs/demos/Modal/examples/Modal.md +99 -37
  72. package/docs/demos/Nav/examples/Nav.md +45 -15
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  74. package/docs/demos/Page/examples/Page.md +54 -21
  75. package/docs/demos/Page/examples/Penta.md +9 -6
  76. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  77. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  78. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  79. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  80. package/docs/demos/Table/examples/Table.md +474 -210
  81. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  82. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  83. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  84. package/package.json +1 -1
  85. package/patternfly-no-globals.css +87 -17
  86. package/patternfly.css +87 -17
  87. package/patternfly.min.css +1 -1
  88. package/patternfly.min.css.map +1 -1
package/docs/components/JumpLinks/examples/JumpLinks.md CHANGED
@@ -12,21 +12,27 @@ cssPrefix: pf-v6-c-jump-links
12
12
  <li class="pf-v6-c-jump-links__item">
13
13
  <span class="pf-v6-c-jump-links__link">
14
14
  <a class="pf-v6-c-button pf-m-link" href="#">
15
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
15
+ <span class="pf-v6-c-button__text">
16
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
17
+ </span>
16
18
  </a>
17
19
  </span>
18
20
  </li>
19
21
  <li class="pf-v6-c-jump-links__item pf-m-current">
20
22
  <span class="pf-v6-c-jump-links__link">
21
23
  <a class="pf-v6-c-button pf-m-link" href="#">
22
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
24
+ <span class="pf-v6-c-button__text">
25
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
26
+ </span>
23
27
  </a>
24
28
  </span>
25
29
  </li>
26
30
  <li class="pf-v6-c-jump-links__item">
27
31
  <span class="pf-v6-c-jump-links__link">
28
32
  <a class="pf-v6-c-button pf-m-link" href="#">
29
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
33
+ <span class="pf-v6-c-button__text">
34
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
35
+ </span>
30
36
  </a>
31
37
  </span>
32
38
  </li>
@@ -43,21 +49,27 @@ cssPrefix: pf-v6-c-jump-links
43
49
  <li class="pf-v6-c-jump-links__item">
44
50
  <span class="pf-v6-c-jump-links__link">
45
51
  <a class="pf-v6-c-button pf-m-link" href="#">
46
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
52
+ <span class="pf-v6-c-button__text">
53
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
54
+ </span>
47
55
  </a>
48
56
  </span>
49
57
  </li>
50
58
  <li class="pf-v6-c-jump-links__item pf-m-current">
51
59
  <span class="pf-v6-c-jump-links__link">
52
60
  <a class="pf-v6-c-button pf-m-link" href="#">
53
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
61
+ <span class="pf-v6-c-button__text">
62
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
63
+ </span>
54
64
  </a>
55
65
  </span>
56
66
  </li>
57
67
  <li class="pf-v6-c-jump-links__item">
58
68
  <span class="pf-v6-c-jump-links__link">
59
69
  <a class="pf-v6-c-button pf-m-link" href="#">
60
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
70
+ <span class="pf-v6-c-button__text">
71
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
72
+ </span>
61
73
  </a>
62
74
  </span>
63
75
  </li>
@@ -78,21 +90,27 @@ cssPrefix: pf-v6-c-jump-links
78
90
  <li class="pf-v6-c-jump-links__item">
79
91
  <span class="pf-v6-c-jump-links__link">
80
92
  <a class="pf-v6-c-button pf-m-link" href="#">
81
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
93
+ <span class="pf-v6-c-button__text">
94
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
95
+ </span>
82
96
  </a>
83
97
  </span>
84
98
  </li>
85
99
  <li class="pf-v6-c-jump-links__item pf-m-current">
86
100
  <span class="pf-v6-c-jump-links__link">
87
101
  <a class="pf-v6-c-button pf-m-link" href="#">
88
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
102
+ <span class="pf-v6-c-button__text">
103
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
104
+ </span>
89
105
  </a>
90
106
  </span>
91
107
  </li>
92
108
  <li class="pf-v6-c-jump-links__item">
93
109
  <span class="pf-v6-c-jump-links__link">
94
110
  <a class="pf-v6-c-button pf-m-link" href="#">
95
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
111
+ <span class="pf-v6-c-button__text">
112
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
113
+ </span>
96
114
  </a>
97
115
  </span>
98
116
  </li>
@@ -109,21 +127,27 @@ cssPrefix: pf-v6-c-jump-links
109
127
  <li class="pf-v6-c-jump-links__item">
110
128
  <span class="pf-v6-c-jump-links__link">
111
129
  <a class="pf-v6-c-button pf-m-link" href="#">
112
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
130
+ <span class="pf-v6-c-button__text">
131
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
132
+ </span>
113
133
  </a>
114
134
  </span>
115
135
  </li>
116
136
  <li class="pf-v6-c-jump-links__item pf-m-current">
117
137
  <span class="pf-v6-c-jump-links__link">
118
138
  <a class="pf-v6-c-button pf-m-link" href="#">
119
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
139
+ <span class="pf-v6-c-button__text">
140
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
141
+ </span>
120
142
  </a>
121
143
  </span>
122
144
  </li>
123
145
  <li class="pf-v6-c-jump-links__item">
124
146
  <span class="pf-v6-c-jump-links__link">
125
147
  <a class="pf-v6-c-button pf-m-link" href="#">
126
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
148
+ <span class="pf-v6-c-button__text">
149
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
150
+ </span>
127
151
  </a>
128
152
  </span>
129
153
  </li>
@@ -141,35 +165,45 @@ cssPrefix: pf-v6-c-jump-links
141
165
  <li class="pf-v6-c-jump-links__item">
142
166
  <span class="pf-v6-c-jump-links__link">
143
167
  <a class="pf-v6-c-button pf-m-link" href="#">
144
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
168
+ <span class="pf-v6-c-button__text">
169
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
170
+ </span>
145
171
  </a>
146
172
  </span>
147
173
  </li>
148
174
  <li class="pf-v6-c-jump-links__item pf-m-current">
149
175
  <span class="pf-v6-c-jump-links__link">
150
176
  <a class="pf-v6-c-button pf-m-link" href="#">
151
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
177
+ <span class="pf-v6-c-button__text">
178
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
179
+ </span>
152
180
  </a>
153
181
  </span>
154
182
  </li>
155
183
  <li class="pf-v6-c-jump-links__item">
156
184
  <span class="pf-v6-c-jump-links__link">
157
185
  <a class="pf-v6-c-button pf-m-link" href="#">
158
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
186
+ <span class="pf-v6-c-button__text">
187
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
188
+ </span>
159
189
  </a>
160
190
  </span>
161
191
  </li>
162
192
  <li class="pf-v6-c-jump-links__item">
163
193
  <span class="pf-v6-c-jump-links__link">
164
194
  <a class="pf-v6-c-button pf-m-link" href="#">
165
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
195
+ <span class="pf-v6-c-button__text">
196
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
197
+ </span>
166
198
  </a>
167
199
  </span>
168
200
  </li>
169
201
  <li class="pf-v6-c-jump-links__item">
170
202
  <span class="pf-v6-c-jump-links__link">
171
203
  <a class="pf-v6-c-button pf-m-link" href="#">
172
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
204
+ <span class="pf-v6-c-button__text">
205
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
206
+ </span>
173
207
  </a>
174
208
  </span>
175
209
  </li>
@@ -189,35 +223,45 @@ cssPrefix: pf-v6-c-jump-links
189
223
  <li class="pf-v6-c-jump-links__item">
190
224
  <span class="pf-v6-c-jump-links__link">
191
225
  <a class="pf-v6-c-button pf-m-link" href="#">
192
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
226
+ <span class="pf-v6-c-button__text">
227
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
228
+ </span>
193
229
  </a>
194
230
  </span>
195
231
  </li>
196
232
  <li class="pf-v6-c-jump-links__item pf-m-current">
197
233
  <span class="pf-v6-c-jump-links__link">
198
234
  <a class="pf-v6-c-button pf-m-link" href="#">
199
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
235
+ <span class="pf-v6-c-button__text">
236
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
237
+ </span>
200
238
  </a>
201
239
  </span>
202
240
  </li>
203
241
  <li class="pf-v6-c-jump-links__item">
204
242
  <span class="pf-v6-c-jump-links__link">
205
243
  <a class="pf-v6-c-button pf-m-link" href="#">
206
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
244
+ <span class="pf-v6-c-button__text">
245
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
246
+ </span>
207
247
  </a>
208
248
  </span>
209
249
  </li>
210
250
  <li class="pf-v6-c-jump-links__item">
211
251
  <span class="pf-v6-c-jump-links__link">
212
252
  <a class="pf-v6-c-button pf-m-link" href="#">
213
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
253
+ <span class="pf-v6-c-button__text">
254
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
255
+ </span>
214
256
  </a>
215
257
  </span>
216
258
  </li>
217
259
  <li class="pf-v6-c-jump-links__item">
218
260
  <span class="pf-v6-c-jump-links__link">
219
261
  <a class="pf-v6-c-button pf-m-link" href="#">
220
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
262
+ <span class="pf-v6-c-button__text">
263
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
264
+ </span>
221
265
  </a>
222
266
  </span>
223
267
  </li>
@@ -237,35 +281,45 @@ cssPrefix: pf-v6-c-jump-links
237
281
  <li class="pf-v6-c-jump-links__item pf-m-current">
238
282
  <span class="pf-v6-c-jump-links__link">
239
283
  <a class="pf-v6-c-button pf-m-link" href="#">
240
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
284
+ <span class="pf-v6-c-button__text">
285
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
286
+ </span>
241
287
  </a>
242
288
  </span>
243
289
  </li>
244
290
  <li class="pf-v6-c-jump-links__item">
245
291
  <span class="pf-v6-c-jump-links__link">
246
292
  <a class="pf-v6-c-button pf-m-link" href="#">
247
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
293
+ <span class="pf-v6-c-button__text">
294
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
295
+ </span>
248
296
  </a>
249
297
  </span>
250
298
  </li>
251
299
  <li class="pf-v6-c-jump-links__item">
252
300
  <span class="pf-v6-c-jump-links__link">
253
301
  <a class="pf-v6-c-button pf-m-link" href="#">
254
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
302
+ <span class="pf-v6-c-button__text">
303
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
304
+ </span>
255
305
  </a>
256
306
  </span>
257
307
  <ul class="pf-v6-c-jump-links__list" role="list">
258
308
  <li class="pf-v6-c-jump-links__item">
259
309
  <span class="pf-v6-c-jump-links__link">
260
310
  <a class="pf-v6-c-button pf-m-link" href="#">
261
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
311
+ <span class="pf-v6-c-button__text">
312
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
313
+ </span>
262
314
  </a>
263
315
  </span>
264
316
  </li>
265
317
  <li class="pf-v6-c-jump-links__item">
266
318
  <span class="pf-v6-c-jump-links__link">
267
319
  <a class="pf-v6-c-button pf-m-link" href="#">
268
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
320
+ <span class="pf-v6-c-button__text">
321
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
322
+ </span>
269
323
  </a>
270
324
  </span>
271
325
  </li>
@@ -274,14 +328,18 @@ cssPrefix: pf-v6-c-jump-links
274
328
  <li class="pf-v6-c-jump-links__item">
275
329
  <span class="pf-v6-c-jump-links__link">
276
330
  <a class="pf-v6-c-button pf-m-link" href="#">
277
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
331
+ <span class="pf-v6-c-button__text">
332
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
333
+ </span>
278
334
  </a>
279
335
  </span>
280
336
  </li>
281
337
  <li class="pf-v6-c-jump-links__item">
282
338
  <span class="pf-v6-c-jump-links__link">
283
339
  <a class="pf-v6-c-button pf-m-link" href="#">
284
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
340
+ <span class="pf-v6-c-button__text">
341
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
342
+ </span>
285
343
  </a>
286
344
  </span>
287
345
  </li>
@@ -301,35 +359,45 @@ cssPrefix: pf-v6-c-jump-links
301
359
  <li class="pf-v6-c-jump-links__item">
302
360
  <span class="pf-v6-c-jump-links__link">
303
361
  <a class="pf-v6-c-button pf-m-link" href="#">
304
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
362
+ <span class="pf-v6-c-button__text">
363
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
364
+ </span>
305
365
  </a>
306
366
  </span>
307
367
  </li>
308
368
  <li class="pf-v6-c-jump-links__item">
309
369
  <span class="pf-v6-c-jump-links__link">
310
370
  <a class="pf-v6-c-button pf-m-link" href="#">
311
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
371
+ <span class="pf-v6-c-button__text">
372
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
373
+ </span>
312
374
  </a>
313
375
  </span>
314
376
  </li>
315
377
  <li class="pf-v6-c-jump-links__item">
316
378
  <span class="pf-v6-c-jump-links__link">
317
379
  <a class="pf-v6-c-button pf-m-link" href="#">
318
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
380
+ <span class="pf-v6-c-button__text">
381
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
382
+ </span>
319
383
  </a>
320
384
  </span>
321
385
  <ul class="pf-v6-c-jump-links__list" role="list">
322
386
  <li class="pf-v6-c-jump-links__item pf-m-current">
323
387
  <span class="pf-v6-c-jump-links__link">
324
388
  <a class="pf-v6-c-button pf-m-link" href="#">
325
- <span class="pf-v6-c-jump-links__link-text">Active subsection</span>
389
+ <span class="pf-v6-c-button__text">
390
+ <span class="pf-v6-c-jump-links__link-text">Active subsection</span>
391
+ </span>
326
392
  </a>
327
393
  </span>
328
394
  </li>
329
395
  <li class="pf-v6-c-jump-links__item">
330
396
  <span class="pf-v6-c-jump-links__link">
331
397
  <a class="pf-v6-c-button pf-m-link" href="#">
332
- <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
398
+ <span class="pf-v6-c-button__text">
399
+ <span class="pf-v6-c-jump-links__link-text">Inactive subsection</span>
400
+ </span>
333
401
  </a>
334
402
  </span>
335
403
  </li>
@@ -338,14 +406,18 @@ cssPrefix: pf-v6-c-jump-links
338
406
  <li class="pf-v6-c-jump-links__item">
339
407
  <span class="pf-v6-c-jump-links__link">
340
408
  <a class="pf-v6-c-button pf-m-link" href="#">
341
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
409
+ <span class="pf-v6-c-button__text">
410
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
411
+ </span>
342
412
  </a>
343
413
  </span>
344
414
  </li>
345
415
  <li class="pf-v6-c-jump-links__item">
346
416
  <span class="pf-v6-c-jump-links__link">
347
417
  <a class="pf-v6-c-button pf-m-link" href="#">
348
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
418
+ <span class="pf-v6-c-button__text">
419
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
420
+ </span>
349
421
  </a>
350
422
  </span>
351
423
  </li>
@@ -369,10 +441,12 @@ cssPrefix: pf-v6-c-jump-links
369
441
  aria-label="Toggle jump links"
370
442
  aria-expanded="false"
371
443
  >
372
- <span class="pf-v6-c-jump-links__toggle-icon">
373
- <i class="fas fa-angle-right" aria-hidden="true"></i>
444
+ <span class="pf-v6-c-button__text">
445
+ <span class="pf-v6-c-jump-links__toggle-icon">
446
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
447
+ </span>
448
+ <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
374
449
  </span>
375
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
376
450
  </button>
377
451
  </div>
378
452
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -381,35 +455,45 @@ cssPrefix: pf-v6-c-jump-links
381
455
  <li class="pf-v6-c-jump-links__item">
382
456
  <span class="pf-v6-c-jump-links__link">
383
457
  <a class="pf-v6-c-button pf-m-link" href="#">
384
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
458
+ <span class="pf-v6-c-button__text">
459
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
460
+ </span>
385
461
  </a>
386
462
  </span>
387
463
  </li>
388
464
  <li class="pf-v6-c-jump-links__item pf-m-current">
389
465
  <span class="pf-v6-c-jump-links__link">
390
466
  <a class="pf-v6-c-button pf-m-link" href="#">
391
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
467
+ <span class="pf-v6-c-button__text">
468
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
469
+ </span>
392
470
  </a>
393
471
  </span>
394
472
  </li>
395
473
  <li class="pf-v6-c-jump-links__item">
396
474
  <span class="pf-v6-c-jump-links__link">
397
475
  <a class="pf-v6-c-button pf-m-link" href="#">
398
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
476
+ <span class="pf-v6-c-button__text">
477
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
478
+ </span>
399
479
  </a>
400
480
  </span>
401
481
  </li>
402
482
  <li class="pf-v6-c-jump-links__item">
403
483
  <span class="pf-v6-c-jump-links__link">
404
484
  <a class="pf-v6-c-button pf-m-link" href="#">
405
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
485
+ <span class="pf-v6-c-button__text">
486
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
487
+ </span>
406
488
  </a>
407
489
  </span>
408
490
  </li>
409
491
  <li class="pf-v6-c-jump-links__item">
410
492
  <span class="pf-v6-c-jump-links__link">
411
493
  <a class="pf-v6-c-button pf-m-link" href="#">
412
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
494
+ <span class="pf-v6-c-button__text">
495
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
496
+ </span>
413
497
  </a>
414
498
  </span>
415
499
  </li>
@@ -433,10 +517,12 @@ cssPrefix: pf-v6-c-jump-links
433
517
  aria-label="Toggle jump links"
434
518
  aria-expanded="true"
435
519
  >
436
- <span class="pf-v6-c-jump-links__toggle-icon">
437
- <i class="fas fa-angle-right" aria-hidden="true"></i>
520
+ <span class="pf-v6-c-button__text">
521
+ <span class="pf-v6-c-jump-links__toggle-icon">
522
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
523
+ </span>
524
+ <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
438
525
  </span>
439
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
440
526
  </button>
441
527
  </div>
442
528
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -445,35 +531,45 @@ cssPrefix: pf-v6-c-jump-links
445
531
  <li class="pf-v6-c-jump-links__item">
446
532
  <span class="pf-v6-c-jump-links__link">
447
533
  <a class="pf-v6-c-button pf-m-link" href="#">
448
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
534
+ <span class="pf-v6-c-button__text">
535
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
536
+ </span>
449
537
  </a>
450
538
  </span>
451
539
  </li>
452
540
  <li class="pf-v6-c-jump-links__item pf-m-current">
453
541
  <span class="pf-v6-c-jump-links__link">
454
542
  <a class="pf-v6-c-button pf-m-link" href="#">
455
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
543
+ <span class="pf-v6-c-button__text">
544
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
545
+ </span>
456
546
  </a>
457
547
  </span>
458
548
  </li>
459
549
  <li class="pf-v6-c-jump-links__item">
460
550
  <span class="pf-v6-c-jump-links__link">
461
551
  <a class="pf-v6-c-button pf-m-link" href="#">
462
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
552
+ <span class="pf-v6-c-button__text">
553
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
554
+ </span>
463
555
  </a>
464
556
  </span>
465
557
  </li>
466
558
  <li class="pf-v6-c-jump-links__item">
467
559
  <span class="pf-v6-c-jump-links__link">
468
560
  <a class="pf-v6-c-button pf-m-link" href="#">
469
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
561
+ <span class="pf-v6-c-button__text">
562
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
563
+ </span>
470
564
  </a>
471
565
  </span>
472
566
  </li>
473
567
  <li class="pf-v6-c-jump-links__item">
474
568
  <span class="pf-v6-c-jump-links__link">
475
569
  <a class="pf-v6-c-button pf-m-link" href="#">
476
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
570
+ <span class="pf-v6-c-button__text">
571
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
572
+ </span>
477
573
  </a>
478
574
  </span>
479
575
  </li>
@@ -497,10 +593,12 @@ cssPrefix: pf-v6-c-jump-links
497
593
  aria-label="Toggle jump links"
498
594
  aria-expanded="false"
499
595
  >
500
- <span class="pf-v6-c-jump-links__toggle-icon">
501
- <i class="fas fa-angle-right" aria-hidden="true"></i>
596
+ <span class="pf-v6-c-button__text">
597
+ <span class="pf-v6-c-jump-links__toggle-icon">
598
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
599
+ </span>
600
+ <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
502
601
  </span>
503
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
504
602
  </button>
505
603
  </div>
506
604
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -509,35 +607,45 @@ cssPrefix: pf-v6-c-jump-links
509
607
  <li class="pf-v6-c-jump-links__item">
510
608
  <span class="pf-v6-c-jump-links__link">
511
609
  <a class="pf-v6-c-button pf-m-link" href="#">
512
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
610
+ <span class="pf-v6-c-button__text">
611
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
612
+ </span>
513
613
  </a>
514
614
  </span>
515
615
  </li>
516
616
  <li class="pf-v6-c-jump-links__item pf-m-current">
517
617
  <span class="pf-v6-c-jump-links__link">
518
618
  <a class="pf-v6-c-button pf-m-link" href="#">
519
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
619
+ <span class="pf-v6-c-button__text">
620
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
621
+ </span>
520
622
  </a>
521
623
  </span>
522
624
  </li>
523
625
  <li class="pf-v6-c-jump-links__item">
524
626
  <span class="pf-v6-c-jump-links__link">
525
627
  <a class="pf-v6-c-button pf-m-link" href="#">
526
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
628
+ <span class="pf-v6-c-button__text">
629
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
630
+ </span>
527
631
  </a>
528
632
  </span>
529
633
  </li>
530
634
  <li class="pf-v6-c-jump-links__item">
531
635
  <span class="pf-v6-c-jump-links__link">
532
636
  <a class="pf-v6-c-button pf-m-link" href="#">
533
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
637
+ <span class="pf-v6-c-button__text">
638
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
639
+ </span>
534
640
  </a>
535
641
  </span>
536
642
  </li>
537
643
  <li class="pf-v6-c-jump-links__item">
538
644
  <span class="pf-v6-c-jump-links__link">
539
645
  <a class="pf-v6-c-button pf-m-link" href="#">
540
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
646
+ <span class="pf-v6-c-button__text">
647
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
648
+ </span>
541
649
  </a>
542
650
  </span>
543
651
  </li>
@@ -560,10 +668,12 @@ cssPrefix: pf-v6-c-jump-links
560
668
  aria-label="Toggle jump links"
561
669
  aria-expanded="false"
562
670
  >
563
- <span class="pf-v6-c-jump-links__toggle-icon">
564
- <i class="fas fa-angle-right" aria-hidden="true"></i>
671
+ <span class="pf-v6-c-button__text">
672
+ <span class="pf-v6-c-jump-links__toggle-icon">
673
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
674
+ </span>
675
+ <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
565
676
  </span>
566
- <span class="pf-v6-c-jump-links__toggle-text">Jump to section</span>
567
677
  </button>
568
678
  </div>
569
679
  </div>
@@ -571,35 +681,45 @@ cssPrefix: pf-v6-c-jump-links
571
681
  <li class="pf-v6-c-jump-links__item">
572
682
  <span class="pf-v6-c-jump-links__link">
573
683
  <a class="pf-v6-c-button pf-m-link" href="#">
574
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
684
+ <span class="pf-v6-c-button__text">
685
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
686
+ </span>
575
687
  </a>
576
688
  </span>
577
689
  </li>
578
690
  <li class="pf-v6-c-jump-links__item pf-m-current">
579
691
  <span class="pf-v6-c-jump-links__link">
580
692
  <a class="pf-v6-c-button pf-m-link" href="#">
581
- <span class="pf-v6-c-jump-links__link-text">Active section</span>
693
+ <span class="pf-v6-c-button__text">
694
+ <span class="pf-v6-c-jump-links__link-text">Active section</span>
695
+ </span>
582
696
  </a>
583
697
  </span>
584
698
  </li>
585
699
  <li class="pf-v6-c-jump-links__item">
586
700
  <span class="pf-v6-c-jump-links__link">
587
701
  <a class="pf-v6-c-button pf-m-link" href="#">
588
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
702
+ <span class="pf-v6-c-button__text">
703
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
704
+ </span>
589
705
  </a>
590
706
  </span>
591
707
  </li>
592
708
  <li class="pf-v6-c-jump-links__item">
593
709
  <span class="pf-v6-c-jump-links__link">
594
710
  <a class="pf-v6-c-button pf-m-link" href="#">
595
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
711
+ <span class="pf-v6-c-button__text">
712
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
713
+ </span>
596
714
  </a>
597
715
  </span>
598
716
  </li>
599
717
  <li class="pf-v6-c-jump-links__item">
600
718
  <span class="pf-v6-c-jump-links__link">
601
719
  <a class="pf-v6-c-button pf-m-link" href="#">
602
- <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
720
+ <span class="pf-v6-c-button__text">
721
+ <span class="pf-v6-c-jump-links__link-text">Inactive section</span>
722
+ </span>
603
723
  </a>
604
724
  </span>
605
725
  </li>