@patternfly/patternfly 6.2.0-prerelease.21 → 6.2.0-prerelease.23

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 (39) hide show
  1. package/components/Accordion/accordion.css +3 -1
  2. package/components/Accordion/accordion.scss +4 -2
  3. package/components/Banner/banner.css +2 -2
  4. package/components/Banner/banner.scss +2 -2
  5. package/components/Card/card.css +4 -2
  6. package/components/Card/card.scss +4 -2
  7. package/components/ClipboardCopy/clipboard-copy.css +3 -1
  8. package/components/ClipboardCopy/clipboard-copy.scss +4 -2
  9. package/components/DataList/data-list.css +3 -1
  10. package/components/DataList/data-list.scss +4 -2
  11. package/components/DualListSelector/dual-list-selector.css +4 -2
  12. package/components/DualListSelector/dual-list-selector.scss +4 -2
  13. package/components/ExpandableSection/expandable-section.css +3 -1
  14. package/components/ExpandableSection/expandable-section.scss +4 -2
  15. package/components/Form/form.css +4 -2
  16. package/components/Form/form.scss +4 -2
  17. package/components/JumpLinks/jump-links.css +4 -2
  18. package/components/JumpLinks/jump-links.scss +4 -2
  19. package/components/MenuToggle/menu-toggle.css +1 -1
  20. package/components/MenuToggle/menu-toggle.scss +1 -1
  21. package/components/NotificationDrawer/notification-drawer.css +3 -1
  22. package/components/NotificationDrawer/notification-drawer.scss +4 -2
  23. package/components/Table/table-grid.css +3 -1
  24. package/components/Table/table-grid.scss +4 -2
  25. package/components/Table/table.css +4 -2
  26. package/components/Table/table.scss +4 -2
  27. package/components/Tabs/tabs.css +6 -2
  28. package/components/Tabs/tabs.scss +8 -4
  29. package/components/Toolbar/toolbar.css +4 -2
  30. package/components/Toolbar/toolbar.scss +4 -2
  31. package/components/Wizard/wizard.css +4 -2
  32. package/components/Wizard/wizard.scss +4 -2
  33. package/components/_index.css +55 -25
  34. package/docs/components/DataList/examples/DataList.md +1 -1
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +55 -25
  37. package/patternfly.css +55 -25
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -210,7 +210,9 @@
210
210
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
211
211
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
212
212
  --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
213
- --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
213
+ --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
214
+ --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
215
+ --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
214
216
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
215
217
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
216
218
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
@@ -1250,8 +1252,8 @@
1250
1252
  cursor: not-allowed;
1251
1253
  }
1252
1254
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1253
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
1254
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1255
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
1256
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1255
1257
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1256
1258
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1257
1259
  }
@@ -2342,7 +2344,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2342
2344
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2343
2345
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2344
2346
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2345
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2347
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2346
2348
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2347
2349
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
2348
2350
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2530,7 +2532,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2530
2532
 
2531
2533
  .pf-v6-c-card__header-toggle-icon {
2532
2534
  display: inline-block;
2533
- transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
2535
+ transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
2536
+ transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
2537
+ transition-property: transform;
2534
2538
  }
2535
2539
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2536
2540
  scale: -1 1;
@@ -2741,7 +2745,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2741
2745
  }
2742
2746
 
2743
2747
  .pf-v6-c-clipboard-copy {
2744
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2748
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2749
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2750
+ --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
2745
2751
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2746
2752
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2747
2753
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -3809,7 +3815,9 @@ ul) {
3809
3815
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3810
3816
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3811
3817
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
3812
- --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
3818
+ --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3819
+ --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3820
+ --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
3813
3821
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
3814
3822
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
3815
3823
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -4645,7 +4653,7 @@ ul) {
4645
4653
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
4646
4654
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
4647
4655
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
4648
- --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
4656
+ --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4649
4657
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4650
4658
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4651
4659
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -4869,7 +4877,9 @@ ul) {
4869
4877
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
4870
4878
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
4871
4879
  text-align: center;
4872
- transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
4880
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
4881
+ transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
4882
+ transition-property: transform;
4873
4883
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
4874
4884
  }
4875
4885
 
@@ -6260,7 +6270,9 @@ ul) {
6260
6270
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6261
6271
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
6262
6272
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6263
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
6273
+ --pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6274
+ --pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6275
+ --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
6264
6276
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
6265
6277
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6266
6278
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -6452,7 +6464,7 @@ ul) {
6452
6464
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
6453
6465
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6454
6466
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6455
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
6467
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6456
6468
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6457
6469
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
6458
6470
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -6850,7 +6862,9 @@ ul) {
6850
6862
  display: inline-block;
6851
6863
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
6852
6864
  text-align: center;
6853
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
6865
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
6866
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
6867
+ transition-property: transform;
6854
6868
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
6855
6869
  }
6856
6870
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -7815,7 +7829,7 @@ label.pf-v6-c-input-group__text {
7815
7829
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7816
7830
  --pf-v6-c-jump-links__toggle--Display: none;
7817
7831
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7818
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7832
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7819
7833
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7820
7834
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7821
7835
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -8007,7 +8021,9 @@ label.pf-v6-c-input-group__text {
8007
8021
  .pf-v6-c-jump-links__toggle-icon {
8008
8022
  display: inline-block;
8009
8023
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
8010
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
8024
+ transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
8025
+ transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
8026
+ transition-property: transform;
8011
8027
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
8012
8028
  }
8013
8029
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -10217,7 +10233,7 @@ ul.pf-v6-c-list {
10217
10233
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10218
10234
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10219
10235
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10220
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
10236
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10221
10237
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10222
10238
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10223
10239
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -11415,7 +11431,9 @@ ul.pf-v6-c-list {
11415
11431
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
11416
11432
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
11417
11433
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
11418
- --pf-v6-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
11434
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11435
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11436
+ --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
11419
11437
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
11420
11438
  }
11421
11439
 
@@ -14960,7 +14978,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14960
14978
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
14961
14979
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
14962
14980
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
14963
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
14981
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14982
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14983
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
14964
14984
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
14965
14985
  }
14966
14986
 
@@ -16527,7 +16547,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16527
16547
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16528
16548
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16529
16549
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
16530
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
16550
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
16531
16551
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16532
16552
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
16533
16553
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17025,7 +17045,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17025
17045
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17026
17046
  }
17027
17047
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
17028
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
17048
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
17049
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
17050
+ transition-property: transform;
17029
17051
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
17030
17052
  }
17031
17053
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -18333,7 +18355,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18333
18355
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
18334
18356
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
18335
18357
  --pf-v6-c-tabs__toggle--Display: flex;
18336
- --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
18358
+ --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18359
+ --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18360
+ --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
18337
18361
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
18338
18362
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
18339
18363
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -18353,7 +18377,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18353
18377
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
18354
18378
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
18355
18379
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18356
- --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
18380
+ --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18381
+ --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18382
+ --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
18357
18383
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
18358
18384
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
18359
18385
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -19648,7 +19674,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19648
19674
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19649
19675
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19650
19676
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
19651
- --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
19677
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19652
19678
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19653
19679
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
19654
19680
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -19986,7 +20012,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19986
20012
 
19987
20013
  .pf-v6-c-toolbar__expand-all-icon {
19988
20014
  display: inline-flex;
19989
- transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
20015
+ transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
20016
+ transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
20017
+ transition-property: transform;
19990
20018
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
19991
20019
  }
19992
20020
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -22218,7 +22246,7 @@ label.pf-v6-c-tree-view__node-text {
22218
22246
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
22219
22247
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
22220
22248
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
22221
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
22249
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22222
22250
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22223
22251
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
22224
22252
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -22624,7 +22652,9 @@ label.pf-v6-c-tree-view__node-text {
22624
22652
 
22625
22653
  .pf-v6-c-wizard__nav-link-toggle-icon {
22626
22654
  display: inline-block;
22627
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
22655
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
22656
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
22657
+ transition-property: transform;
22628
22658
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
22629
22659
  }
22630
22660
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
package/docs/components/DataList/examples/DataList.md CHANGED
@@ -1757,7 +1757,7 @@ When a list item includes more than one block of content, it can be difficult fo
1757
1757
  id="draggable-help"
1758
1758
  >Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering.</div>
1759
1759
  <ul
1760
- class="pf-v6-c-data-list"
1760
+ class="pf-v6-c-data-list pf-m-compact"
1761
1761
  role="list"
1762
1762
  aria-label="Draggable data list rows"
1763
1763
  id="data-list-draggable"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.2.0-prerelease.21",
4
+ "version": "6.2.0-prerelease.23",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -7672,7 +7672,9 @@
7672
7672
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7673
7673
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
7674
7674
  --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
7675
- --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
7675
+ --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7676
+ --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7677
+ --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
7676
7678
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
7677
7679
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
7678
7680
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
@@ -8712,8 +8714,8 @@
8712
8714
  cursor: not-allowed;
8713
8715
  }
8714
8716
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
8715
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8716
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8717
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
8718
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8717
8719
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8718
8720
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8719
8721
  }
@@ -9804,7 +9806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9804
9806
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9805
9807
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9806
9808
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9807
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9809
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9808
9810
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
9809
9811
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
9810
9812
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -9992,7 +9994,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9992
9994
 
9993
9995
  .pf-v6-c-card__header-toggle-icon {
9994
9996
  display: inline-block;
9995
- transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
9997
+ transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
9998
+ transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
9999
+ transition-property: transform;
9996
10000
  }
9997
10001
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
9998
10002
  scale: -1 1;
@@ -10203,7 +10207,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10203
10207
  }
10204
10208
 
10205
10209
  .pf-v6-c-clipboard-copy {
10206
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10210
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
10211
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10212
+ --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
10207
10213
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
10208
10214
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
10209
10215
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11271,7 +11277,9 @@ ul) {
11271
11277
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11272
11278
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11273
11279
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
11274
- --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
11280
+ --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11281
+ --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11282
+ --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
11275
11283
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
11276
11284
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
11277
11285
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -12107,7 +12115,7 @@ ul) {
12107
12115
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12108
12116
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
12109
12117
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
12110
- --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
12118
+ --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12111
12119
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12112
12120
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12113
12121
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -12331,7 +12339,9 @@ ul) {
12331
12339
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
12332
12340
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
12333
12341
  text-align: center;
12334
- transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12342
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12343
+ transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
12344
+ transition-property: transform;
12335
12345
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
12336
12346
  }
12337
12347
 
@@ -13722,7 +13732,9 @@ ul) {
13722
13732
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13723
13733
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
13724
13734
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13725
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
13735
+ --pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13736
+ --pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13737
+ --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
13726
13738
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
13727
13739
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13728
13740
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -13914,7 +13926,7 @@ ul) {
13914
13926
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
13915
13927
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13916
13928
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13917
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
13929
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13918
13930
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13919
13931
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
13920
13932
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -14312,7 +14324,9 @@ ul) {
14312
14324
  display: inline-block;
14313
14325
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
14314
14326
  text-align: center;
14315
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14327
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14328
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
14329
+ transition-property: transform;
14316
14330
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
14317
14331
  }
14318
14332
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -15277,7 +15291,7 @@ label.pf-v6-c-input-group__text {
15277
15291
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
15278
15292
  --pf-v6-c-jump-links__toggle--Display: none;
15279
15293
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15280
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
15294
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15281
15295
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15282
15296
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
15283
15297
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -15469,7 +15483,9 @@ label.pf-v6-c-input-group__text {
15469
15483
  .pf-v6-c-jump-links__toggle-icon {
15470
15484
  display: inline-block;
15471
15485
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
15472
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15486
+ transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15487
+ transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
15488
+ transition-property: transform;
15473
15489
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
15474
15490
  }
15475
15491
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -17679,7 +17695,7 @@ ul.pf-v6-c-list {
17679
17695
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17680
17696
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17681
17697
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17682
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17698
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
17683
17699
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17684
17700
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17685
17701
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -18877,7 +18893,9 @@ ul.pf-v6-c-list {
18877
18893
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
18878
18894
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
18879
18895
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18880
- --pf-v6-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
18896
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18897
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18898
+ --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
18881
18899
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
18882
18900
  }
18883
18901
 
@@ -22422,7 +22440,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22422
22440
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
22423
22441
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
22424
22442
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
22425
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
22443
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22444
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22445
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
22426
22446
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
22427
22447
  }
22428
22448
 
@@ -23989,7 +24009,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23989
24009
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23990
24010
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23991
24011
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
23992
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
24012
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
23993
24013
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
23994
24014
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
23995
24015
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24487,7 +24507,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24487
24507
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24488
24508
  }
24489
24509
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
24490
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24510
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24511
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
24512
+ transition-property: transform;
24491
24513
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
24492
24514
  }
24493
24515
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -25795,7 +25817,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25795
25817
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
25796
25818
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
25797
25819
  --pf-v6-c-tabs__toggle--Display: flex;
25798
- --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
25820
+ --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
25821
+ --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
25822
+ --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
25799
25823
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
25800
25824
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
25801
25825
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -25815,7 +25839,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25815
25839
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
25816
25840
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25817
25841
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
25818
- --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
25842
+ --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
25843
+ --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
25844
+ --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
25819
25845
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
25820
25846
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
25821
25847
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -27110,7 +27136,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27110
27136
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
27111
27137
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27112
27138
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
27113
- --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
27139
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
27114
27140
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27115
27141
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
27116
27142
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -27448,7 +27474,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27448
27474
 
27449
27475
  .pf-v6-c-toolbar__expand-all-icon {
27450
27476
  display: inline-flex;
27451
- transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27477
+ transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27478
+ transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
27479
+ transition-property: transform;
27452
27480
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
27453
27481
  }
27454
27482
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -29680,7 +29708,7 @@ label.pf-v6-c-tree-view__node-text {
29680
29708
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29681
29709
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29682
29710
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
29683
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
29711
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29684
29712
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29685
29713
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
29686
29714
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -30086,7 +30114,9 @@ label.pf-v6-c-tree-view__node-text {
30086
30114
 
30087
30115
  .pf-v6-c-wizard__nav-link-toggle-icon {
30088
30116
  display: inline-block;
30089
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30117
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30118
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
30119
+ transition-property: transform;
30090
30120
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
30091
30121
  }
30092
30122
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {