@patternfly/patternfly 6.0.0-alpha.139 → 6.0.0-alpha.140

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 (34) hide show
  1. package/components/MultipleFileUpload/multiple-file-upload.css +1 -1
  2. package/components/MultipleFileUpload/multiple-file-upload.scss +1 -1
  3. package/components/Nav/nav.css +7 -0
  4. package/components/Nav/nav.scss +11 -0
  5. package/components/_index.css +8 -1
  6. package/docs/components/Nav/examples/Navigation.md +253 -194
  7. package/docs/demos/AboutModal/examples/AboutModal.md +15 -5
  8. package/docs/demos/Alert/examples/Alert.md +45 -15
  9. package/docs/demos/BackToTop/examples/BackToTop.md +15 -5
  10. package/docs/demos/Banner/examples/Banner.md +30 -10
  11. package/docs/demos/CardView/examples/CardView.md +33 -13
  12. package/docs/demos/ContextSelector/examples/ContextSelector.md +60 -20
  13. package/docs/demos/Dashboard/examples/Dashboard.md +15 -5
  14. package/docs/demos/DataList/examples/DataList.md +60 -20
  15. package/docs/demos/DescriptionList/examples/DescriptionList.md +45 -15
  16. package/docs/demos/Drawer/examples/Drawer.md +75 -25
  17. package/docs/demos/JumpLinks/examples/JumpLinks.md +90 -30
  18. package/docs/demos/Masthead/examples/Masthead.md +135 -45
  19. package/docs/demos/Modal/examples/Modal.md +90 -30
  20. package/docs/demos/Nav/examples/Nav.md +132 -46
  21. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +75 -25
  22. package/docs/demos/Page/examples/Page.md +141 -47
  23. package/docs/demos/Page/examples/Penta.md +36 -12
  24. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +105 -35
  25. package/docs/demos/Skeleton/examples/Skeleton.md +15 -5
  26. package/docs/demos/Table/examples/Table.md +225 -75
  27. package/docs/demos/Tabs/examples/Tabs.md +90 -30
  28. package/docs/demos/Toolbar/examples/Toolbar.md +30 -10
  29. package/docs/demos/Wizard/examples/Wizard.md +135 -45
  30. package/package.json +1 -1
  31. package/patternfly-no-globals.css +8 -1
  32. package/patternfly.css +8 -1
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -207,23 +207,33 @@ section: components
207
207
  >
208
208
  <ul class="pf-v6-c-nav__list" role="list">
209
209
  <li class="pf-v6-c-nav__item">
210
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
210
+ <a href="#" class="pf-v6-c-nav__link">
211
+ <span class="pf-v6-c-nav__link-text">System panel</span>
212
+ </a>
211
213
  </li>
212
214
  <li class="pf-v6-c-nav__item">
213
215
  <a
214
216
  href="#"
215
217
  class="pf-v6-c-nav__link pf-m-current"
216
218
  aria-current="page"
217
- >Policy</a>
219
+ >
220
+ <span class="pf-v6-c-nav__link-text">Policy</span>
221
+ </a>
218
222
  </li>
219
223
  <li class="pf-v6-c-nav__item">
220
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
224
+ <a href="#" class="pf-v6-c-nav__link">
225
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
226
+ </a>
221
227
  </li>
222
228
  <li class="pf-v6-c-nav__item">
223
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
229
+ <a href="#" class="pf-v6-c-nav__link">
230
+ <span class="pf-v6-c-nav__link-text">Network services</span>
231
+ </a>
224
232
  </li>
225
233
  <li class="pf-v6-c-nav__item">
226
- <a href="#" class="pf-v6-c-nav__link">Server</a>
234
+ <a href="#" class="pf-v6-c-nav__link">
235
+ <span class="pf-v6-c-nav__link-text">Server</span>
236
+ </a>
227
237
  </li>
228
238
  </ul>
229
239
  </nav>
@@ -617,23 +627,33 @@ section: components
617
627
  >
618
628
  <ul class="pf-v6-c-nav__list" role="list">
619
629
  <li class="pf-v6-c-nav__item">
620
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
630
+ <a href="#" class="pf-v6-c-nav__link">
631
+ <span class="pf-v6-c-nav__link-text">System panel</span>
632
+ </a>
621
633
  </li>
622
634
  <li class="pf-v6-c-nav__item">
623
635
  <a
624
636
  href="#"
625
637
  class="pf-v6-c-nav__link pf-m-current"
626
638
  aria-current="page"
627
- >Policy</a>
639
+ >
640
+ <span class="pf-v6-c-nav__link-text">Policy</span>
641
+ </a>
628
642
  </li>
629
643
  <li class="pf-v6-c-nav__item">
630
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
644
+ <a href="#" class="pf-v6-c-nav__link">
645
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
646
+ </a>
631
647
  </li>
632
648
  <li class="pf-v6-c-nav__item">
633
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
649
+ <a href="#" class="pf-v6-c-nav__link">
650
+ <span class="pf-v6-c-nav__link-text">Network services</span>
651
+ </a>
634
652
  </li>
635
653
  <li class="pf-v6-c-nav__item">
636
- <a href="#" class="pf-v6-c-nav__link">Server</a>
654
+ <a href="#" class="pf-v6-c-nav__link">
655
+ <span class="pf-v6-c-nav__link-text">Server</span>
656
+ </a>
637
657
  </li>
638
658
  </ul>
639
659
  </nav>
@@ -1027,23 +1047,33 @@ section: components
1027
1047
  >
1028
1048
  <ul class="pf-v6-c-nav__list" role="list">
1029
1049
  <li class="pf-v6-c-nav__item">
1030
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1050
+ <a href="#" class="pf-v6-c-nav__link">
1051
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1052
+ </a>
1031
1053
  </li>
1032
1054
  <li class="pf-v6-c-nav__item">
1033
1055
  <a
1034
1056
  href="#"
1035
1057
  class="pf-v6-c-nav__link pf-m-current"
1036
1058
  aria-current="page"
1037
- >Policy</a>
1059
+ >
1060
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1061
+ </a>
1038
1062
  </li>
1039
1063
  <li class="pf-v6-c-nav__item">
1040
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1064
+ <a href="#" class="pf-v6-c-nav__link">
1065
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1066
+ </a>
1041
1067
  </li>
1042
1068
  <li class="pf-v6-c-nav__item">
1043
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1069
+ <a href="#" class="pf-v6-c-nav__link">
1070
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1071
+ </a>
1044
1072
  </li>
1045
1073
  <li class="pf-v6-c-nav__item">
1046
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1074
+ <a href="#" class="pf-v6-c-nav__link">
1075
+ <span class="pf-v6-c-nav__link-text">Server</span>
1076
+ </a>
1047
1077
  </li>
1048
1078
  </ul>
1049
1079
  </nav>
@@ -1434,23 +1464,33 @@ section: components
1434
1464
  >
1435
1465
  <ul class="pf-v6-c-nav__list" role="list">
1436
1466
  <li class="pf-v6-c-nav__item">
1437
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1467
+ <a href="#" class="pf-v6-c-nav__link">
1468
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1469
+ </a>
1438
1470
  </li>
1439
1471
  <li class="pf-v6-c-nav__item">
1440
1472
  <a
1441
1473
  href="#"
1442
1474
  class="pf-v6-c-nav__link pf-m-current"
1443
1475
  aria-current="page"
1444
- >Policy</a>
1476
+ >
1477
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1478
+ </a>
1445
1479
  </li>
1446
1480
  <li class="pf-v6-c-nav__item">
1447
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1481
+ <a href="#" class="pf-v6-c-nav__link">
1482
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1483
+ </a>
1448
1484
  </li>
1449
1485
  <li class="pf-v6-c-nav__item">
1450
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1486
+ <a href="#" class="pf-v6-c-nav__link">
1487
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1488
+ </a>
1451
1489
  </li>
1452
1490
  <li class="pf-v6-c-nav__item">
1453
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1491
+ <a href="#" class="pf-v6-c-nav__link">
1492
+ <span class="pf-v6-c-nav__link-text">Server</span>
1493
+ </a>
1454
1494
  </li>
1455
1495
  </ul>
1456
1496
  </nav>
@@ -1781,23 +1821,33 @@ section: components
1781
1821
  >
1782
1822
  <ul class="pf-v6-c-nav__list" role="list">
1783
1823
  <li class="pf-v6-c-nav__item">
1784
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1824
+ <a href="#" class="pf-v6-c-nav__link">
1825
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1826
+ </a>
1785
1827
  </li>
1786
1828
  <li class="pf-v6-c-nav__item">
1787
1829
  <a
1788
1830
  href="#"
1789
1831
  class="pf-v6-c-nav__link pf-m-current"
1790
1832
  aria-current="page"
1791
- >Policy</a>
1833
+ >
1834
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1835
+ </a>
1792
1836
  </li>
1793
1837
  <li class="pf-v6-c-nav__item">
1794
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1838
+ <a href="#" class="pf-v6-c-nav__link">
1839
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1840
+ </a>
1795
1841
  </li>
1796
1842
  <li class="pf-v6-c-nav__item">
1797
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1843
+ <a href="#" class="pf-v6-c-nav__link">
1844
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1845
+ </a>
1798
1846
  </li>
1799
1847
  <li class="pf-v6-c-nav__item">
1800
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1848
+ <a href="#" class="pf-v6-c-nav__link">
1849
+ <span class="pf-v6-c-nav__link-text">Server</span>
1850
+ </a>
1801
1851
  </li>
1802
1852
  </ul>
1803
1853
  </nav>
@@ -2156,23 +2206,33 @@ section: components
2156
2206
  >
2157
2207
  <ul class="pf-v6-c-nav__list" role="list">
2158
2208
  <li class="pf-v6-c-nav__item">
2159
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2209
+ <a href="#" class="pf-v6-c-nav__link">
2210
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2211
+ </a>
2160
2212
  </li>
2161
2213
  <li class="pf-v6-c-nav__item">
2162
2214
  <a
2163
2215
  href="#"
2164
2216
  class="pf-v6-c-nav__link pf-m-current"
2165
2217
  aria-current="page"
2166
- >Policy</a>
2218
+ >
2219
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2220
+ </a>
2167
2221
  </li>
2168
2222
  <li class="pf-v6-c-nav__item">
2169
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2223
+ <a href="#" class="pf-v6-c-nav__link">
2224
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2225
+ </a>
2170
2226
  </li>
2171
2227
  <li class="pf-v6-c-nav__item">
2172
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2228
+ <a href="#" class="pf-v6-c-nav__link">
2229
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2230
+ </a>
2173
2231
  </li>
2174
2232
  <li class="pf-v6-c-nav__item">
2175
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2233
+ <a href="#" class="pf-v6-c-nav__link">
2234
+ <span class="pf-v6-c-nav__link-text">Server</span>
2235
+ </a>
2176
2236
  </li>
2177
2237
  </ul>
2178
2238
  </nav>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -133,23 +133,33 @@ wrapperTag: div
133
133
  >
134
134
  <ul class="pf-v6-c-nav__list" role="list">
135
135
  <li class="pf-v6-c-nav__item">
136
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
136
+ <a href="#" class="pf-v6-c-nav__link">
137
+ <span class="pf-v6-c-nav__link-text">System panel</span>
138
+ </a>
137
139
  </li>
138
140
  <li class="pf-v6-c-nav__item">
139
141
  <a
140
142
  href="#"
141
143
  class="pf-v6-c-nav__link pf-m-current"
142
144
  aria-current="page"
143
- >Policy</a>
145
+ >
146
+ <span class="pf-v6-c-nav__link-text">Policy</span>
147
+ </a>
144
148
  </li>
145
149
  <li class="pf-v6-c-nav__item">
146
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
150
+ <a href="#" class="pf-v6-c-nav__link">
151
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
152
+ </a>
147
153
  </li>
148
154
  <li class="pf-v6-c-nav__item">
149
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
155
+ <a href="#" class="pf-v6-c-nav__link">
156
+ <span class="pf-v6-c-nav__link-text">Network services</span>
157
+ </a>
150
158
  </li>
151
159
  <li class="pf-v6-c-nav__item">
152
- <a href="#" class="pf-v6-c-nav__link">Server</a>
160
+ <a href="#" class="pf-v6-c-nav__link">
161
+ <span class="pf-v6-c-nav__link-text">Server</span>
162
+ </a>
153
163
  </li>
154
164
  </ul>
155
165
  </nav>
@@ -407,23 +417,33 @@ wrapperTag: div
407
417
  >
408
418
  <ul class="pf-v6-c-nav__list" role="list">
409
419
  <li class="pf-v6-c-nav__item">
410
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
420
+ <a href="#" class="pf-v6-c-nav__link">
421
+ <span class="pf-v6-c-nav__link-text">System panel</span>
422
+ </a>
411
423
  </li>
412
424
  <li class="pf-v6-c-nav__item">
413
425
  <a
414
426
  href="#"
415
427
  class="pf-v6-c-nav__link pf-m-current"
416
428
  aria-current="page"
417
- >Policy</a>
429
+ >
430
+ <span class="pf-v6-c-nav__link-text">Policy</span>
431
+ </a>
418
432
  </li>
419
433
  <li class="pf-v6-c-nav__item">
420
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
434
+ <a href="#" class="pf-v6-c-nav__link">
435
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
436
+ </a>
421
437
  </li>
422
438
  <li class="pf-v6-c-nav__item">
423
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
439
+ <a href="#" class="pf-v6-c-nav__link">
440
+ <span class="pf-v6-c-nav__link-text">Network services</span>
441
+ </a>
424
442
  </li>
425
443
  <li class="pf-v6-c-nav__item">
426
- <a href="#" class="pf-v6-c-nav__link">Server</a>
444
+ <a href="#" class="pf-v6-c-nav__link">
445
+ <span class="pf-v6-c-nav__link-text">Server</span>
446
+ </a>
427
447
  </li>
428
448
  </ul>
429
449
  </nav>
@@ -717,23 +737,33 @@ wrapperTag: div
717
737
  >
718
738
  <ul class="pf-v6-c-nav__list" role="list">
719
739
  <li class="pf-v6-c-nav__item">
720
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
740
+ <a href="#" class="pf-v6-c-nav__link">
741
+ <span class="pf-v6-c-nav__link-text">System panel</span>
742
+ </a>
721
743
  </li>
722
744
  <li class="pf-v6-c-nav__item">
723
745
  <a
724
746
  href="#"
725
747
  class="pf-v6-c-nav__link pf-m-current"
726
748
  aria-current="page"
727
- >Policy</a>
749
+ >
750
+ <span class="pf-v6-c-nav__link-text">Policy</span>
751
+ </a>
728
752
  </li>
729
753
  <li class="pf-v6-c-nav__item">
730
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
754
+ <a href="#" class="pf-v6-c-nav__link">
755
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
756
+ </a>
731
757
  </li>
732
758
  <li class="pf-v6-c-nav__item">
733
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
759
+ <a href="#" class="pf-v6-c-nav__link">
760
+ <span class="pf-v6-c-nav__link-text">Network services</span>
761
+ </a>
734
762
  </li>
735
763
  <li class="pf-v6-c-nav__item">
736
- <a href="#" class="pf-v6-c-nav__link">Server</a>
764
+ <a href="#" class="pf-v6-c-nav__link">
765
+ <span class="pf-v6-c-nav__link-text">Server</span>
766
+ </a>
737
767
  </li>
738
768
  </ul>
739
769
  </nav>
@@ -1027,23 +1057,33 @@ wrapperTag: div
1027
1057
  >
1028
1058
  <ul class="pf-v6-c-nav__list" role="list">
1029
1059
  <li class="pf-v6-c-nav__item">
1030
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1060
+ <a href="#" class="pf-v6-c-nav__link">
1061
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1062
+ </a>
1031
1063
  </li>
1032
1064
  <li class="pf-v6-c-nav__item">
1033
1065
  <a
1034
1066
  href="#"
1035
1067
  class="pf-v6-c-nav__link pf-m-current"
1036
1068
  aria-current="page"
1037
- >Policy</a>
1069
+ >
1070
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1071
+ </a>
1038
1072
  </li>
1039
1073
  <li class="pf-v6-c-nav__item">
1040
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1074
+ <a href="#" class="pf-v6-c-nav__link">
1075
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1076
+ </a>
1041
1077
  </li>
1042
1078
  <li class="pf-v6-c-nav__item">
1043
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1079
+ <a href="#" class="pf-v6-c-nav__link">
1080
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1081
+ </a>
1044
1082
  </li>
1045
1083
  <li class="pf-v6-c-nav__item">
1046
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1084
+ <a href="#" class="pf-v6-c-nav__link">
1085
+ <span class="pf-v6-c-nav__link-text">Server</span>
1086
+ </a>
1047
1087
  </li>
1048
1088
  </ul>
1049
1089
  </nav>
@@ -1274,23 +1314,33 @@ wrapperTag: div
1274
1314
  >
1275
1315
  <ul class="pf-v6-c-nav__list" role="list">
1276
1316
  <li class="pf-v6-c-nav__item">
1277
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1317
+ <a href="#" class="pf-v6-c-nav__link">
1318
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1319
+ </a>
1278
1320
  </li>
1279
1321
  <li class="pf-v6-c-nav__item">
1280
1322
  <a
1281
1323
  href="#"
1282
1324
  class="pf-v6-c-nav__link pf-m-current"
1283
1325
  aria-current="page"
1284
- >Policy</a>
1326
+ >
1327
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1328
+ </a>
1285
1329
  </li>
1286
1330
  <li class="pf-v6-c-nav__item">
1287
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1331
+ <a href="#" class="pf-v6-c-nav__link">
1332
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1333
+ </a>
1288
1334
  </li>
1289
1335
  <li class="pf-v6-c-nav__item">
1290
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1336
+ <a href="#" class="pf-v6-c-nav__link">
1337
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1338
+ </a>
1291
1339
  </li>
1292
1340
  <li class="pf-v6-c-nav__item">
1293
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1341
+ <a href="#" class="pf-v6-c-nav__link">
1342
+ <span class="pf-v6-c-nav__link-text">Server</span>
1343
+ </a>
1294
1344
  </li>
1295
1345
  </ul>
1296
1346
  </nav>
@@ -1539,23 +1589,33 @@ wrapperTag: div
1539
1589
  >
1540
1590
  <ul class="pf-v6-c-nav__list" role="list">
1541
1591
  <li class="pf-v6-c-nav__item">
1542
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1592
+ <a href="#" class="pf-v6-c-nav__link">
1593
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1594
+ </a>
1543
1595
  </li>
1544
1596
  <li class="pf-v6-c-nav__item">
1545
1597
  <a
1546
1598
  href="#"
1547
1599
  class="pf-v6-c-nav__link pf-m-current"
1548
1600
  aria-current="page"
1549
- >Policy</a>
1601
+ >
1602
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1603
+ </a>
1550
1604
  </li>
1551
1605
  <li class="pf-v6-c-nav__item">
1552
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1606
+ <a href="#" class="pf-v6-c-nav__link">
1607
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1608
+ </a>
1553
1609
  </li>
1554
1610
  <li class="pf-v6-c-nav__item">
1555
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1611
+ <a href="#" class="pf-v6-c-nav__link">
1612
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1613
+ </a>
1556
1614
  </li>
1557
1615
  <li class="pf-v6-c-nav__item">
1558
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1616
+ <a href="#" class="pf-v6-c-nav__link">
1617
+ <span class="pf-v6-c-nav__link-text">Server</span>
1618
+ </a>
1559
1619
  </li>
1560
1620
  </ul>
1561
1621
  </nav>
@@ -1857,23 +1917,33 @@ wrapperTag: div
1857
1917
  >
1858
1918
  <ul class="pf-v6-c-nav__list" role="list">
1859
1919
  <li class="pf-v6-c-nav__item">
1860
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1920
+ <a href="#" class="pf-v6-c-nav__link">
1921
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1922
+ </a>
1861
1923
  </li>
1862
1924
  <li class="pf-v6-c-nav__item">
1863
1925
  <a
1864
1926
  href="#"
1865
1927
  class="pf-v6-c-nav__link pf-m-current"
1866
1928
  aria-current="page"
1867
- >Policy</a>
1929
+ >
1930
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1931
+ </a>
1868
1932
  </li>
1869
1933
  <li class="pf-v6-c-nav__item">
1870
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1934
+ <a href="#" class="pf-v6-c-nav__link">
1935
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1936
+ </a>
1871
1937
  </li>
1872
1938
  <li class="pf-v6-c-nav__item">
1873
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1939
+ <a href="#" class="pf-v6-c-nav__link">
1940
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1941
+ </a>
1874
1942
  </li>
1875
1943
  <li class="pf-v6-c-nav__item">
1876
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1944
+ <a href="#" class="pf-v6-c-nav__link">
1945
+ <span class="pf-v6-c-nav__link-text">Server</span>
1946
+ </a>
1877
1947
  </li>
1878
1948
  </ul>
1879
1949
  </nav>
@@ -2113,23 +2183,33 @@ wrapperTag: div
2113
2183
  </div>
2114
2184
  <ul class="pf-v6-c-nav__list" role="list">
2115
2185
  <li class="pf-v6-c-nav__item">
2116
- <a href="#" class="pf-v6-c-nav__link">Horizontal nav item 1</a>
2186
+ <a href="#" class="pf-v6-c-nav__link">
2187
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 1</span>
2188
+ </a>
2117
2189
  </li>
2118
2190
  <li class="pf-v6-c-nav__item">
2119
- <a href="#" class="pf-v6-c-nav__link">Horizontal nav item 2</a>
2191
+ <a href="#" class="pf-v6-c-nav__link">
2192
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 2</span>
2193
+ </a>
2120
2194
  </li>
2121
2195
  <li class="pf-v6-c-nav__item">
2122
- <a href="#" class="pf-v6-c-nav__link">Horizontal nav item 3</a>
2196
+ <a href="#" class="pf-v6-c-nav__link">
2197
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 3</span>
2198
+ </a>
2123
2199
  </li>
2124
2200
  <li class="pf-v6-c-nav__item">
2125
- <a href="#" class="pf-v6-c-nav__link">Horizontal nav item 4</a>
2201
+ <a href="#" class="pf-v6-c-nav__link">
2202
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 4</span>
2203
+ </a>
2126
2204
  </li>
2127
2205
  <li class="pf-v6-c-nav__item">
2128
2206
  <a
2129
2207
  href="#"
2130
2208
  class="pf-v6-c-nav__link pf-m-current"
2131
2209
  aria-current="page"
2132
- >Horizontal nav item 5</a>
2210
+ >
2211
+ <span class="pf-v6-c-nav__link-text">Horizontal nav item 5</span>
2212
+ </a>
2133
2213
  </li>
2134
2214
  </ul>
2135
2215
  <div class="pf-v6-c-nav__scroll-button">
@@ -2497,23 +2577,33 @@ wrapperTag: div
2497
2577
  >
2498
2578
  <ul class="pf-v6-c-nav__list" role="list">
2499
2579
  <li class="pf-v6-c-nav__item">
2500
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2580
+ <a href="#" class="pf-v6-c-nav__link">
2581
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2582
+ </a>
2501
2583
  </li>
2502
2584
  <li class="pf-v6-c-nav__item">
2503
2585
  <a
2504
2586
  href="#"
2505
2587
  class="pf-v6-c-nav__link pf-m-current"
2506
2588
  aria-current="page"
2507
- >Policy</a>
2589
+ >
2590
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2591
+ </a>
2508
2592
  </li>
2509
2593
  <li class="pf-v6-c-nav__item">
2510
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2594
+ <a href="#" class="pf-v6-c-nav__link">
2595
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2596
+ </a>
2511
2597
  </li>
2512
2598
  <li class="pf-v6-c-nav__item">
2513
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2599
+ <a href="#" class="pf-v6-c-nav__link">
2600
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2601
+ </a>
2514
2602
  </li>
2515
2603
  <li class="pf-v6-c-nav__item">
2516
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2604
+ <a href="#" class="pf-v6-c-nav__link">
2605
+ <span class="pf-v6-c-nav__link-text">Server</span>
2606
+ </a>
2517
2607
  </li>
2518
2608
  </ul>
2519
2609
  </nav>