@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/Table/examples/Table.md CHANGED
@@ -200,23 +200,33 @@ wrapperTag: div
200
200
  <nav class="pf-v6-c-nav" id="basic-demo-primary-nav" aria-label="Global">
201
201
  <ul class="pf-v6-c-nav__list" role="list">
202
202
  <li class="pf-v6-c-nav__item">
203
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
203
+ <a href="#" class="pf-v6-c-nav__link">
204
+ <span class="pf-v6-c-nav__link-text">System panel</span>
205
+ </a>
204
206
  </li>
205
207
  <li class="pf-v6-c-nav__item">
206
208
  <a
207
209
  href="#"
208
210
  class="pf-v6-c-nav__link pf-m-current"
209
211
  aria-current="page"
210
- >Policy</a>
212
+ >
213
+ <span class="pf-v6-c-nav__link-text">Policy</span>
214
+ </a>
211
215
  </li>
212
216
  <li class="pf-v6-c-nav__item">
213
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
217
+ <a href="#" class="pf-v6-c-nav__link">
218
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
219
+ </a>
214
220
  </li>
215
221
  <li class="pf-v6-c-nav__item">
216
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
222
+ <a href="#" class="pf-v6-c-nav__link">
223
+ <span class="pf-v6-c-nav__link-text">Network services</span>
224
+ </a>
217
225
  </li>
218
226
  <li class="pf-v6-c-nav__item">
219
- <a href="#" class="pf-v6-c-nav__link">Server</a>
227
+ <a href="#" class="pf-v6-c-nav__link">
228
+ <span class="pf-v6-c-nav__link-text">Server</span>
229
+ </a>
220
230
  </li>
221
231
  </ul>
222
232
  </nav>
@@ -1235,23 +1245,33 @@ wrapperTag: div
1235
1245
  >
1236
1246
  <ul class="pf-v6-c-nav__list" role="list">
1237
1247
  <li class="pf-v6-c-nav__item">
1238
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1248
+ <a href="#" class="pf-v6-c-nav__link">
1249
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1250
+ </a>
1239
1251
  </li>
1240
1252
  <li class="pf-v6-c-nav__item">
1241
1253
  <a
1242
1254
  href="#"
1243
1255
  class="pf-v6-c-nav__link pf-m-current"
1244
1256
  aria-current="page"
1245
- >Policy</a>
1257
+ >
1258
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1259
+ </a>
1246
1260
  </li>
1247
1261
  <li class="pf-v6-c-nav__item">
1248
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1262
+ <a href="#" class="pf-v6-c-nav__link">
1263
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1264
+ </a>
1249
1265
  </li>
1250
1266
  <li class="pf-v6-c-nav__item">
1251
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1267
+ <a href="#" class="pf-v6-c-nav__link">
1268
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1269
+ </a>
1252
1270
  </li>
1253
1271
  <li class="pf-v6-c-nav__item">
1254
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1272
+ <a href="#" class="pf-v6-c-nav__link">
1273
+ <span class="pf-v6-c-nav__link-text">Server</span>
1274
+ </a>
1255
1275
  </li>
1256
1276
  </ul>
1257
1277
  </nav>
@@ -2439,23 +2459,33 @@ wrapperTag: div
2439
2459
  >
2440
2460
  <ul class="pf-v6-c-nav__list" role="list">
2441
2461
  <li class="pf-v6-c-nav__item">
2442
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2462
+ <a href="#" class="pf-v6-c-nav__link">
2463
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2464
+ </a>
2443
2465
  </li>
2444
2466
  <li class="pf-v6-c-nav__item">
2445
2467
  <a
2446
2468
  href="#"
2447
2469
  class="pf-v6-c-nav__link pf-m-current"
2448
2470
  aria-current="page"
2449
- >Policy</a>
2471
+ >
2472
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2473
+ </a>
2450
2474
  </li>
2451
2475
  <li class="pf-v6-c-nav__item">
2452
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2476
+ <a href="#" class="pf-v6-c-nav__link">
2477
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2478
+ </a>
2453
2479
  </li>
2454
2480
  <li class="pf-v6-c-nav__item">
2455
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2481
+ <a href="#" class="pf-v6-c-nav__link">
2482
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2483
+ </a>
2456
2484
  </li>
2457
2485
  <li class="pf-v6-c-nav__item">
2458
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2486
+ <a href="#" class="pf-v6-c-nav__link">
2487
+ <span class="pf-v6-c-nav__link-text">Server</span>
2488
+ </a>
2459
2489
  </li>
2460
2490
  </ul>
2461
2491
  </nav>
@@ -3854,23 +3884,33 @@ wrapperTag: div
3854
3884
  >
3855
3885
  <ul class="pf-v6-c-nav__list" role="list">
3856
3886
  <li class="pf-v6-c-nav__item">
3857
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3887
+ <a href="#" class="pf-v6-c-nav__link">
3888
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3889
+ </a>
3858
3890
  </li>
3859
3891
  <li class="pf-v6-c-nav__item">
3860
3892
  <a
3861
3893
  href="#"
3862
3894
  class="pf-v6-c-nav__link pf-m-current"
3863
3895
  aria-current="page"
3864
- >Policy</a>
3896
+ >
3897
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3898
+ </a>
3865
3899
  </li>
3866
3900
  <li class="pf-v6-c-nav__item">
3867
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3901
+ <a href="#" class="pf-v6-c-nav__link">
3902
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3903
+ </a>
3868
3904
  </li>
3869
3905
  <li class="pf-v6-c-nav__item">
3870
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3906
+ <a href="#" class="pf-v6-c-nav__link">
3907
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3908
+ </a>
3871
3909
  </li>
3872
3910
  <li class="pf-v6-c-nav__item">
3873
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3911
+ <a href="#" class="pf-v6-c-nav__link">
3912
+ <span class="pf-v6-c-nav__link-text">Server</span>
3913
+ </a>
3874
3914
  </li>
3875
3915
  </ul>
3876
3916
  </nav>
@@ -4997,23 +5037,33 @@ wrapperTag: div
4997
5037
  >
4998
5038
  <ul class="pf-v6-c-nav__list" role="list">
4999
5039
  <li class="pf-v6-c-nav__item">
5000
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
5040
+ <a href="#" class="pf-v6-c-nav__link">
5041
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5042
+ </a>
5001
5043
  </li>
5002
5044
  <li class="pf-v6-c-nav__item">
5003
5045
  <a
5004
5046
  href="#"
5005
5047
  class="pf-v6-c-nav__link pf-m-current"
5006
5048
  aria-current="page"
5007
- >Policy</a>
5049
+ >
5050
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5051
+ </a>
5008
5052
  </li>
5009
5053
  <li class="pf-v6-c-nav__item">
5010
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
5054
+ <a href="#" class="pf-v6-c-nav__link">
5055
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5056
+ </a>
5011
5057
  </li>
5012
5058
  <li class="pf-v6-c-nav__item">
5013
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
5059
+ <a href="#" class="pf-v6-c-nav__link">
5060
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5061
+ </a>
5014
5062
  </li>
5015
5063
  <li class="pf-v6-c-nav__item">
5016
- <a href="#" class="pf-v6-c-nav__link">Server</a>
5064
+ <a href="#" class="pf-v6-c-nav__link">
5065
+ <span class="pf-v6-c-nav__link-text">Server</span>
5066
+ </a>
5017
5067
  </li>
5018
5068
  </ul>
5019
5069
  </nav>
@@ -8184,23 +8234,33 @@ wrapperTag: div
8184
8234
  >
8185
8235
  <ul class="pf-v6-c-nav__list" role="list">
8186
8236
  <li class="pf-v6-c-nav__item">
8187
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
8237
+ <a href="#" class="pf-v6-c-nav__link">
8238
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8239
+ </a>
8188
8240
  </li>
8189
8241
  <li class="pf-v6-c-nav__item">
8190
8242
  <a
8191
8243
  href="#"
8192
8244
  class="pf-v6-c-nav__link pf-m-current"
8193
8245
  aria-current="page"
8194
- >Policy</a>
8246
+ >
8247
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8248
+ </a>
8195
8249
  </li>
8196
8250
  <li class="pf-v6-c-nav__item">
8197
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
8251
+ <a href="#" class="pf-v6-c-nav__link">
8252
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8253
+ </a>
8198
8254
  </li>
8199
8255
  <li class="pf-v6-c-nav__item">
8200
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
8256
+ <a href="#" class="pf-v6-c-nav__link">
8257
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8258
+ </a>
8201
8259
  </li>
8202
8260
  <li class="pf-v6-c-nav__item">
8203
- <a href="#" class="pf-v6-c-nav__link">Server</a>
8261
+ <a href="#" class="pf-v6-c-nav__link">
8262
+ <span class="pf-v6-c-nav__link-text">Server</span>
8263
+ </a>
8204
8264
  </li>
8205
8265
  </ul>
8206
8266
  </nav>
@@ -8557,23 +8617,33 @@ wrapperTag: div
8557
8617
  >
8558
8618
  <ul class="pf-v6-c-nav__list" role="list">
8559
8619
  <li class="pf-v6-c-nav__item">
8560
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
8620
+ <a href="#" class="pf-v6-c-nav__link">
8621
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8622
+ </a>
8561
8623
  </li>
8562
8624
  <li class="pf-v6-c-nav__item">
8563
8625
  <a
8564
8626
  href="#"
8565
8627
  class="pf-v6-c-nav__link pf-m-current"
8566
8628
  aria-current="page"
8567
- >Policy</a>
8629
+ >
8630
+ <span class="pf-v6-c-nav__link-text">Policy</span>
8631
+ </a>
8568
8632
  </li>
8569
8633
  <li class="pf-v6-c-nav__item">
8570
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
8634
+ <a href="#" class="pf-v6-c-nav__link">
8635
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
8636
+ </a>
8571
8637
  </li>
8572
8638
  <li class="pf-v6-c-nav__item">
8573
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
8639
+ <a href="#" class="pf-v6-c-nav__link">
8640
+ <span class="pf-v6-c-nav__link-text">Network services</span>
8641
+ </a>
8574
8642
  </li>
8575
8643
  <li class="pf-v6-c-nav__item">
8576
- <a href="#" class="pf-v6-c-nav__link">Server</a>
8644
+ <a href="#" class="pf-v6-c-nav__link">
8645
+ <span class="pf-v6-c-nav__link-text">Server</span>
8646
+ </a>
8577
8647
  </li>
8578
8648
  </ul>
8579
8649
  </nav>
@@ -8920,23 +8990,33 @@ wrapperTag: div
8920
8990
  >
8921
8991
  <ul class="pf-v6-c-nav__list" role="list">
8922
8992
  <li class="pf-v6-c-nav__item">
8923
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
8993
+ <a href="#" class="pf-v6-c-nav__link">
8994
+ <span class="pf-v6-c-nav__link-text">System panel</span>
8995
+ </a>
8924
8996
  </li>
8925
8997
  <li class="pf-v6-c-nav__item">
8926
8998
  <a
8927
8999
  href="#"
8928
9000
  class="pf-v6-c-nav__link pf-m-current"
8929
9001
  aria-current="page"
8930
- >Policy</a>
9002
+ >
9003
+ <span class="pf-v6-c-nav__link-text">Policy</span>
9004
+ </a>
8931
9005
  </li>
8932
9006
  <li class="pf-v6-c-nav__item">
8933
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
9007
+ <a href="#" class="pf-v6-c-nav__link">
9008
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
9009
+ </a>
8934
9010
  </li>
8935
9011
  <li class="pf-v6-c-nav__item">
8936
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
9012
+ <a href="#" class="pf-v6-c-nav__link">
9013
+ <span class="pf-v6-c-nav__link-text">Network services</span>
9014
+ </a>
8937
9015
  </li>
8938
9016
  <li class="pf-v6-c-nav__item">
8939
- <a href="#" class="pf-v6-c-nav__link">Server</a>
9017
+ <a href="#" class="pf-v6-c-nav__link">
9018
+ <span class="pf-v6-c-nav__link-text">Server</span>
9019
+ </a>
8940
9020
  </li>
8941
9021
  </ul>
8942
9022
  </nav>
@@ -10148,23 +10228,33 @@ wrapperTag: div
10148
10228
  >
10149
10229
  <ul class="pf-v6-c-nav__list" role="list">
10150
10230
  <li class="pf-v6-c-nav__item">
10151
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
10231
+ <a href="#" class="pf-v6-c-nav__link">
10232
+ <span class="pf-v6-c-nav__link-text">System panel</span>
10233
+ </a>
10152
10234
  </li>
10153
10235
  <li class="pf-v6-c-nav__item">
10154
10236
  <a
10155
10237
  href="#"
10156
10238
  class="pf-v6-c-nav__link pf-m-current"
10157
10239
  aria-current="page"
10158
- >Policy</a>
10240
+ >
10241
+ <span class="pf-v6-c-nav__link-text">Policy</span>
10242
+ </a>
10159
10243
  </li>
10160
10244
  <li class="pf-v6-c-nav__item">
10161
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
10245
+ <a href="#" class="pf-v6-c-nav__link">
10246
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
10247
+ </a>
10162
10248
  </li>
10163
10249
  <li class="pf-v6-c-nav__item">
10164
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
10250
+ <a href="#" class="pf-v6-c-nav__link">
10251
+ <span class="pf-v6-c-nav__link-text">Network services</span>
10252
+ </a>
10165
10253
  </li>
10166
10254
  <li class="pf-v6-c-nav__item">
10167
- <a href="#" class="pf-v6-c-nav__link">Server</a>
10255
+ <a href="#" class="pf-v6-c-nav__link">
10256
+ <span class="pf-v6-c-nav__link-text">Server</span>
10257
+ </a>
10168
10258
  </li>
10169
10259
  </ul>
10170
10260
  </nav>
@@ -11487,23 +11577,33 @@ wrapperTag: div
11487
11577
  >
11488
11578
  <ul class="pf-v6-c-nav__list" role="list">
11489
11579
  <li class="pf-v6-c-nav__item">
11490
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
11580
+ <a href="#" class="pf-v6-c-nav__link">
11581
+ <span class="pf-v6-c-nav__link-text">System panel</span>
11582
+ </a>
11491
11583
  </li>
11492
11584
  <li class="pf-v6-c-nav__item">
11493
11585
  <a
11494
11586
  href="#"
11495
11587
  class="pf-v6-c-nav__link pf-m-current"
11496
11588
  aria-current="page"
11497
- >Policy</a>
11589
+ >
11590
+ <span class="pf-v6-c-nav__link-text">Policy</span>
11591
+ </a>
11498
11592
  </li>
11499
11593
  <li class="pf-v6-c-nav__item">
11500
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
11594
+ <a href="#" class="pf-v6-c-nav__link">
11595
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
11596
+ </a>
11501
11597
  </li>
11502
11598
  <li class="pf-v6-c-nav__item">
11503
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
11599
+ <a href="#" class="pf-v6-c-nav__link">
11600
+ <span class="pf-v6-c-nav__link-text">Network services</span>
11601
+ </a>
11504
11602
  </li>
11505
11603
  <li class="pf-v6-c-nav__item">
11506
- <a href="#" class="pf-v6-c-nav__link">Server</a>
11604
+ <a href="#" class="pf-v6-c-nav__link">
11605
+ <span class="pf-v6-c-nav__link-text">Server</span>
11606
+ </a>
11507
11607
  </li>
11508
11608
  </ul>
11509
11609
  </nav>
@@ -12712,23 +12812,33 @@ wrapperTag: div
12712
12812
  >
12713
12813
  <ul class="pf-v6-c-nav__list" role="list">
12714
12814
  <li class="pf-v6-c-nav__item">
12715
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
12815
+ <a href="#" class="pf-v6-c-nav__link">
12816
+ <span class="pf-v6-c-nav__link-text">System panel</span>
12817
+ </a>
12716
12818
  </li>
12717
12819
  <li class="pf-v6-c-nav__item">
12718
12820
  <a
12719
12821
  href="#"
12720
12822
  class="pf-v6-c-nav__link pf-m-current"
12721
12823
  aria-current="page"
12722
- >Policy</a>
12824
+ >
12825
+ <span class="pf-v6-c-nav__link-text">Policy</span>
12826
+ </a>
12723
12827
  </li>
12724
12828
  <li class="pf-v6-c-nav__item">
12725
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
12829
+ <a href="#" class="pf-v6-c-nav__link">
12830
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
12831
+ </a>
12726
12832
  </li>
12727
12833
  <li class="pf-v6-c-nav__item">
12728
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
12834
+ <a href="#" class="pf-v6-c-nav__link">
12835
+ <span class="pf-v6-c-nav__link-text">Network services</span>
12836
+ </a>
12729
12837
  </li>
12730
12838
  <li class="pf-v6-c-nav__item">
12731
- <a href="#" class="pf-v6-c-nav__link">Server</a>
12839
+ <a href="#" class="pf-v6-c-nav__link">
12840
+ <span class="pf-v6-c-nav__link-text">Server</span>
12841
+ </a>
12732
12842
  </li>
12733
12843
  </ul>
12734
12844
  </nav>
@@ -13901,23 +14011,33 @@ wrapperTag: div
13901
14011
  >
13902
14012
  <ul class="pf-v6-c-nav__list" role="list">
13903
14013
  <li class="pf-v6-c-nav__item">
13904
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
14014
+ <a href="#" class="pf-v6-c-nav__link">
14015
+ <span class="pf-v6-c-nav__link-text">System panel</span>
14016
+ </a>
13905
14017
  </li>
13906
14018
  <li class="pf-v6-c-nav__item">
13907
14019
  <a
13908
14020
  href="#"
13909
14021
  class="pf-v6-c-nav__link pf-m-current"
13910
14022
  aria-current="page"
13911
- >Policy</a>
14023
+ >
14024
+ <span class="pf-v6-c-nav__link-text">Policy</span>
14025
+ </a>
13912
14026
  </li>
13913
14027
  <li class="pf-v6-c-nav__item">
13914
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
14028
+ <a href="#" class="pf-v6-c-nav__link">
14029
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
14030
+ </a>
13915
14031
  </li>
13916
14032
  <li class="pf-v6-c-nav__item">
13917
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
14033
+ <a href="#" class="pf-v6-c-nav__link">
14034
+ <span class="pf-v6-c-nav__link-text">Network services</span>
14035
+ </a>
13918
14036
  </li>
13919
14037
  <li class="pf-v6-c-nav__item">
13920
- <a href="#" class="pf-v6-c-nav__link">Server</a>
14038
+ <a href="#" class="pf-v6-c-nav__link">
14039
+ <span class="pf-v6-c-nav__link-text">Server</span>
14040
+ </a>
13921
14041
  </li>
13922
14042
  </ul>
13923
14043
  </nav>
@@ -15124,23 +15244,33 @@ wrapperTag: div
15124
15244
  >
15125
15245
  <ul class="pf-v6-c-nav__list" role="list">
15126
15246
  <li class="pf-v6-c-nav__item">
15127
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
15247
+ <a href="#" class="pf-v6-c-nav__link">
15248
+ <span class="pf-v6-c-nav__link-text">System panel</span>
15249
+ </a>
15128
15250
  </li>
15129
15251
  <li class="pf-v6-c-nav__item">
15130
15252
  <a
15131
15253
  href="#"
15132
15254
  class="pf-v6-c-nav__link pf-m-current"
15133
15255
  aria-current="page"
15134
- >Policy</a>
15256
+ >
15257
+ <span class="pf-v6-c-nav__link-text">Policy</span>
15258
+ </a>
15135
15259
  </li>
15136
15260
  <li class="pf-v6-c-nav__item">
15137
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
15261
+ <a href="#" class="pf-v6-c-nav__link">
15262
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
15263
+ </a>
15138
15264
  </li>
15139
15265
  <li class="pf-v6-c-nav__item">
15140
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
15266
+ <a href="#" class="pf-v6-c-nav__link">
15267
+ <span class="pf-v6-c-nav__link-text">Network services</span>
15268
+ </a>
15141
15269
  </li>
15142
15270
  <li class="pf-v6-c-nav__item">
15143
- <a href="#" class="pf-v6-c-nav__link">Server</a>
15271
+ <a href="#" class="pf-v6-c-nav__link">
15272
+ <span class="pf-v6-c-nav__link-text">Server</span>
15273
+ </a>
15144
15274
  </li>
15145
15275
  </ul>
15146
15276
  </nav>
@@ -16339,23 +16469,33 @@ wrapperTag: div
16339
16469
  >
16340
16470
  <ul class="pf-v6-c-nav__list" role="list">
16341
16471
  <li class="pf-v6-c-nav__item">
16342
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
16472
+ <a href="#" class="pf-v6-c-nav__link">
16473
+ <span class="pf-v6-c-nav__link-text">System panel</span>
16474
+ </a>
16343
16475
  </li>
16344
16476
  <li class="pf-v6-c-nav__item">
16345
16477
  <a
16346
16478
  href="#"
16347
16479
  class="pf-v6-c-nav__link pf-m-current"
16348
16480
  aria-current="page"
16349
- >Policy</a>
16481
+ >
16482
+ <span class="pf-v6-c-nav__link-text">Policy</span>
16483
+ </a>
16350
16484
  </li>
16351
16485
  <li class="pf-v6-c-nav__item">
16352
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
16486
+ <a href="#" class="pf-v6-c-nav__link">
16487
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
16488
+ </a>
16353
16489
  </li>
16354
16490
  <li class="pf-v6-c-nav__item">
16355
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
16491
+ <a href="#" class="pf-v6-c-nav__link">
16492
+ <span class="pf-v6-c-nav__link-text">Network services</span>
16493
+ </a>
16356
16494
  </li>
16357
16495
  <li class="pf-v6-c-nav__item">
16358
- <a href="#" class="pf-v6-c-nav__link">Server</a>
16496
+ <a href="#" class="pf-v6-c-nav__link">
16497
+ <span class="pf-v6-c-nav__link-text">Server</span>
16498
+ </a>
16359
16499
  </li>
16360
16500
  </ul>
16361
16501
  </nav>
@@ -17516,23 +17656,33 @@ By default, table cell alignment is set to baseline. This retains vertical align
17516
17656
  >
17517
17657
  <ul class="pf-v6-c-nav__list" role="list">
17518
17658
  <li class="pf-v6-c-nav__item">
17519
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
17659
+ <a href="#" class="pf-v6-c-nav__link">
17660
+ <span class="pf-v6-c-nav__link-text">System panel</span>
17661
+ </a>
17520
17662
  </li>
17521
17663
  <li class="pf-v6-c-nav__item">
17522
17664
  <a
17523
17665
  href="#"
17524
17666
  class="pf-v6-c-nav__link pf-m-current"
17525
17667
  aria-current="page"
17526
- >Policy</a>
17668
+ >
17669
+ <span class="pf-v6-c-nav__link-text">Policy</span>
17670
+ </a>
17527
17671
  </li>
17528
17672
  <li class="pf-v6-c-nav__item">
17529
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
17673
+ <a href="#" class="pf-v6-c-nav__link">
17674
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
17675
+ </a>
17530
17676
  </li>
17531
17677
  <li class="pf-v6-c-nav__item">
17532
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
17678
+ <a href="#" class="pf-v6-c-nav__link">
17679
+ <span class="pf-v6-c-nav__link-text">Network services</span>
17680
+ </a>
17533
17681
  </li>
17534
17682
  <li class="pf-v6-c-nav__item">
17535
- <a href="#" class="pf-v6-c-nav__link">Server</a>
17683
+ <a href="#" class="pf-v6-c-nav__link">
17684
+ <span class="pf-v6-c-nav__link-text">Server</span>
17685
+ </a>
17536
17686
  </li>
17537
17687
  </ul>
17538
17688
  </nav>