@patternfly/patternfly 6.3.0-prerelease.27 → 6.3.0-prerelease.28

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.
@@ -1359,7 +1359,7 @@ wrapperTag: div
1359
1359
  >Components of the Control Panel are responsible for maintaining and reconciling the state of the cluster.</div>
1360
1360
  <div class="pf-v6-c-popover__body">
1361
1361
  <table
1362
- class="pf-v6-c-table pf-m-expandable pf-m-compact"
1362
+ class="pf-v6-c-table pf-m-compact pf-m-expandable"
1363
1363
  aria-label="Control panel table"
1364
1364
  id="status-card-expanded-with-popover-example-popover-table"
1365
1365
  >
@@ -2649,7 +2649,7 @@ wrapperTag: div
2649
2649
  </div>
2650
2650
  </div>
2651
2651
  <table
2652
- class="pf-v6-c-table pf-m-expandable pf-m-grid-md"
2652
+ class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
2653
2653
  role="grid"
2654
2654
  aria-label="Expandable table example"
2655
2655
  id="expandable-demo-table"
@@ -4893,7 +4893,7 @@ wrapperTag: div
4893
4893
  </div>
4894
4894
  </div>
4895
4895
  <table
4896
- class="pf-v6-c-table pf-m-expandable pf-m-grid-md"
4896
+ class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
4897
4897
  role="grid"
4898
4898
  aria-label="Compound expandable table example"
4899
4899
  id="compound-expansion-demo-table"
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": "6.3.0-prerelease.27",
4
+ "version": "6.3.0-prerelease.28",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -7891,7 +7891,7 @@
7891
7891
  overflow-y: auto;
7892
7892
  }
7893
7893
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7894
- max-height: 9999px;
7894
+ max-height: 99999px;
7895
7895
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7896
7896
  visibility: revert;
7897
7897
  transition-delay: 0s;
@@ -12514,7 +12514,7 @@ ul) {
12514
12514
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
12515
12515
  }
12516
12516
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
12517
- max-height: 9999px;
12517
+ max-height: 99999px;
12518
12518
  visibility: revert;
12519
12519
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12520
12520
  transition-delay: 0s;
@@ -14109,7 +14109,7 @@ ul) {
14109
14109
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14110
14110
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14111
14111
  --pf-v6-c-expandable-section__content--Visibility: auto;
14112
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14112
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14113
14113
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14114
14114
  gap: var(--pf-v6-c-expandable-section--Gap);
14115
14115
  }
@@ -14679,7 +14679,7 @@ ul) {
14679
14679
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14680
14680
  }
14681
14681
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14682
- max-height: 9999px;
14682
+ max-height: 99999px;
14683
14683
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14684
14684
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14685
14685
  visibility: visible;
@@ -19178,7 +19178,7 @@ ul.pf-v6-c-list {
19178
19178
 
19179
19179
  .pf-v6-c-nav__subnav {
19180
19180
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
19181
- max-height: 9999px;
19181
+ max-height: 99999px;
19182
19182
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
19183
19183
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
19184
19184
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -24664,8 +24664,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24664
24664
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24665
24665
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24666
24666
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24667
- --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24668
- --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24669
24667
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24670
24668
  --pf-v6-c-table__expandable-row--Opacity: 0;
24671
24669
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -25002,6 +25000,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25002
25000
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25003
25001
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25004
25002
  }
25003
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25004
+ display: revert;
25005
+ visibility: hidden;
25006
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25007
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25008
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25009
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25010
+ transition-property: opacity, translate, visibility;
25011
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25012
+ }
25013
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25014
+ display: revert;
25015
+ }
25016
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25017
+ visibility: visible;
25018
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25019
+ transition-delay: 0s;
25020
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25021
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25022
+ }
25023
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25024
+ max-height: 99999px;
25025
+ }
25026
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25027
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25028
+ padding: 0;
25029
+ overflow: hidden;
25030
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25031
+ transition-property: padding, max-height, overflow;
25032
+ }
25033
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25034
+ max-height: 0;
25035
+ }
25005
25036
 
25006
25037
  [class*=pf-v6-c-table].pf-m-truncate {
25007
25038
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -25306,28 +25337,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25306
25337
  .pf-v6-c-table__expandable-row {
25307
25338
  position: relative;
25308
25339
  border-block-end: 0 solid transparent;
25309
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25310
- transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25311
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
25312
- transition-property: opacity, translate, display;
25313
- transition-behavior: allow-discrete;
25314
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25315
25340
  }
25316
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25317
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25341
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25342
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25318
25343
  padding-block-start: 0;
25319
25344
  }
25320
-
25321
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
25322
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25345
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25346
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25347
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25348
+ }
25349
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25350
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25323
25351
  padding-block-start: 0;
25324
25352
  padding-block-end: 0;
25325
25353
  padding-inline-start: 0;
25326
25354
  padding-inline-end: 0;
25327
25355
  }
25328
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25329
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25356
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25357
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25330
25358
  padding: 0;
25359
+ border-radius: 0;
25331
25360
  }
25332
25361
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25333
25362
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -25337,18 +25366,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25337
25366
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25338
25367
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25339
25368
  }
25369
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25370
+ background-color: transparent;
25371
+ }
25340
25372
  .pf-v6-c-table__expandable-row.pf-m-expanded {
25341
25373
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25342
25374
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25343
- opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25344
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
25345
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25346
- }
25347
- @starting-style {
25348
- .pf-v6-c-table__expandable-row.pf-m-expanded {
25349
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25350
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25351
- }
25352
25375
  }
25353
25376
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25354
25377
  display: none;
@@ -25357,6 +25380,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25357
25380
  border-block-end: 0;
25358
25381
  }
25359
25382
 
25383
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25384
+ border-block-end: 0;
25385
+ }
25386
+
25360
25387
  .pf-v6-c-table.pf-m-compact {
25361
25388
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25362
25389
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -25412,7 +25439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25412
25439
  }
25413
25440
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25414
25441
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25415
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25442
+ border-block-end: 0;
25416
25443
  }
25417
25444
 
25418
25445
  .pf-v6-c-table__tr {
@@ -30241,7 +30268,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30241
30268
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30242
30269
  }
30243
30270
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30244
- max-height: 9999px;
30271
+ max-height: 99999px;
30245
30272
  visibility: revert;
30246
30273
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30247
30274
  transition-delay: 0s;
package/patternfly.css CHANGED
@@ -8027,7 +8027,7 @@ button) {
8027
8027
  overflow-y: auto;
8028
8028
  }
8029
8029
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8030
- max-height: 9999px;
8030
+ max-height: 99999px;
8031
8031
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
8032
8032
  visibility: revert;
8033
8033
  transition-delay: 0s;
@@ -12650,7 +12650,7 @@ ul) {
12650
12650
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
12651
12651
  }
12652
12652
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
12653
- max-height: 9999px;
12653
+ max-height: 99999px;
12654
12654
  visibility: revert;
12655
12655
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12656
12656
  transition-delay: 0s;
@@ -14245,7 +14245,7 @@ ul) {
14245
14245
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14246
14246
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14247
14247
  --pf-v6-c-expandable-section__content--Visibility: auto;
14248
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14248
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14249
14249
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14250
14250
  gap: var(--pf-v6-c-expandable-section--Gap);
14251
14251
  }
@@ -14815,7 +14815,7 @@ ul) {
14815
14815
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14816
14816
  }
14817
14817
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14818
- max-height: 9999px;
14818
+ max-height: 99999px;
14819
14819
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14820
14820
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14821
14821
  visibility: visible;
@@ -19314,7 +19314,7 @@ ul.pf-v6-c-list {
19314
19314
 
19315
19315
  .pf-v6-c-nav__subnav {
19316
19316
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
19317
- max-height: 9999px;
19317
+ max-height: 99999px;
19318
19318
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
19319
19319
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
19320
19320
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -24800,8 +24800,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24800
24800
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24801
24801
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24802
24802
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
24803
- --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
24804
- --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
24805
24803
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24806
24804
  --pf-v6-c-table__expandable-row--Opacity: 0;
24807
24805
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -25138,6 +25136,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25138
25136
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25139
25137
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25140
25138
  }
25139
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25140
+ display: revert;
25141
+ visibility: hidden;
25142
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25143
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25144
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25145
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25146
+ transition-property: opacity, translate, visibility;
25147
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25148
+ }
25149
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25150
+ display: revert;
25151
+ }
25152
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25153
+ visibility: visible;
25154
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25155
+ transition-delay: 0s;
25156
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25157
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25158
+ }
25159
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25160
+ max-height: 99999px;
25161
+ }
25162
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25163
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25164
+ padding: 0;
25165
+ overflow: hidden;
25166
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25167
+ transition-property: padding, max-height, overflow;
25168
+ }
25169
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25170
+ max-height: 0;
25171
+ }
25141
25172
 
25142
25173
  [class*=pf-v6-c-table].pf-m-truncate {
25143
25174
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -25442,28 +25473,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25442
25473
  .pf-v6-c-table__expandable-row {
25443
25474
  position: relative;
25444
25475
  border-block-end: 0 solid transparent;
25445
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25446
- transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25447
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
25448
- transition-property: opacity, translate, display;
25449
- transition-behavior: allow-discrete;
25450
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25451
25476
  }
25452
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25453
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25477
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25478
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25454
25479
  padding-block-start: 0;
25455
25480
  }
25456
-
25457
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
25458
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25481
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25482
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25483
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25484
+ }
25485
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25486
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25459
25487
  padding-block-start: 0;
25460
25488
  padding-block-end: 0;
25461
25489
  padding-inline-start: 0;
25462
25490
  padding-inline-end: 0;
25463
25491
  }
25464
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25465
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25492
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25493
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25466
25494
  padding: 0;
25495
+ border-radius: 0;
25467
25496
  }
25468
25497
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25469
25498
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -25473,18 +25502,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25473
25502
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25474
25503
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25475
25504
  }
25505
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25506
+ background-color: transparent;
25507
+ }
25476
25508
  .pf-v6-c-table__expandable-row.pf-m-expanded {
25477
25509
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25478
25510
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
25479
- opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25480
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
25481
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25482
- }
25483
- @starting-style {
25484
- .pf-v6-c-table__expandable-row.pf-m-expanded {
25485
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25486
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25487
- }
25488
25511
  }
25489
25512
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25490
25513
  display: none;
@@ -25493,6 +25516,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25493
25516
  border-block-end: 0;
25494
25517
  }
25495
25518
 
25519
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25520
+ border-block-end: 0;
25521
+ }
25522
+
25496
25523
  .pf-v6-c-table.pf-m-compact {
25497
25524
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25498
25525
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -25548,7 +25575,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25548
25575
  }
25549
25576
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25550
25577
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25551
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25578
+ border-block-end: 0;
25552
25579
  }
25553
25580
 
25554
25581
  .pf-v6-c-table__tr {
@@ -30377,7 +30404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30377
30404
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30378
30405
  }
30379
30406
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30380
- max-height: 9999px;
30407
+ max-height: 99999px;
30381
30408
  visibility: revert;
30382
30409
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30383
30410
  transition-delay: 0s;