@patternfly/patternfly 6.0.0-alpha.54 → 6.0.0-alpha.56

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 (15) hide show
  1. package/components/JumpLinks/jump-links.css +34 -34
  2. package/components/JumpLinks/jump-links.scss +35 -36
  3. package/components/Tile/tile.css +40 -81
  4. package/components/Tile/tile.scss +38 -84
  5. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  6. package/docs/components/Tile/examples/Tile.md +264 -144
  7. package/docs/demos/Drawer/examples/Drawer.md +100 -80
  8. package/docs/demos/JumpLinks/examples/JumpLinks.md +275 -185
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +75 -120
  11. package/patternfly-theme-dark-unversioned.css +75 -120
  12. package/patternfly.css +75 -120
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
  15. package/components/Tile/themes/dark/tile.scss +0 -10
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -298,44 +298,64 @@ section: components
298
298
  </div>
299
299
  <ul class="pf-v5-c-jump-links__list" role="list">
300
300
  <li class="pf-v5-c-jump-links__item pf-m-current">
301
- <a
302
- class="pf-v5-c-jump-links__link"
303
- href="#jump-links-collapsed-mobile-example-jump-links-first"
304
- >
305
- <span class="pf-v5-c-jump-links__link-text">First section</span>
306
- </a>
301
+ <span class="pf-v5-c-jump-links__link">
302
+ <a
303
+ class="pf-v5-c-button pf-m-link"
304
+ href="#jump-links-collapsed-mobile-example-jump-links-first"
305
+ >
306
+ <span
307
+ class="pf-v5-c-jump-links__link-text"
308
+ >First section</span>
309
+ </a>
310
+ </span>
307
311
  </li>
308
312
  <li class="pf-v5-c-jump-links__item">
309
- <a
310
- class="pf-v5-c-jump-links__link"
311
- href="#jump-links-collapsed-mobile-example-jump-links-second"
312
- >
313
- <span class="pf-v5-c-jump-links__link-text">Second section</span>
314
- </a>
313
+ <span class="pf-v5-c-jump-links__link">
314
+ <a
315
+ class="pf-v5-c-button pf-m-link"
316
+ href="#jump-links-collapsed-mobile-example-jump-links-second"
317
+ >
318
+ <span
319
+ class="pf-v5-c-jump-links__link-text"
320
+ >Second section</span>
321
+ </a>
322
+ </span>
315
323
  </li>
316
324
  <li class="pf-v5-c-jump-links__item">
317
- <a
318
- class="pf-v5-c-jump-links__link"
319
- href="#jump-links-collapsed-mobile-example-jump-links-third"
320
- >
321
- <span class="pf-v5-c-jump-links__link-text">Third section</span>
322
- </a>
325
+ <span class="pf-v5-c-jump-links__link">
326
+ <a
327
+ class="pf-v5-c-button pf-m-link"
328
+ href="#jump-links-collapsed-mobile-example-jump-links-third"
329
+ >
330
+ <span
331
+ class="pf-v5-c-jump-links__link-text"
332
+ >Third section</span>
333
+ </a>
334
+ </span>
323
335
  </li>
324
336
  <li class="pf-v5-c-jump-links__item">
325
- <a
326
- class="pf-v5-c-jump-links__link"
327
- href="#jump-links-collapsed-mobile-example-jump-links-fourth"
328
- >
329
- <span class="pf-v5-c-jump-links__link-text">Fourth section</span>
330
- </a>
337
+ <span class="pf-v5-c-jump-links__link">
338
+ <a
339
+ class="pf-v5-c-button pf-m-link"
340
+ href="#jump-links-collapsed-mobile-example-jump-links-fourth"
341
+ >
342
+ <span
343
+ class="pf-v5-c-jump-links__link-text"
344
+ >Fourth section</span>
345
+ </a>
346
+ </span>
331
347
  </li>
332
348
  <li class="pf-v5-c-jump-links__item">
333
- <a
334
- class="pf-v5-c-jump-links__link"
335
- href="#jump-links-collapsed-mobile-example-jump-links-fifth"
336
- >
337
- <span class="pf-v5-c-jump-links__link-text">Fifth section</span>
338
- </a>
349
+ <span class="pf-v5-c-jump-links__link">
350
+ <a
351
+ class="pf-v5-c-button pf-m-link"
352
+ href="#jump-links-collapsed-mobile-example-jump-links-fifth"
353
+ >
354
+ <span
355
+ class="pf-v5-c-jump-links__link-text"
356
+ >Fifth section</span>
357
+ </a>
358
+ </span>
339
359
  </li>
340
360
  </ul>
341
361
  </nav>
@@ -678,44 +698,64 @@ section: components
678
698
  </div>
679
699
  <ul class="pf-v5-c-jump-links__list" role="list">
680
700
  <li class="pf-v5-c-jump-links__item pf-m-current">
681
- <a
682
- class="pf-v5-c-jump-links__link"
683
- href="#jump-links-vertical-expanded-mobile-example-jump-links-first"
684
- >
685
- <span class="pf-v5-c-jump-links__link-text">First section</span>
686
- </a>
701
+ <span class="pf-v5-c-jump-links__link">
702
+ <a
703
+ class="pf-v5-c-button pf-m-link"
704
+ href="#jump-links-vertical-expanded-mobile-example-jump-links-first"
705
+ >
706
+ <span
707
+ class="pf-v5-c-jump-links__link-text"
708
+ >First section</span>
709
+ </a>
710
+ </span>
687
711
  </li>
688
712
  <li class="pf-v5-c-jump-links__item">
689
- <a
690
- class="pf-v5-c-jump-links__link"
691
- href="#jump-links-vertical-expanded-mobile-example-jump-links-second"
692
- >
693
- <span class="pf-v5-c-jump-links__link-text">Second section</span>
694
- </a>
713
+ <span class="pf-v5-c-jump-links__link">
714
+ <a
715
+ class="pf-v5-c-button pf-m-link"
716
+ href="#jump-links-vertical-expanded-mobile-example-jump-links-second"
717
+ >
718
+ <span
719
+ class="pf-v5-c-jump-links__link-text"
720
+ >Second section</span>
721
+ </a>
722
+ </span>
695
723
  </li>
696
724
  <li class="pf-v5-c-jump-links__item">
697
- <a
698
- class="pf-v5-c-jump-links__link"
699
- href="#jump-links-vertical-expanded-mobile-example-jump-links-third"
700
- >
701
- <span class="pf-v5-c-jump-links__link-text">Third section</span>
702
- </a>
725
+ <span class="pf-v5-c-jump-links__link">
726
+ <a
727
+ class="pf-v5-c-button pf-m-link"
728
+ href="#jump-links-vertical-expanded-mobile-example-jump-links-third"
729
+ >
730
+ <span
731
+ class="pf-v5-c-jump-links__link-text"
732
+ >Third section</span>
733
+ </a>
734
+ </span>
703
735
  </li>
704
736
  <li class="pf-v5-c-jump-links__item">
705
- <a
706
- class="pf-v5-c-jump-links__link"
707
- href="#jump-links-vertical-expanded-mobile-example-jump-links-fourth"
708
- >
709
- <span class="pf-v5-c-jump-links__link-text">Fourth section</span>
710
- </a>
737
+ <span class="pf-v5-c-jump-links__link">
738
+ <a
739
+ class="pf-v5-c-button pf-m-link"
740
+ href="#jump-links-vertical-expanded-mobile-example-jump-links-fourth"
741
+ >
742
+ <span
743
+ class="pf-v5-c-jump-links__link-text"
744
+ >Fourth section</span>
745
+ </a>
746
+ </span>
711
747
  </li>
712
748
  <li class="pf-v5-c-jump-links__item">
713
- <a
714
- class="pf-v5-c-jump-links__link"
715
- href="#jump-links-vertical-expanded-mobile-example-jump-links-fifth"
716
- >
717
- <span class="pf-v5-c-jump-links__link-text">Fifth section</span>
718
- </a>
749
+ <span class="pf-v5-c-jump-links__link">
750
+ <a
751
+ class="pf-v5-c-button pf-m-link"
752
+ href="#jump-links-vertical-expanded-mobile-example-jump-links-fifth"
753
+ >
754
+ <span
755
+ class="pf-v5-c-jump-links__link-text"
756
+ >Fifth section</span>
757
+ </a>
758
+ </span>
719
759
  </li>
720
760
  </ul>
721
761
  </nav>
@@ -1058,44 +1098,64 @@ section: components
1058
1098
  </div>
1059
1099
  <ul class="pf-v5-c-jump-links__list" role="list">
1060
1100
  <li class="pf-v5-c-jump-links__item pf-m-current">
1061
- <a
1062
- class="pf-v5-c-jump-links__link"
1063
- href="#jump-links-vertical-toggle-text-mobile-example-jump-links-first"
1064
- >
1065
- <span class="pf-v5-c-jump-links__link-text">First section</span>
1066
- </a>
1101
+ <span class="pf-v5-c-jump-links__link">
1102
+ <a
1103
+ class="pf-v5-c-button pf-m-link"
1104
+ href="#jump-links-vertical-toggle-text-mobile-example-jump-links-first"
1105
+ >
1106
+ <span
1107
+ class="pf-v5-c-jump-links__link-text"
1108
+ >First section</span>
1109
+ </a>
1110
+ </span>
1067
1111
  </li>
1068
1112
  <li class="pf-v5-c-jump-links__item">
1069
- <a
1070
- class="pf-v5-c-jump-links__link"
1071
- href="#jump-links-vertical-toggle-text-mobile-example-jump-links-second"
1072
- >
1073
- <span class="pf-v5-c-jump-links__link-text">Second section</span>
1074
- </a>
1113
+ <span class="pf-v5-c-jump-links__link">
1114
+ <a
1115
+ class="pf-v5-c-button pf-m-link"
1116
+ href="#jump-links-vertical-toggle-text-mobile-example-jump-links-second"
1117
+ >
1118
+ <span
1119
+ class="pf-v5-c-jump-links__link-text"
1120
+ >Second section</span>
1121
+ </a>
1122
+ </span>
1075
1123
  </li>
1076
1124
  <li class="pf-v5-c-jump-links__item">
1077
- <a
1078
- class="pf-v5-c-jump-links__link"
1079
- href="#jump-links-vertical-toggle-text-mobile-example-jump-links-third"
1080
- >
1081
- <span class="pf-v5-c-jump-links__link-text">Third section</span>
1082
- </a>
1125
+ <span class="pf-v5-c-jump-links__link">
1126
+ <a
1127
+ class="pf-v5-c-button pf-m-link"
1128
+ href="#jump-links-vertical-toggle-text-mobile-example-jump-links-third"
1129
+ >
1130
+ <span
1131
+ class="pf-v5-c-jump-links__link-text"
1132
+ >Third section</span>
1133
+ </a>
1134
+ </span>
1083
1135
  </li>
1084
1136
  <li class="pf-v5-c-jump-links__item">
1085
- <a
1086
- class="pf-v5-c-jump-links__link"
1087
- href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fourth"
1088
- >
1089
- <span class="pf-v5-c-jump-links__link-text">Fourth section</span>
1090
- </a>
1137
+ <span class="pf-v5-c-jump-links__link">
1138
+ <a
1139
+ class="pf-v5-c-button pf-m-link"
1140
+ href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fourth"
1141
+ >
1142
+ <span
1143
+ class="pf-v5-c-jump-links__link-text"
1144
+ >Fourth section</span>
1145
+ </a>
1146
+ </span>
1091
1147
  </li>
1092
1148
  <li class="pf-v5-c-jump-links__item">
1093
- <a
1094
- class="pf-v5-c-jump-links__link"
1095
- href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fifth"
1096
- >
1097
- <span class="pf-v5-c-jump-links__link-text">Fifth section</span>
1098
- </a>
1149
+ <span class="pf-v5-c-jump-links__link">
1150
+ <a
1151
+ class="pf-v5-c-button pf-m-link"
1152
+ href="#jump-links-vertical-toggle-text-mobile-example-jump-links-fifth"
1153
+ >
1154
+ <span
1155
+ class="pf-v5-c-jump-links__link-text"
1156
+ >Fifth section</span>
1157
+ </a>
1158
+ </span>
1099
1159
  </li>
1100
1160
  </ul>
1101
1161
  </nav>
@@ -1415,29 +1475,39 @@ section: components
1415
1475
  </div>
1416
1476
  <ul class="pf-v5-c-jump-links__list" role="list">
1417
1477
  <li class="pf-v5-c-jump-links__item pf-m-current">
1418
- <a class="pf-v5-c-jump-links__link" href="#-first">
1419
- <span class="pf-v5-c-jump-links__link-text">First section</span>
1420
- </a>
1478
+ <span class="pf-v5-c-jump-links__link">
1479
+ <a class="pf-v5-c-button pf-m-link" href="#-first">
1480
+ <span class="pf-v5-c-jump-links__link-text">First section</span>
1481
+ </a>
1482
+ </span>
1421
1483
  </li>
1422
1484
  <li class="pf-v5-c-jump-links__item">
1423
- <a class="pf-v5-c-jump-links__link" href="#-second">
1424
- <span class="pf-v5-c-jump-links__link-text">Second section</span>
1425
- </a>
1485
+ <span class="pf-v5-c-jump-links__link">
1486
+ <a class="pf-v5-c-button pf-m-link" href="#-second">
1487
+ <span class="pf-v5-c-jump-links__link-text">Second section</span>
1488
+ </a>
1489
+ </span>
1426
1490
  </li>
1427
1491
  <li class="pf-v5-c-jump-links__item">
1428
- <a class="pf-v5-c-jump-links__link" href="#-third">
1429
- <span class="pf-v5-c-jump-links__link-text">Third section</span>
1430
- </a>
1492
+ <span class="pf-v5-c-jump-links__link">
1493
+ <a class="pf-v5-c-button pf-m-link" href="#-third">
1494
+ <span class="pf-v5-c-jump-links__link-text">Third section</span>
1495
+ </a>
1496
+ </span>
1431
1497
  </li>
1432
1498
  <li class="pf-v5-c-jump-links__item">
1433
- <a class="pf-v5-c-jump-links__link" href="#-fourth">
1434
- <span class="pf-v5-c-jump-links__link-text">Fourth section</span>
1435
- </a>
1499
+ <span class="pf-v5-c-jump-links__link">
1500
+ <a class="pf-v5-c-button pf-m-link" href="#-fourth">
1501
+ <span class="pf-v5-c-jump-links__link-text">Fourth section</span>
1502
+ </a>
1503
+ </span>
1436
1504
  </li>
1437
1505
  <li class="pf-v5-c-jump-links__item">
1438
- <a class="pf-v5-c-jump-links__link" href="#-fifth">
1439
- <span class="pf-v5-c-jump-links__link-text">Fifth section</span>
1440
- </a>
1506
+ <span class="pf-v5-c-jump-links__link">
1507
+ <a class="pf-v5-c-button pf-m-link" href="#-fifth">
1508
+ <span class="pf-v5-c-jump-links__link-text">Fifth section</span>
1509
+ </a>
1510
+ </span>
1441
1511
  </li>
1442
1512
  </ul>
1443
1513
  </div>
@@ -1707,54 +1777,64 @@ section: components
1707
1777
  <div class="pf-v5-c-jump-links__label">Jump to section</div>
1708
1778
  <ul class="pf-v5-c-jump-links__list" role="list">
1709
1779
  <li class="pf-v5-c-jump-links__item pf-m-current">
1710
- <a
1711
- class="pf-v5-c-jump-links__link"
1712
- href="#jump-links-drawer-jump-links-first"
1713
- >
1714
- <span
1715
- class="pf-v5-c-jump-links__link-text"
1716
- >First section</span>
1717
- </a>
1780
+ <span class="pf-v5-c-jump-links__link">
1781
+ <a
1782
+ class="pf-v5-c-button pf-m-link"
1783
+ href="#jump-links-drawer-jump-links-first"
1784
+ >
1785
+ <span
1786
+ class="pf-v5-c-jump-links__link-text"
1787
+ >First section</span>
1788
+ </a>
1789
+ </span>
1718
1790
  </li>
1719
1791
  <li class="pf-v5-c-jump-links__item">
1720
- <a
1721
- class="pf-v5-c-jump-links__link"
1722
- href="#jump-links-drawer-jump-links-second"
1723
- >
1724
- <span
1725
- class="pf-v5-c-jump-links__link-text"
1726
- >Second section</span>
1727
- </a>
1792
+ <span class="pf-v5-c-jump-links__link">
1793
+ <a
1794
+ class="pf-v5-c-button pf-m-link"
1795
+ href="#jump-links-drawer-jump-links-second"
1796
+ >
1797
+ <span
1798
+ class="pf-v5-c-jump-links__link-text"
1799
+ >Second section</span>
1800
+ </a>
1801
+ </span>
1728
1802
  </li>
1729
1803
  <li class="pf-v5-c-jump-links__item">
1730
- <a
1731
- class="pf-v5-c-jump-links__link"
1732
- href="#jump-links-drawer-jump-links-third"
1733
- >
1734
- <span
1735
- class="pf-v5-c-jump-links__link-text"
1736
- >Third section</span>
1737
- </a>
1804
+ <span class="pf-v5-c-jump-links__link">
1805
+ <a
1806
+ class="pf-v5-c-button pf-m-link"
1807
+ href="#jump-links-drawer-jump-links-third"
1808
+ >
1809
+ <span
1810
+ class="pf-v5-c-jump-links__link-text"
1811
+ >Third section</span>
1812
+ </a>
1813
+ </span>
1738
1814
  </li>
1739
1815
  <li class="pf-v5-c-jump-links__item">
1740
- <a
1741
- class="pf-v5-c-jump-links__link"
1742
- href="#jump-links-drawer-jump-links-fourth"
1743
- >
1744
- <span
1745
- class="pf-v5-c-jump-links__link-text"
1746
- >Fourth section</span>
1747
- </a>
1816
+ <span class="pf-v5-c-jump-links__link">
1817
+ <a
1818
+ class="pf-v5-c-button pf-m-link"
1819
+ href="#jump-links-drawer-jump-links-fourth"
1820
+ >
1821
+ <span
1822
+ class="pf-v5-c-jump-links__link-text"
1823
+ >Fourth section</span>
1824
+ </a>
1825
+ </span>
1748
1826
  </li>
1749
1827
  <li class="pf-v5-c-jump-links__item">
1750
- <a
1751
- class="pf-v5-c-jump-links__link"
1752
- href="#jump-links-drawer-jump-links-fifth"
1753
- >
1754
- <span
1755
- class="pf-v5-c-jump-links__link-text"
1756
- >Fifth section</span>
1757
- </a>
1828
+ <span class="pf-v5-c-jump-links__link">
1829
+ <a
1830
+ class="pf-v5-c-button pf-m-link"
1831
+ href="#jump-links-drawer-jump-links-fifth"
1832
+ >
1833
+ <span
1834
+ class="pf-v5-c-jump-links__link-text"
1835
+ >Fifth section</span>
1836
+ </a>
1837
+ </span>
1758
1838
  </li>
1759
1839
  </ul>
1760
1840
  </nav>
@@ -2054,54 +2134,64 @@ section: components
2054
2134
  <div class="pf-v5-c-jump-links__label">Jump to section</div>
2055
2135
  <ul class="pf-v5-c-jump-links__list" role="list">
2056
2136
  <li class="pf-v5-c-jump-links__item pf-m-current">
2057
- <a
2058
- class="pf-v5-c-jump-links__link"
2059
- href="#jump-links-drawer-expanded-jump-links-first"
2060
- >
2061
- <span
2062
- class="pf-v5-c-jump-links__link-text"
2063
- >First section</span>
2064
- </a>
2137
+ <span class="pf-v5-c-jump-links__link">
2138
+ <a
2139
+ class="pf-v5-c-button pf-m-link"
2140
+ href="#jump-links-drawer-expanded-jump-links-first"
2141
+ >
2142
+ <span
2143
+ class="pf-v5-c-jump-links__link-text"
2144
+ >First section</span>
2145
+ </a>
2146
+ </span>
2065
2147
  </li>
2066
2148
  <li class="pf-v5-c-jump-links__item">
2067
- <a
2068
- class="pf-v5-c-jump-links__link"
2069
- href="#jump-links-drawer-expanded-jump-links-second"
2070
- >
2071
- <span
2072
- class="pf-v5-c-jump-links__link-text"
2073
- >Second section</span>
2074
- </a>
2149
+ <span class="pf-v5-c-jump-links__link">
2150
+ <a
2151
+ class="pf-v5-c-button pf-m-link"
2152
+ href="#jump-links-drawer-expanded-jump-links-second"
2153
+ >
2154
+ <span
2155
+ class="pf-v5-c-jump-links__link-text"
2156
+ >Second section</span>
2157
+ </a>
2158
+ </span>
2075
2159
  </li>
2076
2160
  <li class="pf-v5-c-jump-links__item">
2077
- <a
2078
- class="pf-v5-c-jump-links__link"
2079
- href="#jump-links-drawer-expanded-jump-links-third"
2080
- >
2081
- <span
2082
- class="pf-v5-c-jump-links__link-text"
2083
- >Third section</span>
2084
- </a>
2161
+ <span class="pf-v5-c-jump-links__link">
2162
+ <a
2163
+ class="pf-v5-c-button pf-m-link"
2164
+ href="#jump-links-drawer-expanded-jump-links-third"
2165
+ >
2166
+ <span
2167
+ class="pf-v5-c-jump-links__link-text"
2168
+ >Third section</span>
2169
+ </a>
2170
+ </span>
2085
2171
  </li>
2086
2172
  <li class="pf-v5-c-jump-links__item">
2087
- <a
2088
- class="pf-v5-c-jump-links__link"
2089
- href="#jump-links-drawer-expanded-jump-links-fourth"
2090
- >
2091
- <span
2092
- class="pf-v5-c-jump-links__link-text"
2093
- >Fourth section</span>
2094
- </a>
2173
+ <span class="pf-v5-c-jump-links__link">
2174
+ <a
2175
+ class="pf-v5-c-button pf-m-link"
2176
+ href="#jump-links-drawer-expanded-jump-links-fourth"
2177
+ >
2178
+ <span
2179
+ class="pf-v5-c-jump-links__link-text"
2180
+ >Fourth section</span>
2181
+ </a>
2182
+ </span>
2095
2183
  </li>
2096
2184
  <li class="pf-v5-c-jump-links__item">
2097
- <a
2098
- class="pf-v5-c-jump-links__link"
2099
- href="#jump-links-drawer-expanded-jump-links-fifth"
2100
- >
2101
- <span
2102
- class="pf-v5-c-jump-links__link-text"
2103
- >Fifth section</span>
2104
- </a>
2185
+ <span class="pf-v5-c-jump-links__link">
2186
+ <a
2187
+ class="pf-v5-c-button pf-m-link"
2188
+ href="#jump-links-drawer-expanded-jump-links-fifth"
2189
+ >
2190
+ <span
2191
+ class="pf-v5-c-jump-links__link-text"
2192
+ >Fifth section</span>
2193
+ </a>
2194
+ </span>
2105
2195
  </li>
2106
2196
  </ul>
2107
2197
  </nav>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.54",
4
+ "version": "6.0.0-alpha.56",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {