@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.
@@ -395,7 +395,7 @@
395
395
  overflow-y: auto;
396
396
  }
397
397
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
398
- max-height: 9999px;
398
+ max-height: 99999px;
399
399
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
400
  visibility: revert;
401
401
  transition-delay: 0s;
@@ -1551,12 +1551,16 @@ button.pf-v6-c-breadcrumb__link {
1551
1551
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1552
1552
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
1553
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1554
+ --pf-v6-c-button--ScaleX: 1;
1555
+ --pf-v6-c-button--ScaleY: 1;
1554
1556
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1555
1557
  --pf-v6-c-button--hover--BorderColor: transparent;
1556
1558
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1557
1559
  --pf-v6-c-button--hover--TextDecorationLine: none;
1558
1560
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1559
1561
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1562
+ --pf-v6-c-button--hover--ScaleX: 1;
1563
+ --pf-v6-c-button--hover--ScaleY: 1;
1560
1564
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1561
1565
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1562
1566
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1771,11 +1775,14 @@ button.pf-v6-c-breadcrumb__link {
1771
1775
  --pf-v6-c-button__icon--TransitionDuration: 0s;
1772
1776
  --pf-v6-c-button__icon--TransitionProperty: none;
1773
1777
  --pf-v6-c-button__icon--Rotate: 0deg;
1774
- --pf-v6-c-button__icon--Scale: 1;
1775
1778
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
1776
1779
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
1777
1780
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
1778
1781
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
1782
+ --pf-v6-c-button__icon--ScaleX: 1;
1783
+ --pf-v6-c-button__icon--ScaleY: 1;
1784
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
1785
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
1779
1786
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1780
1787
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1781
1788
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -1822,7 +1829,7 @@ button.pf-v6-c-breadcrumb__link {
1822
1829
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
1823
1830
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
1824
1831
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
1825
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
1832
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
1826
1833
  }
1827
1834
 
1828
1835
  .pf-v6-c-button {
@@ -1858,7 +1865,7 @@ button.pf-v6-c-breadcrumb__link {
1858
1865
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
1859
1866
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
1860
1867
  transition-property: var(--pf-v6-c-button--TransitionProperty);
1861
- scale: var(--pf-v6-c-button--Scale, revert);
1868
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
1862
1869
  }
1863
1870
  .pf-v6-c-button::after {
1864
1871
  position: absolute;
@@ -2161,30 +2168,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2161
2168
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2162
2169
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2163
2170
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2164
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2171
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2165
2172
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2166
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2173
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2167
2174
  }
2168
2175
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
2169
2176
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2170
2177
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2171
2178
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2172
2179
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2173
- --pf-v6-c-button__icon--Scale: 1;
2180
+ --pf-v6-c-button__icon--ScaleX: 1;
2174
2181
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2175
- --pf-v6-c-button--hover__icon--Scale: 1;
2182
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
2176
2183
  }
2177
2184
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2178
2185
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
2179
2186
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
2180
2187
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
2181
2188
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
2189
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
2190
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
2182
2191
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
2183
2192
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
2184
2193
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
2185
2194
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
2186
2195
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
2187
2196
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
2197
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
2198
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
2188
2199
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2189
2200
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2190
2201
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -2252,7 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2252
2263
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2253
2264
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2254
2265
  rotate: var(--pf-v6-c-button__icon--Rotate);
2255
- scale: var(--pf-v6-c-button__icon--Scale);
2266
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2256
2267
  }
2257
2268
  .pf-v6-c-button__icon.pf-m-start {
2258
2269
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2331,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2331
2342
  }
2332
2343
  @keyframes pf-v6-c-button-icon-favorited {
2333
2344
  50% {
2334
- transform: scale(1.5);
2345
+ scale: 1.5;
2335
2346
  }
2336
2347
  }
2337
2348
  .pf-v6-c-calendar-month {
@@ -5018,7 +5029,7 @@ ul) {
5018
5029
  --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);
5019
5030
  }
5020
5031
  .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 {
5021
- max-height: 9999px;
5032
+ max-height: 99999px;
5022
5033
  visibility: revert;
5023
5034
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5024
5035
  transition-delay: 0s;
@@ -6613,7 +6624,7 @@ ul) {
6613
6624
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6614
6625
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6615
6626
  --pf-v6-c-expandable-section__content--Visibility: auto;
6616
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6627
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6617
6628
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6618
6629
  gap: var(--pf-v6-c-expandable-section--Gap);
6619
6630
  }
@@ -7183,7 +7194,7 @@ ul) {
7183
7194
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
7184
7195
  }
7185
7196
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
7186
- max-height: 9999px;
7197
+ max-height: 99999px;
7187
7198
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
7188
7199
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
7189
7200
  visibility: visible;
@@ -11682,7 +11693,7 @@ ul.pf-v6-c-list {
11682
11693
 
11683
11694
  .pf-v6-c-nav__subnav {
11684
11695
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11685
- max-height: 9999px;
11696
+ max-height: 99999px;
11686
11697
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11687
11698
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11688
11699
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -12300,18 +12311,18 @@ ul.pf-v6-c-list {
12300
12311
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12301
12312
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12302
12313
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12303
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12314
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12304
12315
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12305
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12316
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12306
12317
  }
12307
12318
  .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) {
12308
12319
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12309
12320
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12310
12321
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12311
12322
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12312
- --pf-v6-c-button__icon--Scale: 1;
12323
+ --pf-v6-c-button__icon--ScaleX: 1;
12313
12324
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12314
- --pf-v6-c-button--hover__icon--Scale: 1;
12325
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12315
12326
  }
12316
12327
  @media (min-width: 75rem) {
12317
12328
  .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) {
@@ -12326,18 +12337,18 @@ ul.pf-v6-c-list {
12326
12337
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12327
12338
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12328
12339
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12329
- --pf-v6-c-button__icon--Scale: 1;
12340
+ --pf-v6-c-button__icon--ScaleX: 1;
12330
12341
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12331
- --pf-v6-c-button--hover__icon--Scale: 1;
12342
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12332
12343
  }
12333
12344
  .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) {
12334
12345
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12335
12346
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12336
12347
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12337
12348
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12338
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12349
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12339
12350
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12340
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
12351
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12341
12352
  }
12342
12353
  }
12343
12354
 
@@ -17168,8 +17179,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17168
17179
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
17169
17180
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17170
17181
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
17171
- --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
17172
- --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17173
17182
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17174
17183
  --pf-v6-c-table__expandable-row--Opacity: 0;
17175
17184
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -17506,6 +17515,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17506
17515
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17507
17516
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17508
17517
  }
17518
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17519
+ display: revert;
17520
+ visibility: hidden;
17521
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17522
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17523
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17524
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
17525
+ transition-property: opacity, translate, visibility;
17526
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17527
+ }
17528
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17529
+ display: revert;
17530
+ }
17531
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17532
+ visibility: visible;
17533
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17534
+ transition-delay: 0s;
17535
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17536
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17537
+ }
17538
+ .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 {
17539
+ max-height: 99999px;
17540
+ }
17541
+ .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),
17542
+ .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 {
17543
+ padding: 0;
17544
+ overflow: hidden;
17545
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17546
+ transition-property: padding, max-height, overflow;
17547
+ }
17548
+ .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 {
17549
+ max-height: 0;
17550
+ }
17509
17551
 
17510
17552
  [class*=pf-v6-c-table].pf-m-truncate {
17511
17553
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -17810,28 +17852,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17810
17852
  .pf-v6-c-table__expandable-row {
17811
17853
  position: relative;
17812
17854
  border-block-end: 0 solid transparent;
17813
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17814
- transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17815
- 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);
17816
- transition-property: opacity, translate, display;
17817
- transition-behavior: allow-discrete;
17818
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17819
17855
  }
17820
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17821
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17856
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17857
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17822
17858
  padding-block-start: 0;
17823
17859
  }
17824
-
17825
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
17826
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
17860
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17861
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17862
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
17863
+ }
17864
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
17865
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
17827
17866
  padding-block-start: 0;
17828
17867
  padding-block-end: 0;
17829
17868
  padding-inline-start: 0;
17830
17869
  padding-inline-end: 0;
17831
17870
  }
17832
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17833
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17871
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17872
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17834
17873
  padding: 0;
17874
+ border-radius: 0;
17835
17875
  }
17836
17876
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17837
17877
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -17841,18 +17881,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17841
17881
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17842
17882
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17843
17883
  }
17884
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
17885
+ background-color: transparent;
17886
+ }
17844
17887
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17845
17888
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17846
17889
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
17847
- opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17848
- 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);
17849
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17850
- }
17851
- @starting-style {
17852
- .pf-v6-c-table__expandable-row.pf-m-expanded {
17853
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17854
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17855
- }
17856
17890
  }
17857
17891
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17858
17892
  display: none;
@@ -17861,6 +17895,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17861
17895
  border-block-end: 0;
17862
17896
  }
17863
17897
 
17898
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
17899
+ border-block-end: 0;
17900
+ }
17901
+
17864
17902
  .pf-v6-c-table.pf-m-compact {
17865
17903
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17866
17904
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -17916,7 +17954,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17916
17954
  }
17917
17955
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
17918
17956
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
17919
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
17957
+ border-block-end: 0;
17920
17958
  }
17921
17959
 
17922
17960
  .pf-v6-c-table__tr {
@@ -22745,7 +22783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22745
22783
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22746
22784
  }
22747
22785
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22748
- max-height: 9999px;
22786
+ max-height: 99999px;
22749
22787
  visibility: revert;
22750
22788
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22751
22789
  transition-delay: 0s;