@patternfly/react-styles 6.3.0-prerelease.5 → 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 (27) hide show
  1. package/CHANGELOG.md +6 -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 +1 -1
  6. package/css/components/Form/form.css +1 -1
  7. package/css/components/FormControl/form-control.css +16 -0
  8. package/css/components/FormControl/form-control.d.ts +2 -2
  9. package/css/components/FormControl/form-control.js +2 -2
  10. package/css/components/FormControl/form-control.mjs +2 -2
  11. package/css/components/Nav/nav.css +1 -1
  12. package/css/components/Page/page.css +8 -8
  13. package/css/components/Progress/progress.css +16 -0
  14. package/css/components/Table/table.css +52 -25
  15. package/css/components/Table/table.d.ts +2 -0
  16. package/css/components/Table/table.js +2 -0
  17. package/css/components/Table/table.mjs +2 -0
  18. package/css/components/TextInputGroup/text-input-group.css +16 -0
  19. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  20. package/css/components/TextInputGroup/text-input-group.js +1 -1
  21. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  22. package/css/components/TreeView/tree-view.css +1 -1
  23. package/css/components/_index.css +134 -48
  24. package/css/components/_index.d.ts +1 -1
  25. package/css/components/_index.js +1 -1
  26. package/css/components/_index.mjs +1 -1
  27. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.3.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.5...@patternfly/react-styles@6.3.0-prerelease.6) (2025-06-13)
7
+
8
+ ### Features
9
+
10
+ - **Button/MenuToggle:** added support for hamburger/settings animations ([#11861](https://github.com/patternfly/patternfly-react/issues/11861)) ([cf3d84e](https://github.com/patternfly/patternfly-react/commit/cf3d84ebf8f3046f038af6f6557946faadfe35b0))
11
+
6
12
  # [6.3.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.4...@patternfly/react-styles@6.3.0-prerelease.5) (2025-06-13)
7
13
 
8
14
  ### Features
package/css/components/Accordion/accordion.css CHANGED
@@ -202,7 +202,7 @@
202
202
  overflow-y: auto;
203
203
  }
204
204
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
205
- max-height: 9999px;
205
+ max-height: 99999px;
206
206
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
207
207
  visibility: revert;
208
208
  transition-delay: 0s;
package/css/components/Button/button.css CHANGED
@@ -23,12 +23,16 @@
23
23
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
24
24
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
25
25
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
26
+ --pf-v6-c-button--ScaleX: 1;
27
+ --pf-v6-c-button--ScaleY: 1;
26
28
  --pf-v6-c-button--hover--BackgroundColor: transparent;
27
29
  --pf-v6-c-button--hover--BorderColor: transparent;
28
30
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
29
31
  --pf-v6-c-button--hover--TextDecorationLine: none;
30
32
  --pf-v6-c-button--hover--TextDecorationStyle: none;
31
33
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
34
+ --pf-v6-c-button--hover--ScaleX: 1;
35
+ --pf-v6-c-button--hover--ScaleY: 1;
32
36
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
33
37
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
34
38
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -243,11 +247,14 @@
243
247
  --pf-v6-c-button__icon--TransitionDuration: 0s;
244
248
  --pf-v6-c-button__icon--TransitionProperty: none;
245
249
  --pf-v6-c-button__icon--Rotate: 0deg;
246
- --pf-v6-c-button__icon--Scale: 1;
247
250
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
248
251
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
249
252
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
250
253
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
254
+ --pf-v6-c-button__icon--ScaleX: 1;
255
+ --pf-v6-c-button__icon--ScaleY: 1;
256
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
257
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
251
258
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
252
259
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
253
260
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
@@ -294,7 +301,7 @@
294
301
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
295
302
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
296
303
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
297
- --pf-v6-c-button--m-hamburger__icon--m-expand--Scale: -1;
304
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
298
305
  }
299
306
 
300
307
  .pf-v6-c-button {
@@ -330,7 +337,7 @@
330
337
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
331
338
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
332
339
  transition-property: var(--pf-v6-c-button--TransitionProperty);
333
- scale: var(--pf-v6-c-button--Scale, revert);
340
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
334
341
  }
335
342
  .pf-v6-c-button::after {
336
343
  position: absolute;
@@ -633,30 +640,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
633
640
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
634
641
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
635
642
  --pf-v6-c-button__icon--TransitionDelay: 0s;
636
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
643
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
637
644
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
638
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
645
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
639
646
  }
640
647
  .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
641
648
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
642
649
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
643
650
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
644
651
  --pf-v6-c-button__icon--TransitionDelay: 0s;
645
- --pf-v6-c-button__icon--Scale: 1;
652
+ --pf-v6-c-button__icon--ScaleX: 1;
646
653
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
647
- --pf-v6-c-button--hover__icon--Scale: 1;
654
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
648
655
  }
649
656
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
650
657
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
651
658
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
652
659
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
653
660
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
661
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
662
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
654
663
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
655
664
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
656
665
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
657
666
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
658
667
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
659
668
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
669
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
670
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
660
671
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
661
672
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
662
673
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
@@ -724,7 +735,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
724
735
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
725
736
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
726
737
  rotate: var(--pf-v6-c-button__icon--Rotate);
727
- scale: var(--pf-v6-c-button__icon--Scale);
738
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
728
739
  }
729
740
  .pf-v6-c-button__icon.pf-m-start {
730
741
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -803,6 +814,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
803
814
  }
804
815
  @keyframes pf-v6-c-button-icon-favorited {
805
816
  50% {
806
- transform: scale(1.5);
817
+ scale: 1.5;
807
818
  }
808
819
  }
package/css/components/DualListSelector/dual-list-selector.css CHANGED
@@ -185,7 +185,7 @@
185
185
  --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);
186
186
  }
187
187
  .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 {
188
- max-height: 9999px;
188
+ max-height: 99999px;
189
189
  visibility: revert;
190
190
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
191
191
  transition-delay: 0s;
package/css/components/ExpandableSection/expandable-section.css CHANGED
@@ -62,7 +62,7 @@
62
62
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
63
63
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
64
64
  --pf-v6-c-expandable-section__content--Visibility: auto;
65
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
65
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
66
66
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
67
67
  gap: var(--pf-v6-c-expandable-section--Gap);
68
68
  }
package/css/components/Form/form.css CHANGED
@@ -448,7 +448,7 @@
448
448
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
449
449
  }
450
450
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
451
- max-height: 9999px;
451
+ max-height: 99999px;
452
452
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
453
453
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
454
454
  visibility: visible;
package/css/components/FormControl/form-control.css CHANGED
@@ -226,6 +226,22 @@
226
226
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
227
227
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
228
228
  }
229
+ @media (prefers-reduced-motion: no-preference) {
230
+ .pf-v6-c-form-control.pf-m-error {
231
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
232
+ animation-name: pf-v6-global-danger-jiggle-motion;
233
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
234
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
235
+ animation-fill-mode: both;
236
+ }
237
+ }
238
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
239
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
240
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
241
+ animation-name: pf-v6-global-fade-in;
242
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
243
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
244
+ }
229
245
  .pf-v6-c-form-control.pf-m-error > textarea {
230
246
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
231
247
  }
package/css/components/FormControl/form-control.d.ts CHANGED
@@ -13,12 +13,12 @@ declare const _default: {
13
13
  "plain": "pf-m-plain",
14
14
  "expanded": "pf-m-expanded",
15
15
  "disabled": "pf-m-disabled",
16
+ "status": "pf-m-status",
16
17
  "icon": "pf-m-icon",
17
18
  "placeholder": "pf-m-placeholder",
18
19
  "resizeVertical": "pf-m-resize-vertical",
19
20
  "resizeHorizontal": "pf-m-resize-horizontal",
20
- "resizeBoth": "pf-m-resize-both",
21
- "status": "pf-m-status"
21
+ "resizeBoth": "pf-m-resize-both"
22
22
  }
23
23
  };
24
24
  export default _default;
package/css/components/FormControl/form-control.js CHANGED
@@ -15,11 +15,11 @@ exports.default = {
15
15
  "plain": "pf-m-plain",
16
16
  "expanded": "pf-m-expanded",
17
17
  "disabled": "pf-m-disabled",
18
+ "status": "pf-m-status",
18
19
  "icon": "pf-m-icon",
19
20
  "placeholder": "pf-m-placeholder",
20
21
  "resizeVertical": "pf-m-resize-vertical",
21
22
  "resizeHorizontal": "pf-m-resize-horizontal",
22
- "resizeBoth": "pf-m-resize-both",
23
- "status": "pf-m-status"
23
+ "resizeBoth": "pf-m-resize-both"
24
24
  }
25
25
  };
package/css/components/FormControl/form-control.mjs CHANGED
@@ -13,11 +13,11 @@ export default {
13
13
  "plain": "pf-m-plain",
14
14
  "expanded": "pf-m-expanded",
15
15
  "disabled": "pf-m-disabled",
16
+ "status": "pf-m-status",
16
17
  "icon": "pf-m-icon",
17
18
  "placeholder": "pf-m-placeholder",
18
19
  "resizeVertical": "pf-m-resize-vertical",
19
20
  "resizeHorizontal": "pf-m-resize-horizontal",
20
- "resizeBoth": "pf-m-resize-both",
21
- "status": "pf-m-status"
21
+ "resizeBoth": "pf-m-resize-both"
22
22
  }
23
23
  };
package/css/components/Nav/nav.css CHANGED
@@ -164,7 +164,7 @@
164
164
 
165
165
  .pf-v6-c-nav__subnav {
166
166
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
167
- max-height: 9999px;
167
+ max-height: 99999px;
168
168
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
169
169
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
170
170
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
package/css/components/Page/page.css CHANGED
@@ -116,18 +116,18 @@
116
116
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
117
117
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
118
118
  --pf-v6-c-button__icon--TransitionDelay: 0s;
119
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
119
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
120
120
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
121
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
121
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
122
122
  }
123
123
  .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) {
124
124
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
125
125
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
126
126
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
127
127
  --pf-v6-c-button__icon--TransitionDelay: 0s;
128
- --pf-v6-c-button__icon--Scale: 1;
128
+ --pf-v6-c-button__icon--ScaleX: 1;
129
129
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
130
- --pf-v6-c-button--hover__icon--Scale: 1;
130
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
131
131
  }
132
132
  @media (min-width: 75rem) {
133
133
  .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) {
@@ -142,18 +142,18 @@
142
142
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
143
143
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
144
144
  --pf-v6-c-button__icon--TransitionDelay: 0s;
145
- --pf-v6-c-button__icon--Scale: 1;
145
+ --pf-v6-c-button__icon--ScaleX: 1;
146
146
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
147
- --pf-v6-c-button--hover__icon--Scale: 1;
147
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
148
148
  }
149
149
  .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) {
150
150
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
151
151
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
152
152
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
153
153
  --pf-v6-c-button__icon--TransitionDelay: 0s;
154
- --pf-v6-c-button__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
154
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
155
155
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
156
- --pf-v6-c-button--hover__icon--Scale: var(--pf-v6-c-button--m-hamburger__icon--m-expand--Scale);
156
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
157
157
  }
158
158
  }
159
159
 
package/css/components/Progress/progress.css CHANGED
@@ -106,6 +106,22 @@
106
106
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
107
107
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
108
108
  }
109
+ @media (prefers-reduced-motion: no-preference) {
110
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
111
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
112
+ animation-name: pf-v6-global-danger-jiggle-motion;
113
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
114
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
115
+ animation-fill-mode: both;
116
+ }
117
+ }
118
+ .pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
119
+ --pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
120
+ --pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
121
+ animation-name: pf-v6-global-fade-in;
122
+ animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
123
+ animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
124
+ }
109
125
 
110
126
  .pf-v6-c-progress__description {
111
127
  grid-column: 1/2;
package/css/components/Table/table.css CHANGED
@@ -78,8 +78,6 @@
78
78
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
79
79
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
80
80
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
81
- --pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
82
- --pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
83
81
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
84
82
  --pf-v6-c-table__expandable-row--Opacity: 0;
85
83
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -416,6 +414,39 @@
416
414
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
417
415
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
418
416
  }
417
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
418
+ display: revert;
419
+ visibility: hidden;
420
+ opacity: var(--pf-v6-c-table__expandable-row--Opacity);
421
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
422
+ transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
423
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
424
+ transition-property: opacity, translate, visibility;
425
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
426
+ }
427
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
428
+ display: revert;
429
+ }
430
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
431
+ visibility: visible;
432
+ opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
433
+ transition-delay: 0s;
434
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
435
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
436
+ }
437
+ .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 {
438
+ max-height: 99999px;
439
+ }
440
+ .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),
441
+ .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 {
442
+ padding: 0;
443
+ overflow: hidden;
444
+ transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
445
+ transition-property: padding, max-height, overflow;
446
+ }
447
+ .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 {
448
+ max-height: 0;
449
+ }
419
450
 
420
451
  [class*=pf-v6-c-table].pf-m-truncate {
421
452
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -720,28 +751,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
720
751
  .pf-v6-c-table__expandable-row {
721
752
  position: relative;
722
753
  border-block-end: 0 solid transparent;
723
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
724
- transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
725
- 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);
726
- transition-property: opacity, translate, display;
727
- transition-behavior: allow-discrete;
728
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
729
754
  }
730
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
731
- :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
755
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
756
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
732
757
  padding-block-start: 0;
733
758
  }
734
-
735
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
736
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
759
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
760
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
761
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
762
+ }
763
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
764
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
737
765
  padding-block-start: 0;
738
766
  padding-block-end: 0;
739
767
  padding-inline-start: 0;
740
768
  padding-inline-end: 0;
741
769
  }
742
- .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
743
- .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
770
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
771
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
744
772
  padding: 0;
773
+ border-radius: 0;
745
774
  }
746
775
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
747
776
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -751,18 +780,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
751
780
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
752
781
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
753
782
  }
783
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
784
+ background-color: transparent;
785
+ }
754
786
  .pf-v6-c-table__expandable-row.pf-m-expanded {
755
787
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
756
788
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
757
- opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
758
- 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);
759
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
760
- }
761
- @starting-style {
762
- .pf-v6-c-table__expandable-row.pf-m-expanded {
763
- opacity: var(--pf-v6-c-table__expandable-row--Opacity);
764
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
765
- }
766
789
  }
767
790
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
768
791
  display: none;
@@ -771,6 +794,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
771
794
  border-block-end: 0;
772
795
  }
773
796
 
797
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
798
+ border-block-end: 0;
799
+ }
800
+
774
801
  .pf-v6-c-table.pf-m-compact {
775
802
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
776
803
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -826,7 +853,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
826
853
  }
827
854
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
828
855
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
829
- border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
856
+ border-block-end: 0;
830
857
  }
831
858
 
832
859
  .pf-v6-c-table__tr {
package/css/components/Table/table.d.ts CHANGED
@@ -33,6 +33,7 @@ declare const _default: {
33
33
  "selected": "pf-m-selected",
34
34
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
35
35
  "dragOver": "pf-m-drag-over",
36
+ "animateExpand": "pf-m-animate-expand",
36
37
  "truncate": "pf-m-truncate",
37
38
  "wrap": "pf-m-wrap",
38
39
  "nowrap": "pf-m-nowrap",
@@ -41,6 +42,7 @@ declare const _default: {
41
42
  "standalone": "pf-m-standalone",
42
43
  "favorited": "pf-m-favorited",
43
44
  "noPadding": "pf-m-no-padding",
45
+ "noBackground": "pf-m-no-background",
44
46
  "compact": "pf-m-compact",
45
47
  "borderRow": "pf-m-border-row",
46
48
  "width_10": "pf-m-width-10",
package/css/components/Table/table.js CHANGED
@@ -35,6 +35,7 @@ exports.default = {
35
35
  "selected": "pf-m-selected",
36
36
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
37
37
  "dragOver": "pf-m-drag-over",
38
+ "animateExpand": "pf-m-animate-expand",
38
39
  "truncate": "pf-m-truncate",
39
40
  "wrap": "pf-m-wrap",
40
41
  "nowrap": "pf-m-nowrap",
@@ -43,6 +44,7 @@ exports.default = {
43
44
  "standalone": "pf-m-standalone",
44
45
  "favorited": "pf-m-favorited",
45
46
  "noPadding": "pf-m-no-padding",
47
+ "noBackground": "pf-m-no-background",
46
48
  "compact": "pf-m-compact",
47
49
  "borderRow": "pf-m-border-row",
48
50
  "width_10": "pf-m-width-10",
package/css/components/Table/table.mjs CHANGED
@@ -33,6 +33,7 @@ export default {
33
33
  "selected": "pf-m-selected",
34
34
  "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
35
35
  "dragOver": "pf-m-drag-over",
36
+ "animateExpand": "pf-m-animate-expand",
36
37
  "truncate": "pf-m-truncate",
37
38
  "wrap": "pf-m-wrap",
38
39
  "nowrap": "pf-m-nowrap",
@@ -41,6 +42,7 @@ export default {
41
42
  "standalone": "pf-m-standalone",
42
43
  "favorited": "pf-m-favorited",
43
44
  "noPadding": "pf-m-no-padding",
45
+ "noBackground": "pf-m-no-background",
44
46
  "compact": "pf-m-compact",
45
47
  "borderRow": "pf-m-border-row",
46
48
  "width_10": "pf-m-width-10",
package/css/components/TextInputGroup/text-input-group.css CHANGED
@@ -103,6 +103,22 @@
103
103
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
104
104
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
105
105
  }
106
+ @media (prefers-reduced-motion: no-preference) {
107
+ .pf-v6-c-text-input-group.pf-m-error {
108
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
109
+ animation-name: pf-v6-global-danger-jiggle-motion;
110
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
111
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
112
+ animation-fill-mode: both;
113
+ }
114
+ }
115
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
116
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
117
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
118
+ animation-name: pf-v6-global-fade-in;
119
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
120
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
121
+ }
106
122
  .pf-v6-c-text-input-group:hover {
107
123
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
108
124
  }
package/css/components/TextInputGroup/text-input-group.d.ts CHANGED
@@ -7,8 +7,8 @@ declare const _default: {
7
7
  "success": "pf-m-success",
8
8
  "warning": "pf-m-warning",
9
9
  "error": "pf-m-error",
10
- "icon": "pf-m-icon",
11
10
  "status": "pf-m-status",
11
+ "icon": "pf-m-icon",
12
12
  "hint": "pf-m-hint"
13
13
  },
14
14
  "textInputGroup": "pf-v6-c-text-input-group",
package/css/components/TextInputGroup/text-input-group.js CHANGED
@@ -9,8 +9,8 @@ exports.default = {
9
9
  "success": "pf-m-success",
10
10
  "warning": "pf-m-warning",
11
11
  "error": "pf-m-error",
12
- "icon": "pf-m-icon",
13
12
  "status": "pf-m-status",
13
+ "icon": "pf-m-icon",
14
14
  "hint": "pf-m-hint"
15
15
  },
16
16
  "textInputGroup": "pf-v6-c-text-input-group",
package/css/components/TextInputGroup/text-input-group.mjs CHANGED
@@ -7,8 +7,8 @@ export default {
7
7
  "success": "pf-m-success",
8
8
  "warning": "pf-m-warning",
9
9
  "error": "pf-m-error",
10
- "icon": "pf-m-icon",
11
10
  "status": "pf-m-status",
11
+ "icon": "pf-m-icon",
12
12
  "hint": "pf-m-hint"
13
13
  },
14
14
  "textInputGroup": "pf-v6-c-text-input-group",
package/css/components/TreeView/tree-view.css CHANGED
@@ -265,7 +265,7 @@
265
265
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
266
266
  }
267
267
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
268
- max-height: 9999px;
268
+ max-height: 99999px;
269
269
  visibility: revert;
270
270
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
271
271
  transition-delay: 0s;
package/css/components/_index.css CHANGED
@@ -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;
@@ -6613,7 +6624,7 @@ ul) {
6613
6624
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6614
6625
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6615
6626
  --pf-v6-c-expandable-section__content--Visibility: auto;
6616
- --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6627
+ --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6617
6628
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6618
6629
  gap: var(--pf-v6-c-expandable-section--Gap);
6619
6630
  }
@@ -7183,7 +7194,7 @@ ul) {
7183
7194
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
7184
7195
  }
7185
7196
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
7186
- max-height: 9999px;
7197
+ max-height: 99999px;
7187
7198
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
7188
7199
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
7189
7200
  visibility: visible;
@@ -7505,6 +7516,22 @@ ul) {
7505
7516
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
7506
7517
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
7507
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
+ }
7508
7535
  .pf-v6-c-form-control.pf-m-error > textarea {
7509
7536
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
7510
7537
  }
@@ -11666,7 +11693,7 @@ ul.pf-v6-c-list {
11666
11693
 
11667
11694
  .pf-v6-c-nav__subnav {
11668
11695
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11669
- max-height: 9999px;
11696
+ max-height: 99999px;
11670
11697
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11671
11698
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11672
11699
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
@@ -12284,18 +12311,18 @@ ul.pf-v6-c-list {
12284
12311
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12285
12312
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12286
12313
  --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);
12314
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12288
12315
  --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);
12316
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12290
12317
  }
12291
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) {
12292
12319
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12293
12320
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12294
12321
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12295
12322
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12296
- --pf-v6-c-button__icon--Scale: 1;
12323
+ --pf-v6-c-button__icon--ScaleX: 1;
12297
12324
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12298
- --pf-v6-c-button--hover__icon--Scale: 1;
12325
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12299
12326
  }
12300
12327
  @media (min-width: 75rem) {
12301
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) {
@@ -12310,18 +12337,18 @@ ul.pf-v6-c-list {
12310
12337
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12311
12338
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12312
12339
  --pf-v6-c-button__icon--TransitionDelay: 0s;
12313
- --pf-v6-c-button__icon--Scale: 1;
12340
+ --pf-v6-c-button__icon--ScaleX: 1;
12314
12341
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
12315
- --pf-v6-c-button--hover__icon--Scale: 1;
12342
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
12316
12343
  }
12317
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) {
12318
12345
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
12319
12346
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
12320
12347
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
12321
12348
  --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);
12349
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12323
12350
  --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);
12351
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
12325
12352
  }
12326
12353
  }
12327
12354
 
@@ -13621,6 +13648,22 @@ ul.pf-v6-c-list {
13621
13648
  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13622
13649
  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13623
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
+ }
13624
13667
 
13625
13668
  .pf-v6-c-progress__description {
13626
13669
  grid-column: 1/2;
@@ -17136,8 +17179,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17136
17179
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
17137
17180
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17138
17181
  --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
17182
  --pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17142
17183
  --pf-v6-c-table__expandable-row--Opacity: 0;
17143
17184
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
@@ -17474,6 +17515,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17474
17515
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17475
17516
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17476
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
+ }
17477
17551
 
17478
17552
  [class*=pf-v6-c-table].pf-m-truncate {
17479
17553
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -17778,28 +17852,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17778
17852
  .pf-v6-c-table__expandable-row {
17779
17853
  position: relative;
17780
17854
  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
17855
  }
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 {
17856
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
17857
+ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
17790
17858
  padding-block-start: 0;
17791
17859
  }
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 {
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 {
17795
17866
  padding-block-start: 0;
17796
17867
  padding-block-end: 0;
17797
17868
  padding-inline-start: 0;
17798
17869
  padding-inline-end: 0;
17799
17870
  }
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 {
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 {
17802
17873
  padding: 0;
17874
+ border-radius: 0;
17803
17875
  }
17804
17876
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17805
17877
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
@@ -17809,18 +17881,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17809
17881
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17810
17882
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17811
17883
  }
17884
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
17885
+ background-color: transparent;
17886
+ }
17812
17887
  .pf-v6-c-table__expandable-row.pf-m-expanded {
17813
17888
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
17814
17889
  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
17890
  }
17825
17891
  .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17826
17892
  display: none;
@@ -17829,6 +17895,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17829
17895
  border-block-end: 0;
17830
17896
  }
17831
17897
 
17898
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
17899
+ border-block-end: 0;
17900
+ }
17901
+
17832
17902
  .pf-v6-c-table.pf-m-compact {
17833
17903
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
17834
17904
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -17884,7 +17954,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17884
17954
  }
17885
17955
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
17886
17956
  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);
17957
+ border-block-end: 0;
17888
17958
  }
17889
17959
 
17890
17960
  .pf-v6-c-table__tr {
@@ -19840,6 +19910,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19840
19910
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
19841
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);
19842
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
+ }
19843
19929
  .pf-v6-c-text-input-group:hover {
19844
19930
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
19845
19931
  }
@@ -22697,7 +22783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22697
22783
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22698
22784
  }
22699
22785
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22700
- max-height: 9999px;
22786
+ max-height: 99999px;
22701
22787
  visibility: revert;
22702
22788
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22703
22789
  transition-delay: 0s;
package/css/components/_index.d.ts CHANGED
@@ -601,11 +601,11 @@ declare const _default: {
601
601
  "textarea": "pf-m-textarea",
602
602
  "error": "pf-m-error",
603
603
  "readonly": "pf-m-readonly",
604
+ "status": "pf-m-status",
604
605
  "placeholder": "pf-m-placeholder",
605
606
  "resizeVertical": "pf-m-resize-vertical",
606
607
  "resizeHorizontal": "pf-m-resize-horizontal",
607
608
  "resizeBoth": "pf-m-resize-both",
608
- "status": "pf-m-status",
609
609
  "indeterminate": "pf-m-indeterminate",
610
610
  "dynamic": "pf-m-dynamic",
611
611
  "2xl": "pf-m-2xl",
package/css/components/_index.js CHANGED
@@ -603,11 +603,11 @@ exports.default = {
603
603
  "textarea": "pf-m-textarea",
604
604
  "error": "pf-m-error",
605
605
  "readonly": "pf-m-readonly",
606
+ "status": "pf-m-status",
606
607
  "placeholder": "pf-m-placeholder",
607
608
  "resizeVertical": "pf-m-resize-vertical",
608
609
  "resizeHorizontal": "pf-m-resize-horizontal",
609
610
  "resizeBoth": "pf-m-resize-both",
610
- "status": "pf-m-status",
611
611
  "indeterminate": "pf-m-indeterminate",
612
612
  "dynamic": "pf-m-dynamic",
613
613
  "2xl": "pf-m-2xl",
package/css/components/_index.mjs CHANGED
@@ -601,11 +601,11 @@ export default {
601
601
  "textarea": "pf-m-textarea",
602
602
  "error": "pf-m-error",
603
603
  "readonly": "pf-m-readonly",
604
+ "status": "pf-m-status",
604
605
  "placeholder": "pf-m-placeholder",
605
606
  "resizeVertical": "pf-m-resize-vertical",
606
607
  "resizeHorizontal": "pf-m-resize-horizontal",
607
608
  "resizeBoth": "pf-m-resize-both",
608
- "status": "pf-m-status",
609
609
  "indeterminate": "pf-m-indeterminate",
610
610
  "dynamic": "pf-m-dynamic",
611
611
  "2xl": "pf-m-2xl",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.0-prerelease.5",
3
+ "version": "6.3.0-prerelease.6",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.3.0-prerelease.26",
22
+ "@patternfly/patternfly": "6.3.0-prerelease.29",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "9e7c8ba6afb5ad01cbac427089f8f9032e523628"
27
+ "gitHead": "c40f2f81ebe65b6bd785bc38da66330532ac7a30"
28
28
  }