@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/Tabs/examples/Tabs.md CHANGED
@@ -204,23 +204,33 @@ section: components
204
204
  >
205
205
  <ul class="pf-v6-c-nav__list" role="list">
206
206
  <li class="pf-v6-c-nav__item">
207
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
207
+ <a href="#" class="pf-v6-c-nav__link">
208
+ <span class="pf-v6-c-nav__link-text">System panel</span>
209
+ </a>
208
210
  </li>
209
211
  <li class="pf-v6-c-nav__item">
210
212
  <a
211
213
  href="#"
212
214
  class="pf-v6-c-nav__link pf-m-current"
213
215
  aria-current="page"
214
- >Policy</a>
216
+ >
217
+ <span class="pf-v6-c-nav__link-text">Policy</span>
218
+ </a>
215
219
  </li>
216
220
  <li class="pf-v6-c-nav__item">
217
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
221
+ <a href="#" class="pf-v6-c-nav__link">
222
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
223
+ </a>
218
224
  </li>
219
225
  <li class="pf-v6-c-nav__item">
220
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
226
+ <a href="#" class="pf-v6-c-nav__link">
227
+ <span class="pf-v6-c-nav__link-text">Network services</span>
228
+ </a>
221
229
  </li>
222
230
  <li class="pf-v6-c-nav__item">
223
- <a href="#" class="pf-v6-c-nav__link">Server</a>
231
+ <a href="#" class="pf-v6-c-nav__link">
232
+ <span class="pf-v6-c-nav__link-text">Server</span>
233
+ </a>
224
234
  </li>
225
235
  </ul>
226
236
  </nav>
@@ -783,23 +793,33 @@ section: components
783
793
  >
784
794
  <ul class="pf-v6-c-nav__list" role="list">
785
795
  <li class="pf-v6-c-nav__item">
786
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
796
+ <a href="#" class="pf-v6-c-nav__link">
797
+ <span class="pf-v6-c-nav__link-text">System panel</span>
798
+ </a>
787
799
  </li>
788
800
  <li class="pf-v6-c-nav__item">
789
801
  <a
790
802
  href="#"
791
803
  class="pf-v6-c-nav__link pf-m-current"
792
804
  aria-current="page"
793
- >Policy</a>
805
+ >
806
+ <span class="pf-v6-c-nav__link-text">Policy</span>
807
+ </a>
794
808
  </li>
795
809
  <li class="pf-v6-c-nav__item">
796
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
810
+ <a href="#" class="pf-v6-c-nav__link">
811
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
812
+ </a>
797
813
  </li>
798
814
  <li class="pf-v6-c-nav__item">
799
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
815
+ <a href="#" class="pf-v6-c-nav__link">
816
+ <span class="pf-v6-c-nav__link-text">Network services</span>
817
+ </a>
800
818
  </li>
801
819
  <li class="pf-v6-c-nav__item">
802
- <a href="#" class="pf-v6-c-nav__link">Server</a>
820
+ <a href="#" class="pf-v6-c-nav__link">
821
+ <span class="pf-v6-c-nav__link-text">Server</span>
822
+ </a>
803
823
  </li>
804
824
  </ul>
805
825
  </nav>
@@ -1365,23 +1385,33 @@ section: components
1365
1385
  >
1366
1386
  <ul class="pf-v6-c-nav__list" role="list">
1367
1387
  <li class="pf-v6-c-nav__item">
1368
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1388
+ <a href="#" class="pf-v6-c-nav__link">
1389
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1390
+ </a>
1369
1391
  </li>
1370
1392
  <li class="pf-v6-c-nav__item">
1371
1393
  <a
1372
1394
  href="#"
1373
1395
  class="pf-v6-c-nav__link pf-m-current"
1374
1396
  aria-current="page"
1375
- >Policy</a>
1397
+ >
1398
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1399
+ </a>
1376
1400
  </li>
1377
1401
  <li class="pf-v6-c-nav__item">
1378
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1402
+ <a href="#" class="pf-v6-c-nav__link">
1403
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1404
+ </a>
1379
1405
  </li>
1380
1406
  <li class="pf-v6-c-nav__item">
1381
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1407
+ <a href="#" class="pf-v6-c-nav__link">
1408
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1409
+ </a>
1382
1410
  </li>
1383
1411
  <li class="pf-v6-c-nav__item">
1384
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1412
+ <a href="#" class="pf-v6-c-nav__link">
1413
+ <span class="pf-v6-c-nav__link-text">Server</span>
1414
+ </a>
1385
1415
  </li>
1386
1416
  </ul>
1387
1417
  </nav>
@@ -1864,23 +1894,33 @@ section: components
1864
1894
  >
1865
1895
  <ul class="pf-v6-c-nav__list" role="list">
1866
1896
  <li class="pf-v6-c-nav__item">
1867
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1897
+ <a href="#" class="pf-v6-c-nav__link">
1898
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1899
+ </a>
1868
1900
  </li>
1869
1901
  <li class="pf-v6-c-nav__item">
1870
1902
  <a
1871
1903
  href="#"
1872
1904
  class="pf-v6-c-nav__link pf-m-current"
1873
1905
  aria-current="page"
1874
- >Policy</a>
1906
+ >
1907
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1908
+ </a>
1875
1909
  </li>
1876
1910
  <li class="pf-v6-c-nav__item">
1877
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1911
+ <a href="#" class="pf-v6-c-nav__link">
1912
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1913
+ </a>
1878
1914
  </li>
1879
1915
  <li class="pf-v6-c-nav__item">
1880
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1916
+ <a href="#" class="pf-v6-c-nav__link">
1917
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1918
+ </a>
1881
1919
  </li>
1882
1920
  <li class="pf-v6-c-nav__item">
1883
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1921
+ <a href="#" class="pf-v6-c-nav__link">
1922
+ <span class="pf-v6-c-nav__link-text">Server</span>
1923
+ </a>
1884
1924
  </li>
1885
1925
  </ul>
1886
1926
  </nav>
@@ -3211,23 +3251,33 @@ section: components
3211
3251
  >
3212
3252
  <ul class="pf-v6-c-nav__list" role="list">
3213
3253
  <li class="pf-v6-c-nav__item">
3214
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3254
+ <a href="#" class="pf-v6-c-nav__link">
3255
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3256
+ </a>
3215
3257
  </li>
3216
3258
  <li class="pf-v6-c-nav__item">
3217
3259
  <a
3218
3260
  href="#"
3219
3261
  class="pf-v6-c-nav__link pf-m-current"
3220
3262
  aria-current="page"
3221
- >Policy</a>
3263
+ >
3264
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3265
+ </a>
3222
3266
  </li>
3223
3267
  <li class="pf-v6-c-nav__item">
3224
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3268
+ <a href="#" class="pf-v6-c-nav__link">
3269
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3270
+ </a>
3225
3271
  </li>
3226
3272
  <li class="pf-v6-c-nav__item">
3227
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3273
+ <a href="#" class="pf-v6-c-nav__link">
3274
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3275
+ </a>
3228
3276
  </li>
3229
3277
  <li class="pf-v6-c-nav__item">
3230
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3278
+ <a href="#" class="pf-v6-c-nav__link">
3279
+ <span class="pf-v6-c-nav__link-text">Server</span>
3280
+ </a>
3231
3281
  </li>
3232
3282
  </ul>
3233
3283
  </nav>
@@ -3527,23 +3577,33 @@ section: components
3527
3577
  >
3528
3578
  <ul class="pf-v6-c-nav__list" role="list">
3529
3579
  <li class="pf-v6-c-nav__item">
3530
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3580
+ <a href="#" class="pf-v6-c-nav__link">
3581
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3582
+ </a>
3531
3583
  </li>
3532
3584
  <li class="pf-v6-c-nav__item">
3533
3585
  <a
3534
3586
  href="#"
3535
3587
  class="pf-v6-c-nav__link pf-m-current"
3536
3588
  aria-current="page"
3537
- >Policy</a>
3589
+ >
3590
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3591
+ </a>
3538
3592
  </li>
3539
3593
  <li class="pf-v6-c-nav__item">
3540
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3594
+ <a href="#" class="pf-v6-c-nav__link">
3595
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3596
+ </a>
3541
3597
  </li>
3542
3598
  <li class="pf-v6-c-nav__item">
3543
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3599
+ <a href="#" class="pf-v6-c-nav__link">
3600
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3601
+ </a>
3544
3602
  </li>
3545
3603
  <li class="pf-v6-c-nav__item">
3546
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3604
+ <a href="#" class="pf-v6-c-nav__link">
3605
+ <span class="pf-v6-c-nav__link-text">Server</span>
3606
+ </a>
3547
3607
  </li>
3548
3608
  </ul>
3549
3609
  </nav>
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -408,23 +408,33 @@ section: components
408
408
  >
409
409
  <ul class="pf-v6-c-nav__list" role="list">
410
410
  <li class="pf-v6-c-nav__item">
411
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
411
+ <a href="#" class="pf-v6-c-nav__link">
412
+ <span class="pf-v6-c-nav__link-text">System panel</span>
413
+ </a>
412
414
  </li>
413
415
  <li class="pf-v6-c-nav__item">
414
416
  <a
415
417
  href="#"
416
418
  class="pf-v6-c-nav__link pf-m-current"
417
419
  aria-current="page"
418
- >Policy</a>
420
+ >
421
+ <span class="pf-v6-c-nav__link-text">Policy</span>
422
+ </a>
419
423
  </li>
420
424
  <li class="pf-v6-c-nav__item">
421
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
425
+ <a href="#" class="pf-v6-c-nav__link">
426
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
427
+ </a>
422
428
  </li>
423
429
  <li class="pf-v6-c-nav__item">
424
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
430
+ <a href="#" class="pf-v6-c-nav__link">
431
+ <span class="pf-v6-c-nav__link-text">Network services</span>
432
+ </a>
425
433
  </li>
426
434
  <li class="pf-v6-c-nav__item">
427
- <a href="#" class="pf-v6-c-nav__link">Server</a>
435
+ <a href="#" class="pf-v6-c-nav__link">
436
+ <span class="pf-v6-c-nav__link-text">Server</span>
437
+ </a>
428
438
  </li>
429
439
  </ul>
430
440
  </nav>
@@ -2397,23 +2407,33 @@ section: components
2397
2407
  >
2398
2408
  <ul class="pf-v6-c-nav__list" role="list">
2399
2409
  <li class="pf-v6-c-nav__item">
2400
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2410
+ <a href="#" class="pf-v6-c-nav__link">
2411
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2412
+ </a>
2401
2413
  </li>
2402
2414
  <li class="pf-v6-c-nav__item">
2403
2415
  <a
2404
2416
  href="#"
2405
2417
  class="pf-v6-c-nav__link pf-m-current"
2406
2418
  aria-current="page"
2407
- >Policy</a>
2419
+ >
2420
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2421
+ </a>
2408
2422
  </li>
2409
2423
  <li class="pf-v6-c-nav__item">
2410
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2424
+ <a href="#" class="pf-v6-c-nav__link">
2425
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2426
+ </a>
2411
2427
  </li>
2412
2428
  <li class="pf-v6-c-nav__item">
2413
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2429
+ <a href="#" class="pf-v6-c-nav__link">
2430
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2431
+ </a>
2414
2432
  </li>
2415
2433
  <li class="pf-v6-c-nav__item">
2416
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2434
+ <a href="#" class="pf-v6-c-nav__link">
2435
+ <span class="pf-v6-c-nav__link-text">Server</span>
2436
+ </a>
2417
2437
  </li>
2418
2438
  </ul>
2419
2439
  </nav>
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -205,23 +205,33 @@ wrapperTag: div
205
205
  >
206
206
  <ul class="pf-v6-c-nav__list" role="list">
207
207
  <li class="pf-v6-c-nav__item">
208
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
208
+ <a href="#" class="pf-v6-c-nav__link">
209
+ <span class="pf-v6-c-nav__link-text">System panel</span>
210
+ </a>
209
211
  </li>
210
212
  <li class="pf-v6-c-nav__item">
211
213
  <a
212
214
  href="#"
213
215
  class="pf-v6-c-nav__link pf-m-current"
214
216
  aria-current="page"
215
- >Policy</a>
217
+ >
218
+ <span class="pf-v6-c-nav__link-text">Policy</span>
219
+ </a>
216
220
  </li>
217
221
  <li class="pf-v6-c-nav__item">
218
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
222
+ <a href="#" class="pf-v6-c-nav__link">
223
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
224
+ </a>
219
225
  </li>
220
226
  <li class="pf-v6-c-nav__item">
221
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
227
+ <a href="#" class="pf-v6-c-nav__link">
228
+ <span class="pf-v6-c-nav__link-text">Network services</span>
229
+ </a>
222
230
  </li>
223
231
  <li class="pf-v6-c-nav__item">
224
- <a href="#" class="pf-v6-c-nav__link">Server</a>
232
+ <a href="#" class="pf-v6-c-nav__link">
233
+ <span class="pf-v6-c-nav__link-text">Server</span>
234
+ </a>
225
235
  </li>
226
236
  </ul>
227
237
  </nav>
@@ -815,23 +825,33 @@ wrapperTag: div
815
825
  >
816
826
  <ul class="pf-v6-c-nav__list" role="list">
817
827
  <li class="pf-v6-c-nav__item">
818
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
828
+ <a href="#" class="pf-v6-c-nav__link">
829
+ <span class="pf-v6-c-nav__link-text">System panel</span>
830
+ </a>
819
831
  </li>
820
832
  <li class="pf-v6-c-nav__item">
821
833
  <a
822
834
  href="#"
823
835
  class="pf-v6-c-nav__link pf-m-current"
824
836
  aria-current="page"
825
- >Policy</a>
837
+ >
838
+ <span class="pf-v6-c-nav__link-text">Policy</span>
839
+ </a>
826
840
  </li>
827
841
  <li class="pf-v6-c-nav__item">
828
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
842
+ <a href="#" class="pf-v6-c-nav__link">
843
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
844
+ </a>
829
845
  </li>
830
846
  <li class="pf-v6-c-nav__item">
831
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
847
+ <a href="#" class="pf-v6-c-nav__link">
848
+ <span class="pf-v6-c-nav__link-text">Network services</span>
849
+ </a>
832
850
  </li>
833
851
  <li class="pf-v6-c-nav__item">
834
- <a href="#" class="pf-v6-c-nav__link">Server</a>
852
+ <a href="#" class="pf-v6-c-nav__link">
853
+ <span class="pf-v6-c-nav__link-text">Server</span>
854
+ </a>
835
855
  </li>
836
856
  </ul>
837
857
  </nav>
@@ -1407,23 +1427,33 @@ wrapperTag: div
1407
1427
  >
1408
1428
  <ul class="pf-v6-c-nav__list" role="list">
1409
1429
  <li class="pf-v6-c-nav__item">
1410
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1430
+ <a href="#" class="pf-v6-c-nav__link">
1431
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1432
+ </a>
1411
1433
  </li>
1412
1434
  <li class="pf-v6-c-nav__item">
1413
1435
  <a
1414
1436
  href="#"
1415
1437
  class="pf-v6-c-nav__link pf-m-current"
1416
1438
  aria-current="page"
1417
- >Policy</a>
1439
+ >
1440
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1441
+ </a>
1418
1442
  </li>
1419
1443
  <li class="pf-v6-c-nav__item">
1420
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1444
+ <a href="#" class="pf-v6-c-nav__link">
1445
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1446
+ </a>
1421
1447
  </li>
1422
1448
  <li class="pf-v6-c-nav__item">
1423
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1449
+ <a href="#" class="pf-v6-c-nav__link">
1450
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1451
+ </a>
1424
1452
  </li>
1425
1453
  <li class="pf-v6-c-nav__item">
1426
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1454
+ <a href="#" class="pf-v6-c-nav__link">
1455
+ <span class="pf-v6-c-nav__link-text">Server</span>
1456
+ </a>
1427
1457
  </li>
1428
1458
  </ul>
1429
1459
  </nav>
@@ -2083,23 +2113,33 @@ wrapperTag: div
2083
2113
  >
2084
2114
  <ul class="pf-v6-c-nav__list" role="list">
2085
2115
  <li class="pf-v6-c-nav__item">
2086
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2116
+ <a href="#" class="pf-v6-c-nav__link">
2117
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2118
+ </a>
2087
2119
  </li>
2088
2120
  <li class="pf-v6-c-nav__item">
2089
2121
  <a
2090
2122
  href="#"
2091
2123
  class="pf-v6-c-nav__link pf-m-current"
2092
2124
  aria-current="page"
2093
- >Policy</a>
2125
+ >
2126
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2127
+ </a>
2094
2128
  </li>
2095
2129
  <li class="pf-v6-c-nav__item">
2096
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2130
+ <a href="#" class="pf-v6-c-nav__link">
2131
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2132
+ </a>
2097
2133
  </li>
2098
2134
  <li class="pf-v6-c-nav__item">
2099
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2135
+ <a href="#" class="pf-v6-c-nav__link">
2136
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2137
+ </a>
2100
2138
  </li>
2101
2139
  <li class="pf-v6-c-nav__item">
2102
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2140
+ <a href="#" class="pf-v6-c-nav__link">
2141
+ <span class="pf-v6-c-nav__link-text">Server</span>
2142
+ </a>
2103
2143
  </li>
2104
2144
  </ul>
2105
2145
  </nav>
@@ -2758,23 +2798,33 @@ wrapperTag: div
2758
2798
  >
2759
2799
  <ul class="pf-v6-c-nav__list" role="list">
2760
2800
  <li class="pf-v6-c-nav__item">
2761
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2801
+ <a href="#" class="pf-v6-c-nav__link">
2802
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2803
+ </a>
2762
2804
  </li>
2763
2805
  <li class="pf-v6-c-nav__item">
2764
2806
  <a
2765
2807
  href="#"
2766
2808
  class="pf-v6-c-nav__link pf-m-current"
2767
2809
  aria-current="page"
2768
- >Policy</a>
2810
+ >
2811
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2812
+ </a>
2769
2813
  </li>
2770
2814
  <li class="pf-v6-c-nav__item">
2771
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2815
+ <a href="#" class="pf-v6-c-nav__link">
2816
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2817
+ </a>
2772
2818
  </li>
2773
2819
  <li class="pf-v6-c-nav__item">
2774
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2820
+ <a href="#" class="pf-v6-c-nav__link">
2821
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2822
+ </a>
2775
2823
  </li>
2776
2824
  <li class="pf-v6-c-nav__item">
2777
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2825
+ <a href="#" class="pf-v6-c-nav__link">
2826
+ <span class="pf-v6-c-nav__link-text">Server</span>
2827
+ </a>
2778
2828
  </li>
2779
2829
  </ul>
2780
2830
  </nav>
@@ -3301,23 +3351,33 @@ wrapperTag: div
3301
3351
  >
3302
3352
  <ul class="pf-v6-c-nav__list" role="list">
3303
3353
  <li class="pf-v6-c-nav__item">
3304
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3354
+ <a href="#" class="pf-v6-c-nav__link">
3355
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3356
+ </a>
3305
3357
  </li>
3306
3358
  <li class="pf-v6-c-nav__item">
3307
3359
  <a
3308
3360
  href="#"
3309
3361
  class="pf-v6-c-nav__link pf-m-current"
3310
3362
  aria-current="page"
3311
- >Policy</a>
3363
+ >
3364
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3365
+ </a>
3312
3366
  </li>
3313
3367
  <li class="pf-v6-c-nav__item">
3314
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3368
+ <a href="#" class="pf-v6-c-nav__link">
3369
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3370
+ </a>
3315
3371
  </li>
3316
3372
  <li class="pf-v6-c-nav__item">
3317
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3373
+ <a href="#" class="pf-v6-c-nav__link">
3374
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3375
+ </a>
3318
3376
  </li>
3319
3377
  <li class="pf-v6-c-nav__item">
3320
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3378
+ <a href="#" class="pf-v6-c-nav__link">
3379
+ <span class="pf-v6-c-nav__link-text">Server</span>
3380
+ </a>
3321
3381
  </li>
3322
3382
  </ul>
3323
3383
  </nav>
@@ -3863,23 +3923,33 @@ wrapperTag: div
3863
3923
  >
3864
3924
  <ul class="pf-v6-c-nav__list" role="list">
3865
3925
  <li class="pf-v6-c-nav__item">
3866
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3926
+ <a href="#" class="pf-v6-c-nav__link">
3927
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3928
+ </a>
3867
3929
  </li>
3868
3930
  <li class="pf-v6-c-nav__item">
3869
3931
  <a
3870
3932
  href="#"
3871
3933
  class="pf-v6-c-nav__link pf-m-current"
3872
3934
  aria-current="page"
3873
- >Policy</a>
3935
+ >
3936
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3937
+ </a>
3874
3938
  </li>
3875
3939
  <li class="pf-v6-c-nav__item">
3876
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3940
+ <a href="#" class="pf-v6-c-nav__link">
3941
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3942
+ </a>
3877
3943
  </li>
3878
3944
  <li class="pf-v6-c-nav__item">
3879
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3945
+ <a href="#" class="pf-v6-c-nav__link">
3946
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3947
+ </a>
3880
3948
  </li>
3881
3949
  <li class="pf-v6-c-nav__item">
3882
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3950
+ <a href="#" class="pf-v6-c-nav__link">
3951
+ <span class="pf-v6-c-nav__link-text">Server</span>
3952
+ </a>
3883
3953
  </li>
3884
3954
  </ul>
3885
3955
  </nav>
@@ -4407,23 +4477,33 @@ wrapperTag: div
4407
4477
  >
4408
4478
  <ul class="pf-v6-c-nav__list" role="list">
4409
4479
  <li class="pf-v6-c-nav__item">
4410
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
4480
+ <a href="#" class="pf-v6-c-nav__link">
4481
+ <span class="pf-v6-c-nav__link-text">System panel</span>
4482
+ </a>
4411
4483
  </li>
4412
4484
  <li class="pf-v6-c-nav__item">
4413
4485
  <a
4414
4486
  href="#"
4415
4487
  class="pf-v6-c-nav__link pf-m-current"
4416
4488
  aria-current="page"
4417
- >Policy</a>
4489
+ >
4490
+ <span class="pf-v6-c-nav__link-text">Policy</span>
4491
+ </a>
4418
4492
  </li>
4419
4493
  <li class="pf-v6-c-nav__item">
4420
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
4494
+ <a href="#" class="pf-v6-c-nav__link">
4495
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
4496
+ </a>
4421
4497
  </li>
4422
4498
  <li class="pf-v6-c-nav__item">
4423
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
4499
+ <a href="#" class="pf-v6-c-nav__link">
4500
+ <span class="pf-v6-c-nav__link-text">Network services</span>
4501
+ </a>
4424
4502
  </li>
4425
4503
  <li class="pf-v6-c-nav__item">
4426
- <a href="#" class="pf-v6-c-nav__link">Server</a>
4504
+ <a href="#" class="pf-v6-c-nav__link">
4505
+ <span class="pf-v6-c-nav__link-text">Server</span>
4506
+ </a>
4427
4507
  </li>
4428
4508
  </ul>
4429
4509
  </nav>
@@ -5023,23 +5103,33 @@ wrapperTag: div
5023
5103
  >
5024
5104
  <ul class="pf-v6-c-nav__list" role="list">
5025
5105
  <li class="pf-v6-c-nav__item">
5026
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
5106
+ <a href="#" class="pf-v6-c-nav__link">
5107
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5108
+ </a>
5027
5109
  </li>
5028
5110
  <li class="pf-v6-c-nav__item">
5029
5111
  <a
5030
5112
  href="#"
5031
5113
  class="pf-v6-c-nav__link pf-m-current"
5032
5114
  aria-current="page"
5033
- >Policy</a>
5115
+ >
5116
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5117
+ </a>
5034
5118
  </li>
5035
5119
  <li class="pf-v6-c-nav__item">
5036
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
5120
+ <a href="#" class="pf-v6-c-nav__link">
5121
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5122
+ </a>
5037
5123
  </li>
5038
5124
  <li class="pf-v6-c-nav__item">
5039
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
5125
+ <a href="#" class="pf-v6-c-nav__link">
5126
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5127
+ </a>
5040
5128
  </li>
5041
5129
  <li class="pf-v6-c-nav__item">
5042
- <a href="#" class="pf-v6-c-nav__link">Server</a>
5130
+ <a href="#" class="pf-v6-c-nav__link">
5131
+ <span class="pf-v6-c-nav__link-text">Server</span>
5132
+ </a>
5043
5133
  </li>
5044
5134
  </ul>
5045
5135
  </nav>