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

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.29",
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;
@@ -9047,12 +9047,16 @@ button.pf-v6-c-breadcrumb__link {
9047
9047
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9048
9048
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9049
9049
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9050
+ --pf-v6-c-button--ScaleX: 1;
9051
+ --pf-v6-c-button--ScaleY: 1;
9050
9052
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9051
9053
  --pf-v6-c-button--hover--BorderColor: transparent;
9052
9054
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9053
9055
  --pf-v6-c-button--hover--TextDecorationLine: none;
9054
9056
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9055
9057
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9058
+ --pf-v6-c-button--hover--ScaleX: 1;
9059
+ --pf-v6-c-button--hover--ScaleY: 1;
9056
9060
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9057
9061
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9058
9062
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9267,11 +9271,14 @@ button.pf-v6-c-breadcrumb__link {
9267
9271
  --pf-v6-c-button__icon--TransitionDuration: 0s;
9268
9272
  --pf-v6-c-button__icon--TransitionProperty: none;
9269
9273
  --pf-v6-c-button__icon--Rotate: 0deg;
9270
- --pf-v6-c-button__icon--Scale: 1;
9271
9274
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9272
9275
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9273
9276
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
9274
9277
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
9278
+ --pf-v6-c-button__icon--ScaleX: 1;
9279
+ --pf-v6-c-button__icon--ScaleY: 1;
9280
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9281
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9275
9282
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9276
9283
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9277
9284
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -9318,7 +9325,7 @@ button.pf-v6-c-breadcrumb__link {
9318
9325
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9319
9326
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9320
9327
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9321
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
9328
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9322
9329
  }
9323
9330
 
9324
9331
  .pf-v6-c-button {
@@ -9354,7 +9361,7 @@ button.pf-v6-c-breadcrumb__link {
9354
9361
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9355
9362
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9356
9363
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9357
- scale: var(--pf-v6-c-button--Scale, revert);
9364
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9358
9365
  }
9359
9366
  .pf-v6-c-button::after {
9360
9367
  position: absolute;
@@ -9657,30 +9664,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9657
9664
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9658
9665
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9659
9666
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9660
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9667
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9661
9668
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9662
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9669
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9663
9670
  }
9664
9671
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9665
9672
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9666
9673
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9667
9674
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9668
9675
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9669
- --pf-v6-c-button__icon--Scale: 1;
9676
+ --pf-v6-c-button__icon--ScaleX: 1;
9670
9677
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9671
- --pf-v6-c-button--hover__icon--Scale: 1;
9678
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9672
9679
  }
9673
9680
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9674
9681
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9675
9682
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9676
9683
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9677
9684
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9685
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9686
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9678
9687
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9679
9688
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9680
9689
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9681
9690
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9682
9691
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9683
9692
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9693
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9694
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9684
9695
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9685
9696
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9686
9697
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -9748,7 +9759,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9748
9759
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9749
9760
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9750
9761
  rotate: var(--pf-v6-c-button__icon--Rotate);
9751
- scale: var(--pf-v6-c-button__icon--Scale);
9762
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9752
9763
  }
9753
9764
  .pf-v6-c-button__icon.pf-m-start {
9754
9765
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9827,7 +9838,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9827
9838
  }
9828
9839
  @keyframes pf-v6-c-button-icon-favorited {
9829
9840
  50% {
9830
- transform: scale(1.5);
9841
+ scale: 1.5;
9831
9842
  }
9832
9843
  }
9833
9844
  .pf-v6-c-calendar-month {
@@ -12514,7 +12525,7 @@ ul) {
12514
12525
  --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
12526
  }
12516
12527
  .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;
12528
+ max-height: 99999px;
12518
12529
  visibility: revert;
12519
12530
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12520
12531
  transition-delay: 0s;
@@ -14109,7 +14120,7 @@ ul) {
14109
14120
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14110
14121
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14111
14122
  --pf-v6-c-expandable-section__content--Visibility: auto;
14112
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14123
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14113
14124
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14114
14125
  gap: var(--pf-v6-c-expandable-section--Gap);
14115
14126
  }
@@ -14679,7 +14690,7 @@ ul) {
14679
14690
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14680
14691
  }
14681
14692
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14682
- max-height: 9999px;
14693
+ max-height: 99999px;
14683
14694
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14684
14695
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14685
14696
  visibility: visible;
@@ -19178,7 +19189,7 @@ ul.pf-v6-c-list {
19178
19189
 
19179
19190
  .pf-v6-c-nav__subnav {
19180
19191
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
19181
- max-height: 9999px;
19192
+ max-height: 99999px;
19182
19193
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
19183
19194
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
19184
19195
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -19796,18 +19807,18 @@ ul.pf-v6-c-list {
19796
19807
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19797
19808
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19798
19809
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19799
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19810
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19800
19811
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19801
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19812
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19802
19813
  }
19803
19814
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
19804
19815
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19805
19816
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19806
19817
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19807
19818
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19808
- --pf-v6-c-button__icon--Scale: 1;
19819
+ --pf-v6-c-button__icon--ScaleX: 1;
19809
19820
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19810
- --pf-v6-c-button--hover__icon--Scale: 1;
19821
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19811
19822
  }
19812
19823
  @media (min-width: 75rem) {
19813
19824
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -19822,18 +19833,18 @@ ul.pf-v6-c-list {
19822
19833
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19823
19834
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19824
19835
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19825
- --pf-v6-c-button__icon--Scale: 1;
19836
+ --pf-v6-c-button__icon--ScaleX: 1;
19826
19837
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19827
- --pf-v6-c-button--hover__icon--Scale: 1;
19838
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19828
19839
  }
19829
19840
  .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
19830
19841
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19831
19842
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19832
19843
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19833
19844
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19834
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19845
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19835
19846
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19836
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19847
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19837
19848
  }
19838
19849
  }
19839
19850
 
@@ -24664,8 +24675,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24664
24675
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24665
24676
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24666
24677
  --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
24678
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24670
24679
  --pf-v6-c-table__expandable-row--Opacity: 0;
24671
24680
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -25002,6 +25011,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25002
25011
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25003
25012
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25004
25013
  }
25014
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25015
+ display: revert;
25016
+ visibility: hidden;
25017
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25018
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25019
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25020
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25021
+ transition-property: opacity, translate, visibility;
25022
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25023
+ }
25024
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25025
+ display: revert;
25026
+ }
25027
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25028
+ visibility: visible;
25029
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25030
+ transition-delay: 0s;
25031
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25032
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25033
+ }
25034
+ .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 {
25035
+ max-height: 99999px;
25036
+ }
25037
+ .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),
25038
+ .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 {
25039
+ padding: 0;
25040
+ overflow: hidden;
25041
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25042
+ transition-property: padding, max-height, overflow;
25043
+ }
25044
+ .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 {
25045
+ max-height: 0;
25046
+ }
25005
25047
 
25006
25048
  [class*=pf-v6-c-table].pf-m-truncate {
25007
25049
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -25306,28 +25348,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25306
25348
  .pf-v6-c-table__expandable-row {
25307
25349
  position: relative;
25308
25350
  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
25351
  }
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 {
25352
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25353
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25318
25354
  padding-block-start: 0;
25319
25355
  }
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 {
25356
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25357
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25358
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25359
+ }
25360
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25361
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25323
25362
  padding-block-start: 0;
25324
25363
  padding-block-end: 0;
25325
25364
  padding-inline-start: 0;
25326
25365
  padding-inline-end: 0;
25327
25366
  }
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 {
25367
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25368
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25330
25369
  padding: 0;
25370
+ border-radius: 0;
25331
25371
  }
25332
25372
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25333
25373
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -25337,18 +25377,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25337
25377
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25338
25378
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25339
25379
  }
25380
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25381
+ background-color: transparent;
25382
+ }
25340
25383
  .pf-v6-c-table__expandable-row.pf-m-expanded {
25341
25384
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25342
25385
  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
25386
  }
25353
25387
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25354
25388
  display: none;
@@ -25357,6 +25391,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25357
25391
  border-block-end: 0;
25358
25392
  }
25359
25393
 
25394
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25395
+ border-block-end: 0;
25396
+ }
25397
+
25360
25398
  .pf-v6-c-table.pf-m-compact {
25361
25399
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25362
25400
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -25412,7 +25450,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25412
25450
  }
25413
25451
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25414
25452
  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);
25453
+ border-block-end: 0;
25416
25454
  }
25417
25455
 
25418
25456
  .pf-v6-c-table__tr {
@@ -30241,7 +30279,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30241
30279
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30242
30280
  }
30243
30281
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30244
- max-height: 9999px;
30282
+ max-height: 99999px;
30245
30283
  visibility: revert;
30246
30284
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30247
30285
  transition-delay: 0s;