@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
|
@@ -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-
|
|
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-
|
|
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-
|
|
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
|
@@ -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:
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|
-
|
|
25317
|
-
|
|
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-
|
|
25322
|
-
|
|
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
|
|
25329
|
-
.pf-v6-c-table__expandable-row
|
|
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:
|
|
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:
|
|
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;
|