@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/AboutModal/examples/AboutModal.md CHANGED
@@ -206,23 +206,33 @@ This demo implements the about modal, including the backdrop.
206
206
  >
207
207
  <ul class="pf-v6-c-nav__list" role="list">
208
208
  <li class="pf-v6-c-nav__item">
209
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
209
+ <a href="#" class="pf-v6-c-nav__link">
210
+ <span class="pf-v6-c-nav__link-text">System panel</span>
211
+ </a>
210
212
  </li>
211
213
  <li class="pf-v6-c-nav__item">
212
214
  <a
213
215
  href="#"
214
216
  class="pf-v6-c-nav__link pf-m-current"
215
217
  aria-current="page"
216
- >Policy</a>
218
+ >
219
+ <span class="pf-v6-c-nav__link-text">Policy</span>
220
+ </a>
217
221
  </li>
218
222
  <li class="pf-v6-c-nav__item">
219
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
223
+ <a href="#" class="pf-v6-c-nav__link">
224
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
225
+ </a>
220
226
  </li>
221
227
  <li class="pf-v6-c-nav__item">
222
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
228
+ <a href="#" class="pf-v6-c-nav__link">
229
+ <span class="pf-v6-c-nav__link-text">Network services</span>
230
+ </a>
223
231
  </li>
224
232
  <li class="pf-v6-c-nav__item">
225
- <a href="#" class="pf-v6-c-nav__link">Server</a>
233
+ <a href="#" class="pf-v6-c-nav__link">
234
+ <span class="pf-v6-c-nav__link-text">Server</span>
235
+ </a>
226
236
  </li>
227
237
  </ul>
228
238
  </nav>
package/docs/demos/Alert/examples/Alert.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>
@@ -590,23 +600,33 @@ section: components
590
600
  >
591
601
  <ul class="pf-v6-c-nav__list" role="list">
592
602
  <li class="pf-v6-c-nav__item">
593
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
603
+ <a href="#" class="pf-v6-c-nav__link">
604
+ <span class="pf-v6-c-nav__link-text">System panel</span>
605
+ </a>
594
606
  </li>
595
607
  <li class="pf-v6-c-nav__item">
596
608
  <a
597
609
  href="#"
598
610
  class="pf-v6-c-nav__link pf-m-current"
599
611
  aria-current="page"
600
- >Policy</a>
612
+ >
613
+ <span class="pf-v6-c-nav__link-text">Policy</span>
614
+ </a>
601
615
  </li>
602
616
  <li class="pf-v6-c-nav__item">
603
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
617
+ <a href="#" class="pf-v6-c-nav__link">
618
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
619
+ </a>
604
620
  </li>
605
621
  <li class="pf-v6-c-nav__item">
606
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
622
+ <a href="#" class="pf-v6-c-nav__link">
623
+ <span class="pf-v6-c-nav__link-text">Network services</span>
624
+ </a>
607
625
  </li>
608
626
  <li class="pf-v6-c-nav__item">
609
- <a href="#" class="pf-v6-c-nav__link">Server</a>
627
+ <a href="#" class="pf-v6-c-nav__link">
628
+ <span class="pf-v6-c-nav__link-text">Server</span>
629
+ </a>
610
630
  </li>
611
631
  </ul>
612
632
  </nav>
@@ -1072,23 +1092,33 @@ section: components
1072
1092
  >
1073
1093
  <ul class="pf-v6-c-nav__list" role="list">
1074
1094
  <li class="pf-v6-c-nav__item">
1075
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1095
+ <a href="#" class="pf-v6-c-nav__link">
1096
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1097
+ </a>
1076
1098
  </li>
1077
1099
  <li class="pf-v6-c-nav__item">
1078
1100
  <a
1079
1101
  href="#"
1080
1102
  class="pf-v6-c-nav__link pf-m-current"
1081
1103
  aria-current="page"
1082
- >Policy</a>
1104
+ >
1105
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1106
+ </a>
1083
1107
  </li>
1084
1108
  <li class="pf-v6-c-nav__item">
1085
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1109
+ <a href="#" class="pf-v6-c-nav__link">
1110
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1111
+ </a>
1086
1112
  </li>
1087
1113
  <li class="pf-v6-c-nav__item">
1088
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1114
+ <a href="#" class="pf-v6-c-nav__link">
1115
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1116
+ </a>
1089
1117
  </li>
1090
1118
  <li class="pf-v6-c-nav__item">
1091
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1119
+ <a href="#" class="pf-v6-c-nav__link">
1120
+ <span class="pf-v6-c-nav__link-text">Server</span>
1121
+ </a>
1092
1122
  </li>
1093
1123
  </ul>
1094
1124
  </nav>
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -205,23 +205,33 @@ cssPrefix: pf-d-back-to-top
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>
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -206,23 +206,33 @@ wrapperTag: div
206
206
  >
207
207
  <ul class="pf-v6-c-nav__list" role="list">
208
208
  <li class="pf-v6-c-nav__item">
209
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
209
+ <a href="#" class="pf-v6-c-nav__link">
210
+ <span class="pf-v6-c-nav__link-text">System panel</span>
211
+ </a>
210
212
  </li>
211
213
  <li class="pf-v6-c-nav__item">
212
214
  <a
213
215
  href="#"
214
216
  class="pf-v6-c-nav__link pf-m-current"
215
217
  aria-current="page"
216
- >Policy</a>
218
+ >
219
+ <span class="pf-v6-c-nav__link-text">Policy</span>
220
+ </a>
217
221
  </li>
218
222
  <li class="pf-v6-c-nav__item">
219
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
223
+ <a href="#" class="pf-v6-c-nav__link">
224
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
225
+ </a>
220
226
  </li>
221
227
  <li class="pf-v6-c-nav__item">
222
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
228
+ <a href="#" class="pf-v6-c-nav__link">
229
+ <span class="pf-v6-c-nav__link-text">Network services</span>
230
+ </a>
223
231
  </li>
224
232
  <li class="pf-v6-c-nav__item">
225
- <a href="#" class="pf-v6-c-nav__link">Server</a>
233
+ <a href="#" class="pf-v6-c-nav__link">
234
+ <span class="pf-v6-c-nav__link-text">Server</span>
235
+ </a>
226
236
  </li>
227
237
  </ul>
228
238
  </nav>
@@ -686,23 +696,33 @@ wrapperTag: div
686
696
  >
687
697
  <ul class="pf-v6-c-nav__list" role="list">
688
698
  <li class="pf-v6-c-nav__item">
689
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
699
+ <a href="#" class="pf-v6-c-nav__link">
700
+ <span class="pf-v6-c-nav__link-text">System panel</span>
701
+ </a>
690
702
  </li>
691
703
  <li class="pf-v6-c-nav__item">
692
704
  <a
693
705
  href="#"
694
706
  class="pf-v6-c-nav__link pf-m-current"
695
707
  aria-current="page"
696
- >Policy</a>
708
+ >
709
+ <span class="pf-v6-c-nav__link-text">Policy</span>
710
+ </a>
697
711
  </li>
698
712
  <li class="pf-v6-c-nav__item">
699
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
713
+ <a href="#" class="pf-v6-c-nav__link">
714
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
715
+ </a>
700
716
  </li>
701
717
  <li class="pf-v6-c-nav__item">
702
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
718
+ <a href="#" class="pf-v6-c-nav__link">
719
+ <span class="pf-v6-c-nav__link-text">Network services</span>
720
+ </a>
703
721
  </li>
704
722
  <li class="pf-v6-c-nav__item">
705
- <a href="#" class="pf-v6-c-nav__link">Server</a>
723
+ <a href="#" class="pf-v6-c-nav__link">
724
+ <span class="pf-v6-c-nav__link-text">Server</span>
725
+ </a>
706
726
  </li>
707
727
  </ul>
708
728
  </nav>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -209,7 +209,7 @@ section: patterns
209
209
  aria-expanded="true"
210
210
  id="card-view-basic-example-expandable-nav-link1"
211
211
  >
212
- System panel
212
+ <span class="pf-v6-c-nav__link-text">System panel</span>
213
213
  <span class="pf-v6-c-nav__toggle">
214
214
  <span class="pf-v6-c-nav__toggle-icon">
215
215
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -222,26 +222,38 @@ section: patterns
222
222
  >
223
223
  <ul class="pf-v6-c-nav__list" role="list">
224
224
  <li class="pf-v6-c-nav__item">
225
- <a href="#" class="pf-v6-c-nav__link">Overview</a>
225
+ <a href="#" class="pf-v6-c-nav__link">
226
+ <span class="pf-v6-c-nav__link-text">Overview</span>
227
+ </a>
226
228
  </li>
227
229
  <li class="pf-v6-c-nav__item">
228
230
  <a
229
231
  href="#"
230
232
  class="pf-v6-c-nav__link pf-m-current"
231
233
  aria-current="page"
232
- >Resource usage</a>
234
+ >
235
+ <span class="pf-v6-c-nav__link-text">Resource usage</span>
236
+ </a>
233
237
  </li>
234
238
  <li class="pf-v6-c-nav__item">
235
- <a href="#" class="pf-v6-c-nav__link">Hypervisors</a>
239
+ <a href="#" class="pf-v6-c-nav__link">
240
+ <span class="pf-v6-c-nav__link-text">Hypervisors</span>
241
+ </a>
236
242
  </li>
237
243
  <li class="pf-v6-c-nav__item">
238
- <a href="#" class="pf-v6-c-nav__link">Instances</a>
244
+ <a href="#" class="pf-v6-c-nav__link">
245
+ <span class="pf-v6-c-nav__link-text">Instances</span>
246
+ </a>
239
247
  </li>
240
248
  <li class="pf-v6-c-nav__item">
241
- <a href="#" class="pf-v6-c-nav__link">Volumes</a>
249
+ <a href="#" class="pf-v6-c-nav__link">
250
+ <span class="pf-v6-c-nav__link-text">Volumes</span>
251
+ </a>
242
252
  </li>
243
253
  <li class="pf-v6-c-nav__item">
244
- <a href="#" class="pf-v6-c-nav__link">Networks</a>
254
+ <a href="#" class="pf-v6-c-nav__link">
255
+ <span class="pf-v6-c-nav__link-text">Networks</span>
256
+ </a>
245
257
  </li>
246
258
  </ul>
247
259
  </section>
@@ -252,7 +264,7 @@ section: patterns
252
264
  aria-expanded="false"
253
265
  id="card-view-basic-example-expandable-nav-link2"
254
266
  >
255
- Policy
267
+ <span class="pf-v6-c-nav__link-text">Policy</span>
256
268
  <span class="pf-v6-c-nav__toggle">
257
269
  <span class="pf-v6-c-nav__toggle-icon">
258
270
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -266,10 +278,14 @@ section: patterns
266
278
  >
267
279
  <ul class="pf-v6-c-nav__list" role="list">
268
280
  <li class="pf-v6-c-nav__item">
269
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
281
+ <a href="#" class="pf-v6-c-nav__link">
282
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
283
+ </a>
270
284
  </li>
271
285
  <li class="pf-v6-c-nav__item">
272
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
286
+ <a href="#" class="pf-v6-c-nav__link">
287
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
288
+ </a>
273
289
  </li>
274
290
  </ul>
275
291
  </section>
@@ -280,7 +296,7 @@ section: patterns
280
296
  aria-expanded="false"
281
297
  id="card-view-basic-example-expandable-nav-link3"
282
298
  >
283
- Authentication
299
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
284
300
  <span class="pf-v6-c-nav__toggle">
285
301
  <span class="pf-v6-c-nav__toggle-icon">
286
302
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -294,10 +310,14 @@ section: patterns
294
310
  >
295
311
  <ul class="pf-v6-c-nav__list" role="list">
296
312
  <li class="pf-v6-c-nav__item">
297
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
313
+ <a href="#" class="pf-v6-c-nav__link">
314
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
315
+ </a>
298
316
  </li>
299
317
  <li class="pf-v6-c-nav__item">
300
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
318
+ <a href="#" class="pf-v6-c-nav__link">
319
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
320
+ </a>
301
321
  </li>
302
322
  </ul>
303
323
  </section>
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -134,23 +134,33 @@ deprecated: true
134
134
  >
135
135
  <ul class="pf-v6-c-nav__list" role="list">
136
136
  <li class="pf-v6-c-nav__item">
137
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
137
+ <a href="#" class="pf-v6-c-nav__link">
138
+ <span class="pf-v6-c-nav__link-text">System panel</span>
139
+ </a>
138
140
  </li>
139
141
  <li class="pf-v6-c-nav__item">
140
142
  <a
141
143
  href="#"
142
144
  class="pf-v6-c-nav__link pf-m-current"
143
145
  aria-current="page"
144
- >Policy</a>
146
+ >
147
+ <span class="pf-v6-c-nav__link-text">Policy</span>
148
+ </a>
145
149
  </li>
146
150
  <li class="pf-v6-c-nav__item">
147
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
151
+ <a href="#" class="pf-v6-c-nav__link">
152
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
153
+ </a>
148
154
  </li>
149
155
  <li class="pf-v6-c-nav__item">
150
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
156
+ <a href="#" class="pf-v6-c-nav__link">
157
+ <span class="pf-v6-c-nav__link-text">Network services</span>
158
+ </a>
151
159
  </li>
152
160
  <li class="pf-v6-c-nav__item">
153
- <a href="#" class="pf-v6-c-nav__link">Server</a>
161
+ <a href="#" class="pf-v6-c-nav__link">
162
+ <span class="pf-v6-c-nav__link-text">Server</span>
163
+ </a>
154
164
  </li>
155
165
  </ul>
156
166
  </nav>
@@ -594,23 +604,33 @@ deprecated: true
594
604
  >
595
605
  <ul class="pf-v6-c-nav__list" role="list">
596
606
  <li class="pf-v6-c-nav__item">
597
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
607
+ <a href="#" class="pf-v6-c-nav__link">
608
+ <span class="pf-v6-c-nav__link-text">System panel</span>
609
+ </a>
598
610
  </li>
599
611
  <li class="pf-v6-c-nav__item">
600
612
  <a
601
613
  href="#"
602
614
  class="pf-v6-c-nav__link pf-m-current"
603
615
  aria-current="page"
604
- >Policy</a>
616
+ >
617
+ <span class="pf-v6-c-nav__link-text">Policy</span>
618
+ </a>
605
619
  </li>
606
620
  <li class="pf-v6-c-nav__item">
607
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
621
+ <a href="#" class="pf-v6-c-nav__link">
622
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
623
+ </a>
608
624
  </li>
609
625
  <li class="pf-v6-c-nav__item">
610
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
626
+ <a href="#" class="pf-v6-c-nav__link">
627
+ <span class="pf-v6-c-nav__link-text">Network services</span>
628
+ </a>
611
629
  </li>
612
630
  <li class="pf-v6-c-nav__item">
613
- <a href="#" class="pf-v6-c-nav__link">Server</a>
631
+ <a href="#" class="pf-v6-c-nav__link">
632
+ <span class="pf-v6-c-nav__link-text">Server</span>
633
+ </a>
614
634
  </li>
615
635
  </ul>
616
636
  </nav>
@@ -1056,23 +1076,33 @@ deprecated: true
1056
1076
  >
1057
1077
  <ul class="pf-v6-c-nav__list" role="list">
1058
1078
  <li class="pf-v6-c-nav__item">
1059
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1079
+ <a href="#" class="pf-v6-c-nav__link">
1080
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1081
+ </a>
1060
1082
  </li>
1061
1083
  <li class="pf-v6-c-nav__item">
1062
1084
  <a
1063
1085
  href="#"
1064
1086
  class="pf-v6-c-nav__link pf-m-current"
1065
1087
  aria-current="page"
1066
- >Policy</a>
1088
+ >
1089
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1090
+ </a>
1067
1091
  </li>
1068
1092
  <li class="pf-v6-c-nav__item">
1069
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1093
+ <a href="#" class="pf-v6-c-nav__link">
1094
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1095
+ </a>
1070
1096
  </li>
1071
1097
  <li class="pf-v6-c-nav__item">
1072
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1098
+ <a href="#" class="pf-v6-c-nav__link">
1099
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1100
+ </a>
1073
1101
  </li>
1074
1102
  <li class="pf-v6-c-nav__item">
1075
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1103
+ <a href="#" class="pf-v6-c-nav__link">
1104
+ <span class="pf-v6-c-nav__link-text">Server</span>
1105
+ </a>
1076
1106
  </li>
1077
1107
  </ul>
1078
1108
  </nav>
@@ -1374,23 +1404,33 @@ deprecated: true
1374
1404
  >
1375
1405
  <ul class="pf-v6-c-nav__list" role="list">
1376
1406
  <li class="pf-v6-c-nav__item">
1377
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1407
+ <a href="#" class="pf-v6-c-nav__link">
1408
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1409
+ </a>
1378
1410
  </li>
1379
1411
  <li class="pf-v6-c-nav__item">
1380
1412
  <a
1381
1413
  href="#"
1382
1414
  class="pf-v6-c-nav__link pf-m-current"
1383
1415
  aria-current="page"
1384
- >Policy</a>
1416
+ >
1417
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1418
+ </a>
1385
1419
  </li>
1386
1420
  <li class="pf-v6-c-nav__item">
1387
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1421
+ <a href="#" class="pf-v6-c-nav__link">
1422
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1423
+ </a>
1388
1424
  </li>
1389
1425
  <li class="pf-v6-c-nav__item">
1390
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1426
+ <a href="#" class="pf-v6-c-nav__link">
1427
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1428
+ </a>
1391
1429
  </li>
1392
1430
  <li class="pf-v6-c-nav__item">
1393
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1431
+ <a href="#" class="pf-v6-c-nav__link">
1432
+ <span class="pf-v6-c-nav__link-text">Server</span>
1433
+ </a>
1394
1434
  </li>
1395
1435
  </ul>
1396
1436
  </nav>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -205,23 +205,33 @@ cssPrefix: pf-d-dashboard
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>