@patternfly/patternfly 4.176.1 → 4.176.2

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 (11) hide show
  1. package/components/Nav/nav.css +11 -0
  2. package/components/Nav/nav.scss +14 -0
  3. package/docs/components/LogViewer/examples/LogViewer.md +9 -9
  4. package/docs/components/Menu/examples/Menu.md +43 -42
  5. package/docs/components/Nav/examples/Navigation.md +23 -44
  6. package/docs/demos/Masthead/examples/Masthead.md +12 -4
  7. package/package.json +1 -1
  8. package/patternfly-no-reset.css +11 -0
  9. package/patternfly.css +11 -0
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -854,7 +854,7 @@ cssPrefix: pf-c-nav
854
854
  <div class="pf-c-menu">
855
855
  <div class="pf-c-menu__content">
856
856
  <ul class="pf-c-menu__list">
857
- <li class="pf-c-menu__list-item">
857
+ <li class="pf-c-menu__list-item pf-m-drill-up">
858
858
  <button class="pf-c-menu__item" type="button" tabindex="0">
859
859
  <span class="pf-c-menu__item-main">
860
860
  <span class="pf-c-menu__item-toggle-icon">
@@ -864,7 +864,6 @@ cssPrefix: pf-c-nav
864
864
  </span>
865
865
  </button>
866
866
  </li>
867
- <li class="pf-c-divider" role="separator"></li>
868
867
  <li class="pf-c-menu__list-item">
869
868
  <button
870
869
  class="pf-c-menu__item"
@@ -881,7 +880,7 @@ cssPrefix: pf-c-nav
881
880
  <div class="pf-c-menu">
882
881
  <div class="pf-c-menu__content">
883
882
  <ul class="pf-c-menu__list">
884
- <li class="pf-c-menu__list-item">
883
+ <li class="pf-c-menu__list-item pf-m-drill-up">
885
884
  <button
886
885
  class="pf-c-menu__item"
887
886
  type="button"
@@ -895,7 +894,6 @@ cssPrefix: pf-c-nav
895
894
  </span>
896
895
  </button>
897
896
  </li>
898
- <li class="pf-c-divider" role="separator"></li>
899
897
  <li class="pf-c-menu__list-item">
900
898
  <button class="pf-c-menu__item" type="button">
901
899
  <span class="pf-c-menu__item-main">
@@ -935,7 +933,7 @@ cssPrefix: pf-c-nav
935
933
  <div class="pf-c-menu">
936
934
  <div class="pf-c-menu__content">
937
935
  <ul class="pf-c-menu__list">
938
- <li class="pf-c-menu__list-item">
936
+ <li class="pf-c-menu__list-item pf-m-drill-up">
939
937
  <button
940
938
  class="pf-c-menu__item"
941
939
  type="button"
@@ -951,7 +949,6 @@ cssPrefix: pf-c-nav
951
949
  </span>
952
950
  </button>
953
951
  </li>
954
- <li class="pf-c-divider" role="separator"></li>
955
952
  <li class="pf-c-menu__list-item">
956
953
  <button class="pf-c-menu__item" type="button">
957
954
  <span class="pf-c-menu__item-main">
@@ -999,7 +996,7 @@ cssPrefix: pf-c-nav
999
996
  <div class="pf-c-menu">
1000
997
  <div class="pf-c-menu__content">
1001
998
  <ul class="pf-c-menu__list">
1002
- <li class="pf-c-menu__list-item">
999
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1003
1000
  <button class="pf-c-menu__item" type="button">
1004
1001
  <span class="pf-c-menu__item-main">
1005
1002
  <span class="pf-c-menu__item-toggle-icon">
@@ -1009,7 +1006,6 @@ cssPrefix: pf-c-nav
1009
1006
  </span>
1010
1007
  </button>
1011
1008
  </li>
1012
- <li class="pf-c-divider" role="separator"></li>
1013
1009
  <li class="pf-c-menu__list-item">
1014
1010
  <button class="pf-c-menu__item" type="button">
1015
1011
  <span class="pf-c-menu__item-main">
@@ -1060,7 +1056,7 @@ cssPrefix: pf-c-nav
1060
1056
  <div class="pf-c-menu">
1061
1057
  <div class="pf-c-menu__content">
1062
1058
  <ul class="pf-c-menu__list">
1063
- <li class="pf-c-menu__list-item">
1059
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1064
1060
  <button class="pf-c-menu__item" type="button">
1065
1061
  <span class="pf-c-menu__item-main">
1066
1062
  <span class="pf-c-menu__item-toggle-icon">
@@ -1070,7 +1066,6 @@ cssPrefix: pf-c-nav
1070
1066
  </span>
1071
1067
  </button>
1072
1068
  </li>
1073
- <li class="pf-c-divider" role="separator"></li>
1074
1069
  <li class="pf-c-menu__list-item">
1075
1070
  <button
1076
1071
  class="pf-c-menu__item"
@@ -1087,7 +1082,7 @@ cssPrefix: pf-c-nav
1087
1082
  <div class="pf-c-menu">
1088
1083
  <div class="pf-c-menu__content">
1089
1084
  <ul class="pf-c-menu__list">
1090
- <li class="pf-c-menu__list-item">
1085
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1091
1086
  <button class="pf-c-menu__item" type="button">
1092
1087
  <span class="pf-c-menu__item-main">
1093
1088
  <span class="pf-c-menu__item-toggle-icon">
@@ -1097,7 +1092,6 @@ cssPrefix: pf-c-nav
1097
1092
  </span>
1098
1093
  </button>
1099
1094
  </li>
1100
- <li class="pf-c-divider" role="separator"></li>
1101
1095
  <li class="pf-c-menu__list-item">
1102
1096
  <button class="pf-c-menu__item" type="button">
1103
1097
  <span class="pf-c-menu__item-main">
@@ -1162,7 +1156,7 @@ cssPrefix: pf-c-nav
1162
1156
  <div class="pf-c-menu">
1163
1157
  <div class="pf-c-menu__content">
1164
1158
  <ul class="pf-c-menu__list">
1165
- <li class="pf-c-menu__list-item">
1159
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1166
1160
  <button class="pf-c-menu__item" type="button">
1167
1161
  <span class="pf-c-menu__item-main">
1168
1162
  <span class="pf-c-menu__item-toggle-icon">
@@ -1174,7 +1168,6 @@ cssPrefix: pf-c-nav
1174
1168
  </span>
1175
1169
  </button>
1176
1170
  </li>
1177
- <li class="pf-c-divider" role="separator"></li>
1178
1171
  <li class="pf-c-menu__list-item">
1179
1172
  <button class="pf-c-menu__item" type="button">
1180
1173
  <span class="pf-c-menu__item-main">
@@ -1211,7 +1204,7 @@ cssPrefix: pf-c-nav
1211
1204
  <div class="pf-c-menu pf-m-drilldown pf-m-drilled-in">
1212
1205
  <div
1213
1206
  class="pf-c-menu__content"
1214
- style="--pf-c-menu__content--Height: 226px;"
1207
+ style="--pf-c-menu__content--Height: 228px;"
1215
1208
  >
1216
1209
  <ul class="pf-c-menu__list">
1217
1210
  <li class="pf-c-menu__list-item">
@@ -1254,7 +1247,7 @@ cssPrefix: pf-c-nav
1254
1247
  <div class="pf-c-menu">
1255
1248
  <div class="pf-c-menu__content">
1256
1249
  <ul class="pf-c-menu__list">
1257
- <li class="pf-c-menu__list-item">
1250
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1258
1251
  <button class="pf-c-menu__item" type="button" tabindex="0">
1259
1252
  <span class="pf-c-menu__item-main">
1260
1253
  <span class="pf-c-menu__item-toggle-icon">
@@ -1264,7 +1257,6 @@ cssPrefix: pf-c-nav
1264
1257
  </span>
1265
1258
  </button>
1266
1259
  </li>
1267
- <li class="pf-c-divider" role="separator"></li>
1268
1260
  <li class="pf-c-menu__list-item">
1269
1261
  <button
1270
1262
  class="pf-c-menu__item"
@@ -1281,7 +1273,7 @@ cssPrefix: pf-c-nav
1281
1273
  <div class="pf-c-menu">
1282
1274
  <div class="pf-c-menu__content">
1283
1275
  <ul class="pf-c-menu__list">
1284
- <li class="pf-c-menu__list-item">
1276
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1285
1277
  <button
1286
1278
  class="pf-c-menu__item"
1287
1279
  type="button"
@@ -1295,7 +1287,6 @@ cssPrefix: pf-c-nav
1295
1287
  </span>
1296
1288
  </button>
1297
1289
  </li>
1298
- <li class="pf-c-divider" role="separator"></li>
1299
1290
  <li class="pf-c-menu__list-item">
1300
1291
  <button class="pf-c-menu__item" type="button">
1301
1292
  <span class="pf-c-menu__item-main">
@@ -1335,7 +1326,7 @@ cssPrefix: pf-c-nav
1335
1326
  <div class="pf-c-menu">
1336
1327
  <div class="pf-c-menu__content">
1337
1328
  <ul class="pf-c-menu__list">
1338
- <li class="pf-c-menu__list-item">
1329
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1339
1330
  <button
1340
1331
  class="pf-c-menu__item"
1341
1332
  type="button"
@@ -1351,7 +1342,6 @@ cssPrefix: pf-c-nav
1351
1342
  </span>
1352
1343
  </button>
1353
1344
  </li>
1354
- <li class="pf-c-divider" role="separator"></li>
1355
1345
  <li class="pf-c-menu__list-item">
1356
1346
  <button class="pf-c-menu__item" type="button">
1357
1347
  <span class="pf-c-menu__item-main">
@@ -1399,7 +1389,7 @@ cssPrefix: pf-c-nav
1399
1389
  <div class="pf-c-menu">
1400
1390
  <div class="pf-c-menu__content">
1401
1391
  <ul class="pf-c-menu__list">
1402
- <li class="pf-c-menu__list-item">
1392
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1403
1393
  <button class="pf-c-menu__item" type="button">
1404
1394
  <span class="pf-c-menu__item-main">
1405
1395
  <span class="pf-c-menu__item-toggle-icon">
@@ -1409,7 +1399,6 @@ cssPrefix: pf-c-nav
1409
1399
  </span>
1410
1400
  </button>
1411
1401
  </li>
1412
- <li class="pf-c-divider" role="separator"></li>
1413
1402
  <li class="pf-c-menu__list-item">
1414
1403
  <button class="pf-c-menu__item" type="button">
1415
1404
  <span class="pf-c-menu__item-main">
@@ -1460,7 +1449,7 @@ cssPrefix: pf-c-nav
1460
1449
  <div class="pf-c-menu">
1461
1450
  <div class="pf-c-menu__content">
1462
1451
  <ul class="pf-c-menu__list">
1463
- <li class="pf-c-menu__list-item">
1452
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1464
1453
  <button class="pf-c-menu__item" type="button">
1465
1454
  <span class="pf-c-menu__item-main">
1466
1455
  <span class="pf-c-menu__item-toggle-icon">
@@ -1470,7 +1459,6 @@ cssPrefix: pf-c-nav
1470
1459
  </span>
1471
1460
  </button>
1472
1461
  </li>
1473
- <li class="pf-c-divider" role="separator"></li>
1474
1462
  <li class="pf-c-menu__list-item">
1475
1463
  <button
1476
1464
  class="pf-c-menu__item"
@@ -1487,7 +1475,7 @@ cssPrefix: pf-c-nav
1487
1475
  <div class="pf-c-menu">
1488
1476
  <div class="pf-c-menu__content">
1489
1477
  <ul class="pf-c-menu__list">
1490
- <li class="pf-c-menu__list-item">
1478
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1491
1479
  <button class="pf-c-menu__item" type="button">
1492
1480
  <span class="pf-c-menu__item-main">
1493
1481
  <span class="pf-c-menu__item-toggle-icon">
@@ -1497,7 +1485,6 @@ cssPrefix: pf-c-nav
1497
1485
  </span>
1498
1486
  </button>
1499
1487
  </li>
1500
- <li class="pf-c-divider" role="separator"></li>
1501
1488
  <li class="pf-c-menu__list-item">
1502
1489
  <button class="pf-c-menu__item" type="button">
1503
1490
  <span class="pf-c-menu__item-main">
@@ -1562,7 +1549,7 @@ cssPrefix: pf-c-nav
1562
1549
  <div class="pf-c-menu">
1563
1550
  <div class="pf-c-menu__content">
1564
1551
  <ul class="pf-c-menu__list">
1565
- <li class="pf-c-menu__list-item">
1552
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1566
1553
  <button class="pf-c-menu__item" type="button">
1567
1554
  <span class="pf-c-menu__item-main">
1568
1555
  <span class="pf-c-menu__item-toggle-icon">
@@ -1574,7 +1561,6 @@ cssPrefix: pf-c-nav
1574
1561
  </span>
1575
1562
  </button>
1576
1563
  </li>
1577
- <li class="pf-c-divider" role="separator"></li>
1578
1564
  <li class="pf-c-menu__list-item">
1579
1565
  <button class="pf-c-menu__item" type="button">
1580
1566
  <span class="pf-c-menu__item-main">
@@ -1611,7 +1597,7 @@ cssPrefix: pf-c-nav
1611
1597
  <div class="pf-c-menu pf-m-drilldown pf-m-drilled-in">
1612
1598
  <div
1613
1599
  class="pf-c-menu__content"
1614
- style="--pf-c-menu__content--Height: 282px;"
1600
+ style="--pf-c-menu__content--Height: 284px;"
1615
1601
  >
1616
1602
  <ul class="pf-c-menu__list">
1617
1603
  <li class="pf-c-menu__list-item">
@@ -1654,7 +1640,7 @@ cssPrefix: pf-c-nav
1654
1640
  <div class="pf-c-menu pf-m-drilled-in">
1655
1641
  <div class="pf-c-menu__content">
1656
1642
  <ul class="pf-c-menu__list">
1657
- <li class="pf-c-menu__list-item">
1643
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1658
1644
  <button class="pf-c-menu__item" type="button" tabindex="0">
1659
1645
  <span class="pf-c-menu__item-main">
1660
1646
  <span class="pf-c-menu__item-toggle-icon">
@@ -1664,7 +1650,6 @@ cssPrefix: pf-c-nav
1664
1650
  </span>
1665
1651
  </button>
1666
1652
  </li>
1667
- <li class="pf-c-divider" role="separator"></li>
1668
1653
  <li class="pf-c-menu__list-item pf-m-current-path">
1669
1654
  <button
1670
1655
  class="pf-c-menu__item"
@@ -1681,7 +1666,7 @@ cssPrefix: pf-c-nav
1681
1666
  <div class="pf-c-menu">
1682
1667
  <div class="pf-c-menu__content">
1683
1668
  <ul class="pf-c-menu__list">
1684
- <li class="pf-c-menu__list-item">
1669
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1685
1670
  <button
1686
1671
  class="pf-c-menu__item"
1687
1672
  type="button"
@@ -1695,7 +1680,6 @@ cssPrefix: pf-c-nav
1695
1680
  </span>
1696
1681
  </button>
1697
1682
  </li>
1698
- <li class="pf-c-divider" role="separator"></li>
1699
1683
  <li class="pf-c-menu__list-item">
1700
1684
  <button class="pf-c-menu__item" type="button">
1701
1685
  <span class="pf-c-menu__item-main">
@@ -1735,7 +1719,7 @@ cssPrefix: pf-c-nav
1735
1719
  <div class="pf-c-menu">
1736
1720
  <div class="pf-c-menu__content">
1737
1721
  <ul class="pf-c-menu__list">
1738
- <li class="pf-c-menu__list-item">
1722
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1739
1723
  <button
1740
1724
  class="pf-c-menu__item"
1741
1725
  type="button"
@@ -1751,7 +1735,6 @@ cssPrefix: pf-c-nav
1751
1735
  </span>
1752
1736
  </button>
1753
1737
  </li>
1754
- <li class="pf-c-divider" role="separator"></li>
1755
1738
  <li class="pf-c-menu__list-item">
1756
1739
  <button class="pf-c-menu__item" type="button">
1757
1740
  <span class="pf-c-menu__item-main">
@@ -1799,7 +1782,7 @@ cssPrefix: pf-c-nav
1799
1782
  <div class="pf-c-menu">
1800
1783
  <div class="pf-c-menu__content">
1801
1784
  <ul class="pf-c-menu__list">
1802
- <li class="pf-c-menu__list-item">
1785
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1803
1786
  <button class="pf-c-menu__item" type="button">
1804
1787
  <span class="pf-c-menu__item-main">
1805
1788
  <span class="pf-c-menu__item-toggle-icon">
@@ -1809,7 +1792,6 @@ cssPrefix: pf-c-nav
1809
1792
  </span>
1810
1793
  </button>
1811
1794
  </li>
1812
- <li class="pf-c-divider" role="separator"></li>
1813
1795
  <li class="pf-c-menu__list-item">
1814
1796
  <button class="pf-c-menu__item" type="button">
1815
1797
  <span class="pf-c-menu__item-main">
@@ -1860,7 +1842,7 @@ cssPrefix: pf-c-nav
1860
1842
  <div class="pf-c-menu">
1861
1843
  <div class="pf-c-menu__content">
1862
1844
  <ul class="pf-c-menu__list">
1863
- <li class="pf-c-menu__list-item">
1845
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1864
1846
  <button class="pf-c-menu__item" type="button">
1865
1847
  <span class="pf-c-menu__item-main">
1866
1848
  <span class="pf-c-menu__item-toggle-icon">
@@ -1870,7 +1852,6 @@ cssPrefix: pf-c-nav
1870
1852
  </span>
1871
1853
  </button>
1872
1854
  </li>
1873
- <li class="pf-c-divider" role="separator"></li>
1874
1855
  <li class="pf-c-menu__list-item">
1875
1856
  <button
1876
1857
  class="pf-c-menu__item"
@@ -1887,7 +1868,7 @@ cssPrefix: pf-c-nav
1887
1868
  <div class="pf-c-menu">
1888
1869
  <div class="pf-c-menu__content">
1889
1870
  <ul class="pf-c-menu__list">
1890
- <li class="pf-c-menu__list-item">
1871
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1891
1872
  <button class="pf-c-menu__item" type="button">
1892
1873
  <span class="pf-c-menu__item-main">
1893
1874
  <span class="pf-c-menu__item-toggle-icon">
@@ -1897,7 +1878,6 @@ cssPrefix: pf-c-nav
1897
1878
  </span>
1898
1879
  </button>
1899
1880
  </li>
1900
- <li class="pf-c-divider" role="separator"></li>
1901
1881
  <li class="pf-c-menu__list-item">
1902
1882
  <button class="pf-c-menu__item" type="button">
1903
1883
  <span class="pf-c-menu__item-main">
@@ -1962,7 +1942,7 @@ cssPrefix: pf-c-nav
1962
1942
  <div class="pf-c-menu">
1963
1943
  <div class="pf-c-menu__content">
1964
1944
  <ul class="pf-c-menu__list">
1965
- <li class="pf-c-menu__list-item">
1945
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1966
1946
  <button class="pf-c-menu__item" type="button">
1967
1947
  <span class="pf-c-menu__item-main">
1968
1948
  <span class="pf-c-menu__item-toggle-icon">
@@ -1974,7 +1954,6 @@ cssPrefix: pf-c-nav
1974
1954
  </span>
1975
1955
  </button>
1976
1956
  </li>
1977
- <li class="pf-c-divider" role="separator"></li>
1978
1957
  <li class="pf-c-menu__list-item">
1979
1958
  <button class="pf-c-menu__item" type="button">
1980
1959
  <span class="pf-c-menu__item-main">
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1214,7 +1214,9 @@ wrapperTag: div
1214
1214
  <div class="pf-c-menu">
1215
1215
  <div class="pf-c-menu__content">
1216
1216
  <ul class="pf-c-menu__list">
1217
- <li class="pf-c-menu__list-item">
1217
+ <li
1218
+ class="pf-c-menu__list-item pf-m-drill-up"
1219
+ >
1218
1220
  <button
1219
1221
  class="pf-c-menu__item"
1220
1222
  type="button"
@@ -1281,7 +1283,9 @@ wrapperTag: div
1281
1283
  <div class="pf-c-menu">
1282
1284
  <div class="pf-c-menu__content">
1283
1285
  <ul class="pf-c-menu__list">
1284
- <li class="pf-c-menu__list-item">
1286
+ <li
1287
+ class="pf-c-menu__list-item pf-m-drill-up"
1288
+ >
1285
1289
  <button
1286
1290
  class="pf-c-menu__item"
1287
1291
  type="button"
@@ -2110,7 +2114,9 @@ wrapperTag: div
2110
2114
  <div class="pf-c-menu">
2111
2115
  <div class="pf-c-menu__content">
2112
2116
  <ul class="pf-c-menu__list">
2113
- <li class="pf-c-menu__list-item">
2117
+ <li
2118
+ class="pf-c-menu__list-item pf-m-drill-up"
2119
+ >
2114
2120
  <button
2115
2121
  class="pf-c-menu__item"
2116
2122
  type="button"
@@ -2177,7 +2183,9 @@ wrapperTag: div
2177
2183
  <div class="pf-c-menu">
2178
2184
  <div class="pf-c-menu__content">
2179
2185
  <ul class="pf-c-menu__list">
2180
- <li class="pf-c-menu__list-item">
2186
+ <li
2187
+ class="pf-c-menu__list-item pf-m-drill-up"
2188
+ >
2181
2189
  <button
2182
2190
  class="pf-c-menu__item"
2183
2191
  type="button"
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": "4.176.1",
4
+ "version": "4.176.2",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -17632,6 +17632,8 @@ ul.pf-c-list {
17632
17632
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
17633
17633
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17634
17634
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17635
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
17636
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
17635
17637
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
17636
17638
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
17637
17639
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -17760,6 +17762,15 @@ ul.pf-c-list {
17760
17762
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
17761
17763
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
17762
17764
  }
17765
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
17766
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
17767
+ }
17768
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
17769
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
17770
+ }
17771
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
17772
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
17773
+ }
17763
17774
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
17764
17775
  content: none;
17765
17776
  }
package/patternfly.css CHANGED
@@ -17754,6 +17754,8 @@ ul.pf-c-list {
17754
17754
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
17755
17755
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17756
17756
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17757
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
17758
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
17757
17759
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
17758
17760
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
17759
17761
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -17882,6 +17884,15 @@ ul.pf-c-list {
17882
17884
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
17883
17885
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
17884
17886
  }
17887
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
17888
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
17889
+ }
17890
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
17891
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
17892
+ }
17893
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
17894
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
17895
+ }
17885
17896
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
17886
17897
  content: none;
17887
17898
  }