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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/components/Card/card.css +95 -29
  2. package/components/Card/card.scss +142 -37
  3. package/components/DataList/data-list.css +34 -29
  4. package/components/DataList/data-list.scss +32 -24
  5. package/components/Table/table.css +60 -63
  6. package/components/Table/table.scss +56 -60
  7. package/docs/components/Card/examples/Card.md +544 -59
  8. package/docs/components/DataList/examples/DataList.md +52 -54
  9. package/docs/components/Table/examples/Table.md +136 -2125
  10. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +10 -20
  11. package/package.json +5 -5
  12. package/patternfly-no-globals.css +189 -121
  13. package/patternfly.css +189 -121
  14. package/patternfly.min.css +1 -1
  15. 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.39",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -42,11 +42,11 @@
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
- "@patternfly/react-code-editor": "4.82.113",
48
- "@patternfly/react-core": "4.276.6",
49
- "@patternfly/react-table": "4.112.39",
47
+ "@patternfly/react-code-editor": "4.82.115",
48
+ "@patternfly/react-core": "4.276.8",
49
+ "@patternfly/react-table": "4.113.0",
50
50
  "@starptech/prettyhtml": "^0.10.0",
51
51
  "cheerio": "^1.0.0-rc.12",
52
52
  "commander": "^10.0.0",
package/patternfly-no-globals.css CHANGED
@@ -7797,13 +7797,23 @@ button.pf-c-breadcrumb__link {
7797
7797
  --pf-c-card__header-toggle--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
7798
7798
  --pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition);
7799
7799
  --pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
7800
- --pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
7800
+ --pf-c-card--m-selectable--BorderWidth: var(--pf-global--BorderWidth--sm);
7801
+ --pf-c-card--m-selectable--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--200);
7802
+ --pf-c-card--m-selectable--m-selected--BorderColor: var(--pf-global--active-color--100);
7803
+ --pf-c-card--m-selectable--hover--BackgroundColor: var(--pf-global--palette--black-150);
7801
7804
  --pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
7802
- --pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
7803
- --pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg);
7804
- --pf-c-card--m-selectable--m-selected--BoxShadow: var(--pf-global--BoxShadow--lg);
7805
- --pf-c-card--m-selectable--m-selected--before--Height: var(--pf-global--BorderWidth--lg);
7806
- --pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
7805
+ --pf-c-card--m-selectable--focus--BackgroundColor: var(--pf-global--palette--blue-100);
7806
+ --pf-c-card--m-selectable--focus--BorderColor: var(--pf-global--active-color--100);
7807
+ --pf-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-global--active-color--100);
7808
+ --pf-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-global--palette--black-100);
7809
+ --pf-c-card--m-selectable--m-disabled--BorderColor: var(--pf-global--BorderColor--100);
7810
+ --pf-c-card--m-selectable--m-disabled--BoxShadow: var(--pf-global--BoxShadow--sm);
7811
+ --pf-c-card--m-selectable--m-clickable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
7812
+ --pf-c-card--m-selectable--m-clickable--hover--BoxShadow: var(--pf-global--BoxShadow--sm);
7813
+ --pf-c-card--m-selectable--m-clickable--m-selected--BorderColor: var(--pf-global--BorderColor--100);
7814
+ --pf-c-card--m-selectable--m-clickable--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
7815
+ --pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-global--palette--black-150);
7816
+ --pf-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-global--active-color--100);
7807
7817
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
7808
7818
  --pf-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
7809
7819
  --pf-c-card--m-selectable-raised--before--Right: 0;
@@ -7863,41 +7873,49 @@ button.pf-c-breadcrumb__link {
7863
7873
  --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
7864
7874
  --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
7865
7875
  --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
7876
+ position: relative;
7866
7877
  display: flex;
7867
7878
  flex-direction: column;
7868
7879
  background-color: var(--pf-c-card--BackgroundColor);
7869
7880
  box-shadow: var(--pf-c-card--BoxShadow);
7870
7881
  }
7871
- .pf-c-card.pf-m-hoverable:hover {
7872
- box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow);
7882
+ .pf-c-card.pf-m-selectable, .pf-c-card.pf-m-clickable {
7883
+ isolation: isolate;
7884
+ box-shadow: none;
7873
7885
  }
7874
- .pf-c-card.pf-m-selectable {
7875
- position: relative;
7886
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__label,
7887
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-radio__label {
7888
+ position: unset;
7889
+ }
7890
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__label::before,
7891
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-radio__label::before {
7892
+ position: absolute;
7893
+ inset: 0;
7876
7894
  cursor: pointer;
7877
7895
  }
7878
- .pf-c-card.pf-m-selectable:hover {
7879
- box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow);
7896
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible) ~ .pf-c-check__label,
7897
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-radio__input:where(:focus-visible) ~ .pf-c-radio__label {
7898
+ --pf-c-card--BackgroundColor: unset;
7899
+ --pf-c-card--BorderColor: unset;
7880
7900
  }
7881
- .pf-c-card.pf-m-selectable:focus {
7882
- box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow);
7901
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:checked) ~ .pf-c-check__label,
7902
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-radio__input:where(:checked) ~ .pf-c-radio__label, .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
7903
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-clickable--m-selected--BackgroundColor);
7904
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-clickable--m-selected--BorderColor);
7883
7905
  }
7884
- .pf-c-card.pf-m-selectable:active {
7885
- box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow);
7906
+ .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
7907
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
7908
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-clickable--m-current--BorderColor);
7886
7909
  }
7887
- .pf-c-card.pf-m-selectable.pf-m-selected {
7888
- box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow);
7910
+ .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected, .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-c-card__selectable-actions .pf-c-check__input:where(:checked) ~ .pf-c-check__label, .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-c-card__selectable-actions .pf-c-radio__input:where(:checked) ~ .pf-c-radio__label {
7911
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor);
7912
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-clickable--m-current--BorderColor);
7889
7913
  }
7890
- .pf-c-card.pf-m-selectable.pf-m-selected::before {
7891
- position: absolute;
7892
- top: 0;
7893
- right: 0;
7894
- left: 0;
7895
- height: var(--pf-c-card--m-selectable--m-selected--before--Height);
7896
- content: "";
7897
- background-color: var(--pf-c-card--m-selectable--m-selected--before--BackgroundColor);
7898
- }
7899
- .pf-c-card.pf-m-hoverable-raised, .pf-c-card.pf-m-selectable-raised, .pf-c-card.pf-m-non-selectable-raised {
7900
- position: relative;
7914
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:disabled) ~ .pf-c-check__label,
7915
+ .pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-radio__input:where(:disabled) ~ .pf-c-radio__label, .pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
7916
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-disabled--BackgroundColor);
7917
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-disabled--BorderColor);
7918
+ --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable--m-disabled--BoxShadow);
7901
7919
  }
7902
7920
  .pf-c-card.pf-m-hoverable-raised::before, .pf-c-card.pf-m-selectable-raised::before, .pf-c-card.pf-m-non-selectable-raised::before {
7903
7921
  position: absolute;
@@ -8050,6 +8068,54 @@ button.pf-c-breadcrumb__link {
8050
8068
  --pf-c-card__actions--MarginBottom: 0;
8051
8069
  }
8052
8070
 
8071
+ .pf-c-card__selectable-actions .pf-c-check__label,
8072
+ .pf-c-card__selectable-actions .pf-c-radio__label {
8073
+ position: absolute;
8074
+ inset: 0;
8075
+ cursor: pointer;
8076
+ }
8077
+ .pf-c-card__selectable-actions .pf-c-check__label::before,
8078
+ .pf-c-card__selectable-actions .pf-c-radio__label::before {
8079
+ position: absolute;
8080
+ inset: 0;
8081
+ z-index: -1;
8082
+ content: "";
8083
+ background-color: var(--pf-c-card--BackgroundColor, transparent);
8084
+ border: var(--pf-c-card--m-selectable--BorderWidth) solid var(--pf-c-card--BorderColor, transparent);
8085
+ box-shadow: var(--pf-c-card--BoxShadow, none);
8086
+ }
8087
+ .pf-c-card__selectable-actions .pf-c-check__label:hover,
8088
+ .pf-c-card__selectable-actions .pf-c-radio__label:hover {
8089
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--hover--BackgroundColor);
8090
+ --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable--hover--BoxShadow);
8091
+ }
8092
+
8093
+ .pf-c-card__selectable-actions .pf-c-check__input:where(:checked) ~ .pf-c-check__label,
8094
+ .pf-c-card__selectable-actions .pf-c-radio__input:where(:checked) ~ .pf-c-radio__label,
8095
+ .pf-c-card.pf-m-selected {
8096
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-selected--BorderColor);
8097
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-selected--BackgroundColor);
8098
+ }
8099
+
8100
+ .pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible) ~ .pf-c-check__label,
8101
+ .pf-c-card__selectable-actions .pf-c-radio__input:where(:focus-visible) ~ .pf-c-radio__label {
8102
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--focus--BorderColor);
8103
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--focus--BackgroundColor);
8104
+ }
8105
+
8106
+ .pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible):where(:checked) ~ .pf-c-check__label,
8107
+ .pf-c-card__selectable-actions .pf-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-c-radio__label {
8108
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-selected--focus--BorderColor);
8109
+ }
8110
+
8111
+ .pf-c-card__selectable-actions .pf-c-check__input:where(:disabled) ~ .pf-c-check__label,
8112
+ .pf-c-card__selectable-actions .pf-c-radio__input:where(:disabled) ~ .pf-c-radio__label,
8113
+ .pf-c-card.pf-m-disabled {
8114
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-selectable--m-disabled--BackgroundColor);
8115
+ --pf-c-card--BorderColor: var(--pf-c-card--m-selectable--m-disabled--BorderColor);
8116
+ --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable--m-disabled--BoxShadow);
8117
+ }
8118
+
8053
8119
  .pf-c-card__header,
8054
8120
  .pf-c-card__title,
8055
8121
  .pf-c-card__body,
@@ -9713,25 +9779,25 @@ label.pf-c-check, .pf-c-check__label,
9713
9779
  --pf-c-data-list--BorderTopWidth: var(--pf-global--spacer--sm);
9714
9780
  --pf-c-data-list--sm--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9715
9781
  --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
9782
+ --pf-c-data-list--MarginLeft: var(--pf-global--spacer--md);
9716
9783
  --pf-c-data-list__item--BackgroundColor: var(--pf-global--BackgroundColor--100);
9717
9784
  --pf-c-data-list__item--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
9718
9785
  --pf-c-data-list__item--m-expanded--before--BackgroundColor: var(--pf-global--active-color--100);
9719
9786
  --pf-c-data-list__item--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
9720
9787
  --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);
9788
+ --pf-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
9789
+ --pf-c-data-list__item--m-clickable--hover--ZIndex: calc(var(--pf-c-data-list__item--m-selected--ZIndex) + 1);
9790
+ --pf-c-data-list__item--m-clickable--hover--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9791
+ --pf-c-data-list__item--m-clickable--focus--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9792
+ --pf-c-data-list__item--m-clickable--active--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
9727
9793
  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--300);
9728
9794
  --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);
9795
+ --pf-c-data-list__item--m-clickable--hover--item--BorderTopColor: var(--pf-c-data-list__item--BorderBottomColor);
9796
+ --pf-c-data-list__item--m-clickable--hover--item--BorderTopWidth: var(--pf-c-data-list__item--BorderBottomWidth);
9731
9797
  --pf-c-data-list__item--sm--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
9732
9798
  --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
9733
9799
  --pf-c-data-list__item--before--BackgroundColor: transparent;
9734
- --pf-c-data-list__item--before--Width: var(--pf-global--BorderWidth--lg);
9800
+ --pf-c-data-list__item--before--Width: calc(2 * var(--pf-global--BorderWidth--lg));
9735
9801
  --pf-c-data-list__item--before--Transition: var(--pf-global--Transition);
9736
9802
  --pf-c-data-list__item--before--Top: 0;
9737
9803
  --pf-c-data-list__item--before--sm--Top: calc(var(--pf-c-data-list__item--BorderBottomWidth) * -1);
@@ -9791,8 +9857,6 @@ label.pf-c-check, .pf-c-check__label,
9791
9857
  --pf-c-data-list__item-action__action--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
9792
9858
  --pf-c-data-list__action--MarginTop: var(--pf-c-data-list__item-action__action--MarginTop);
9793
9859
  --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
9860
  --pf-c-data-list__expandable-content--MarginRight: calc(var(--pf-c-data-list__expandable-content-body--PaddingRight) * -1);
9797
9861
  --pf-c-data-list__expandable-content--MarginLeft: calc(var(--pf-c-data-list__expandable-content-body--PaddingLeft) * -1);
9798
9862
  --pf-c-data-list__expandable-content--MaxHeight: 37.5rem;
@@ -9924,28 +9988,28 @@ label.pf-c-check, .pf-c-check__label,
9924
9988
  background-color: var(--pf-c-data-list__item--before--BackgroundColor);
9925
9989
  transition: var(--pf-c-data-list__item--before--Transition);
9926
9990
  }
9927
- .pf-c-data-list__item.pf-m-selectable {
9991
+ .pf-c-data-list__item.pf-m-clickable {
9928
9992
  cursor: pointer;
9929
- outline-offset: var(--pf-c-data-list__item--m-selectable--OutlineOffset);
9993
+ outline-offset: var(--pf-c-data-list__item--m-clickable--OutlineOffset);
9930
9994
  }
9931
- .pf-c-data-list__item.pf-m-selectable:hover, .pf-c-data-list__item.pf-m-selectable:focus {
9995
+ .pf-c-data-list__item.pf-m-clickable:hover, .pf-c-data-list__item.pf-m-clickable:focus {
9932
9996
  position: relative;
9933
- z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex);
9997
+ z-index: var(--pf-c-data-list__item--m-clickable--hover--ZIndex);
9934
9998
  }
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) {
9999
+ .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
10000
  --pf-c-data-list__item--BorderBottomWidth: 0;
9937
10001
  }
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);
10002
+ .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 {
10003
+ 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
10004
  }
9941
- .pf-c-data-list__item.pf-m-selectable:hover {
9942
- box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow);
10005
+ .pf-c-data-list__item.pf-m-clickable:hover {
10006
+ box-shadow: var(--pf-c-data-list__item--m-clickable--hover--BoxShadow);
9943
10007
  }
9944
- .pf-c-data-list__item.pf-m-selectable:focus {
9945
- box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow);
10008
+ .pf-c-data-list__item.pf-m-clickable:focus {
10009
+ box-shadow: var(--pf-c-data-list__item--m-clickable--focus--BoxShadow);
9946
10010
  }
9947
- .pf-c-data-list__item.pf-m-selectable:active {
9948
- box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow);
10011
+ .pf-c-data-list__item.pf-m-clickable:active {
10012
+ box-shadow: var(--pf-c-data-list__item--m-clickable--active--BoxShadow);
9949
10013
  }
9950
10014
  .pf-c-data-list__item.pf-m-selected {
9951
10015
  --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-selected--before--BackgroundColor);
@@ -9965,10 +10029,6 @@ label.pf-c-check, .pf-c-check__label,
9965
10029
  }
9966
10030
  .pf-c-data-list__item.pf-m-expanded {
9967
10031
  --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
10032
  }
9973
10033
 
9974
10034
  .pf-c-data-list__item-row {
@@ -10100,11 +10160,22 @@ label.pf-c-check, .pf-c-check__label,
10100
10160
  .pf-c-data-list__expandable-content {
10101
10161
  max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
10102
10162
  overflow-y: auto;
10103
- border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid var(--pf-c-data-list__expandable-content--BorderTopColor);
10104
10163
  }
10105
10164
  .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body {
10106
10165
  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
10166
  }
10167
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body > .pf-c-data-list {
10168
+ margin-left: var(--pf-c-data-list--MarginLeft);
10169
+ }
10170
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item:last-child {
10171
+ border-bottom: 0;
10172
+ }
10173
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item-row {
10174
+ --pf-c-data-list__item-row--PaddingLeft: 0;
10175
+ }
10176
+ .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__expandable-content-body {
10177
+ --pf-c-data-list__expandable-content-body--PaddingLeft: 0;
10178
+ }
10108
10179
  .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body.pf-m-no-padding {
10109
10180
  padding: 0;
10110
10181
  }
@@ -26980,43 +27051,43 @@ svg.pf-c-spinner.pf-m-xl {
26980
27051
  --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
26981
27052
  --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
26982
27053
  --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);
27054
+ --pf-c-table--tr--m-clickable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27055
+ --pf-c-table--tr--m-clickable--BackgroundColor: transparent;
27056
+ --pf-c-table--tr--m-clickable--BoxShadow: none;
27057
+ --pf-c-table--tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
27058
+ --pf-c-table--tr--m-clickable--hover--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27059
+ --pf-c-table--tr--m-clickable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
27060
+ --pf-c-table--tr--m-clickable--focus--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27061
+ --pf-c-table--tr--m-clickable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
27062
+ --pf-c-table--tr--m-clickable--active--BoxShadow: var(--pf-c-table--tr--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27063
+ --pf-c-table--tr--m-clickable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
27064
+ --pf-c-table--tr--m-clickable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
26994
27065
  --pf-c-table--tr--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
26995
27066
  --pf-c-table--tr--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
26996
27067
  --pf-c-table--tr--m-selected--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
26997
27068
  --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);
27069
+ --pf-c-table--tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-c-table__expandable-row--after--border-width--base));
26999
27070
  --pf-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
27000
27071
  --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
27001
27072
  --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
27002
27073
  --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);
27074
+ --pf-c-table--tbody--m-clickable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27075
+ --pf-c-table--tbody--m-clickable--BoxShadow: none;
27076
+ --pf-c-table--tbody--m-clickable--BackgroundColor: transparent;
27077
+ --pf-c-table--tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
27078
+ --pf-c-table--tbody--m-clickable--hover--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27079
+ --pf-c-table--tbody--m-clickable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
27080
+ --pf-c-table--tbody--m-clickable--focus--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27081
+ --pf-c-table--tbody--m-clickable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
27082
+ --pf-c-table--tbody--m-clickable--active--BoxShadow: var(--pf-c-table--tbody--m-clickable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27083
+ --pf-c-table--tbody--m-clickable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
27084
+ --pf-c-table--tbody--m-clickable--m-expanded--BorderColor: var(--pf-global--active-color--400);
27085
+ --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
27086
  --pf-c-table--tbody--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
27016
27087
  --pf-c-table--tbody--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
27017
27088
  --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
27018
27089
  --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);
27090
+ --pf-c-table--tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-c-table__expandable-row--after--border-width--base));
27020
27091
  --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
27021
27092
  --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
27022
27093
  --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 +27284,9 @@ svg.pf-c-spinner.pf-m-xl {
27213
27284
  margin-top: var(--pf-c-table__check--input--MarginTop);
27214
27285
  vertical-align: top;
27215
27286
  }
27287
+ .pf-c-table tbody.pf-m-expanded > :first-child:not(.pf-c-table__control-row) {
27288
+ border-bottom-width: 0;
27289
+ }
27216
27290
  .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
27291
  padding: 0;
27218
27292
  }
@@ -27272,26 +27346,26 @@ svg.pf-c-spinner.pf-m-xl {
27272
27346
  .pf-c-table.pf-m-no-border-rows > tbody .pf-c-table__control-row > .pf-c-table__compound-expansion-toggle:first-child > ::before {
27273
27347
  border-left-width: 0;
27274
27348
  }
27275
- .pf-c-table tr.pf-m-hoverable {
27349
+ .pf-c-table tr.pf-m-clickable {
27276
27350
  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);
27351
+ background-color: var(--pf-c-table--tr--m-clickable--BackgroundColor);
27352
+ outline-offset: var(--pf-c-table--tr--m-clickable--OutlineOffset);
27353
+ box-shadow: var(--pf-c-table--tr--m-clickable--BoxShadow);
27280
27354
  }
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);
27355
+ .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 {
27356
+ box-shadow: var(--pf-c-table--tr--m-clickable--m-selected--BoxShadow);
27283
27357
  }
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);
27358
+ .pf-c-table tr.pf-m-clickable:hover {
27359
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--hover--BoxShadow);
27360
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--hover--BackgroundColor);
27287
27361
  }
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);
27362
+ .pf-c-table tr.pf-m-clickable:focus {
27363
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--focus--BoxShadow);
27364
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--focus--BackgroundColor);
27291
27365
  }
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);
27366
+ .pf-c-table tr.pf-m-clickable:active {
27367
+ --pf-c-table--tr--m-clickable--BoxShadow: var(--pf-c-table--tr--m-clickable--active--BoxShadow);
27368
+ --pf-c-table--tr--m-clickable--BackgroundColor: var(--pf-c-table--tr--m-clickable--active--BackgroundColor);
27295
27369
  }
27296
27370
  .pf-c-table tr.pf-m-selected {
27297
27371
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
@@ -27313,29 +27387,29 @@ svg.pf-c-spinner.pf-m-xl {
27313
27387
  .pf-c-table tr.pf-m-first-cell-offset-reset {
27314
27388
  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
27315
27389
  }
27316
- .pf-c-table tbody.pf-m-hoverable {
27390
+ .pf-c-table tbody.pf-m-clickable {
27317
27391
  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);
27392
+ background-color: var(--pf-c-table--tbody--m-clickable--BackgroundColor);
27393
+ outline-offset: var(--pf-c-table--tbody--m-clickable--OutlineOffset);
27394
+ box-shadow: var(--pf-c-table--tbody--m-clickable--BoxShadow);
27321
27395
  }
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);
27396
+ .pf-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
27397
+ --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-clickable--m-expanded--BorderColor);
27324
27398
  }
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);
27399
+ .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 {
27400
+ box-shadow: var(--pf-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow);
27327
27401
  }
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);
27402
+ .pf-c-table tbody.pf-m-clickable:hover {
27403
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--hover--BoxShadow);
27404
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--hover--BackgroundColor);
27331
27405
  }
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);
27406
+ .pf-c-table tbody.pf-m-clickable:focus {
27407
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--focus--BoxShadow);
27408
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--focus--BackgroundColor);
27335
27409
  }
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);
27410
+ .pf-c-table tbody.pf-m-clickable:active {
27411
+ --pf-c-table--tbody--m-clickable--BoxShadow: var(--pf-c-table--tbody--m-clickable--active--BoxShadow);
27412
+ --pf-c-table--tbody--m-clickable--BackgroundColor: var(--pf-c-table--tbody--m-clickable--active--BackgroundColor);
27339
27413
  }
27340
27414
  .pf-c-table tbody.pf-m-selected {
27341
27415
  --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth);
@@ -27703,12 +27777,6 @@ svg.pf-c-spinner.pf-m-xl {
27703
27777
  display: none;
27704
27778
  }
27705
27779
 
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
27780
  .pf-c-table .pf-c-table tr > *:first-child {
27713
27781
  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);
27714
27782
  }