@patternfly/patternfly 4.158.0 → 4.160.0

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.
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.158.0",
4
+ "version": "4.160.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -9999,6 +9999,8 @@ label.pf-c-check, .pf-c-check__label,
9999
9999
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10000
10000
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10001
10001
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10002
+ --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
10003
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10002
10004
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10003
10005
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10004
10006
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10266,8 +10268,8 @@ label.pf-c-check, .pf-c-check__label,
10266
10268
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10267
10269
  }
10268
10270
  .pf-c-toolbar__expandable-content .pf-m-label {
10269
- display: none;
10270
- visibility: hidden;
10271
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10272
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10271
10273
  }
10272
10274
 
10273
10275
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -15780,6 +15782,7 @@ ul.pf-c-list {
15780
15782
  --pf-c-menu--MinWidth: auto;
15781
15783
  --pf-c-menu--Width: auto;
15782
15784
  --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
15785
+ --pf-c-menu--Top: auto;
15783
15786
  --pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop) * -1 + var(--pf-c-menu--m-flyout__menu--top-offset));
15784
15787
  --pf-c-menu--m-flyout__menu--Right: auto;
15785
15788
  --pf-c-menu--m-flyout__menu--Bottom: auto;
@@ -15896,11 +15899,38 @@ ul.pf-c-list {
15896
15899
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
15897
15900
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
15898
15901
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
15902
+ top: var(--pf-c-menu--Top);
15899
15903
  z-index: var(--pf-c-menu--ZIndex);
15900
15904
  width: var(--pf-c-menu--Width);
15901
15905
  min-width: var(--pf-c-menu--MinWidth);
15902
15906
  background-color: var(--pf-c-menu--BackgroundColor);
15903
15907
  box-shadow: var(--pf-c-menu--BoxShadow);
15908
+ --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
15909
+ --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
15910
+ --pf-c-menu--m-nav__list--PaddingTop: 0;
15911
+ --pf-c-menu--m-nav__list--PaddingBottom: 0;
15912
+ --pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
15913
+ --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
15914
+ --pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
15915
+ --pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
15916
+ --pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
15917
+ --pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
15918
+ --pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
15919
+ --pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
15920
+ --pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
15921
+ --pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
15922
+ --pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
15923
+ --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
15924
+ --pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
15925
+ --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
15926
+ --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
15927
+ --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
15928
+ --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
15929
+ --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
15930
+ --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
15931
+ --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
15932
+ --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
15933
+ --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
15904
15934
  }
15905
15935
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
15906
15936
  overflow: visible;
@@ -16000,6 +16030,62 @@ ul.pf-c-list {
16000
16030
  .pf-c-menu.pf-m-scrollable .pf-c-menu__content {
16001
16031
  overflow-y: auto;
16002
16032
  }
16033
+ .pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu {
16034
+ --pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
16035
+ --pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
16036
+ --pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
16037
+ --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
16038
+ --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
16039
+ --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
16040
+ --pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
16041
+ --pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
16042
+ --pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
16043
+ --pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
16044
+ --pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
16045
+ --pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
16046
+ box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
16047
+ }
16048
+ .pf-c-menu.pf-m-nav .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
16049
+ position: relative;
16050
+ outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
16051
+ }
16052
+ .pf-c-menu.pf-m-nav .pf-c-menu__item::before, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item::before {
16053
+ position: absolute;
16054
+ right: 0;
16055
+ bottom: 0;
16056
+ left: 0;
16057
+ content: "";
16058
+ border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
16059
+ }
16060
+ .pf-c-menu.pf-m-nav .pf-c-menu__item:hover::after, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover::after {
16061
+ position: absolute;
16062
+ top: var(--pf-c-menu--m-nav__item--hover--after--Top);
16063
+ bottom: 0;
16064
+ left: 0;
16065
+ content: "";
16066
+ border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
16067
+ }
16068
+ .pf-c-menu.pf-m-nav .pf-c-menu {
16069
+ width: 100%;
16070
+ }
16071
+ .pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
16072
+ top: var(--pf-c-menu--m-nav--c-menu--Top);
16073
+ left: var(--pf-c-menu--m-nav--c-menu--Left);
16074
+ }
16075
+ .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
16076
+ --pf-c-menu--m-nav--c-menu--Top: auto;
16077
+ bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
16078
+ }
16079
+ .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
16080
+ --pf-c-menu--m-nav--c-menu--Left: auto;
16081
+ right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
16082
+ }
16083
+ .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
16084
+ --pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
16085
+ }
16086
+ .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu {
16087
+ --pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top);
16088
+ }
16003
16089
 
16004
16090
  .pf-c-menu__breadcrumb {
16005
16091
  display: flex;
@@ -17371,14 +17457,14 @@ ul.pf-c-list {
17371
17457
  border-color: var(--pf-c-nav__link--after--BorderColor);
17372
17458
  border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
17373
17459
  }
17374
- .pf-c-nav__link:hover {
17460
+ .pf-c-nav__link:hover, .pf-c-nav__link.pf-m-hover {
17375
17461
  color: var(--pf-c-nav__link--hover--Color);
17376
17462
  background-color: var(--pf-c-nav__link--hover--BackgroundColor);
17377
17463
  }
17378
- .pf-c-nav__link:hover::before {
17464
+ .pf-c-nav__link:hover::before, .pf-c-nav__link.pf-m-hover::before {
17379
17465
  border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
17380
17466
  }
17381
- .pf-c-nav__link:hover::after {
17467
+ .pf-c-nav__link:hover::after, .pf-c-nav__link.pf-m-hover::after {
17382
17468
  border-color: var(--pf-c-nav__link--hover--after--BorderColor);
17383
17469
  border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
17384
17470
  }
@@ -23618,8 +23704,8 @@ svg.pf-c-spinner.pf-m-xl {
23618
23704
  --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
23619
23705
  --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
23620
23706
  --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
23621
- --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-global--spacer--3xl);
23622
- --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
23707
+ --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
23708
+ --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
23623
23709
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
23624
23710
  --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
23625
23711
  --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
@@ -24107,7 +24193,7 @@ svg.pf-c-spinner.pf-m-xl {
24107
24193
  .pf-c-table__check {
24108
24194
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24109
24195
  }
24110
- .pf-c-table__check > input {
24196
+ .pf-c-table__check > input:not([disabled]) {
24111
24197
  cursor: pointer;
24112
24198
  }
24113
24199
 
package/patternfly.css CHANGED
@@ -10135,6 +10135,8 @@ label.pf-c-check, .pf-c-check__label,
10135
10135
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10136
10136
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10137
10137
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10138
+ --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
10139
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10138
10140
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10139
10141
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10140
10142
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10402,8 +10404,8 @@ label.pf-c-check, .pf-c-check__label,
10402
10404
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10403
10405
  }
10404
10406
  .pf-c-toolbar__expandable-content .pf-m-label {
10405
- display: none;
10406
- visibility: hidden;
10407
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10408
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10407
10409
  }
10408
10410
 
10409
10411
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -15916,6 +15918,7 @@ ul.pf-c-list {
15916
15918
  --pf-c-menu--MinWidth: auto;
15917
15919
  --pf-c-menu--Width: auto;
15918
15920
  --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
15921
+ --pf-c-menu--Top: auto;
15919
15922
  --pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop) * -1 + var(--pf-c-menu--m-flyout__menu--top-offset));
15920
15923
  --pf-c-menu--m-flyout__menu--Right: auto;
15921
15924
  --pf-c-menu--m-flyout__menu--Bottom: auto;
@@ -16032,11 +16035,38 @@ ul.pf-c-list {
16032
16035
  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
16033
16036
  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
16034
16037
  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
16038
+ top: var(--pf-c-menu--Top);
16035
16039
  z-index: var(--pf-c-menu--ZIndex);
16036
16040
  width: var(--pf-c-menu--Width);
16037
16041
  min-width: var(--pf-c-menu--MinWidth);
16038
16042
  background-color: var(--pf-c-menu--BackgroundColor);
16039
16043
  box-shadow: var(--pf-c-menu--BoxShadow);
16044
+ --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
16045
+ --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
16046
+ --pf-c-menu--m-nav__list--PaddingTop: 0;
16047
+ --pf-c-menu--m-nav__list--PaddingBottom: 0;
16048
+ --pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
16049
+ --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
16050
+ --pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
16051
+ --pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
16052
+ --pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
16053
+ --pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
16054
+ --pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
16055
+ --pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
16056
+ --pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
16057
+ --pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
16058
+ --pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
16059
+ --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
16060
+ --pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16061
+ --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16062
+ --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16063
+ --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
16064
+ --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16065
+ --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16066
+ --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
16067
+ --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
16068
+ --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
16069
+ --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
16040
16070
  }
16041
16071
  .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
16042
16072
  overflow: visible;
@@ -16136,6 +16166,62 @@ ul.pf-c-list {
16136
16166
  .pf-c-menu.pf-m-scrollable .pf-c-menu__content {
16137
16167
  overflow-y: auto;
16138
16168
  }
16169
+ .pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu {
16170
+ --pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
16171
+ --pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
16172
+ --pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
16173
+ --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
16174
+ --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
16175
+ --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
16176
+ --pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
16177
+ --pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
16178
+ --pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
16179
+ --pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
16180
+ --pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
16181
+ --pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
16182
+ box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
16183
+ }
16184
+ .pf-c-menu.pf-m-nav .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
16185
+ position: relative;
16186
+ outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
16187
+ }
16188
+ .pf-c-menu.pf-m-nav .pf-c-menu__item::before, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item::before {
16189
+ position: absolute;
16190
+ right: 0;
16191
+ bottom: 0;
16192
+ left: 0;
16193
+ content: "";
16194
+ border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
16195
+ }
16196
+ .pf-c-menu.pf-m-nav .pf-c-menu__item:hover::after, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover::after {
16197
+ position: absolute;
16198
+ top: var(--pf-c-menu--m-nav__item--hover--after--Top);
16199
+ bottom: 0;
16200
+ left: 0;
16201
+ content: "";
16202
+ border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
16203
+ }
16204
+ .pf-c-menu.pf-m-nav .pf-c-menu {
16205
+ width: 100%;
16206
+ }
16207
+ .pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
16208
+ top: var(--pf-c-menu--m-nav--c-menu--Top);
16209
+ left: var(--pf-c-menu--m-nav--c-menu--Left);
16210
+ }
16211
+ .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
16212
+ --pf-c-menu--m-nav--c-menu--Top: auto;
16213
+ bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
16214
+ }
16215
+ .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
16216
+ --pf-c-menu--m-nav--c-menu--Left: auto;
16217
+ right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
16218
+ }
16219
+ .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
16220
+ --pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
16221
+ }
16222
+ .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu {
16223
+ --pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top);
16224
+ }
16139
16225
 
16140
16226
  .pf-c-menu__breadcrumb {
16141
16227
  display: flex;
@@ -17507,14 +17593,14 @@ ul.pf-c-list {
17507
17593
  border-color: var(--pf-c-nav__link--after--BorderColor);
17508
17594
  border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
17509
17595
  }
17510
- .pf-c-nav__link:hover {
17596
+ .pf-c-nav__link:hover, .pf-c-nav__link.pf-m-hover {
17511
17597
  color: var(--pf-c-nav__link--hover--Color);
17512
17598
  background-color: var(--pf-c-nav__link--hover--BackgroundColor);
17513
17599
  }
17514
- .pf-c-nav__link:hover::before {
17600
+ .pf-c-nav__link:hover::before, .pf-c-nav__link.pf-m-hover::before {
17515
17601
  border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
17516
17602
  }
17517
- .pf-c-nav__link:hover::after {
17603
+ .pf-c-nav__link:hover::after, .pf-c-nav__link.pf-m-hover::after {
17518
17604
  border-color: var(--pf-c-nav__link--hover--after--BorderColor);
17519
17605
  border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
17520
17606
  }
@@ -23754,8 +23840,8 @@ svg.pf-c-spinner.pf-m-xl {
23754
23840
  --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
23755
23841
  --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
23756
23842
  --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
23757
- --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-global--spacer--3xl);
23758
- --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
23843
+ --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
23844
+ --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
23759
23845
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
23760
23846
  --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
23761
23847
  --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
@@ -24243,7 +24329,7 @@ svg.pf-c-spinner.pf-m-xl {
24243
24329
  .pf-c-table__check {
24244
24330
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24245
24331
  }
24246
- .pf-c-table__check > input {
24332
+ .pf-c-table__check > input:not([disabled]) {
24247
24333
  cursor: pointer;
24248
24334
  }
24249
24335