@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/patternfly.css CHANGED
@@ -7808,7 +7808,9 @@ button) {
7808
7808
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7809
7809
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
7810
7810
  --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
7811
- --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
7811
+ --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7812
+ --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7813
+ --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
7812
7814
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
7813
7815
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
7814
7816
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
@@ -8848,8 +8850,8 @@ button) {
8848
8850
  cursor: not-allowed;
8849
8851
  }
8850
8852
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
8851
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8852
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8853
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
8854
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8853
8855
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8854
8856
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8855
8857
  }
@@ -9940,7 +9942,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9940
9942
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9941
9943
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9942
9944
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9943
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9945
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9944
9946
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
9945
9947
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
9946
9948
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -10128,7 +10130,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10128
10130
 
10129
10131
  .pf-v6-c-card__header-toggle-icon {
10130
10132
  display: inline-block;
10131
- transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
10133
+ transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
10134
+ transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
10135
+ transition-property: transform;
10132
10136
  }
10133
10137
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
10134
10138
  scale: -1 1;
@@ -10339,7 +10343,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10339
10343
  }
10340
10344
 
10341
10345
  .pf-v6-c-clipboard-copy {
10342
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10346
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
10347
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10348
+ --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);
10343
10349
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
10344
10350
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
10345
10351
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11407,7 +11413,9 @@ ul) {
11407
11413
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11408
11414
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11409
11415
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
11410
- --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
11416
+ --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11417
+ --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11418
+ --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);
11411
11419
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
11412
11420
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
11413
11421
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -12243,7 +12251,7 @@ ul) {
12243
12251
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12244
12252
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
12245
12253
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
12246
- --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
12254
+ --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12247
12255
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12248
12256
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12249
12257
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -12467,7 +12475,9 @@ ul) {
12467
12475
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
12468
12476
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
12469
12477
  text-align: center;
12470
- transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12478
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12479
+ transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
12480
+ transition-property: transform;
12471
12481
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
12472
12482
  }
12473
12483
 
@@ -13858,7 +13868,9 @@ ul) {
13858
13868
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13859
13869
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
13860
13870
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13861
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
13871
+ --pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13872
+ --pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13873
+ --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);
13862
13874
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
13863
13875
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13864
13876
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -14050,7 +14062,7 @@ ul) {
14050
14062
  --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);
14051
14063
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14052
14064
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14053
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
14065
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14054
14066
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14055
14067
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
14056
14068
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -14448,7 +14460,9 @@ ul) {
14448
14460
  display: inline-block;
14449
14461
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
14450
14462
  text-align: center;
14451
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14463
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14464
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
14465
+ transition-property: transform;
14452
14466
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
14453
14467
  }
14454
14468
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -15413,7 +15427,7 @@ label.pf-v6-c-input-group__text {
15413
15427
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
15414
15428
  --pf-v6-c-jump-links__toggle--Display: none;
15415
15429
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15416
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
15430
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15417
15431
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15418
15432
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
15419
15433
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -15605,7 +15619,9 @@ label.pf-v6-c-input-group__text {
15605
15619
  .pf-v6-c-jump-links__toggle-icon {
15606
15620
  display: inline-block;
15607
15621
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
15608
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15622
+ transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15623
+ transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
15624
+ transition-property: transform;
15609
15625
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
15610
15626
  }
15611
15627
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -17815,7 +17831,7 @@ ul.pf-v6-c-list {
17815
17831
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17816
17832
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17817
17833
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17818
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17834
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
17819
17835
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17820
17836
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17821
17837
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -19013,7 +19029,9 @@ ul.pf-v6-c-list {
19013
19029
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
19014
19030
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
19015
19031
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
19016
- --pf-v6-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
19032
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19033
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19034
+ --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);
19017
19035
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
19018
19036
  }
19019
19037
 
@@ -22558,7 +22576,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22558
22576
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
22559
22577
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
22560
22578
  --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));
22561
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
22579
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22580
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22581
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
22562
22582
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
22563
22583
  }
22564
22584
 
@@ -24125,7 +24145,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24125
24145
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24126
24146
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24127
24147
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
24128
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
24148
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
24129
24149
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24130
24150
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
24131
24151
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24623,7 +24643,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24623
24643
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24624
24644
  }
24625
24645
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
24626
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24646
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24647
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
24648
+ transition-property: transform;
24627
24649
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
24628
24650
  }
24629
24651
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -25931,7 +25953,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25931
25953
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
25932
25954
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
25933
25955
  --pf-v6-c-tabs__toggle--Display: flex;
25934
- --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
25956
+ --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
25957
+ --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
25958
+ --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
25935
25959
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
25936
25960
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
25937
25961
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -25951,7 +25975,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25951
25975
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
25952
25976
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25953
25977
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
25954
- --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
25978
+ --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
25979
+ --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
25980
+ --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);
25955
25981
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
25956
25982
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
25957
25983
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -27246,7 +27272,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27246
27272
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
27247
27273
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27248
27274
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
27249
- --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
27275
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
27250
27276
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27251
27277
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
27252
27278
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -27584,7 +27610,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27584
27610
 
27585
27611
  .pf-v6-c-toolbar__expand-all-icon {
27586
27612
  display: inline-flex;
27587
- transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27613
+ transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27614
+ transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
27615
+ transition-property: transform;
27588
27616
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
27589
27617
  }
27590
27618
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -29816,7 +29844,7 @@ label.pf-v6-c-tree-view__node-text {
29816
29844
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29817
29845
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29818
29846
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
29819
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
29847
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29820
29848
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29821
29849
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
29822
29850
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -30222,7 +30250,9 @@ label.pf-v6-c-tree-view__node-text {
30222
30250
 
30223
30251
  .pf-v6-c-wizard__nav-link-toggle-icon {
30224
30252
  display: inline-block;
30225
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30253
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30254
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
30255
+ transition-property: transform;
30226
30256
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
30227
30257
  }
30228
30258
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {