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

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 (85) hide show
  1. package/components/Button/button.css +33 -14
  2. package/components/Button/button.scss +36 -14
  3. package/components/_index.css +33 -14
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  5. package/docs/components/ActionList/examples/ActionList.md +60 -20
  6. package/docs/components/Alert/examples/Alert.md +106 -62
  7. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  8. package/docs/components/Banner/examples/Banner.md +9 -3
  9. package/docs/components/Button/examples/Button.md +536 -367
  10. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  11. package/docs/components/Card/examples/Card.md +43 -29
  12. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  13. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  14. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  15. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  16. package/docs/components/DataList/examples/DataList.md +121 -63
  17. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  18. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  19. package/docs/components/Drawer/examples/Drawer.md +57 -19
  20. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  21. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  22. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  23. package/docs/components/Form/examples/Form.md +53 -19
  24. package/docs/components/Hint/examples/Hint.md +9 -9
  25. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  26. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  27. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  28. package/docs/components/Label/examples/Label.md +651 -217
  29. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  30. package/docs/components/Login/examples/Login.md +346 -282
  31. package/docs/components/Masthead/examples/masthead.md +27 -9
  32. package/docs/components/Menu/examples/Menu.md +35 -25
  33. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  34. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  35. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  36. package/docs/components/Nav/examples/Navigation.md +12 -4
  37. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  38. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  39. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  40. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  41. package/docs/components/Page/examples/Page.md +21 -7
  42. package/docs/components/Pagination/examples/Pagination.md +132 -44
  43. package/docs/components/Popover/examples/Popover.md +45 -15
  44. package/docs/components/Select/deprecated/Select.md +111 -55
  45. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  46. package/docs/components/Slider/examples/Slider.md +12 -4
  47. package/docs/components/Table/examples/Table.md +363 -208
  48. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  49. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  50. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  51. package/docs/components/TreeView/examples/TreeView.md +12 -4
  52. package/docs/components/Wizard/examples/Wizard.md +105 -38
  53. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  54. package/docs/demos/Alert/examples/Alert.md +39 -25
  55. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  56. package/docs/demos/Banner/examples/Banner.md +12 -4
  57. package/docs/demos/Button/examples/Button.md +7 -7
  58. package/docs/demos/Card/examples/Card.md +106 -57
  59. package/docs/demos/CardView/examples/CardView.md +30 -13
  60. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  61. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  62. package/docs/demos/DataList/examples/DataList.md +255 -149
  63. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  64. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  65. package/docs/demos/Form/examples/BasicForms.md +141 -59
  66. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  67. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  68. package/docs/demos/Modal/examples/Modal.md +99 -37
  69. package/docs/demos/Nav/examples/Nav.md +45 -15
  70. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  71. package/docs/demos/Page/examples/Page.md +54 -21
  72. package/docs/demos/Page/examples/Penta.md +9 -6
  73. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  74. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  75. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  76. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  77. package/docs/demos/Table/examples/Table.md +474 -210
  78. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  79. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  80. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  81. package/package.json +1 -1
  82. package/patternfly-no-globals.css +33 -14
  83. package/patternfly.css +33 -14
  84. package/patternfly.min.css +1 -1
  85. package/patternfly.min.css.map +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -11,7 +11,9 @@ section: components
11
11
  <a
12
12
  class="pf-v6-c-button pf-m-primary"
13
13
  href="#main-content-jump-links-collapsed-mobile-example"
14
- >Skip to content</a>
14
+ >
15
+ <span class="pf-v6-c-button__text">Skip to content</span>
16
+ </a>
15
17
  </div>
16
18
  <header
17
19
  class="pf-v6-c-masthead"
@@ -23,7 +25,9 @@ section: components
23
25
  type="button"
24
26
  aria-label="Global navigation"
25
27
  >
26
- <i class="fas fa-bars" aria-hidden="true"></i>
28
+ <span class="pf-v6-c-button__text">
29
+ <i class="fas fa-bars" aria-hidden="true"></i>
30
+ </span>
27
31
  </button>
28
32
  </span>
29
33
  <div class="pf-v6-c-masthead__main">
@@ -307,12 +311,17 @@ section: components
307
311
  aria-label="Toggle jump links"
308
312
  aria-expanded="false"
309
313
  >
310
- <span class="pf-v6-c-jump-links__toggle-icon">
311
- <i class="fas fa-angle-right" aria-hidden="true"></i>
314
+ <span class="pf-v6-c-button__text">
315
+ <span class="pf-v6-c-jump-links__toggle-icon">
316
+ <i
317
+ class="fas fa-angle-right"
318
+ aria-hidden="true"
319
+ ></i>
320
+ </span>
321
+ <span
322
+ class="pf-v6-c-jump-links__toggle-text"
323
+ >Jump to section</span>
312
324
  </span>
313
- <span
314
- class="pf-v6-c-jump-links__toggle-text"
315
- >Jump to section</span>
316
325
  </button>
317
326
  </div>
318
327
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -324,9 +333,11 @@ section: components
324
333
  class="pf-v6-c-button pf-m-link"
325
334
  href="#jump-links-collapsed-mobile-example-jump-links-first"
326
335
  >
327
- <span
328
- class="pf-v6-c-jump-links__link-text"
329
- >First section</span>
336
+ <span class="pf-v6-c-button__text">
337
+ <span
338
+ class="pf-v6-c-jump-links__link-text"
339
+ >First section</span>
340
+ </span>
330
341
  </a>
331
342
  </span>
332
343
  </li>
@@ -336,9 +347,11 @@ section: components
336
347
  class="pf-v6-c-button pf-m-link"
337
348
  href="#jump-links-collapsed-mobile-example-jump-links-second"
338
349
  >
339
- <span
340
- class="pf-v6-c-jump-links__link-text"
341
- >Second section</span>
350
+ <span class="pf-v6-c-button__text">
351
+ <span
352
+ class="pf-v6-c-jump-links__link-text"
353
+ >Second section</span>
354
+ </span>
342
355
  </a>
343
356
  </span>
344
357
  </li>
@@ -348,9 +361,11 @@ section: components
348
361
  class="pf-v6-c-button pf-m-link"
349
362
  href="#jump-links-collapsed-mobile-example-jump-links-third"
350
363
  >
351
- <span
352
- class="pf-v6-c-jump-links__link-text"
353
- >Third section</span>
364
+ <span class="pf-v6-c-button__text">
365
+ <span
366
+ class="pf-v6-c-jump-links__link-text"
367
+ >Third section</span>
368
+ </span>
354
369
  </a>
355
370
  </span>
356
371
  </li>
@@ -360,9 +375,11 @@ section: components
360
375
  class="pf-v6-c-button pf-m-link"
361
376
  href="#jump-links-collapsed-mobile-example-jump-links-fourth"
362
377
  >
363
- <span
364
- class="pf-v6-c-jump-links__link-text"
365
- >Fourth section</span>
378
+ <span class="pf-v6-c-button__text">
379
+ <span
380
+ class="pf-v6-c-jump-links__link-text"
381
+ >Fourth section</span>
382
+ </span>
366
383
  </a>
367
384
  </span>
368
385
  </li>
@@ -372,9 +389,11 @@ section: components
372
389
  class="pf-v6-c-button pf-m-link"
373
390
  href="#jump-links-collapsed-mobile-example-jump-links-fifth"
374
391
  >
375
- <span
376
- class="pf-v6-c-jump-links__link-text"
377
- >Fifth section</span>
392
+ <span class="pf-v6-c-button__text">
393
+ <span
394
+ class="pf-v6-c-jump-links__link-text"
395
+ >Fifth section</span>
396
+ </span>
378
397
  </a>
379
398
  </span>
380
399
  </li>
@@ -437,7 +456,9 @@ section: components
437
456
  <a
438
457
  class="pf-v6-c-button pf-m-primary"
439
458
  href="#main-content-jump-links-vertical-expanded-mobile-example"
440
- >Skip to content</a>
459
+ >
460
+ <span class="pf-v6-c-button__text">Skip to content</span>
461
+ </a>
441
462
  </div>
442
463
  <header
443
464
  class="pf-v6-c-masthead"
@@ -449,7 +470,9 @@ section: components
449
470
  type="button"
450
471
  aria-label="Global navigation"
451
472
  >
452
- <i class="fas fa-bars" aria-hidden="true"></i>
473
+ <span class="pf-v6-c-button__text">
474
+ <i class="fas fa-bars" aria-hidden="true"></i>
475
+ </span>
453
476
  </button>
454
477
  </span>
455
478
  <div class="pf-v6-c-masthead__main">
@@ -733,12 +756,17 @@ section: components
733
756
  aria-label="Toggle jump links"
734
757
  aria-expanded="false"
735
758
  >
736
- <span class="pf-v6-c-jump-links__toggle-icon">
737
- <i class="fas fa-angle-right" aria-hidden="true"></i>
759
+ <span class="pf-v6-c-button__text">
760
+ <span class="pf-v6-c-jump-links__toggle-icon">
761
+ <i
762
+ class="fas fa-angle-right"
763
+ aria-hidden="true"
764
+ ></i>
765
+ </span>
766
+ <span
767
+ class="pf-v6-c-jump-links__toggle-text"
768
+ >Jump to section</span>
738
769
  </span>
739
- <span
740
- class="pf-v6-c-jump-links__toggle-text"
741
- >Jump to section</span>
742
770
  </button>
743
771
  </div>
744
772
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -750,9 +778,11 @@ section: components
750
778
  class="pf-v6-c-button pf-m-link"
751
779
  href="#jump-links-vertical-expanded-mobile-example-jump-links-first"
752
780
  >
753
- <span
754
- class="pf-v6-c-jump-links__link-text"
755
- >First section</span>
781
+ <span class="pf-v6-c-button__text">
782
+ <span
783
+ class="pf-v6-c-jump-links__link-text"
784
+ >First section</span>
785
+ </span>
756
786
  </a>
757
787
  </span>
758
788
  </li>
@@ -762,9 +792,11 @@ section: components
762
792
  class="pf-v6-c-button pf-m-link"
763
793
  href="#jump-links-vertical-expanded-mobile-example-jump-links-second"
764
794
  >
765
- <span
766
- class="pf-v6-c-jump-links__link-text"
767
- >Second section</span>
795
+ <span class="pf-v6-c-button__text">
796
+ <span
797
+ class="pf-v6-c-jump-links__link-text"
798
+ >Second section</span>
799
+ </span>
768
800
  </a>
769
801
  </span>
770
802
  </li>
@@ -774,9 +806,11 @@ section: components
774
806
  class="pf-v6-c-button pf-m-link"
775
807
  href="#jump-links-vertical-expanded-mobile-example-jump-links-third"
776
808
  >
777
- <span
778
- class="pf-v6-c-jump-links__link-text"
779
- >Third section</span>
809
+ <span class="pf-v6-c-button__text">
810
+ <span
811
+ class="pf-v6-c-jump-links__link-text"
812
+ >Third section</span>
813
+ </span>
780
814
  </a>
781
815
  </span>
782
816
  </li>
@@ -786,9 +820,11 @@ section: components
786
820
  class="pf-v6-c-button pf-m-link"
787
821
  href="#jump-links-vertical-expanded-mobile-example-jump-links-fourth"
788
822
  >
789
- <span
790
- class="pf-v6-c-jump-links__link-text"
791
- >Fourth section</span>
823
+ <span class="pf-v6-c-button__text">
824
+ <span
825
+ class="pf-v6-c-jump-links__link-text"
826
+ >Fourth section</span>
827
+ </span>
792
828
  </a>
793
829
  </span>
794
830
  </li>
@@ -798,9 +834,11 @@ section: components
798
834
  class="pf-v6-c-button pf-m-link"
799
835
  href="#jump-links-vertical-expanded-mobile-example-jump-links-fifth"
800
836
  >
801
- <span
802
- class="pf-v6-c-jump-links__link-text"
803
- >Fifth section</span>
837
+ <span class="pf-v6-c-button__text">
838
+ <span
839
+ class="pf-v6-c-jump-links__link-text"
840
+ >Fifth section</span>
841
+ </span>
804
842
  </a>
805
843
  </span>
806
844
  </li>
@@ -863,7 +901,9 @@ section: components
863
901
  <a
864
902
  class="pf-v6-c-button pf-m-primary"
865
903
  href="#main-content-jump-links-vertical-toggle-text-mobile-example"
866
- >Skip to content</a>
904
+ >
905
+ <span class="pf-v6-c-button__text">Skip to content</span>
906
+ </a>
867
907
  </div>
868
908
  <header
869
909
  class="pf-v6-c-masthead"
@@ -875,7 +915,9 @@ section: components
875
915
  type="button"
876
916
  aria-label="Global navigation"
877
917
  >
878
- <i class="fas fa-bars" aria-hidden="true"></i>
918
+ <span class="pf-v6-c-button__text">
919
+ <i class="fas fa-bars" aria-hidden="true"></i>
920
+ </span>
879
921
  </button>
880
922
  </span>
881
923
  <div class="pf-v6-c-masthead__main">
@@ -1159,12 +1201,17 @@ section: components
1159
1201
  aria-label="Toggle jump links"
1160
1202
  aria-expanded="false"
1161
1203
  >
1162
- <span class="pf-v6-c-jump-links__toggle-icon">
1163
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1204
+ <span class="pf-v6-c-button__text">
1205
+ <span class="pf-v6-c-jump-links__toggle-icon">
1206
+ <i
1207
+ class="fas fa-angle-right"
1208
+ aria-hidden="true"
1209
+ ></i>
1210
+ </span>
1211
+ <span
1212
+ class="pf-v6-c-jump-links__toggle-text"
1213
+ >Jump to section</span>
1164
1214
  </span>
1165
- <span
1166
- class="pf-v6-c-jump-links__toggle-text"
1167
- >Jump to section</span>
1168
1215
  </button>
1169
1216
  </div>
1170
1217
  <div class="pf-v6-c-jump-links__label">Jump to section</div>
@@ -1176,9 +1223,11 @@ section: components
1176
1223
  class="pf-v6-c-button pf-m-link"
1177
1224
  href="#jump-links-vertical-toggle-text-mobile-example-jump-links-first"
1178
1225
  >
1179
- <span
1180
- class="pf-v6-c-jump-links__link-text"
1181
- >First section</span>
1226
+ <span class="pf-v6-c-button__text">
1227
+ <span
1228
+ class="pf-v6-c-jump-links__link-text"
1229
+ >First section</span>
1230
+ </span>
1182
1231
  </a>
1183
1232
  </span>
1184
1233
  </li>
@@ -1188,9 +1237,11 @@ section: components
1188
1237
  class="pf-v6-c-button pf-m-link"
1189
1238
  href="#jump-links-vertical-toggle-text-mobile-example-jump-links-second"
1190
1239
  >
1191
- <span
1192
- class="pf-v6-c-jump-links__link-text"
1193
- >Second section</span>
1240
+ <span class="pf-v6-c-button__text">
1241
+ <span
1242
+ class="pf-v6-c-jump-links__link-text"
1243
+ >Second section</span>
1244
+ </span>
1194
1245
  </a>
1195
1246
  </span>
1196
1247
  </li>
@@ -1200,9 +1251,11 @@ section: components
1200
1251
  class="pf-v6-c-button pf-m-link"
1201
1252
  href="#jump-links-vertical-toggle-text-mobile-example-jump-links-third"
1202
1253
  >
1203
- <span
1204
- class="pf-v6-c-jump-links__link-text"
1205
- >Third section</span>
1254
+ <span class="pf-v6-c-button__text">
1255
+ <span
1256
+ class="pf-v6-c-jump-links__link-text"
1257
+ >Third section</span>
1258
+ </span>
1206
1259
  </a>
1207
1260
  </span>
1208
1261
  </li>
@@ -1212,9 +1265,11 @@ section: components
1212
1265
  class="pf-v6-c-button pf-m-link"
1213
1266
  href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fourth"
1214
1267
  >
1215
- <span
1216
- class="pf-v6-c-jump-links__link-text"
1217
- >Fourth section</span>
1268
+ <span class="pf-v6-c-button__text">
1269
+ <span
1270
+ class="pf-v6-c-jump-links__link-text"
1271
+ >Fourth section</span>
1272
+ </span>
1218
1273
  </a>
1219
1274
  </span>
1220
1275
  </li>
@@ -1224,9 +1279,11 @@ section: components
1224
1279
  class="pf-v6-c-button pf-m-link"
1225
1280
  href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fifth"
1226
1281
  >
1227
- <span
1228
- class="pf-v6-c-jump-links__link-text"
1229
- >Fifth section</span>
1282
+ <span class="pf-v6-c-button__text">
1283
+ <span
1284
+ class="pf-v6-c-jump-links__link-text"
1285
+ >Fifth section</span>
1286
+ </span>
1230
1287
  </a>
1231
1288
  </span>
1232
1289
  </li>
@@ -1289,7 +1346,9 @@ section: components
1289
1346
  <a
1290
1347
  class="pf-v6-c-button pf-m-primary"
1291
1348
  href="#main-content-jump-links-horizontal-example"
1292
- >Skip to content</a>
1349
+ >
1350
+ <span class="pf-v6-c-button__text">Skip to content</span>
1351
+ </a>
1293
1352
  </div>
1294
1353
  <header class="pf-v6-c-masthead" id="jump-links-horizontal-example-masthead">
1295
1354
  <span class="pf-v6-c-masthead__toggle">
@@ -1298,7 +1357,9 @@ section: components
1298
1357
  type="button"
1299
1358
  aria-label="Global navigation"
1300
1359
  >
1301
- <i class="fas fa-bars" aria-hidden="true"></i>
1360
+ <span class="pf-v6-c-button__text">
1361
+ <i class="fas fa-bars" aria-hidden="true"></i>
1362
+ </span>
1302
1363
  </button>
1303
1364
  </span>
1304
1365
  <div class="pf-v6-c-masthead__main">
@@ -1575,35 +1636,55 @@ section: components
1575
1636
  <li class="pf-v6-c-jump-links__item pf-m-current">
1576
1637
  <span class="pf-v6-c-jump-links__link">
1577
1638
  <a class="pf-v6-c-button pf-m-link" href="#-first">
1578
- <span class="pf-v6-c-jump-links__link-text">First section</span>
1639
+ <span class="pf-v6-c-button__text">
1640
+ <span
1641
+ class="pf-v6-c-jump-links__link-text"
1642
+ >First section</span>
1643
+ </span>
1579
1644
  </a>
1580
1645
  </span>
1581
1646
  </li>
1582
1647
  <li class="pf-v6-c-jump-links__item">
1583
1648
  <span class="pf-v6-c-jump-links__link">
1584
1649
  <a class="pf-v6-c-button pf-m-link" href="#-second">
1585
- <span class="pf-v6-c-jump-links__link-text">Second section</span>
1650
+ <span class="pf-v6-c-button__text">
1651
+ <span
1652
+ class="pf-v6-c-jump-links__link-text"
1653
+ >Second section</span>
1654
+ </span>
1586
1655
  </a>
1587
1656
  </span>
1588
1657
  </li>
1589
1658
  <li class="pf-v6-c-jump-links__item">
1590
1659
  <span class="pf-v6-c-jump-links__link">
1591
1660
  <a class="pf-v6-c-button pf-m-link" href="#-third">
1592
- <span class="pf-v6-c-jump-links__link-text">Third section</span>
1661
+ <span class="pf-v6-c-button__text">
1662
+ <span
1663
+ class="pf-v6-c-jump-links__link-text"
1664
+ >Third section</span>
1665
+ </span>
1593
1666
  </a>
1594
1667
  </span>
1595
1668
  </li>
1596
1669
  <li class="pf-v6-c-jump-links__item">
1597
1670
  <span class="pf-v6-c-jump-links__link">
1598
1671
  <a class="pf-v6-c-button pf-m-link" href="#-fourth">
1599
- <span class="pf-v6-c-jump-links__link-text">Fourth section</span>
1672
+ <span class="pf-v6-c-button__text">
1673
+ <span
1674
+ class="pf-v6-c-jump-links__link-text"
1675
+ >Fourth section</span>
1676
+ </span>
1600
1677
  </a>
1601
1678
  </span>
1602
1679
  </li>
1603
1680
  <li class="pf-v6-c-jump-links__item">
1604
1681
  <span class="pf-v6-c-jump-links__link">
1605
1682
  <a class="pf-v6-c-button pf-m-link" href="#-fifth">
1606
- <span class="pf-v6-c-jump-links__link-text">Fifth section</span>
1683
+ <span class="pf-v6-c-button__text">
1684
+ <span
1685
+ class="pf-v6-c-jump-links__link-text"
1686
+ >Fifth section</span>
1687
+ </span>
1607
1688
  </a>
1608
1689
  </span>
1609
1690
  </li>
@@ -1650,7 +1731,9 @@ section: components
1650
1731
  <a
1651
1732
  class="pf-v6-c-button pf-m-primary"
1652
1733
  href="#main-content-jump-links-drawer"
1653
- >Skip to content</a>
1734
+ >
1735
+ <span class="pf-v6-c-button__text">Skip to content</span>
1736
+ </a>
1654
1737
  </div>
1655
1738
  <header class="pf-v6-c-masthead" id="jump-links-drawer-masthead">
1656
1739
  <span class="pf-v6-c-masthead__toggle">
@@ -1659,7 +1742,9 @@ section: components
1659
1742
  type="button"
1660
1743
  aria-label="Global navigation"
1661
1744
  >
1662
- <i class="fas fa-bars" aria-hidden="true"></i>
1745
+ <span class="pf-v6-c-button__text">
1746
+ <i class="fas fa-bars" aria-hidden="true"></i>
1747
+ </span>
1663
1748
  </button>
1664
1749
  </span>
1665
1750
  <div class="pf-v6-c-masthead__main">
@@ -1904,9 +1989,11 @@ section: components
1904
1989
  class="pf-v6-c-button pf-m-link"
1905
1990
  href="#jump-links-drawer-jump-links-first"
1906
1991
  >
1907
- <span
1908
- class="pf-v6-c-jump-links__link-text"
1909
- >First section</span>
1992
+ <span class="pf-v6-c-button__text">
1993
+ <span
1994
+ class="pf-v6-c-jump-links__link-text"
1995
+ >First section</span>
1996
+ </span>
1910
1997
  </a>
1911
1998
  </span>
1912
1999
  </li>
@@ -1916,9 +2003,11 @@ section: components
1916
2003
  class="pf-v6-c-button pf-m-link"
1917
2004
  href="#jump-links-drawer-jump-links-second"
1918
2005
  >
1919
- <span
1920
- class="pf-v6-c-jump-links__link-text"
1921
- >Second section</span>
2006
+ <span class="pf-v6-c-button__text">
2007
+ <span
2008
+ class="pf-v6-c-jump-links__link-text"
2009
+ >Second section</span>
2010
+ </span>
1922
2011
  </a>
1923
2012
  </span>
1924
2013
  </li>
@@ -1928,9 +2017,11 @@ section: components
1928
2017
  class="pf-v6-c-button pf-m-link"
1929
2018
  href="#jump-links-drawer-jump-links-third"
1930
2019
  >
1931
- <span
1932
- class="pf-v6-c-jump-links__link-text"
1933
- >Third section</span>
2020
+ <span class="pf-v6-c-button__text">
2021
+ <span
2022
+ class="pf-v6-c-jump-links__link-text"
2023
+ >Third section</span>
2024
+ </span>
1934
2025
  </a>
1935
2026
  </span>
1936
2027
  </li>
@@ -1940,9 +2031,11 @@ section: components
1940
2031
  class="pf-v6-c-button pf-m-link"
1941
2032
  href="#jump-links-drawer-jump-links-fourth"
1942
2033
  >
1943
- <span
1944
- class="pf-v6-c-jump-links__link-text"
1945
- >Fourth section</span>
2034
+ <span class="pf-v6-c-button__text">
2035
+ <span
2036
+ class="pf-v6-c-jump-links__link-text"
2037
+ >Fourth section</span>
2038
+ </span>
1946
2039
  </a>
1947
2040
  </span>
1948
2041
  </li>
@@ -1952,9 +2045,11 @@ section: components
1952
2045
  class="pf-v6-c-button pf-m-link"
1953
2046
  href="#jump-links-drawer-jump-links-fifth"
1954
2047
  >
1955
- <span
1956
- class="pf-v6-c-jump-links__link-text"
1957
- >Fifth section</span>
2048
+ <span class="pf-v6-c-button__text">
2049
+ <span
2050
+ class="pf-v6-c-jump-links__link-text"
2051
+ >Fifth section</span>
2052
+ </span>
1958
2053
  </a>
1959
2054
  </span>
1960
2055
  </li>
@@ -2013,7 +2108,9 @@ section: components
2013
2108
  type="button"
2014
2109
  aria-label="Close drawer panel"
2015
2110
  >
2016
- <i class="fas fa-times" aria-hidden="true"></i>
2111
+ <span class="pf-v6-c-button__text">
2112
+ <i class="fas fa-times" aria-hidden="true"></i>
2113
+ </span>
2017
2114
  </button>
2018
2115
  </div>
2019
2116
  </div>
@@ -2039,7 +2136,9 @@ section: components
2039
2136
  <a
2040
2137
  class="pf-v6-c-button pf-m-primary"
2041
2138
  href="#main-content-jump-links-drawer-expanded"
2042
- >Skip to content</a>
2139
+ >
2140
+ <span class="pf-v6-c-button__text">Skip to content</span>
2141
+ </a>
2043
2142
  </div>
2044
2143
  <header class="pf-v6-c-masthead" id="jump-links-drawer-expanded-masthead">
2045
2144
  <span class="pf-v6-c-masthead__toggle">
@@ -2048,7 +2147,9 @@ section: components
2048
2147
  type="button"
2049
2148
  aria-label="Global navigation"
2050
2149
  >
2051
- <i class="fas fa-bars" aria-hidden="true"></i>
2150
+ <span class="pf-v6-c-button__text">
2151
+ <i class="fas fa-bars" aria-hidden="true"></i>
2152
+ </span>
2052
2153
  </button>
2053
2154
  </span>
2054
2155
  <div class="pf-v6-c-masthead__main">
@@ -2293,9 +2394,11 @@ section: components
2293
2394
  class="pf-v6-c-button pf-m-link"
2294
2395
  href="#jump-links-drawer-expanded-jump-links-first"
2295
2396
  >
2296
- <span
2297
- class="pf-v6-c-jump-links__link-text"
2298
- >First section</span>
2397
+ <span class="pf-v6-c-button__text">
2398
+ <span
2399
+ class="pf-v6-c-jump-links__link-text"
2400
+ >First section</span>
2401
+ </span>
2299
2402
  </a>
2300
2403
  </span>
2301
2404
  </li>
@@ -2305,9 +2408,11 @@ section: components
2305
2408
  class="pf-v6-c-button pf-m-link"
2306
2409
  href="#jump-links-drawer-expanded-jump-links-second"
2307
2410
  >
2308
- <span
2309
- class="pf-v6-c-jump-links__link-text"
2310
- >Second section</span>
2411
+ <span class="pf-v6-c-button__text">
2412
+ <span
2413
+ class="pf-v6-c-jump-links__link-text"
2414
+ >Second section</span>
2415
+ </span>
2311
2416
  </a>
2312
2417
  </span>
2313
2418
  </li>
@@ -2317,9 +2422,11 @@ section: components
2317
2422
  class="pf-v6-c-button pf-m-link"
2318
2423
  href="#jump-links-drawer-expanded-jump-links-third"
2319
2424
  >
2320
- <span
2321
- class="pf-v6-c-jump-links__link-text"
2322
- >Third section</span>
2425
+ <span class="pf-v6-c-button__text">
2426
+ <span
2427
+ class="pf-v6-c-jump-links__link-text"
2428
+ >Third section</span>
2429
+ </span>
2323
2430
  </a>
2324
2431
  </span>
2325
2432
  </li>
@@ -2329,9 +2436,11 @@ section: components
2329
2436
  class="pf-v6-c-button pf-m-link"
2330
2437
  href="#jump-links-drawer-expanded-jump-links-fourth"
2331
2438
  >
2332
- <span
2333
- class="pf-v6-c-jump-links__link-text"
2334
- >Fourth section</span>
2439
+ <span class="pf-v6-c-button__text">
2440
+ <span
2441
+ class="pf-v6-c-jump-links__link-text"
2442
+ >Fourth section</span>
2443
+ </span>
2335
2444
  </a>
2336
2445
  </span>
2337
2446
  </li>
@@ -2341,9 +2450,11 @@ section: components
2341
2450
  class="pf-v6-c-button pf-m-link"
2342
2451
  href="#jump-links-drawer-expanded-jump-links-fifth"
2343
2452
  >
2344
- <span
2345
- class="pf-v6-c-jump-links__link-text"
2346
- >Fifth section</span>
2453
+ <span class="pf-v6-c-button__text">
2454
+ <span
2455
+ class="pf-v6-c-jump-links__link-text"
2456
+ >Fifth section</span>
2457
+ </span>
2347
2458
  </a>
2348
2459
  </span>
2349
2460
  </li>
@@ -2402,7 +2513,9 @@ section: components
2402
2513
  type="button"
2403
2514
  aria-label="Close drawer panel"
2404
2515
  >
2405
- <i class="fas fa-times" aria-hidden="true"></i>
2516
+ <span class="pf-v6-c-button__text">
2517
+ <i class="fas fa-times" aria-hidden="true"></i>
2518
+ </span>
2406
2519
  </button>
2407
2520
  </div>
2408
2521
  </div>