@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/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -208,23 +208,33 @@ wrapperTag: div
208
208
  >
209
209
  <ul class="pf-v6-c-nav__list" role="list">
210
210
  <li class="pf-v6-c-nav__item">
211
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
211
+ <a href="#" class="pf-v6-c-nav__link">
212
+ <span class="pf-v6-c-nav__link-text">System panel</span>
213
+ </a>
212
214
  </li>
213
215
  <li class="pf-v6-c-nav__item">
214
216
  <a
215
217
  href="#"
216
218
  class="pf-v6-c-nav__link pf-m-current"
217
219
  aria-current="page"
218
- >Policy</a>
220
+ >
221
+ <span class="pf-v6-c-nav__link-text">Policy</span>
222
+ </a>
219
223
  </li>
220
224
  <li class="pf-v6-c-nav__item">
221
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
225
+ <a href="#" class="pf-v6-c-nav__link">
226
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
227
+ </a>
222
228
  </li>
223
229
  <li class="pf-v6-c-nav__item">
224
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
230
+ <a href="#" class="pf-v6-c-nav__link">
231
+ <span class="pf-v6-c-nav__link-text">Network services</span>
232
+ </a>
225
233
  </li>
226
234
  <li class="pf-v6-c-nav__item">
227
- <a href="#" class="pf-v6-c-nav__link">Server</a>
235
+ <a href="#" class="pf-v6-c-nav__link">
236
+ <span class="pf-v6-c-nav__link-text">Server</span>
237
+ </a>
228
238
  </li>
229
239
  </ul>
230
240
  </nav>
@@ -1518,23 +1528,33 @@ wrapperTag: div
1518
1528
  >
1519
1529
  <ul class="pf-v6-c-nav__list" role="list">
1520
1530
  <li class="pf-v6-c-nav__item">
1521
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
1531
+ <a href="#" class="pf-v6-c-nav__link">
1532
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1533
+ </a>
1522
1534
  </li>
1523
1535
  <li class="pf-v6-c-nav__item">
1524
1536
  <a
1525
1537
  href="#"
1526
1538
  class="pf-v6-c-nav__link pf-m-current"
1527
1539
  aria-current="page"
1528
- >Policy</a>
1540
+ >
1541
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1542
+ </a>
1529
1543
  </li>
1530
1544
  <li class="pf-v6-c-nav__item">
1531
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1545
+ <a href="#" class="pf-v6-c-nav__link">
1546
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1547
+ </a>
1532
1548
  </li>
1533
1549
  <li class="pf-v6-c-nav__item">
1534
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
1550
+ <a href="#" class="pf-v6-c-nav__link">
1551
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1552
+ </a>
1535
1553
  </li>
1536
1554
  <li class="pf-v6-c-nav__item">
1537
- <a href="#" class="pf-v6-c-nav__link">Server</a>
1555
+ <a href="#" class="pf-v6-c-nav__link">
1556
+ <span class="pf-v6-c-nav__link-text">Server</span>
1557
+ </a>
1538
1558
  </li>
1539
1559
  </ul>
1540
1560
  </nav>
@@ -2745,23 +2765,33 @@ wrapperTag: div
2745
2765
  >
2746
2766
  <ul class="pf-v6-c-nav__list" role="list">
2747
2767
  <li class="pf-v6-c-nav__item">
2748
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
2768
+ <a href="#" class="pf-v6-c-nav__link">
2769
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2770
+ </a>
2749
2771
  </li>
2750
2772
  <li class="pf-v6-c-nav__item">
2751
2773
  <a
2752
2774
  href="#"
2753
2775
  class="pf-v6-c-nav__link pf-m-current"
2754
2776
  aria-current="page"
2755
- >Policy</a>
2777
+ >
2778
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2779
+ </a>
2756
2780
  </li>
2757
2781
  <li class="pf-v6-c-nav__item">
2758
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
2782
+ <a href="#" class="pf-v6-c-nav__link">
2783
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2784
+ </a>
2759
2785
  </li>
2760
2786
  <li class="pf-v6-c-nav__item">
2761
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
2787
+ <a href="#" class="pf-v6-c-nav__link">
2788
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2789
+ </a>
2762
2790
  </li>
2763
2791
  <li class="pf-v6-c-nav__item">
2764
- <a href="#" class="pf-v6-c-nav__link">Server</a>
2792
+ <a href="#" class="pf-v6-c-nav__link">
2793
+ <span class="pf-v6-c-nav__link-text">Server</span>
2794
+ </a>
2765
2795
  </li>
2766
2796
  </ul>
2767
2797
  </nav>
@@ -3918,23 +3948,33 @@ wrapperTag: div
3918
3948
  >
3919
3949
  <ul class="pf-v6-c-nav__list" role="list">
3920
3950
  <li class="pf-v6-c-nav__item">
3921
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
3951
+ <a href="#" class="pf-v6-c-nav__link">
3952
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3953
+ </a>
3922
3954
  </li>
3923
3955
  <li class="pf-v6-c-nav__item">
3924
3956
  <a
3925
3957
  href="#"
3926
3958
  class="pf-v6-c-nav__link pf-m-current"
3927
3959
  aria-current="page"
3928
- >Policy</a>
3960
+ >
3961
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3962
+ </a>
3929
3963
  </li>
3930
3964
  <li class="pf-v6-c-nav__item">
3931
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3965
+ <a href="#" class="pf-v6-c-nav__link">
3966
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3967
+ </a>
3932
3968
  </li>
3933
3969
  <li class="pf-v6-c-nav__item">
3934
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
3970
+ <a href="#" class="pf-v6-c-nav__link">
3971
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3972
+ </a>
3935
3973
  </li>
3936
3974
  <li class="pf-v6-c-nav__item">
3937
- <a href="#" class="pf-v6-c-nav__link">Server</a>
3975
+ <a href="#" class="pf-v6-c-nav__link">
3976
+ <span class="pf-v6-c-nav__link-text">Server</span>
3977
+ </a>
3938
3978
  </li>
3939
3979
  </ul>
3940
3980
  </nav>
@@ -5040,23 +5080,33 @@ wrapperTag: div
5040
5080
  >
5041
5081
  <ul class="pf-v6-c-nav__list" role="list">
5042
5082
  <li class="pf-v6-c-nav__item">
5043
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
5083
+ <a href="#" class="pf-v6-c-nav__link">
5084
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5085
+ </a>
5044
5086
  </li>
5045
5087
  <li class="pf-v6-c-nav__item">
5046
5088
  <a
5047
5089
  href="#"
5048
5090
  class="pf-v6-c-nav__link pf-m-current"
5049
5091
  aria-current="page"
5050
- >Policy</a>
5092
+ >
5093
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5094
+ </a>
5051
5095
  </li>
5052
5096
  <li class="pf-v6-c-nav__item">
5053
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
5097
+ <a href="#" class="pf-v6-c-nav__link">
5098
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5099
+ </a>
5054
5100
  </li>
5055
5101
  <li class="pf-v6-c-nav__item">
5056
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
5102
+ <a href="#" class="pf-v6-c-nav__link">
5103
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5104
+ </a>
5057
5105
  </li>
5058
5106
  <li class="pf-v6-c-nav__item">
5059
- <a href="#" class="pf-v6-c-nav__link">Server</a>
5107
+ <a href="#" class="pf-v6-c-nav__link">
5108
+ <span class="pf-v6-c-nav__link-text">Server</span>
5109
+ </a>
5060
5110
  </li>
5061
5111
  </ul>
5062
5112
  </nav>
@@ -5509,23 +5559,33 @@ wrapperTag: div
5509
5559
  >
5510
5560
  <ul class="pf-v6-c-nav__list" role="list">
5511
5561
  <li class="pf-v6-c-nav__item">
5512
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
5562
+ <a href="#" class="pf-v6-c-nav__link">
5563
+ <span class="pf-v6-c-nav__link-text">System panel</span>
5564
+ </a>
5513
5565
  </li>
5514
5566
  <li class="pf-v6-c-nav__item">
5515
5567
  <a
5516
5568
  href="#"
5517
5569
  class="pf-v6-c-nav__link pf-m-current"
5518
5570
  aria-current="page"
5519
- >Policy</a>
5571
+ >
5572
+ <span class="pf-v6-c-nav__link-text">Policy</span>
5573
+ </a>
5520
5574
  </li>
5521
5575
  <li class="pf-v6-c-nav__item">
5522
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
5576
+ <a href="#" class="pf-v6-c-nav__link">
5577
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
5578
+ </a>
5523
5579
  </li>
5524
5580
  <li class="pf-v6-c-nav__item">
5525
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
5581
+ <a href="#" class="pf-v6-c-nav__link">
5582
+ <span class="pf-v6-c-nav__link-text">Network services</span>
5583
+ </a>
5526
5584
  </li>
5527
5585
  <li class="pf-v6-c-nav__item">
5528
- <a href="#" class="pf-v6-c-nav__link">Server</a>
5586
+ <a href="#" class="pf-v6-c-nav__link">
5587
+ <span class="pf-v6-c-nav__link-text">Server</span>
5588
+ </a>
5529
5589
  </li>
5530
5590
  </ul>
5531
5591
  </nav>
@@ -6230,23 +6290,33 @@ wrapperTag: div
6230
6290
  >
6231
6291
  <ul class="pf-v6-c-nav__list" role="list">
6232
6292
  <li class="pf-v6-c-nav__item">
6233
- <a href="#" class="pf-v6-c-nav__link">System panel</a>
6293
+ <a href="#" class="pf-v6-c-nav__link">
6294
+ <span class="pf-v6-c-nav__link-text">System panel</span>
6295
+ </a>
6234
6296
  </li>
6235
6297
  <li class="pf-v6-c-nav__item">
6236
6298
  <a
6237
6299
  href="#"
6238
6300
  class="pf-v6-c-nav__link pf-m-current"
6239
6301
  aria-current="page"
6240
- >Policy</a>
6302
+ >
6303
+ <span class="pf-v6-c-nav__link-text">Policy</span>
6304
+ </a>
6241
6305
  </li>
6242
6306
  <li class="pf-v6-c-nav__item">
6243
- <a href="#" class="pf-v6-c-nav__link">Authentication</a>
6307
+ <a href="#" class="pf-v6-c-nav__link">
6308
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
6309
+ </a>
6244
6310
  </li>
6245
6311
  <li class="pf-v6-c-nav__item">
6246
- <a href="#" class="pf-v6-c-nav__link">Network services</a>
6312
+ <a href="#" class="pf-v6-c-nav__link">
6313
+ <span class="pf-v6-c-nav__link-text">Network services</span>
6314
+ </a>
6247
6315
  </li>
6248
6316
  <li class="pf-v6-c-nav__item">
6249
- <a href="#" class="pf-v6-c-nav__link">Server</a>
6317
+ <a href="#" class="pf-v6-c-nav__link">
6318
+ <span class="pf-v6-c-nav__link-text">Server</span>
6319
+ </a>
6250
6320
  </li>
6251
6321
  </ul>
6252
6322
  </nav>
package/docs/demos/Skeleton/examples/Skeleton.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>