@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/components/Nav/nav.css CHANGED
@@ -271,6 +271,8 @@
271
271
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
272
272
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
273
273
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
274
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
275
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
274
276
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
275
277
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
276
278
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -399,6 +401,15 @@
399
401
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
400
402
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
401
403
  }
404
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
405
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
406
+ }
407
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
408
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
409
+ }
410
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
411
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
412
+ }
402
413
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
403
414
  content: none;
404
415
  }
package/components/Nav/nav.scss CHANGED
@@ -329,6 +329,8 @@
329
329
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
330
330
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
331
331
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
332
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
333
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
332
334
 
333
335
  // Menu item
334
336
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
@@ -489,6 +491,18 @@
489
491
  }
490
492
  }
491
493
 
494
+ .pf-c-menu__list-item:where(.pf-m-drill-up) {
495
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
496
+
497
+ > .pf-c-menu__item {
498
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
499
+ }
500
+ }
501
+
502
+ .pf-c-menu__item-toggle-icon {
503
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
504
+ }
505
+
492
506
  &.pf-m-horizontal,
493
507
  &.pf-m-tertiary {
494
508
  .pf-c-nav__link::after {
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -216,7 +216,7 @@ cssPrefix: pf-c-log-viewer
216
216
  <div class="pf-c-menu" hidden>
217
217
  <div class="pf-c-menu__content">
218
218
  <ul class="pf-c-menu__list">
219
- <li class="pf-c-menu__list-item">
219
+ <li class="pf-c-menu__list-item pf-m-drill-up">
220
220
  <button
221
221
  class="pf-c-menu__item"
222
222
  type="button"
@@ -724,7 +724,7 @@ cssPrefix: pf-c-log-viewer
724
724
  <div class="pf-c-menu" hidden>
725
725
  <div class="pf-c-menu__content">
726
726
  <ul class="pf-c-menu__list">
727
- <li class="pf-c-menu__list-item">
727
+ <li class="pf-c-menu__list-item pf-m-drill-up">
728
728
  <button
729
729
  class="pf-c-menu__item"
730
730
  type="button"
@@ -1232,7 +1232,7 @@ cssPrefix: pf-c-log-viewer
1232
1232
  <div class="pf-c-menu" hidden>
1233
1233
  <div class="pf-c-menu__content">
1234
1234
  <ul class="pf-c-menu__list">
1235
- <li class="pf-c-menu__list-item">
1235
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1236
1236
  <button
1237
1237
  class="pf-c-menu__item"
1238
1238
  type="button"
@@ -1740,7 +1740,7 @@ cssPrefix: pf-c-log-viewer
1740
1740
  <div class="pf-c-menu" hidden>
1741
1741
  <div class="pf-c-menu__content">
1742
1742
  <ul class="pf-c-menu__list">
1743
- <li class="pf-c-menu__list-item">
1743
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1744
1744
  <button
1745
1745
  class="pf-c-menu__item"
1746
1746
  type="button"
@@ -2280,7 +2280,7 @@ cssPrefix: pf-c-log-viewer
2280
2280
  <div class="pf-c-menu" hidden>
2281
2281
  <div class="pf-c-menu__content">
2282
2282
  <ul class="pf-c-menu__list">
2283
- <li class="pf-c-menu__list-item">
2283
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2284
2284
  <button
2285
2285
  class="pf-c-menu__item"
2286
2286
  type="button"
@@ -2836,7 +2836,7 @@ cssPrefix: pf-c-log-viewer
2836
2836
  <div class="pf-c-menu" hidden>
2837
2837
  <div class="pf-c-menu__content">
2838
2838
  <ul class="pf-c-menu__list">
2839
- <li class="pf-c-menu__list-item">
2839
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2840
2840
  <button
2841
2841
  class="pf-c-menu__item"
2842
2842
  type="button"
@@ -3343,7 +3343,7 @@ cssPrefix: pf-c-log-viewer
3343
3343
  <div class="pf-c-menu">
3344
3344
  <div class="pf-c-menu__content">
3345
3345
  <ul class="pf-c-menu__list">
3346
- <li class="pf-c-menu__list-item">
3346
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3347
3347
  <button
3348
3348
  class="pf-c-menu__item"
3349
3349
  type="button"
@@ -3850,7 +3850,7 @@ cssPrefix: pf-c-log-viewer
3850
3850
  <div class="pf-c-menu" hidden>
3851
3851
  <div class="pf-c-menu__content">
3852
3852
  <ul class="pf-c-menu__list">
3853
- <li class="pf-c-menu__list-item">
3853
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3854
3854
  <button
3855
3855
  class="pf-c-menu__item"
3856
3856
  type="button"
@@ -4412,7 +4412,7 @@ cssPrefix: pf-c-log-viewer
4412
4412
  <div class="pf-c-menu" hidden>
4413
4413
  <div class="pf-c-menu__content">
4414
4414
  <ul class="pf-c-menu__list">
4415
- <li class="pf-c-menu__list-item">
4415
+ <li class="pf-c-menu__list-item pf-m-drill-up">
4416
4416
  <button
4417
4417
  class="pf-c-menu__item"
4418
4418
  type="button"
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -932,7 +932,7 @@ cssPrefix: pf-c-menu
932
932
  <div class="pf-c-menu">
933
933
  <div class="pf-c-menu__content">
934
934
  <ul class="pf-c-menu__list">
935
- <li class="pf-c-menu__list-item">
935
+ <li class="pf-c-menu__list-item pf-m-drill-up">
936
936
  <button class="pf-c-menu__item" type="button" tabindex="0">
937
937
  <span class="pf-c-menu__item-main">
938
938
  <span class="pf-c-menu__item-toggle-icon">
@@ -959,7 +959,7 @@ cssPrefix: pf-c-menu
959
959
  <div class="pf-c-menu">
960
960
  <div class="pf-c-menu__content">
961
961
  <ul class="pf-c-menu__list">
962
- <li class="pf-c-menu__list-item">
962
+ <li class="pf-c-menu__list-item pf-m-drill-up">
963
963
  <button
964
964
  class="pf-c-menu__item"
965
965
  type="button"
@@ -1011,7 +1011,7 @@ cssPrefix: pf-c-menu
1011
1011
  <div class="pf-c-menu">
1012
1012
  <div class="pf-c-menu__content">
1013
1013
  <ul class="pf-c-menu__list">
1014
- <li class="pf-c-menu__list-item">
1014
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1015
1015
  <button
1016
1016
  class="pf-c-menu__item"
1017
1017
  type="button"
@@ -1073,7 +1073,7 @@ cssPrefix: pf-c-menu
1073
1073
  <div class="pf-c-menu">
1074
1074
  <div class="pf-c-menu__content">
1075
1075
  <ul class="pf-c-menu__list">
1076
- <li class="pf-c-menu__list-item">
1076
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1077
1077
  <button class="pf-c-menu__item" type="button">
1078
1078
  <span class="pf-c-menu__item-main">
1079
1079
  <span class="pf-c-menu__item-toggle-icon">
@@ -1132,7 +1132,7 @@ cssPrefix: pf-c-menu
1132
1132
  <div class="pf-c-menu">
1133
1133
  <div class="pf-c-menu__content">
1134
1134
  <ul class="pf-c-menu__list">
1135
- <li class="pf-c-menu__list-item">
1135
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1136
1136
  <button class="pf-c-menu__item" type="button">
1137
1137
  <span class="pf-c-menu__item-main">
1138
1138
  <span class="pf-c-menu__item-toggle-icon">
@@ -1159,7 +1159,7 @@ cssPrefix: pf-c-menu
1159
1159
  <div class="pf-c-menu">
1160
1160
  <div class="pf-c-menu__content">
1161
1161
  <ul class="pf-c-menu__list">
1162
- <li class="pf-c-menu__list-item">
1162
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1163
1163
  <button class="pf-c-menu__item" type="button">
1164
1164
  <span class="pf-c-menu__item-main">
1165
1165
  <span class="pf-c-menu__item-toggle-icon">
@@ -1232,7 +1232,7 @@ cssPrefix: pf-c-menu
1232
1232
  <div class="pf-c-menu">
1233
1233
  <div class="pf-c-menu__content">
1234
1234
  <ul class="pf-c-menu__list">
1235
- <li class="pf-c-menu__list-item">
1235
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1236
1236
  <button class="pf-c-menu__item" type="button">
1237
1237
  <span class="pf-c-menu__item-main">
1238
1238
  <span class="pf-c-menu__item-toggle-icon">
@@ -1312,7 +1312,7 @@ cssPrefix: pf-c-menu
1312
1312
  <div class="pf-c-menu">
1313
1313
  <div class="pf-c-menu__content">
1314
1314
  <ul class="pf-c-menu__list">
1315
- <li class="pf-c-menu__list-item">
1315
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1316
1316
  <button class="pf-c-menu__item" type="button" tabindex="0">
1317
1317
  <span class="pf-c-menu__item-main">
1318
1318
  <span class="pf-c-menu__item-toggle-icon">
@@ -1339,7 +1339,7 @@ cssPrefix: pf-c-menu
1339
1339
  <div class="pf-c-menu">
1340
1340
  <div class="pf-c-menu__content">
1341
1341
  <ul class="pf-c-menu__list">
1342
- <li class="pf-c-menu__list-item">
1342
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1343
1343
  <button
1344
1344
  class="pf-c-menu__item"
1345
1345
  type="button"
@@ -1391,7 +1391,7 @@ cssPrefix: pf-c-menu
1391
1391
  <div class="pf-c-menu">
1392
1392
  <div class="pf-c-menu__content">
1393
1393
  <ul class="pf-c-menu__list">
1394
- <li class="pf-c-menu__list-item">
1394
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1395
1395
  <button
1396
1396
  class="pf-c-menu__item"
1397
1397
  type="button"
@@ -1453,7 +1453,7 @@ cssPrefix: pf-c-menu
1453
1453
  <div class="pf-c-menu">
1454
1454
  <div class="pf-c-menu__content">
1455
1455
  <ul class="pf-c-menu__list">
1456
- <li class="pf-c-menu__list-item">
1456
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1457
1457
  <button class="pf-c-menu__item" type="button">
1458
1458
  <span class="pf-c-menu__item-main">
1459
1459
  <span class="pf-c-menu__item-toggle-icon">
@@ -1512,7 +1512,7 @@ cssPrefix: pf-c-menu
1512
1512
  <div class="pf-c-menu">
1513
1513
  <div class="pf-c-menu__content">
1514
1514
  <ul class="pf-c-menu__list">
1515
- <li class="pf-c-menu__list-item">
1515
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1516
1516
  <button class="pf-c-menu__item" type="button">
1517
1517
  <span class="pf-c-menu__item-main">
1518
1518
  <span class="pf-c-menu__item-toggle-icon">
@@ -1539,7 +1539,7 @@ cssPrefix: pf-c-menu
1539
1539
  <div class="pf-c-menu">
1540
1540
  <div class="pf-c-menu__content">
1541
1541
  <ul class="pf-c-menu__list">
1542
- <li class="pf-c-menu__list-item">
1542
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1543
1543
  <button class="pf-c-menu__item" type="button">
1544
1544
  <span class="pf-c-menu__item-main">
1545
1545
  <span class="pf-c-menu__item-toggle-icon">
@@ -1612,7 +1612,7 @@ cssPrefix: pf-c-menu
1612
1612
  <div class="pf-c-menu">
1613
1613
  <div class="pf-c-menu__content">
1614
1614
  <ul class="pf-c-menu__list">
1615
- <li class="pf-c-menu__list-item">
1615
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1616
1616
  <button class="pf-c-menu__item" type="button">
1617
1617
  <span class="pf-c-menu__item-main">
1618
1618
  <span class="pf-c-menu__item-toggle-icon">
@@ -1692,7 +1692,7 @@ cssPrefix: pf-c-menu
1692
1692
  <div class="pf-c-menu pf-m-drilled-in">
1693
1693
  <div class="pf-c-menu__content">
1694
1694
  <ul class="pf-c-menu__list">
1695
- <li class="pf-c-menu__list-item">
1695
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1696
1696
  <button class="pf-c-menu__item" type="button" tabindex="0">
1697
1697
  <span class="pf-c-menu__item-main">
1698
1698
  <span class="pf-c-menu__item-toggle-icon">
@@ -1719,7 +1719,7 @@ cssPrefix: pf-c-menu
1719
1719
  <div class="pf-c-menu">
1720
1720
  <div class="pf-c-menu__content">
1721
1721
  <ul class="pf-c-menu__list">
1722
- <li class="pf-c-menu__list-item">
1722
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1723
1723
  <button
1724
1724
  class="pf-c-menu__item"
1725
1725
  type="button"
@@ -1771,7 +1771,7 @@ cssPrefix: pf-c-menu
1771
1771
  <div class="pf-c-menu">
1772
1772
  <div class="pf-c-menu__content">
1773
1773
  <ul class="pf-c-menu__list">
1774
- <li class="pf-c-menu__list-item">
1774
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1775
1775
  <button
1776
1776
  class="pf-c-menu__item"
1777
1777
  type="button"
@@ -1833,7 +1833,7 @@ cssPrefix: pf-c-menu
1833
1833
  <div class="pf-c-menu">
1834
1834
  <div class="pf-c-menu__content">
1835
1835
  <ul class="pf-c-menu__list">
1836
- <li class="pf-c-menu__list-item">
1836
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1837
1837
  <button class="pf-c-menu__item" type="button">
1838
1838
  <span class="pf-c-menu__item-main">
1839
1839
  <span class="pf-c-menu__item-toggle-icon">
@@ -1892,7 +1892,7 @@ cssPrefix: pf-c-menu
1892
1892
  <div class="pf-c-menu">
1893
1893
  <div class="pf-c-menu__content">
1894
1894
  <ul class="pf-c-menu__list">
1895
- <li class="pf-c-menu__list-item">
1895
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1896
1896
  <button class="pf-c-menu__item" type="button">
1897
1897
  <span class="pf-c-menu__item-main">
1898
1898
  <span class="pf-c-menu__item-toggle-icon">
@@ -1919,7 +1919,7 @@ cssPrefix: pf-c-menu
1919
1919
  <div class="pf-c-menu">
1920
1920
  <div class="pf-c-menu__content">
1921
1921
  <ul class="pf-c-menu__list">
1922
- <li class="pf-c-menu__list-item">
1922
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1923
1923
  <button class="pf-c-menu__item" type="button">
1924
1924
  <span class="pf-c-menu__item-main">
1925
1925
  <span class="pf-c-menu__item-toggle-icon">
@@ -1992,7 +1992,7 @@ cssPrefix: pf-c-menu
1992
1992
  <div class="pf-c-menu">
1993
1993
  <div class="pf-c-menu__content">
1994
1994
  <ul class="pf-c-menu__list">
1995
- <li class="pf-c-menu__list-item">
1995
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1996
1996
  <button class="pf-c-menu__item" type="button">
1997
1997
  <span class="pf-c-menu__item-main">
1998
1998
  <span class="pf-c-menu__item-toggle-icon">
@@ -2072,7 +2072,7 @@ cssPrefix: pf-c-menu
2072
2072
  <div class="pf-c-menu pf-m-drilled-in">
2073
2073
  <div class="pf-c-menu__content">
2074
2074
  <ul class="pf-c-menu__list">
2075
- <li class="pf-c-menu__list-item">
2075
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2076
2076
  <button class="pf-c-menu__item" type="button" tabindex="0">
2077
2077
  <span class="pf-c-menu__item-main">
2078
2078
  <span class="pf-c-menu__item-toggle-icon">
@@ -2099,7 +2099,7 @@ cssPrefix: pf-c-menu
2099
2099
  <div class="pf-c-menu pf-m-drilled-in">
2100
2100
  <div class="pf-c-menu__content">
2101
2101
  <ul class="pf-c-menu__list">
2102
- <li class="pf-c-menu__list-item">
2102
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2103
2103
  <button
2104
2104
  class="pf-c-menu__item"
2105
2105
  type="button"
@@ -2151,7 +2151,7 @@ cssPrefix: pf-c-menu
2151
2151
  <div class="pf-c-menu">
2152
2152
  <div class="pf-c-menu__content">
2153
2153
  <ul class="pf-c-menu__list">
2154
- <li class="pf-c-menu__list-item">
2154
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2155
2155
  <button
2156
2156
  class="pf-c-menu__item"
2157
2157
  type="button"
@@ -2213,7 +2213,7 @@ cssPrefix: pf-c-menu
2213
2213
  <div class="pf-c-menu">
2214
2214
  <div class="pf-c-menu__content">
2215
2215
  <ul class="pf-c-menu__list">
2216
- <li class="pf-c-menu__list-item">
2216
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2217
2217
  <button class="pf-c-menu__item" type="button">
2218
2218
  <span class="pf-c-menu__item-main">
2219
2219
  <span class="pf-c-menu__item-toggle-icon">
@@ -2272,7 +2272,7 @@ cssPrefix: pf-c-menu
2272
2272
  <div class="pf-c-menu">
2273
2273
  <div class="pf-c-menu__content">
2274
2274
  <ul class="pf-c-menu__list">
2275
- <li class="pf-c-menu__list-item">
2275
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2276
2276
  <button class="pf-c-menu__item" type="button">
2277
2277
  <span class="pf-c-menu__item-main">
2278
2278
  <span class="pf-c-menu__item-toggle-icon">
@@ -2299,7 +2299,7 @@ cssPrefix: pf-c-menu
2299
2299
  <div class="pf-c-menu">
2300
2300
  <div class="pf-c-menu__content">
2301
2301
  <ul class="pf-c-menu__list">
2302
- <li class="pf-c-menu__list-item">
2302
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2303
2303
  <button class="pf-c-menu__item" type="button">
2304
2304
  <span class="pf-c-menu__item-main">
2305
2305
  <span class="pf-c-menu__item-toggle-icon">
@@ -2372,7 +2372,7 @@ cssPrefix: pf-c-menu
2372
2372
  <div class="pf-c-menu">
2373
2373
  <div class="pf-c-menu__content">
2374
2374
  <ul class="pf-c-menu__list">
2375
- <li class="pf-c-menu__list-item">
2375
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2376
2376
  <button class="pf-c-menu__item" type="button">
2377
2377
  <span class="pf-c-menu__item-main">
2378
2378
  <span class="pf-c-menu__item-toggle-icon">
@@ -2455,7 +2455,7 @@ cssPrefix: pf-c-menu
2455
2455
  <div class="pf-c-menu">
2456
2456
  <div class="pf-c-menu__content">
2457
2457
  <ul class="pf-c-menu__list">
2458
- <li class="pf-c-menu__list-item">
2458
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2459
2459
  <button class="pf-c-menu__item" type="button" tabindex="0">
2460
2460
  <span class="pf-c-menu__item-main">
2461
2461
  <span class="pf-c-menu__item-toggle-icon">
@@ -2482,7 +2482,7 @@ cssPrefix: pf-c-menu
2482
2482
  <div class="pf-c-menu">
2483
2483
  <div class="pf-c-menu__content">
2484
2484
  <ul class="pf-c-menu__list">
2485
- <li class="pf-c-menu__list-item">
2485
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2486
2486
  <button
2487
2487
  class="pf-c-menu__item"
2488
2488
  type="button"
@@ -2534,7 +2534,7 @@ cssPrefix: pf-c-menu
2534
2534
  <div class="pf-c-menu">
2535
2535
  <div class="pf-c-menu__content">
2536
2536
  <ul class="pf-c-menu__list">
2537
- <li class="pf-c-menu__list-item">
2537
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2538
2538
  <button
2539
2539
  class="pf-c-menu__item"
2540
2540
  type="button"
@@ -2596,7 +2596,7 @@ cssPrefix: pf-c-menu
2596
2596
  <div class="pf-c-menu">
2597
2597
  <div class="pf-c-menu__content">
2598
2598
  <ul class="pf-c-menu__list">
2599
- <li class="pf-c-menu__list-item">
2599
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2600
2600
  <button class="pf-c-menu__item" type="button">
2601
2601
  <span class="pf-c-menu__item-main">
2602
2602
  <span class="pf-c-menu__item-toggle-icon">
@@ -2655,7 +2655,7 @@ cssPrefix: pf-c-menu
2655
2655
  <div class="pf-c-menu">
2656
2656
  <div class="pf-c-menu__content">
2657
2657
  <ul class="pf-c-menu__list">
2658
- <li class="pf-c-menu__list-item">
2658
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2659
2659
  <button class="pf-c-menu__item" type="button">
2660
2660
  <span class="pf-c-menu__item-main">
2661
2661
  <span class="pf-c-menu__item-toggle-icon">
@@ -2682,7 +2682,7 @@ cssPrefix: pf-c-menu
2682
2682
  <div class="pf-c-menu">
2683
2683
  <div class="pf-c-menu__content">
2684
2684
  <ul class="pf-c-menu__list">
2685
- <li class="pf-c-menu__list-item">
2685
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2686
2686
  <button class="pf-c-menu__item" type="button">
2687
2687
  <span class="pf-c-menu__item-main">
2688
2688
  <span class="pf-c-menu__item-toggle-icon">
@@ -2755,7 +2755,7 @@ cssPrefix: pf-c-menu
2755
2755
  <div class="pf-c-menu">
2756
2756
  <div class="pf-c-menu__content">
2757
2757
  <ul class="pf-c-menu__list">
2758
- <li class="pf-c-menu__list-item">
2758
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2759
2759
  <button class="pf-c-menu__item" type="button">
2760
2760
  <span class="pf-c-menu__item-main">
2761
2761
  <span class="pf-c-menu__item-toggle-icon">
@@ -2835,7 +2835,7 @@ cssPrefix: pf-c-menu
2835
2835
  <div class="pf-c-menu">
2836
2836
  <div class="pf-c-menu__content">
2837
2837
  <ul class="pf-c-menu__list">
2838
- <li class="pf-c-menu__list-item">
2838
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2839
2839
  <button class="pf-c-menu__item" type="button" tabindex="0">
2840
2840
  <span class="pf-c-menu__item-main">
2841
2841
  <span class="pf-c-menu__item-toggle-icon">
@@ -2862,7 +2862,7 @@ cssPrefix: pf-c-menu
2862
2862
  <div class="pf-c-menu">
2863
2863
  <div class="pf-c-menu__content">
2864
2864
  <ul class="pf-c-menu__list">
2865
- <li class="pf-c-menu__list-item">
2865
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2866
2866
  <button
2867
2867
  class="pf-c-menu__item"
2868
2868
  type="button"
@@ -2914,7 +2914,7 @@ cssPrefix: pf-c-menu
2914
2914
  <div class="pf-c-menu">
2915
2915
  <div class="pf-c-menu__content">
2916
2916
  <ul class="pf-c-menu__list">
2917
- <li class="pf-c-menu__list-item">
2917
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2918
2918
  <button
2919
2919
  class="pf-c-menu__item"
2920
2920
  type="button"
@@ -2976,7 +2976,7 @@ cssPrefix: pf-c-menu
2976
2976
  <div class="pf-c-menu">
2977
2977
  <div class="pf-c-menu__content">
2978
2978
  <ul class="pf-c-menu__list">
2979
- <li class="pf-c-menu__list-item">
2979
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2980
2980
  <button class="pf-c-menu__item" type="button">
2981
2981
  <span class="pf-c-menu__item-main">
2982
2982
  <span class="pf-c-menu__item-toggle-icon">
@@ -3035,7 +3035,7 @@ cssPrefix: pf-c-menu
3035
3035
  <div class="pf-c-menu">
3036
3036
  <div class="pf-c-menu__content">
3037
3037
  <ul class="pf-c-menu__list">
3038
- <li class="pf-c-menu__list-item">
3038
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3039
3039
  <button class="pf-c-menu__item" type="button">
3040
3040
  <span class="pf-c-menu__item-main">
3041
3041
  <span class="pf-c-menu__item-toggle-icon">
@@ -3062,7 +3062,7 @@ cssPrefix: pf-c-menu
3062
3062
  <div class="pf-c-menu">
3063
3063
  <div class="pf-c-menu__content">
3064
3064
  <ul class="pf-c-menu__list">
3065
- <li class="pf-c-menu__list-item">
3065
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3066
3066
  <button class="pf-c-menu__item" type="button">
3067
3067
  <span class="pf-c-menu__item-main">
3068
3068
  <span class="pf-c-menu__item-toggle-icon">
@@ -3135,7 +3135,7 @@ cssPrefix: pf-c-menu
3135
3135
  <div class="pf-c-menu">
3136
3136
  <div class="pf-c-menu__content">
3137
3137
  <ul class="pf-c-menu__list">
3138
- <li class="pf-c-menu__list-item">
3138
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3139
3139
  <button class="pf-c-menu__item" type="button">
3140
3140
  <span class="pf-c-menu__item-main">
3141
3141
  <span class="pf-c-menu__item-toggle-icon">
@@ -5079,6 +5079,7 @@ cssPrefix: pf-c-menu
5079
5079
  | `.pf-m-favorite` | `.pf-c-menu__item-action` | Modifies the menu item action to handle the favorite icon. |
5080
5080
  | `.pf-m-favorited` | `.pf-c-menu__item-action.pf-m-favorite` | Modifies the menu item action icon to be favorited. |
5081
5081
  | `.pf-m-selected` | `.pf-c-menu__item` | Modifies the menu item to be selected. |
5082
+ | `.pf-m-drill-up` | `.pf-c-menu__list-item` | Flags the menu item as a drill up button. |
5082
5083
  | `.pf-m-flyout` | `.pf-c-menu` | Modifies the menu so that all nested `.pf-c-menu` elements "flyout". |
5083
5084
  | `.pf-m-nav` | `.pf-c-menu` | Modifies the menu for nav variant. |
5084
5085
  | `.pf-m-top` | `.pf-c-menu` | Modifies a flyout menu to expand to the top. |