@patternfly/patternfly 5.0.0-alpha.37 → 5.0.0-alpha.38

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 (12) hide show
  1. package/components/DataList/data-list.css +34 -29
  2. package/components/DataList/data-list.scss +32 -24
  3. package/components/Table/table.css +60 -63
  4. package/components/Table/table.scss +56 -60
  5. package/docs/components/DataList/examples/DataList.md +52 -54
  6. package/docs/components/Table/examples/Table.md +136 -2125
  7. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +10 -20
  8. package/package.json +3 -3
  9. package/patternfly-no-globals.css +94 -92
  10. package/patternfly.css +94 -92
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -9655,9 +9655,8 @@ wrapperTag: div
9655
9655
  id="primary-detail-card-data-list-example-drawer-card-data-list"
9656
9656
  >
9657
9657
  <li
9658
- class="pf-c-data-list__item pf-m-selectable"
9658
+ class="pf-c-data-list__item"
9659
9659
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-1"
9660
- tabindex="0"
9661
9660
  >
9662
9661
  <div class="pf-c-data-list__item-row">
9663
9662
  <div class="pf-c-data-list__item-content">
@@ -9672,9 +9671,8 @@ wrapperTag: div
9672
9671
  </li>
9673
9672
 
9674
9673
  <li
9675
- class="pf-c-data-list__item pf-m-selectable pf-m-selected"
9674
+ class="pf-c-data-list__item pf-m-selected"
9676
9675
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-2"
9677
- tabindex="0"
9678
9676
  >
9679
9677
  <div class="pf-c-data-list__item-row">
9680
9678
  <div class="pf-c-data-list__item-content">
@@ -9689,9 +9687,8 @@ wrapperTag: div
9689
9687
  </li>
9690
9688
 
9691
9689
  <li
9692
- class="pf-c-data-list__item pf-m-selectable"
9690
+ class="pf-c-data-list__item"
9693
9691
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-3"
9694
- tabindex="0"
9695
9692
  >
9696
9693
  <div class="pf-c-data-list__item-row">
9697
9694
  <div class="pf-c-data-list__item-content">
@@ -9706,9 +9703,8 @@ wrapperTag: div
9706
9703
  </li>
9707
9704
 
9708
9705
  <li
9709
- class="pf-c-data-list__item pf-m-selectable"
9706
+ class="pf-c-data-list__item"
9710
9707
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-4"
9711
- tabindex="0"
9712
9708
  >
9713
9709
  <div class="pf-c-data-list__item-row">
9714
9710
  <div class="pf-c-data-list__item-content">
@@ -9723,9 +9719,8 @@ wrapperTag: div
9723
9719
  </li>
9724
9720
 
9725
9721
  <li
9726
- class="pf-c-data-list__item pf-m-selectable"
9722
+ class="pf-c-data-list__item"
9727
9723
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-5"
9728
- tabindex="0"
9729
9724
  >
9730
9725
  <div class="pf-c-data-list__item-row">
9731
9726
  <div class="pf-c-data-list__item-content">
@@ -9740,9 +9735,8 @@ wrapperTag: div
9740
9735
  </li>
9741
9736
 
9742
9737
  <li
9743
- class="pf-c-data-list__item pf-m-selectable"
9738
+ class="pf-c-data-list__item"
9744
9739
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-6"
9745
- tabindex="0"
9746
9740
  >
9747
9741
  <div class="pf-c-data-list__item-row">
9748
9742
  <div class="pf-c-data-list__item-content">
@@ -9757,9 +9751,8 @@ wrapperTag: div
9757
9751
  </li>
9758
9752
 
9759
9753
  <li
9760
- class="pf-c-data-list__item pf-m-selectable"
9754
+ class="pf-c-data-list__item"
9761
9755
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-7"
9762
- tabindex="0"
9763
9756
  >
9764
9757
  <div class="pf-c-data-list__item-row">
9765
9758
  <div class="pf-c-data-list__item-content">
@@ -9774,9 +9767,8 @@ wrapperTag: div
9774
9767
  </li>
9775
9768
 
9776
9769
  <li
9777
- class="pf-c-data-list__item pf-m-selectable"
9770
+ class="pf-c-data-list__item"
9778
9771
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-8"
9779
- tabindex="0"
9780
9772
  >
9781
9773
  <div class="pf-c-data-list__item-row">
9782
9774
  <div class="pf-c-data-list__item-content">
@@ -9791,9 +9783,8 @@ wrapperTag: div
9791
9783
  </li>
9792
9784
 
9793
9785
  <li
9794
- class="pf-c-data-list__item pf-m-selectable"
9786
+ class="pf-c-data-list__item"
9795
9787
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-9"
9796
- tabindex="0"
9797
9788
  >
9798
9789
  <div class="pf-c-data-list__item-row">
9799
9790
  <div class="pf-c-data-list__item-content">
@@ -9808,9 +9799,8 @@ wrapperTag: div
9808
9799
  </li>
9809
9800
 
9810
9801
  <li
9811
- class="pf-c-data-list__item pf-m-selectable"
9802
+ class="pf-c-data-list__item"
9812
9803
  aria-labelledby="primary-detail-card-data-list-example-drawer-card-data-list-item-10"
9813
- tabindex="0"
9814
9804
  >
9815
9805
  <div class="pf-c-data-list__item-row">
9816
9806
  <div class="pf-c-data-list__item-content">
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": "5.0.0-alpha.37",
4
+ "version": "5.0.0-alpha.38",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -42,10 +42,10 @@
42
42
  "@commitlint/config-conventional": "^17.4.2",
43
43
  "@fortawesome/fontawesome": "^1.1.8",
44
44
  "@octokit/rest": "^19.0.7",
45
- "@patternfly/documentation-framework": "1.10.3",
45
+ "@patternfly/documentation-framework": "1.10.4",
46
46
  "@patternfly/patternfly-a11y": "4.3.1",
47
47
  "@patternfly/react-code-editor": "4.82.113",
48
- "@patternfly/react-core": "4.276.6",
48
+ "@patternfly/react-core": "4.276.8",
49
49
  "@patternfly/react-table": "4.112.39",
50
50
  "@starptech/prettyhtml": "^0.10.0",
51
51
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -9713,25 +9713,25 @@ label.pf-c-check, .pf-c-check__label,
9713
9713
  --pf-c-data-list--BorderTopWidth: var(--pf-global--spacer--sm);
9714
9714
  --pf-c-data-list--sm--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9715
9715
  --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
9716
+ --pf-c-data-list--MarginLeft: var(--pf-global--spacer--md);
9716
9717
  --pf-c-data-list__item--BackgroundColor: var(--pf-global--BackgroundColor--100);
9717
9718
  --pf-c-data-list__item--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
9718
9719
  --pf-c-data-list__item--m-expanded--before--BackgroundColor: var(--pf-global--active-color--100);
9719
9720
  --pf-c-data-list__item--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
9720
9721
  --pf-c-data-list__item--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9721
- --pf-c-data-list__item--m-selectable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
9722
- --pf-c-data-list__item--m-selectable--hover--ZIndex: calc(var(--pf-c-data-list__item--m-selected--ZIndex) + 1);
9723
- --pf-c-data-list__item--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9724
- --pf-c-data-list__item--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9725
- --pf-c-data-list__item--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9726
- --pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor: var(--pf-global--active-color--300);
9722
+ --pf-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
9723
+ --pf-c-data-list__item--m-clickable--hover--ZIndex: calc(var(--pf-c-data-list__item--m-selected--ZIndex) + 1);
9724
+ --pf-c-data-list__item--m-clickable--hover--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9725
+ --pf-c-data-list__item--m-clickable--focus--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9726
+ --pf-c-data-list__item--m-clickable--active--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9727
9727
  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--300);
9728
9728
  --pf-c-data-list__item--BorderBottomWidth: 0.5rem;
9729
- --pf-c-data-list__item--m-selectable--hover--item--BorderTopColor: var(--pf-c-data-list__item--BorderBottomColor);
9730
- --pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth: var(--pf-c-data-list__item--BorderBottomWidth);
9729
+ --pf-c-data-list__item--m-clickable--hover--item--BorderTopColor: var(--pf-c-data-list__item--BorderBottomColor);
9730
+ --pf-c-data-list__item--m-clickable--hover--item--BorderTopWidth: var(--pf-c-data-list__item--BorderBottomWidth);
9731
9731
  --pf-c-data-list__item--sm--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
9732
9732
  --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
9733
9733
  --pf-c-data-list__item--before--BackgroundColor: transparent;
9734
- --pf-c-data-list__item--before--Width: var(--pf-global--BorderWidth--lg);
9734
+ --pf-c-data-list__item--before--Width: calc(2 * var(--pf-global--BorderWidth--lg));
9735
9735
  --pf-c-data-list__item--before--Transition: var(--pf-global--Transition);
9736
9736
  --pf-c-data-list__item--before--Top: 0;
9737
9737
  --pf-c-data-list__item--before--sm--Top: calc(var(--pf-c-data-list__item--BorderBottomWidth) * -1);
@@ -9791,8 +9791,6 @@ label.pf-c-check, .pf-c-check__label,
9791
9791
  --pf-c-data-list__item-action__action--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
9792
9792
  --pf-c-data-list__action--MarginTop: var(--pf-c-data-list__item-action__action--MarginTop);
9793
9793
  --pf-c-data-list__item-action__action--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
9794
- --pf-c-data-list__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9795
- --pf-c-data-list__expandable-content--BorderTopColor: var(--pf-global--BorderColor--100);
9796
9794
  --pf-c-data-list__expandable-content--MarginRight: calc(var(--pf-c-data-list__expandable-content-body--PaddingRight) * -1);
9797
9795
  --pf-c-data-list__expandable-content--MarginLeft: calc(var(--pf-c-data-list__expandable-content-body--PaddingLeft) * -1);
9798
9796
  --pf-c-data-list__expandable-content--MaxHeight: 37.5rem;
@@ -9924,28 +9922,28 @@ label.pf-c-check, .pf-c-check__label,
9924
9922
  background-color: var(--pf-c-data-list__item--before--BackgroundColor);
9925
9923
  transition: var(--pf-c-data-list__item--before--Transition);
9926
9924
  }
9927
- .pf-c-data-list__item.pf-m-selectable {
9925
+ .pf-c-data-list__item.pf-m-clickable {
9928
9926
  cursor: pointer;
9929
- outline-offset: var(--pf-c-data-list__item--m-selectable--OutlineOffset);
9927
+ outline-offset: var(--pf-c-data-list__item--m-clickable--OutlineOffset);
9930
9928
  }
9931
- .pf-c-data-list__item.pf-m-selectable:hover, .pf-c-data-list__item.pf-m-selectable:focus {
9929
+ .pf-c-data-list__item.pf-m-clickable:hover, .pf-c-data-list__item.pf-m-clickable:focus {
9932
9930
  position: relative;
9933
- z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex);
9931
+ z-index: var(--pf-c-data-list__item--m-clickable--hover--ZIndex);
9934
9932
  }
9935
- .pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child), .pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child) {
9933
+ .pf-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child), .pf-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child) {
9936
9934
  --pf-c-data-list__item--BorderBottomWidth: 0;
9937
9935
  }
9938
- .pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item, .pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item {
9939
- border-top: var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth) solid var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor);
9936
+ .pf-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item, .pf-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item {
9937
+ border-top: var(--pf-c-data-list__item--m-clickable--hover--item--BorderTopWidth) solid var(--pf-c-data-list__item--m-clickable--hover--item--BorderTopColor);
9940
9938
  }
9941
- .pf-c-data-list__item.pf-m-selectable:hover {
9942
- box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow);
9939
+ .pf-c-data-list__item.pf-m-clickable:hover {
9940
+ box-shadow: var(--pf-c-data-list__item--m-clickable--hover--BoxShadow);
9943
9941
  }
9944
- .pf-c-data-list__item.pf-m-selectable:focus {
9945
- box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow);
9942
+ .pf-c-data-list__item.pf-m-clickable:focus {
9943
+ box-shadow: var(--pf-c-data-list__item--m-clickable--focus--BoxShadow);
9946
9944
  }
9947
- .pf-c-data-list__item.pf-m-selectable:active {
9948
- box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow);
9945
+ .pf-c-data-list__item.pf-m-clickable:active {
9946
+ box-shadow: var(--pf-c-data-list__item--m-clickable--active--BoxShadow);
9949
9947
  }
9950
9948
  .pf-c-data-list__item.pf-m-selected {
9951
9949
  --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-selected--before--BackgroundColor);
@@ -9965,10 +9963,6 @@ label.pf-c-check, .pf-c-check__label,
9965
9963
  }
9966
9964
  .pf-c-data-list__item.pf-m-expanded {
9967
9965
  --pf-c-data-list__toggle-icon--Rotate: var(--pf-c-data-list__item--m-expanded__toggle-icon--Rotate);
9968
- --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-expanded--before--BackgroundColor);
9969
- }
9970
- .pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected) {
9971
- --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor);
9972
9966
  }
9973
9967
 
9974
9968
  .pf-c-data-list__item-row {
@@ -10100,11 +10094,22 @@ label.pf-c-check, .pf-c-check__label,
10100
10094
  .pf-c-data-list__expandable-content {
10101
10095
  max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
10102
10096
  overflow-y: auto;
10103
- border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid var(--pf-c-data-list__expandable-content--BorderTopColor);
10104
10097
  }
10105
10098
  .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body {
10106
10099
  padding: var(--pf-c-data-list__expandable-content-body--PaddingTop) var(--pf-c-data-list__expandable-content-body--PaddingRight) var(--pf-c-data-list__expandable-content-body--PaddingBottom) var(--pf-c-data-list__expandable-content-body--PaddingLeft);
10107
10100
  }
10101
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body > .pf-c-data-list {
10102
+ margin-left: var(--pf-c-data-list--MarginLeft);
10103
+ }
10104
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item:last-child {
10105
+ border-bottom: 0;
10106
+ }
10107
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item-row {
10108
+ --pf-c-data-list__item-row--PaddingLeft: 0;
10109
+ }
10110
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__expandable-content-body {
10111
+ --pf-c-data-list__expandable-content-body--PaddingLeft: 0;
10112
+ }
10108
10113
  .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body.pf-m-no-padding {
10109
10114
  padding: 0;
10110
10115
  }
@@ -26980,43 +26985,43 @@ svg.pf-c-spinner.pf-m-xl {
26980
26985
  --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
26981
26986
  --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
26982
26987
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
26983
- --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
26984
- --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
26985
- --pf-c-table--tr--m-hoverable--BoxShadow: none;
26986
- --pf-c-table--tr--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
26987
- --pf-c-table--tr--m-hoverable--hover--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26988
- --pf-c-table--tr--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
26989
- --pf-c-table--tr--m-hoverable--focus--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26990
- --pf-c-table--tr--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
26991
- --pf-c-table--tr--m-hoverable--active--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26992
- --pf-c-table--tr--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
26993
- --pf-c-table--tr--m-hoverable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
26988
+ --pf-c-table--tr--m-clickable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
26989
+ --pf-c-table--tr--m-clickable--BackgroundColor: transparent;
26990
+ --pf-c-table--tr--m-clickable--BoxShadow: none;
26991
+ --pf-c-table--tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
26992
+ --pf-c-table--tr--m-clickable--hover--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26993
+ --pf-c-table--tr--m-clickable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
26994
+ --pf-c-table--tr--m-clickable--focus--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26995
+ --pf-c-table--tr--m-clickable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
26996
+ --pf-c-table--tr--m-clickable--active--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26997
+ --pf-c-table--tr--m-clickable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
26998
+ --pf-c-table--tr--m-clickable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
26994
26999
  --pf-c-table--tr--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
26995
27000
  --pf-c-table--tr--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
26996
27001
  --pf-c-table--tr--m-selected--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26997
27002
  --pf-c-table--tr--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
26998
- --pf-c-table--tr--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
27003
+ --pf-c-table--tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-c-table__expandable-row--after--border-width--base));
26999
27004
  --pf-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
27000
27005
  --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
27001
27006
  --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
27002
27007
  --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27003
- --pf-c-table--tbody--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27004
- --pf-c-table--tbody--m-hoverable--BoxShadow: none;
27005
- --pf-c-table--tbody--m-hoverable--BackgroundColor: transparent;
27006
- --pf-c-table--tbody--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
27007
- --pf-c-table--tbody--m-hoverable--hover--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27008
- --pf-c-table--tbody--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
27009
- --pf-c-table--tbody--m-hoverable--focus--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27010
- --pf-c-table--tbody--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
27011
- --pf-c-table--tbody--m-hoverable--active--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27012
- --pf-c-table--tbody--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
27013
- --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor: var(--pf-global--active-color--400);
27014
- --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
27008
+ --pf-c-table--tbody--m-clickable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27009
+ --pf-c-table--tbody--m-clickable--BoxShadow: none;
27010
+ --pf-c-table--tbody--m-clickable--BackgroundColor: transparent;
27011
+ --pf-c-table--tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
27012
+ --pf-c-table--tbody--m-clickable--hover--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27013
+ --pf-c-table--tbody--m-clickable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
27014
+ --pf-c-table--tbody--m-clickable--focus--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27015
+ --pf-c-table--tbody--m-clickable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
27016
+ --pf-c-table--tbody--m-clickable--active--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27017
+ --pf-c-table--tbody--m-clickable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
27018
+ --pf-c-table--tbody--m-clickable--m-expanded--BorderColor: var(--pf-global--active-color--400);
27019
+ --pf-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
27015
27020
  --pf-c-table--tbody--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
27016
27021
  --pf-c-table--tbody--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27017
27022
  --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27018
27023
  --pf-c-table--tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
27019
- --pf-c-table--tbody--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
27024
+ --pf-c-table--tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-c-table__expandable-row--after--border-width--base));
27020
27025
  --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
27021
27026
  --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
27022
27027
  --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
@@ -27213,6 +27218,9 @@ svg.pf-c-spinner.pf-m-xl {
27213
27218
  margin-top: var(--pf-c-table__check--input--MarginTop);
27214
27219
  vertical-align: top;
27215
27220
  }
27221
+ .pf-c-table tbody.pf-m-expanded > :first-child:not(.pf-c-table__control-row) {
27222
+ border-bottom-width: 0;
27223
+ }
27216
27224
  .pf-c-table .pf-c-table__compound-expansion-toggle, .pf-c-table .pf-c-table__compound-expansion-toggle:first-child, .pf-c-table .pf-c-table__compound-expansion-toggle:last-child {
27217
27225
  padding: 0;
27218
27226
  }
@@ -27272,26 +27280,26 @@ svg.pf-c-spinner.pf-m-xl {
27272
27280
  .pf-c-table.pf-m-no-border-rows > tbody .pf-c-table__control-row > .pf-c-table__compound-expansion-toggle:first-child > ::before {
27273
27281
  border-left-width: 0;
27274
27282
  }
27275
- .pf-c-table tr.pf-m-hoverable {
27283
+ .pf-c-table tr.pf-m-clickable {
27276
27284
  cursor: pointer;
27277
- background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);
27278
- outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset);
27279
- box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);
27285
+ background-color: var(--pf-c-table--tr--m-clickable--BackgroundColor);
27286
+ outline-offset: var(--pf-c-table--tr--m-clickable--OutlineOffset);
27287
+ box-shadow: var(--pf-c-table--tr--m-clickable--BoxShadow);
27280
27288
  }
27281
- .pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected) + tr.pf-m-selected {
27282
- box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow);
27289
+ .pf-c-table tr.pf-m-clickable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-clickable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-clickable:active:not(.pf-m-selected) + tr.pf-m-selected {
27290
+ box-shadow: var(--pf-c-table--tr--m-clickable--m-selected--BoxShadow);
27283
27291
  }
27284
- .pf-c-table tr.pf-m-hoverable:hover {
27285
- --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--hover--BoxShadow);
27286
- --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--hover--BackgroundColor);
27292
+ .pf-c-table tr.pf-m-clickable:hover {
27293
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--hover--BoxShadow);
27294
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--hover--BackgroundColor);
27287
27295
  }
27288
- .pf-c-table tr.pf-m-hoverable:focus {
27289
- --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--focus--BoxShadow);
27290
- --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--focus--BackgroundColor);
27296
+ .pf-c-table tr.pf-m-clickable:focus {
27297
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--focus--BoxShadow);
27298
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--focus--BackgroundColor);
27291
27299
  }
27292
- .pf-c-table tr.pf-m-hoverable:active {
27293
- --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--active--BoxShadow);
27294
- --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--active--BackgroundColor);
27300
+ .pf-c-table tr.pf-m-clickable:active {
27301
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--active--BoxShadow);
27302
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--active--BackgroundColor);
27295
27303
  }
27296
27304
  .pf-c-table tr.pf-m-selected {
27297
27305
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
@@ -27313,29 +27321,29 @@ svg.pf-c-spinner.pf-m-xl {
27313
27321
  .pf-c-table tr.pf-m-first-cell-offset-reset {
27314
27322
  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
27315
27323
  }
27316
- .pf-c-table tbody.pf-m-hoverable {
27324
+ .pf-c-table tbody.pf-m-clickable {
27317
27325
  cursor: pointer;
27318
- background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
27319
- outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset);
27320
- box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);
27326
+ background-color: var(--pf-c-table--tbody--m-clickable--BackgroundColor);
27327
+ outline-offset: var(--pf-c-table--tbody--m-clickable--OutlineOffset);
27328
+ box-shadow: var(--pf-c-table--tbody--m-clickable--BoxShadow);
27321
27329
  }
27322
- .pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) {
27323
- --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor);
27330
+ .pf-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
27331
+ --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-clickable--m-expanded--BorderColor);
27324
27332
  }
27325
- .pf-c-table tbody.pf-m-hoverable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:active:not(.pf-m-selected) + tbody.pf-m-selected {
27326
- box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow);
27333
+ .pf-c-table tbody.pf-m-clickable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-clickable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-clickable:active:not(.pf-m-selected) + tbody.pf-m-selected {
27334
+ box-shadow: var(--pf-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow);
27327
27335
  }
27328
- .pf-c-table tbody.pf-m-hoverable:hover {
27329
- --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--hover--BoxShadow);
27330
- --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--hover--BackgroundColor);
27336
+ .pf-c-table tbody.pf-m-clickable:hover {
27337
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--hover--BoxShadow);
27338
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--hover--BackgroundColor);
27331
27339
  }
27332
- .pf-c-table tbody.pf-m-hoverable:focus {
27333
- --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--focus--BoxShadow);
27334
- --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--focus--BackgroundColor);
27340
+ .pf-c-table tbody.pf-m-clickable:focus {
27341
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--focus--BoxShadow);
27342
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--focus--BackgroundColor);
27335
27343
  }
27336
- .pf-c-table tbody.pf-m-hoverable:active {
27337
- --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--active--BoxShadow);
27338
- --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--active--BackgroundColor);
27344
+ .pf-c-table tbody.pf-m-clickable:active {
27345
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--active--BoxShadow);
27346
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--active--BackgroundColor);
27339
27347
  }
27340
27348
  .pf-c-table tbody.pf-m-selected {
27341
27349
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth);
@@ -27703,12 +27711,6 @@ svg.pf-c-spinner.pf-m-xl {
27703
27711
  display: none;
27704
27712
  }
27705
27713
 
27706
- .pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,
27707
- .pf-c-table__expandable-row.pf-m-expanded > :first-child,
27708
- .pf-c-table tbody.pf-m-expanded > tr > :not(.pf-c-table__compound-expansion-toggle) {
27709
- --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
27710
- }
27711
-
27712
27714
  .pf-c-table .pf-c-table tr > *:first-child {
27713
27715
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);
27714
27716
  }