@patternfly/react-styles 6.3.0-prerelease.5 → 6.3.0-prerelease.7
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/CHANGELOG.md +12 -0
- package/css/components/Accordion/accordion.css +1 -1
- package/css/components/Button/button.css +20 -9
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/ExpandableSection/expandable-section.css +19 -1
- package/css/components/ExpandableSection/expandable-section.d.ts +3 -2
- package/css/components/ExpandableSection/expandable-section.js +3 -2
- package/css/components/ExpandableSection/expandable-section.mjs +3 -2
- package/css/components/Form/form.css +10 -2
- package/css/components/FormControl/form-control.css +16 -0
- package/css/components/FormControl/form-control.d.ts +2 -2
- package/css/components/FormControl/form-control.js +2 -2
- package/css/components/FormControl/form-control.mjs +2 -2
- package/css/components/InputGroup/input-group.css +80 -0
- package/css/components/InputGroup/input-group.d.ts +6 -0
- package/css/components/InputGroup/input-group.js +6 -0
- package/css/components/InputGroup/input-group.mjs +6 -0
- package/css/components/Nav/nav.css +1 -1
- package/css/components/Page/page.css +25 -11
- package/css/components/Progress/progress.css +16 -0
- package/css/components/Table/table.css +52 -25
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/TextInputGroup/text-input-group.css +16 -0
- package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
- package/css/components/TextInputGroup/text-input-group.js +1 -1
- package/css/components/TextInputGroup/text-input-group.mjs +1 -1
- package/css/components/TreeView/tree-view.css +1 -1
- package/css/components/_index.css +258 -52
- package/css/components/_index.d.ts +8 -2
- package/css/components/_index.js +8 -2
- package/css/components/_index.mjs +8 -2
- package/package.json +3 -3
@@ -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:
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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
|
-
|
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:
|
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;
|
@@ -6570,6 +6581,8 @@ ul) {
|
|
6570
6581
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
6571
6582
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
6572
6583
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
6584
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
6585
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
6573
6586
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
6574
6587
|
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
6575
6588
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
@@ -6593,6 +6606,8 @@ ul) {
|
|
6593
6606
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
6594
6607
|
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
6595
6608
|
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
6609
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
6610
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
6596
6611
|
}
|
6597
6612
|
}
|
6598
6613
|
|
@@ -6613,10 +6628,24 @@ ul) {
|
|
6613
6628
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
6614
6629
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
6615
6630
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
6616
|
-
--pf-v6-c-expandable-section__content--MaxHeight:
|
6631
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
6617
6632
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
6618
6633
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
6619
6634
|
}
|
6635
|
+
.pf-v6-c-expandable-section.pf-m-expand-top {
|
6636
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
6637
|
+
}
|
6638
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
|
6639
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
6640
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
|
6641
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
|
6642
|
+
}
|
6643
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
|
6644
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
|
6645
|
+
}
|
6646
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
|
6647
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
|
6648
|
+
}
|
6620
6649
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
6621
6650
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
6622
6651
|
}
|
@@ -6786,7 +6815,7 @@ ul) {
|
|
6786
6815
|
--pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
|
6787
6816
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
6788
6817
|
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
6789
|
-
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
6818
|
+
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
6790
6819
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
6791
6820
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
6792
6821
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
@@ -6806,6 +6835,8 @@ ul) {
|
|
6806
6835
|
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
6807
6836
|
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
6808
6837
|
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
6838
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6839
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6809
6840
|
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
6810
6841
|
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
6811
6842
|
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
|
@@ -7183,7 +7214,7 @@ ul) {
|
|
7183
7214
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
7184
7215
|
}
|
7185
7216
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
7186
|
-
max-height:
|
7217
|
+
max-height: 99999px;
|
7187
7218
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
7188
7219
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
7189
7220
|
visibility: visible;
|
@@ -7250,6 +7281,8 @@ ul) {
|
|
7250
7281
|
}
|
7251
7282
|
|
7252
7283
|
.pf-v6-c-form__field-group-header-actions {
|
7284
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
|
7285
|
+
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
|
7253
7286
|
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
7254
7287
|
white-space: nowrap;
|
7255
7288
|
}
|
@@ -7258,9 +7291,13 @@ ul) {
|
|
7258
7291
|
display: grid;
|
7259
7292
|
grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
|
7260
7293
|
gap: var(--pf-v6-c-form__field-group-body--Gap);
|
7294
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
7295
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
7261
7296
|
}
|
7262
7297
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
7263
7298
|
max-height: 0;
|
7299
|
+
padding-block-start: 0;
|
7300
|
+
padding-block-end: 0;
|
7264
7301
|
visibility: hidden;
|
7265
7302
|
opacity: 0;
|
7266
7303
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
@@ -7505,6 +7542,22 @@ ul) {
|
|
7505
7542
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
7506
7543
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
7507
7544
|
}
|
7545
|
+
@media (prefers-reduced-motion: no-preference) {
|
7546
|
+
.pf-v6-c-form-control.pf-m-error {
|
7547
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
7548
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
7549
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
7550
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
7551
|
+
animation-fill-mode: both;
|
7552
|
+
}
|
7553
|
+
}
|
7554
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
7555
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
7556
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
7557
|
+
animation-name: pf-v6-global-fade-in;
|
7558
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
7559
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
7560
|
+
}
|
7508
7561
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
7509
7562
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
7510
7563
|
}
|
@@ -8154,6 +8207,30 @@ ul) {
|
|
8154
8207
|
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
8155
8208
|
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
8156
8209
|
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
8210
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
8211
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
8212
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
8213
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
8214
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
8215
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
|
8216
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
|
8217
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
|
8218
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
|
8219
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
|
8220
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
|
8221
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
|
8222
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
|
8223
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
|
8224
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
|
8225
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
8226
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
8227
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
8228
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
|
8229
|
+
}
|
8230
|
+
@media (prefers-reduced-motion: no-preference) {
|
8231
|
+
.pf-v6-c-input-group {
|
8232
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
|
8233
|
+
}
|
8157
8234
|
}
|
8158
8235
|
|
8159
8236
|
.pf-v6-c-input-group {
|
@@ -8161,6 +8238,62 @@ ul) {
|
|
8161
8238
|
gap: var(--pf-v6-c-input-group--Gap);
|
8162
8239
|
width: 100%;
|
8163
8240
|
}
|
8241
|
+
.pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
|
8242
|
+
--pf-v6-c-input-group--Gap: 0;
|
8243
|
+
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
8244
|
+
}
|
8245
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
8246
|
+
flex-grow: 1;
|
8247
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
8248
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
8249
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
8250
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
8251
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
8252
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
8253
|
+
transition-property: opacity, scale, visibility, max-width;
|
8254
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
8255
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
8256
|
+
}
|
8257
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
8258
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
8259
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
8260
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
8261
|
+
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
8262
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
8263
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
|
8264
|
+
transition-property: opacity, visibility, max-width;
|
8265
|
+
}
|
8266
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
8267
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
8268
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
8269
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
8270
|
+
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
8271
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
8272
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
|
8273
|
+
transition-property: opacity, visibility, max-width;
|
8274
|
+
}
|
8275
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
|
8276
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
|
8277
|
+
}
|
8278
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
|
8279
|
+
--pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
|
8280
|
+
--pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
|
8281
|
+
--pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
|
8282
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
|
8283
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
|
8284
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
|
8285
|
+
--pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
|
8286
|
+
--pf-v6-c-input-group__item--m-search-action--Visibility: visible;
|
8287
|
+
--pf-v6-c-input-group__item--m-search-action--Opacity: 1;
|
8288
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
|
8289
|
+
--pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
|
8290
|
+
--pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
|
8291
|
+
--pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
|
8292
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
|
8293
|
+
}
|
8294
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
|
8295
|
+
transition-delay: 0s;
|
8296
|
+
}
|
8164
8297
|
|
8165
8298
|
.pf-v6-c-input-group__item {
|
8166
8299
|
position: relative;
|
@@ -11666,7 +11799,7 @@ ul.pf-v6-c-list {
|
|
11666
11799
|
|
11667
11800
|
.pf-v6-c-nav__subnav {
|
11668
11801
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
11669
|
-
max-height:
|
11802
|
+
max-height: 99999px;
|
11670
11803
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
11671
11804
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
11672
11805
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
@@ -12176,9 +12309,13 @@ ul.pf-v6-c-list {
|
|
12176
12309
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
12177
12310
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
12178
12311
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
12179
|
-
--pf-v6-c-page__sidebar--
|
12180
|
-
--pf-v6-c-page__sidebar--
|
12312
|
+
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
12313
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
12314
|
+
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
12181
12315
|
--pf-v6-c-page__sidebar--TranslateX: -100%;
|
12316
|
+
--pf-v6-c-page__sidebar--Opacity: 0;
|
12317
|
+
--pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
|
12318
|
+
--pf-v6-c-page__sidebar--xl--Opacity: 1;
|
12182
12319
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
12183
12320
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
12184
12321
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
@@ -12256,9 +12393,17 @@ ul.pf-v6-c-list {
|
|
12256
12393
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
12257
12394
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
12258
12395
|
}
|
12396
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
12397
|
+
.pf-v6-c-page {
|
12398
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
12399
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
12400
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
12401
|
+
}
|
12402
|
+
}
|
12259
12403
|
@media screen and (min-width: 75rem) {
|
12260
12404
|
.pf-v6-c-page {
|
12261
12405
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
12406
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
12262
12407
|
}
|
12263
12408
|
}
|
12264
12409
|
|
@@ -12284,18 +12429,18 @@ ul.pf-v6-c-list {
|
|
12284
12429
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12285
12430
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12286
12431
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12287
|
-
--pf-v6-c-button__icon--
|
12432
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12288
12433
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12289
|
-
--pf-v6-c-button--hover__icon--
|
12434
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12290
12435
|
}
|
12291
12436
|
.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) {
|
12292
12437
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12293
12438
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12294
12439
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12295
12440
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12296
|
-
--pf-v6-c-button__icon--
|
12441
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12297
12442
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12298
|
-
--pf-v6-c-button--hover__icon--
|
12443
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12299
12444
|
}
|
12300
12445
|
@media (min-width: 75rem) {
|
12301
12446
|
.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) {
|
@@ -12310,18 +12455,18 @@ ul.pf-v6-c-list {
|
|
12310
12455
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12311
12456
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12312
12457
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12313
|
-
--pf-v6-c-button__icon--
|
12458
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12314
12459
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12315
|
-
--pf-v6-c-button--hover__icon--
|
12460
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12316
12461
|
}
|
12317
12462
|
.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) {
|
12318
12463
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12319
12464
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12320
12465
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12321
12466
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12322
|
-
--pf-v6-c-button__icon--
|
12467
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12323
12468
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12324
|
-
--pf-v6-c-button--hover__icon--
|
12469
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12325
12470
|
}
|
12326
12471
|
}
|
12327
12472
|
|
@@ -12352,7 +12497,8 @@ ul.pf-v6-c-list {
|
|
12352
12497
|
overflow-y: auto;
|
12353
12498
|
-webkit-overflow-scrolling: touch;
|
12354
12499
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
12355
|
-
|
12500
|
+
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
12501
|
+
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
12356
12502
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
12357
12503
|
}
|
12358
12504
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
|
@@ -12361,6 +12507,7 @@ ul.pf-v6-c-list {
|
|
12361
12507
|
|
12362
12508
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
12363
12509
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
12510
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
|
12364
12511
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
12365
12512
|
}
|
12366
12513
|
@media screen and (min-width: 75rem) {
|
@@ -13621,6 +13768,22 @@ ul.pf-v6-c-list {
|
|
13621
13768
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
13622
13769
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
13623
13770
|
}
|
13771
|
+
@media (prefers-reduced-motion: no-preference) {
|
13772
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
13773
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
13774
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
13775
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
13776
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
13777
|
+
animation-fill-mode: both;
|
13778
|
+
}
|
13779
|
+
}
|
13780
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
13781
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
13782
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
13783
|
+
animation-name: pf-v6-global-fade-in;
|
13784
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
13785
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
13786
|
+
}
|
13624
13787
|
|
13625
13788
|
.pf-v6-c-progress__description {
|
13626
13789
|
grid-column: 1/2;
|
@@ -17136,8 +17299,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17136
17299
|
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
17137
17300
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
17138
17301
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
17139
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
17140
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17141
17302
|
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
17142
17303
|
--pf-v6-c-table__expandable-row--Opacity: 0;
|
17143
17304
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
@@ -17474,6 +17635,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17474
17635
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
17475
17636
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
17476
17637
|
}
|
17638
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
17639
|
+
display: revert;
|
17640
|
+
visibility: hidden;
|
17641
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17642
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17643
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17644
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
17645
|
+
transition-property: opacity, translate, visibility;
|
17646
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17647
|
+
}
|
17648
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
17649
|
+
display: revert;
|
17650
|
+
}
|
17651
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
17652
|
+
visibility: visible;
|
17653
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17654
|
+
transition-delay: 0s;
|
17655
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
17656
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17657
|
+
}
|
17658
|
+
.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 {
|
17659
|
+
max-height: 99999px;
|
17660
|
+
}
|
17661
|
+
.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),
|
17662
|
+
.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 {
|
17663
|
+
padding: 0;
|
17664
|
+
overflow: hidden;
|
17665
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17666
|
+
transition-property: padding, max-height, overflow;
|
17667
|
+
}
|
17668
|
+
.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 {
|
17669
|
+
max-height: 0;
|
17670
|
+
}
|
17477
17671
|
|
17478
17672
|
[class*=pf-v6-c-table].pf-m-truncate {
|
17479
17673
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
@@ -17778,28 +17972,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17778
17972
|
.pf-v6-c-table__expandable-row {
|
17779
17973
|
position: relative;
|
17780
17974
|
border-block-end: 0 solid transparent;
|
17781
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17782
|
-
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17783
|
-
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);
|
17784
|
-
transition-property: opacity, translate, display;
|
17785
|
-
transition-behavior: allow-discrete;
|
17786
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17787
17975
|
}
|
17788
|
-
|
17789
|
-
|
17976
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17977
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
17790
17978
|
padding-block-start: 0;
|
17791
17979
|
}
|
17792
|
-
|
17793
|
-
.pf-v6-c-
|
17794
|
-
|
17980
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17981
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
17982
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
17983
|
+
}
|
17984
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
17985
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
17795
17986
|
padding-block-start: 0;
|
17796
17987
|
padding-block-end: 0;
|
17797
17988
|
padding-inline-start: 0;
|
17798
17989
|
padding-inline-end: 0;
|
17799
17990
|
}
|
17800
|
-
.pf-v6-c-table__expandable-row
|
17801
|
-
.pf-v6-c-table__expandable-row
|
17991
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
17992
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
17802
17993
|
padding: 0;
|
17994
|
+
border-radius: 0;
|
17803
17995
|
}
|
17804
17996
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
17805
17997
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
@@ -17809,18 +18001,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17809
18001
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
17810
18002
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
17811
18003
|
}
|
18004
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
18005
|
+
background-color: transparent;
|
18006
|
+
}
|
17812
18007
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17813
18008
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
17814
18009
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
17815
|
-
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17816
|
-
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);
|
17817
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17818
|
-
}
|
17819
|
-
@starting-style {
|
17820
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17821
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17822
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17823
|
-
}
|
17824
18010
|
}
|
17825
18011
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
17826
18012
|
display: none;
|
@@ -17829,6 +18015,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17829
18015
|
border-block-end: 0;
|
17830
18016
|
}
|
17831
18017
|
|
18018
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
18019
|
+
border-block-end: 0;
|
18020
|
+
}
|
18021
|
+
|
17832
18022
|
.pf-v6-c-table.pf-m-compact {
|
17833
18023
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
17834
18024
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
@@ -17884,7 +18074,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17884
18074
|
}
|
17885
18075
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
17886
18076
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
17887
|
-
border-block-end:
|
18077
|
+
border-block-end: 0;
|
17888
18078
|
}
|
17889
18079
|
|
17890
18080
|
.pf-v6-c-table__tr {
|
@@ -19840,6 +20030,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19840
20030
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
19841
20031
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
19842
20032
|
}
|
20033
|
+
@media (prefers-reduced-motion: no-preference) {
|
20034
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
20035
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
20036
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
20037
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
20038
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
20039
|
+
animation-fill-mode: both;
|
20040
|
+
}
|
20041
|
+
}
|
20042
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
20043
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
20044
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
20045
|
+
animation-name: pf-v6-global-fade-in;
|
20046
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
20047
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
20048
|
+
}
|
19843
20049
|
.pf-v6-c-text-input-group:hover {
|
19844
20050
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
19845
20051
|
}
|
@@ -22697,7 +22903,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22697
22903
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
22698
22904
|
}
|
22699
22905
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
22700
|
-
max-height:
|
22906
|
+
max-height: 99999px;
|
22701
22907
|
visibility: revert;
|
22702
22908
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
22703
22909
|
transition-delay: 0s;
|