@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.
Files changed (34) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/Accordion/accordion.css +1 -1
  3. package/css/components/Button/button.css +20 -9
  4. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  5. package/css/components/ExpandableSection/expandable-section.css +19 -1
  6. package/css/components/ExpandableSection/expandable-section.d.ts +3 -2
  7. package/css/components/ExpandableSection/expandable-section.js +3 -2
  8. package/css/components/ExpandableSection/expandable-section.mjs +3 -2
  9. package/css/components/Form/form.css +10 -2
  10. package/css/components/FormControl/form-control.css +16 -0
  11. package/css/components/FormControl/form-control.d.ts +2 -2
  12. package/css/components/FormControl/form-control.js +2 -2
  13. package/css/components/FormControl/form-control.mjs +2 -2
  14. package/css/components/InputGroup/input-group.css +80 -0
  15. package/css/components/InputGroup/input-group.d.ts +6 -0
  16. package/css/components/InputGroup/input-group.js +6 -0
  17. package/css/components/InputGroup/input-group.mjs +6 -0
  18. package/css/components/Nav/nav.css +1 -1
  19. package/css/components/Page/page.css +25 -11
  20. package/css/components/Progress/progress.css +16 -0
  21. package/css/components/Table/table.css +52 -25
  22. package/css/components/Table/table.d.ts +2 -0
  23. package/css/components/Table/table.js +2 -0
  24. package/css/components/Table/table.mjs +2 -0
  25. package/css/components/TextInputGroup/text-input-group.css +16 -0
  26. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  27. package/css/components/TextInputGroup/text-input-group.js +1 -1
  28. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  29. package/css/components/TreeView/tree-view.css +1 -1
  30. package/css/components/_index.css +258 -52
  31. package/css/components/_index.d.ts +8 -2
  32. package/css/components/_index.js +8 -2
  33. package/css/components/_index.mjs +8 -2
  34. 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: 9999px;
398
+ max-height: 99999px;
399
399
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
400
  visibility: revert;
401
401
  transition-delay: 0s;
@@ -1551,12 +1551,16 @@ button.pf-v6-c-breadcrumb__link {
1551
1551
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1552
1552
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
1553
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1554
+ --pf-v6-c-button--ScaleX: 1;
1555
+ --pf-v6-c-button--ScaleY: 1;
1554
1556
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1555
1557
  --pf-v6-c-button--hover--BorderColor: transparent;
1556
1558
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1557
1559
  --pf-v6-c-button--hover--TextDecorationLine: none;
1558
1560
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1559
1561
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1562
+ --pf-v6-c-button--hover--ScaleX: 1;
1563
+ --pf-v6-c-button--hover--ScaleY: 1;
1560
1564
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1561
1565
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1562
1566
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1771,11 +1775,14 @@ button.pf-v6-c-breadcrumb__link {
1771
1775
  --pf-v6-c-button__icon--TransitionDuration: 0s;
1772
1776
  --pf-v6-c-button__icon--TransitionProperty: none;
1773
1777
  --pf-v6-c-button__icon--Rotate: 0deg;
1774
- --pf-v6-c-button__icon--Scale: 1;
1775
1778
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
1776
1779
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
1777
1780
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
1778
1781
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
1782
+ --pf-v6-c-button__icon--ScaleX: 1;
1783
+ --pf-v6-c-button__icon--ScaleY: 1;
1784
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
1785
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
1779
1786
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1780
1787
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1781
1788
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -1822,7 +1829,7 @@ button.pf-v6-c-breadcrumb__link {
1822
1829
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
1823
1830
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
1824
1831
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
1825
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
1832
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
1826
1833
  }
1827
1834
 
1828
1835
  .pf-v6-c-button {
@@ -1858,7 +1865,7 @@ button.pf-v6-c-breadcrumb__link {
1858
1865
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
1859
1866
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
1860
1867
  transition-property: var(--pf-v6-c-button--TransitionProperty);
1861
- scale: var(--pf-v6-c-button--Scale, revert);
1868
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
1862
1869
  }
1863
1870
  .pf-v6-c-button::after {
1864
1871
  position: absolute;
@@ -2161,30 +2168,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2161
2168
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2162
2169
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2163
2170
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2164
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2171
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2165
2172
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2166
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
2173
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2167
2174
  }
2168
2175
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
2169
2176
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2170
2177
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2171
2178
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2172
2179
  --pf-v6-c-button__icon--TransitionDelay: 0s;
2173
- --pf-v6-c-button__icon--Scale: 1;
2180
+ --pf-v6-c-button__icon--ScaleX: 1;
2174
2181
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2175
- --pf-v6-c-button--hover__icon--Scale: 1;
2182
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
2176
2183
  }
2177
2184
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2178
2185
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
2179
2186
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
2180
2187
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
2181
2188
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
2189
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
2190
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
2182
2191
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
2183
2192
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
2184
2193
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
2185
2194
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
2186
2195
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
2187
2196
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
2197
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
2198
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
2188
2199
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2189
2200
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2190
2201
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -2252,7 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2252
2263
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2253
2264
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2254
2265
  rotate: var(--pf-v6-c-button__icon--Rotate);
2255
- scale: var(--pf-v6-c-button__icon--Scale);
2266
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2256
2267
  }
2257
2268
  .pf-v6-c-button__icon.pf-m-start {
2258
2269
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2331,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2331
2342
  }
2332
2343
  @keyframes pf-v6-c-button-icon-favorited {
2333
2344
  50% {
2334
- transform: scale(1.5);
2345
+ scale: 1.5;
2335
2346
  }
2336
2347
  }
2337
2348
  .pf-v6-c-calendar-month {
@@ -5018,7 +5029,7 @@ ul) {
5018
5029
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
5019
5030
  }
5020
5031
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
5021
- max-height: 9999px;
5032
+ max-height: 99999px;
5022
5033
  visibility: revert;
5023
5034
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5024
5035
  transition-delay: 0s;
@@ -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: 9999px;
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--md);
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: 9999px;
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: 9999px;
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--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
12180
- --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
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--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
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--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
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--Scale: 1;
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--Scale: 1;
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--Scale: 1;
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--Scale: 1;
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--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
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--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
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
- transition: transform var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
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
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17789
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
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-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
17794
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
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 td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17801
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
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: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
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: 9999px;
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;