@patternfly/patternfly 6.2.0-prerelease.20 → 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 (35) 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 +6 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +8 -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 +55 -22
  30. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
  31. package/package.json +1 -1
  32. package/patternfly-no-globals.css +55 -22
  33. package/patternfly.css +55 -22
  34. package/patternfly.min.css +1 -1
  35. 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);
@@ -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);
@@ -10379,6 +10385,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10379
10385
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
10380
10386
  display: block;
10381
10387
  }
10388
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
10389
+ display: inline-flex;
10390
+ }
10382
10391
 
10383
10392
  .pf-v6-c-clipboard-copy__group {
10384
10393
  display: flex;
@@ -11404,7 +11413,9 @@ ul) {
11404
11413
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11405
11414
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11406
11415
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
11407
- --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);
11408
11419
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
11409
11420
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
11410
11421
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -12240,7 +12251,7 @@ ul) {
12240
12251
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12241
12252
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
12242
12253
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
12243
- --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);
12244
12255
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12245
12256
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12246
12257
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -12464,7 +12475,9 @@ ul) {
12464
12475
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
12465
12476
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
12466
12477
  text-align: center;
12467
- 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;
12468
12481
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
12469
12482
  }
12470
12483
 
@@ -13855,7 +13868,9 @@ ul) {
13855
13868
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13856
13869
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
13857
13870
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13858
- --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);
13859
13874
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
13860
13875
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13861
13876
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -14047,7 +14062,7 @@ ul) {
14047
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);
14048
14063
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14049
14064
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14050
- --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);
14051
14066
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14052
14067
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
14053
14068
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -14445,7 +14460,9 @@ ul) {
14445
14460
  display: inline-block;
14446
14461
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
14447
14462
  text-align: center;
14448
- 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;
14449
14466
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
14450
14467
  }
14451
14468
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -15410,7 +15427,7 @@ label.pf-v6-c-input-group__text {
15410
15427
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
15411
15428
  --pf-v6-c-jump-links__toggle--Display: none;
15412
15429
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15413
- --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);
15414
15431
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15415
15432
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
15416
15433
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -15602,7 +15619,9 @@ label.pf-v6-c-input-group__text {
15602
15619
  .pf-v6-c-jump-links__toggle-icon {
15603
15620
  display: inline-block;
15604
15621
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
15605
- 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;
15606
15625
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
15607
15626
  }
15608
15627
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -19010,7 +19029,9 @@ ul.pf-v6-c-list {
19010
19029
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
19011
19030
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
19012
19031
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
19013
- --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);
19014
19035
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
19015
19036
  }
19016
19037
 
@@ -22555,7 +22576,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22555
22576
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
22556
22577
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
22557
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));
22558
- --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);
22559
22582
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
22560
22583
  }
22561
22584
 
@@ -24122,7 +24145,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24122
24145
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24123
24146
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24124
24147
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
24125
- --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);
24126
24149
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
24127
24150
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
24128
24151
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24620,7 +24643,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24620
24643
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24621
24644
  }
24622
24645
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
24623
- 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;
24624
24649
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
24625
24650
  }
24626
24651
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -25928,7 +25953,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25928
25953
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
25929
25954
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
25930
25955
  --pf-v6-c-tabs__toggle--Display: flex;
25931
- --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);
25932
25959
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
25933
25960
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
25934
25961
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -25948,7 +25975,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25948
25975
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
25949
25976
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25950
25977
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
25951
- --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);
25952
25981
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
25953
25982
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
25954
25983
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -27243,7 +27272,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27243
27272
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
27244
27273
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27245
27274
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
27246
- --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);
27247
27276
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27248
27277
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
27249
27278
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -27581,7 +27610,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27581
27610
 
27582
27611
  .pf-v6-c-toolbar__expand-all-icon {
27583
27612
  display: inline-flex;
27584
- 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;
27585
27616
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
27586
27617
  }
27587
27618
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -29813,7 +29844,7 @@ label.pf-v6-c-tree-view__node-text {
29813
29844
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29814
29845
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29815
29846
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
29816
- --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);
29817
29848
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29818
29849
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
29819
29850
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -30219,7 +30250,9 @@ label.pf-v6-c-tree-view__node-text {
30219
30250
 
30220
30251
  .pf-v6-c-wizard__nav-link-toggle-icon {
30221
30252
  display: inline-block;
30222
- 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;
30223
30256
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
30224
30257
  }
30225
30258
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {