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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/components/Accordion/accordion.css +3 -1
  2. package/components/Accordion/accordion.scss +4 -2
  3. package/components/Card/card.css +4 -2
  4. package/components/Card/card.scss +4 -2
  5. package/components/ClipboardCopy/clipboard-copy.css +3 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +4 -2
  7. package/components/DataList/data-list.css +3 -1
  8. package/components/DataList/data-list.scss +4 -2
  9. package/components/DualListSelector/dual-list-selector.css +4 -2
  10. package/components/DualListSelector/dual-list-selector.scss +4 -2
  11. package/components/ExpandableSection/expandable-section.css +3 -1
  12. package/components/ExpandableSection/expandable-section.scss +4 -2
  13. package/components/Form/form.css +4 -2
  14. package/components/Form/form.scss +4 -2
  15. package/components/JumpLinks/jump-links.css +4 -2
  16. package/components/JumpLinks/jump-links.scss +4 -2
  17. package/components/NotificationDrawer/notification-drawer.css +3 -1
  18. package/components/NotificationDrawer/notification-drawer.scss +4 -2
  19. package/components/Table/table-grid.css +3 -1
  20. package/components/Table/table-grid.scss +4 -2
  21. package/components/Table/table.css +4 -2
  22. package/components/Table/table.scss +4 -2
  23. package/components/Tabs/tabs.css +6 -2
  24. package/components/Tabs/tabs.scss +8 -4
  25. package/components/Toolbar/toolbar.css +4 -2
  26. package/components/Toolbar/toolbar.scss +4 -2
  27. package/components/Wizard/wizard.css +4 -2
  28. package/components/Wizard/wizard.scss +4 -2
  29. package/components/_index.css +52 -22
  30. package/package.json +1 -1
  31. package/patternfly-no-globals.css +52 -22
  32. package/patternfly.css +52 -22
  33. package/patternfly.min.css +1 -1
  34. 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);
@@ -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 {
@@ -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/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.22",
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);
@@ -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 {
@@ -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 {