@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/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Button/button.css +20 -9
- package/components/Button/button.scss +16 -5
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +1 -1
- package/components/ExpandableSection/expandable-section.scss +1 -1
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/Page/page.css +8 -8
- package/components/Table/table.css +52 -25
- package/components/Table/table.scss +73 -22
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/_index.css +86 -48
- package/docs/components/Table/examples/Table.md +8586 -5760
- package/docs/demos/Card/examples/Card.md +1 -1
- package/docs/demos/Table/examples/Table.md +2 -2
- package/package.json +1 -1
- package/patternfly-no-globals.css +86 -48
- package/patternfly.css +86 -48
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +4 -4
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:
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
|
|
25453
|
-
|
|
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-
|
|
25458
|
-
|
|
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
|
|
25465
|
-
.pf-v6-c-table__expandable-row
|
|
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:
|
|
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:
|
|
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;
|