@patternfly/react-styles 6.3.0-prerelease.4 → 6.3.0-prerelease.6

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 (38) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/Accordion/accordion.css +1 -1
  3. package/css/components/Button/button.css +127 -6
  4. package/css/components/Button/button.d.ts +9 -0
  5. package/css/components/Button/button.js +9 -0
  6. package/css/components/Button/button.mjs +9 -0
  7. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  8. package/css/components/ExpandableSection/expandable-section.css +1 -1
  9. package/css/components/Form/form.css +1 -1
  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/Menu/menu.css +24 -4
  15. package/css/components/MenuToggle/menu-toggle.css +30 -0
  16. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  17. package/css/components/MenuToggle/menu-toggle.js +1 -0
  18. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  19. package/css/components/Nav/nav.css +1 -1
  20. package/css/components/Page/page.css +45 -0
  21. package/css/components/Page/page.d.ts +3 -0
  22. package/css/components/Page/page.js +3 -0
  23. package/css/components/Page/page.mjs +3 -0
  24. package/css/components/Progress/progress.css +16 -0
  25. package/css/components/Table/table.css +52 -25
  26. package/css/components/Table/table.d.ts +2 -0
  27. package/css/components/Table/table.js +2 -0
  28. package/css/components/Table/table.mjs +2 -0
  29. package/css/components/TextInputGroup/text-input-group.css +16 -0
  30. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  31. package/css/components/TextInputGroup/text-input-group.js +1 -1
  32. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  33. package/css/components/TreeView/tree-view.css +1 -1
  34. package/css/components/_index.css +332 -41
  35. package/css/components/_index.d.ts +10 -1
  36. package/css/components/_index.js +10 -1
  37. package/css/components/_index.mjs +10 -1
  38. 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;
@@ -1547,15 +1547,20 @@ button.pf-v6-c-breadcrumb__link {
1547
1547
  --pf-v6-c-button--TextDecorationLine: none;
1548
1548
  --pf-v6-c-button--TextDecorationStyle: none;
1549
1549
  --pf-v6-c-button--TextDecorationColor: currentcolor;
1550
+ --pf-v6-c-button--TransitionDelay: 0s;
1550
1551
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1551
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1552
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
1552
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
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;
1553
1556
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1554
1557
  --pf-v6-c-button--hover--BorderColor: transparent;
1555
1558
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1556
1559
  --pf-v6-c-button--hover--TextDecorationLine: none;
1557
1560
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1558
1561
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1562
+ --pf-v6-c-button--hover--ScaleX: 1;
1563
+ --pf-v6-c-button--hover--ScaleY: 1;
1559
1564
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1560
1565
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1561
1566
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1765,6 +1770,19 @@ button.pf-v6-c-breadcrumb__link {
1765
1770
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1766
1771
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
1767
1772
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
1773
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
1774
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
1775
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
1776
+ --pf-v6-c-button__icon--TransitionProperty: none;
1777
+ --pf-v6-c-button__icon--Rotate: 0deg;
1778
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
1779
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
1780
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
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;
1768
1786
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1769
1787
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1770
1788
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -1790,9 +1808,28 @@ button.pf-v6-c-breadcrumb__link {
1790
1808
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1791
1809
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1792
1810
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
1811
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1812
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1813
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1814
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1815
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
1793
1816
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1794
1817
  --pf-v6-c-button--m-block--Display: flex;
1795
1818
  --pf-v6-c-button--m-block--Width: 100%;
1819
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1820
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
1821
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
1822
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
1823
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
1824
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
1825
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
1826
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
1827
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
1828
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
1829
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
1830
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
1831
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
1832
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
1796
1833
  }
1797
1834
 
1798
1835
  .pf-v6-c-button {
@@ -1816,16 +1853,19 @@ button.pf-v6-c-breadcrumb__link {
1816
1853
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
1817
1854
  white-space: nowrap;
1818
1855
  cursor: pointer;
1856
+ -webkit-user-select: none;
1819
1857
  user-select: none;
1820
- background-color: var(--pf-v6-c-button--BackgroundColor);
1858
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
1821
1859
  border: 0;
1822
1860
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
1823
1861
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
1824
1862
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
1825
1863
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
1864
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
1826
1865
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
1827
1866
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
1828
1867
  transition-property: var(--pf-v6-c-button--TransitionProperty);
1868
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
1829
1869
  }
1830
1870
  .pf-v6-c-button::after {
1831
1871
  position: absolute;
@@ -1934,6 +1974,7 @@ button.pf-v6-c-breadcrumb__link {
1934
1974
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
1935
1975
  text-align: start;
1936
1976
  white-space: normal;
1977
+ background: transparent;
1937
1978
  outline-offset: 0.125rem;
1938
1979
  }
1939
1980
  span.pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -2067,6 +2108,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2067
2108
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
2068
2109
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
2069
2110
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2111
+ background: var(--pf-v6-c-button--BackgroundColor);
2070
2112
  }
2071
2113
  .pf-v6-c-button.pf-m-block {
2072
2114
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
@@ -2093,7 +2135,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2093
2135
  }
2094
2136
  .pf-v6-c-button.pf-m-favorited {
2095
2137
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2138
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2096
2139
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2140
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2097
2141
  --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
2098
2142
  --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
2099
2143
  }
@@ -2102,31 +2146,78 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2102
2146
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
2103
2147
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
2104
2148
  }
2149
+ .pf-v6-c-button.pf-m-settings {
2150
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
2151
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
2152
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
2153
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
2154
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
2155
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
2156
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
2157
+ }
2158
+ .pf-v6-c-button.pf-m-hamburger {
2159
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2160
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
2161
+ --pf-v6-c-button__icon--TransitionProperty: scale;
2162
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2163
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2164
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2165
+ }
2166
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
2167
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2168
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2169
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2170
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
2171
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2172
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2173
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
2174
+ }
2175
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
2176
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
2177
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
2178
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
2179
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
2180
+ --pf-v6-c-button__icon--ScaleX: 1;
2181
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
2182
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
2183
+ }
2105
2184
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2106
2185
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
2107
2186
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
2108
2187
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
2109
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);
2110
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);
2111
2192
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
2193
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
2194
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
2195
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
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);
2112
2199
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2113
2200
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2114
2201
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
2115
2202
  }
2116
- .pf-v6-c-button.pf-m-clicked {
2203
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
2117
2204
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
2118
2205
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
2119
2206
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
2120
2207
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
2121
2208
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
2122
2209
  }
2210
+ .pf-v6-c-button:active {
2211
+ background-size: 100%;
2212
+ transition-duration: 0s;
2213
+ }
2123
2214
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
2124
2215
  pointer-events: none;
2125
2216
  }
2126
2217
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
2127
2218
  color: var(--pf-v6-c-button--disabled--Color);
2128
2219
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
2129
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
2220
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
2130
2221
  }
2131
2222
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2132
2223
  border-color: transparent;
@@ -2167,6 +2258,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2167
2258
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2168
2259
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2169
2260
  color: var(--pf-v6-c-button__icon--Color);
2261
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2262
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2263
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2264
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2265
+ rotate: var(--pf-v6-c-button__icon--Rotate);
2266
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2170
2267
  }
2171
2268
  .pf-v6-c-button__icon.pf-m-start {
2172
2269
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2211,6 +2308,30 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2211
2308
  align-items: center;
2212
2309
  }
2213
2310
 
2311
+ .pf-v6-c-button--hamburger-icon path {
2312
+ fill: none;
2313
+ stroke: currentcolor;
2314
+ stroke-linecap: round;
2315
+ stroke-linejoin: round;
2316
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
2317
+ }
2318
+
2319
+ .pf-v6-c-button--hamburger-icon--top {
2320
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
2321
+ }
2322
+
2323
+ .pf-v6-c-button--hamburger-icon--middle {
2324
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
2325
+ }
2326
+
2327
+ .pf-v6-c-button--hamburger-icon--arrow {
2328
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
2329
+ }
2330
+
2331
+ .pf-v6-c-button--hamburger-icon--bottom {
2332
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
2333
+ }
2334
+
2214
2335
  @keyframes pf-v6-c-button-icon-notify {
2215
2336
  33% {
2216
2337
  transform: rotate(30deg);
@@ -2221,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2221
2342
  }
2222
2343
  @keyframes pf-v6-c-button-icon-favorited {
2223
2344
  50% {
2224
- transform: scale(1.5);
2345
+ scale: 1.5;
2225
2346
  }
2226
2347
  }
2227
2348
  .pf-v6-c-calendar-month {
@@ -4908,7 +5029,7 @@ ul) {
4908
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);
4909
5030
  }
4910
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 {
4911
- max-height: 9999px;
5032
+ max-height: 99999px;
4912
5033
  visibility: revert;
4913
5034
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
4914
5035
  transition-delay: 0s;
@@ -6503,7 +6624,7 @@ ul) {
6503
6624
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6504
6625
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6505
6626
  --pf-v6-c-expandable-section__content--Visibility: auto;
6506
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6627
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6507
6628
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6508
6629
  gap: var(--pf-v6-c-expandable-section--Gap);
6509
6630
  }
@@ -7073,7 +7194,7 @@ ul) {
7073
7194
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
7074
7195
  }
7075
7196
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
7076
- max-height: 9999px;
7197
+ max-height: 99999px;
7077
7198
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
7078
7199
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
7079
7200
  visibility: visible;
@@ -7395,6 +7516,22 @@ ul) {
7395
7516
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
7396
7517
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
7397
7518
  }
7519
+ @media (prefers-reduced-motion: no-preference) {
7520
+ .pf-v6-c-form-control.pf-m-error {
7521
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
7522
+ animation-name: pf-v6-global-danger-jiggle-motion;
7523
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
7524
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
7525
+ animation-fill-mode: both;
7526
+ }
7527
+ }
7528
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
7529
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
7530
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
7531
+ animation-name: pf-v6-global-fade-in;
7532
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
7533
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
7534
+ }
7398
7535
  .pf-v6-c-form-control.pf-m-error > textarea {
7399
7536
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
7400
7537
  }
@@ -9863,7 +10000,7 @@ ul.pf-v6-c-list {
9863
10000
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
9864
10001
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
9865
10002
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
9866
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10003
+ --pf-v6-c-menu--TransitionDuration: 0s;
9867
10004
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9868
10005
  --pf-v6-c-menu--m-plain--BoxShadow: none;
9869
10006
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
@@ -9936,14 +10073,34 @@ ul.pf-v6-c-list {
9936
10073
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
9937
10074
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
9938
10075
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
9939
- --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
10076
+ --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
9940
10077
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
9941
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10078
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
9942
10079
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
9943
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10080
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
9944
10081
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
9945
10082
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
9946
10083
  }
10084
+ @media (prefers-reduced-motion: no-preference) {
10085
+ .pf-v6-c-menu {
10086
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10087
+ }
10088
+ }
10089
+ @media (prefers-reduced-motion: no-preference) {
10090
+ .pf-v6-c-menu {
10091
+ --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
10092
+ }
10093
+ }
10094
+ @media (prefers-reduced-motion: no-preference) {
10095
+ .pf-v6-c-menu {
10096
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10097
+ }
10098
+ }
10099
+ @media (prefers-reduced-motion: no-preference) {
10100
+ .pf-v6-c-menu {
10101
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
10102
+ }
10103
+ }
9947
10104
 
9948
10105
  .pf-v6-c-menu__content,
9949
10106
  .pf-v6-c-menu__list-item,
@@ -10477,6 +10634,14 @@ ul.pf-v6-c-list {
10477
10634
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10478
10635
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10479
10636
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
10637
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
10638
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
10639
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
10640
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
10641
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
10642
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
10643
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
10644
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
10480
10645
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
10481
10646
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10482
10647
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
@@ -10574,6 +10739,11 @@ ul.pf-v6-c-list {
10574
10739
  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
10575
10740
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10576
10741
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10742
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10743
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
10744
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
10745
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
10746
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
10577
10747
  }
10578
10748
 
10579
10749
  .pf-v6-c-menu-toggle {
@@ -10687,6 +10857,10 @@ ul.pf-v6-c-list {
10687
10857
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
10688
10858
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10689
10859
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10860
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
10861
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
10862
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
10863
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
10690
10864
  }
10691
10865
  .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
10692
10866
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
@@ -10742,6 +10916,15 @@ ul.pf-v6-c-list {
10742
10916
  opacity: 1;
10743
10917
  }
10744
10918
  }
10919
+ .pf-v6-c-menu-toggle.pf-m-settings {
10920
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
10921
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
10922
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
10923
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
10924
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
10925
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
10926
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
10927
+ }
10745
10928
  .pf-v6-c-menu-toggle.pf-m-placeholder {
10746
10929
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
10747
10930
  }
@@ -10903,6 +11086,10 @@ ul.pf-v6-c-list {
10903
11086
 
10904
11087
  .pf-v6-c-menu-toggle__icon {
10905
11088
  flex-shrink: 0;
11089
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
11090
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
11091
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
11092
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
10906
11093
  }
10907
11094
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
10908
11095
  vertical-align: middle;
@@ -11506,7 +11693,7 @@ ul.pf-v6-c-list {
11506
11693
 
11507
11694
  .pf-v6-c-nav__subnav {
11508
11695
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11509
- max-height: 9999px;
11696
+ max-height: 99999px;
11510
11697
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11511
11698
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11512
11699
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -12119,6 +12306,51 @@ ul.pf-v6-c-list {
12119
12306
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
12120
12307
  }
12121
12308
  }
12309
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12310
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12311
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12312
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12313
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12314
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12315
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12316
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12317
+ }
12318
+ .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) {
12319
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12320
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12321
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12322
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12323
+ --pf-v6-c-button__icon--ScaleX: 1;
12324
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12325
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12326
+ }
12327
+ @media (min-width: 75rem) {
12328
+ .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) {
12329
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
12330
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
12331
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
12332
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12333
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
12334
+ }
12335
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
12336
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12337
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12338
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12339
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12340
+ --pf-v6-c-button__icon--ScaleX: 1;
12341
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12342
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12343
+ }
12344
+ .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) {
12345
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12346
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12347
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12348
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
12349
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12350
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12351
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12352
+ }
12353
+ }
12122
12354
 
12123
12355
  .pf-v6-c-page > .pf-v6-c-masthead {
12124
12356
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
@@ -13416,6 +13648,22 @@ ul.pf-v6-c-list {
13416
13648
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13417
13649
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13418
13650
  }
13651
+ @media (prefers-reduced-motion: no-preference) {
13652
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
13653
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
13654
+ animation-name: pf-v6-global-danger-jiggle-motion;
13655
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
13656
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
13657
+ animation-fill-mode: both;
13658
+ }
13659
+ }
13660
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
13661
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
13662
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
13663
+ animation-name: pf-v6-global-fade-in;
13664
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
13665
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
13666
+ }
13419
13667
 
13420
13668
  .pf-v6-c-progress__description {
13421
13669
  grid-column: 1/2;
@@ -16931,8 +17179,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16931
17179
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
16932
17180
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
16933
17181
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
16934
- --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
16935
- --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
16936
17182
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16937
17183
  --pf-v6-c-table__expandable-row--Opacity: 0;
16938
17184
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -17269,6 +17515,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17269
17515
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17270
17516
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17271
17517
  }
17518
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17519
+ display: revert;
17520
+ visibility: hidden;
17521
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17522
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17523
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17524
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
17525
+ transition-property: opacity, translate, visibility;
17526
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17527
+ }
17528
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17529
+ display: revert;
17530
+ }
17531
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17532
+ visibility: visible;
17533
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17534
+ transition-delay: 0s;
17535
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17536
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17537
+ }
17538
+ .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 {
17539
+ max-height: 99999px;
17540
+ }
17541
+ .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),
17542
+ .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 {
17543
+ padding: 0;
17544
+ overflow: hidden;
17545
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17546
+ transition-property: padding, max-height, overflow;
17547
+ }
17548
+ .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 {
17549
+ max-height: 0;
17550
+ }
17272
17551
 
17273
17552
  [class*=pf-v6-c-table].pf-m-truncate {
17274
17553
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -17573,28 +17852,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17573
17852
  .pf-v6-c-table__expandable-row {
17574
17853
  position: relative;
17575
17854
  border-block-end: 0 solid transparent;
17576
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17577
- transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
17578
- 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);
17579
- transition-property: opacity, translate, display;
17580
- transition-behavior: allow-discrete;
17581
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17582
17855
  }
17583
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17584
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17856
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17857
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17585
17858
  padding-block-start: 0;
17586
17859
  }
17587
-
17588
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
17589
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
17860
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17861
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17862
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
17863
+ }
17864
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
17865
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
17590
17866
  padding-block-start: 0;
17591
17867
  padding-block-end: 0;
17592
17868
  padding-inline-start: 0;
17593
17869
  padding-inline-end: 0;
17594
17870
  }
17595
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17596
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17871
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
17872
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
17597
17873
  padding: 0;
17874
+ border-radius: 0;
17598
17875
  }
17599
17876
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17600
17877
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -17604,18 +17881,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17604
17881
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17605
17882
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17606
17883
  }
17884
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
17885
+ background-color: transparent;
17886
+ }
17607
17887
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17608
17888
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17609
17889
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
17610
- opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17611
- 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);
17612
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17613
- }
17614
- @starting-style {
17615
- .pf-v6-c-table__expandable-row.pf-m-expanded {
17616
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17617
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17618
- }
17619
17890
  }
17620
17891
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17621
17892
  display: none;
@@ -17624,6 +17895,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17624
17895
  border-block-end: 0;
17625
17896
  }
17626
17897
 
17898
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
17899
+ border-block-end: 0;
17900
+ }
17901
+
17627
17902
  .pf-v6-c-table.pf-m-compact {
17628
17903
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17629
17904
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -17679,7 +17954,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17679
17954
  }
17680
17955
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
17681
17956
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
17682
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
17957
+ border-block-end: 0;
17683
17958
  }
17684
17959
 
17685
17960
  .pf-v6-c-table__tr {
@@ -19635,6 +19910,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19635
19910
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
19636
19911
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
19637
19912
  }
19913
+ @media (prefers-reduced-motion: no-preference) {
19914
+ .pf-v6-c-text-input-group.pf-m-error {
19915
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
19916
+ animation-name: pf-v6-global-danger-jiggle-motion;
19917
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
19918
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
19919
+ animation-fill-mode: both;
19920
+ }
19921
+ }
19922
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
19923
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
19924
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
19925
+ animation-name: pf-v6-global-fade-in;
19926
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
19927
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
19928
+ }
19638
19929
  .pf-v6-c-text-input-group:hover {
19639
19930
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
19640
19931
  }
@@ -22492,7 +22783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22492
22783
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22493
22784
  }
22494
22785
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22495
- max-height: 9999px;
22786
+ max-height: 99999px;
22496
22787
  visibility: revert;
22497
22788
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22498
22789
  transition-delay: 0s;