@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.
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;
@@ -9183,12 +9183,16 @@ button.pf-v6-c-breadcrumb__link {
9183
9183
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9184
9184
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
9185
9185
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
9186
+ --pf-v6-c-button--ScaleX: 1;
9187
+ --pf-v6-c-button--ScaleY: 1;
9186
9188
  --pf-v6-c-button--hover--BackgroundColor: transparent;
9187
9189
  --pf-v6-c-button--hover--BorderColor: transparent;
9188
9190
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9189
9191
  --pf-v6-c-button--hover--TextDecorationLine: none;
9190
9192
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9191
9193
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9194
+ --pf-v6-c-button--hover--ScaleX: 1;
9195
+ --pf-v6-c-button--hover--ScaleY: 1;
9192
9196
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9193
9197
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9194
9198
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9403,11 +9407,14 @@ button.pf-v6-c-breadcrumb__link {
9403
9407
  --pf-v6-c-button__icon--TransitionDuration: 0s;
9404
9408
  --pf-v6-c-button__icon--TransitionProperty: none;
9405
9409
  --pf-v6-c-button__icon--Rotate: 0deg;
9406
- --pf-v6-c-button__icon--Scale: 1;
9407
9410
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
9408
9411
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
9409
9412
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
9410
9413
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
9414
+ --pf-v6-c-button__icon--ScaleX: 1;
9415
+ --pf-v6-c-button__icon--ScaleY: 1;
9416
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9417
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
9411
9418
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9412
9419
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9413
9420
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -9454,7 +9461,7 @@ button.pf-v6-c-breadcrumb__link {
9454
9461
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
9455
9462
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
9456
9463
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
9457
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
9464
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
9458
9465
  }
9459
9466
 
9460
9467
  .pf-v6-c-button {
@@ -9490,7 +9497,7 @@ button.pf-v6-c-breadcrumb__link {
9490
9497
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
9491
9498
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
9492
9499
  transition-property: var(--pf-v6-c-button--TransitionProperty);
9493
- scale: var(--pf-v6-c-button--Scale, revert);
9500
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
9494
9501
  }
9495
9502
  .pf-v6-c-button::after {
9496
9503
  position: absolute;
@@ -9793,30 +9800,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9793
9800
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9794
9801
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9795
9802
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9796
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9803
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9797
9804
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9798
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
9805
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
9799
9806
  }
9800
9807
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
9801
9808
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
9802
9809
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
9803
9810
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
9804
9811
  --pf-v6-c-button__icon--TransitionDelay: 0s;
9805
- --pf-v6-c-button__icon--Scale: 1;
9812
+ --pf-v6-c-button__icon--ScaleX: 1;
9806
9813
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
9807
- --pf-v6-c-button--hover__icon--Scale: 1;
9814
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
9808
9815
  }
9809
9816
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9810
9817
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9811
9818
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9812
9819
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9813
9820
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9821
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
9822
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
9814
9823
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9815
9824
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9816
9825
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
9817
9826
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
9818
9827
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
9819
9828
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
9829
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
9830
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
9820
9831
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9821
9832
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9822
9833
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -9884,7 +9895,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9884
9895
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
9885
9896
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
9886
9897
  rotate: var(--pf-v6-c-button__icon--Rotate);
9887
- scale: var(--pf-v6-c-button__icon--Scale);
9898
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
9888
9899
  }
9889
9900
  .pf-v6-c-button__icon.pf-m-start {
9890
9901
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -9963,7 +9974,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9963
9974
  }
9964
9975
  @keyframes pf-v6-c-button-icon-favorited {
9965
9976
  50% {
9966
- transform: scale(1.5);
9977
+ scale: 1.5;
9967
9978
  }
9968
9979
  }
9969
9980
  .pf-v6-c-calendar-month {
@@ -12650,7 +12661,7 @@ ul) {
12650
12661
  --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
12662
  }
12652
12663
  .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;
12664
+ max-height: 99999px;
12654
12665
  visibility: revert;
12655
12666
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
12656
12667
  transition-delay: 0s;
@@ -14245,7 +14256,7 @@ ul) {
14245
14256
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14246
14257
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14247
14258
  --pf-v6-c-expandable-section__content--Visibility: auto;
14248
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14259
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
14249
14260
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
14250
14261
  gap: var(--pf-v6-c-expandable-section--Gap);
14251
14262
  }
@@ -14815,7 +14826,7 @@ ul) {
14815
14826
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
14816
14827
  }
14817
14828
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
14818
- max-height: 9999px;
14829
+ max-height: 99999px;
14819
14830
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14820
14831
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14821
14832
  visibility: visible;
@@ -19314,7 +19325,7 @@ ul.pf-v6-c-list {
19314
19325
 
19315
19326
  .pf-v6-c-nav__subnav {
19316
19327
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
19317
- max-height: 9999px;
19328
+ max-height: 99999px;
19318
19329
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
19319
19330
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
19320
19331
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -19932,18 +19943,18 @@ ul.pf-v6-c-list {
19932
19943
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19933
19944
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19934
19945
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19935
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19946
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19936
19947
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19937
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19948
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19938
19949
  }
19939
19950
  .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) {
19940
19951
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19941
19952
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19942
19953
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19943
19954
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19944
- --pf-v6-c-button__icon--Scale: 1;
19955
+ --pf-v6-c-button__icon--ScaleX: 1;
19945
19956
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19946
- --pf-v6-c-button--hover__icon--Scale: 1;
19957
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19947
19958
  }
19948
19959
  @media (min-width: 75rem) {
19949
19960
  .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) {
@@ -19958,18 +19969,18 @@ ul.pf-v6-c-list {
19958
19969
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19959
19970
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19960
19971
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19961
- --pf-v6-c-button__icon--Scale: 1;
19972
+ --pf-v6-c-button__icon--ScaleX: 1;
19962
19973
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19963
- --pf-v6-c-button--hover__icon--Scale: 1;
19974
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
19964
19975
  }
19965
19976
  .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) {
19966
19977
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
19967
19978
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
19968
19979
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
19969
19980
  --pf-v6-c-button__icon--TransitionDelay: 0s;
19970
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19981
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19971
19982
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
19972
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
19983
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
19973
19984
  }
19974
19985
  }
19975
19986
 
@@ -24800,8 +24811,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24800
24811
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
24801
24812
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
24802
24813
  --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
24814
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24806
24815
  --pf-v6-c-table__expandable-row--Opacity: 0;
24807
24816
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -25138,6 +25147,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25138
25147
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25139
25148
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25140
25149
  }
25150
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25151
+ display: revert;
25152
+ visibility: hidden;
25153
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25154
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25155
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25156
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25157
+ transition-property: opacity, translate, visibility;
25158
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25159
+ }
25160
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25161
+ display: revert;
25162
+ }
25163
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25164
+ visibility: visible;
25165
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25166
+ transition-delay: 0s;
25167
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25168
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25169
+ }
25170
+ .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 {
25171
+ max-height: 99999px;
25172
+ }
25173
+ .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),
25174
+ .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 {
25175
+ padding: 0;
25176
+ overflow: hidden;
25177
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25178
+ transition-property: padding, max-height, overflow;
25179
+ }
25180
+ .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 {
25181
+ max-height: 0;
25182
+ }
25141
25183
 
25142
25184
  [class*=pf-v6-c-table].pf-m-truncate {
25143
25185
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -25442,28 +25484,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25442
25484
  .pf-v6-c-table__expandable-row {
25443
25485
  position: relative;
25444
25486
  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
25487
  }
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 {
25488
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25489
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25454
25490
  padding-block-start: 0;
25455
25491
  }
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 {
25492
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25493
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25494
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25495
+ }
25496
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25497
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25459
25498
  padding-block-start: 0;
25460
25499
  padding-block-end: 0;
25461
25500
  padding-inline-start: 0;
25462
25501
  padding-inline-end: 0;
25463
25502
  }
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 {
25503
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25504
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25466
25505
  padding: 0;
25506
+ border-radius: 0;
25467
25507
  }
25468
25508
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25469
25509
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -25473,18 +25513,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25473
25513
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25474
25514
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25475
25515
  }
25516
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25517
+ background-color: transparent;
25518
+ }
25476
25519
  .pf-v6-c-table__expandable-row.pf-m-expanded {
25477
25520
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25478
25521
  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
25522
  }
25489
25523
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25490
25524
  display: none;
@@ -25493,6 +25527,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25493
25527
  border-block-end: 0;
25494
25528
  }
25495
25529
 
25530
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25531
+ border-block-end: 0;
25532
+ }
25533
+
25496
25534
  .pf-v6-c-table.pf-m-compact {
25497
25535
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25498
25536
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -25548,7 +25586,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25548
25586
  }
25549
25587
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25550
25588
  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);
25589
+ border-block-end: 0;
25552
25590
  }
25553
25591
 
25554
25592
  .pf-v6-c-table__tr {
@@ -30377,7 +30415,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30377
30415
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30378
30416
  }
30379
30417
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30380
- max-height: 9999px;
30418
+ max-height: 99999px;
30381
30419
  visibility: revert;
30382
30420
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30383
30421
  transition-delay: 0s;