@patternfly/react-styles 6.2.0-prerelease.1 → 6.2.0-prerelease.11

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 (55) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/css/components/Accordion/accordion.css +3 -1
  3. package/css/components/Alert/alert-group.css +52 -9
  4. package/css/components/Banner/banner.css +4 -4
  5. package/css/components/Breadcrumb/breadcrumb.css +3 -2
  6. package/css/components/Button/button.css +63 -2
  7. package/css/components/Button/button.d.ts +3 -0
  8. package/css/components/Button/button.js +3 -0
  9. package/css/components/Button/button.mjs +3 -0
  10. package/css/components/Card/card.css +21 -2
  11. package/css/components/Card/card.d.ts +1 -0
  12. package/css/components/Card/card.js +1 -0
  13. package/css/components/Card/card.mjs +1 -0
  14. package/css/components/ClipboardCopy/clipboard-copy.css +6 -1
  15. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
  16. package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
  17. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
  18. package/css/components/Content/content.css +2 -1
  19. package/css/components/DataList/data-list.css +3 -1
  20. package/css/components/DescriptionList/description-list.css +3 -2
  21. package/css/components/Drawer/drawer.css +3 -1
  22. package/css/components/DualListSelector/dual-list-selector.css +4 -2
  23. package/css/components/ExpandableSection/expandable-section.css +3 -1
  24. package/css/components/Form/form.css +7 -8
  25. package/css/components/FormControl/form-control.css +108 -41
  26. package/css/components/HelperText/helper-text.css +13 -0
  27. package/css/components/JumpLinks/jump-links.css +5 -3
  28. package/css/components/Label/label.css +3 -2
  29. package/css/components/Masthead/masthead.css +1 -1
  30. package/css/components/Menu/menu.css +15 -7
  31. package/css/components/MenuToggle/menu-toggle.css +47 -0
  32. package/css/components/Nav/nav.css +46 -13
  33. package/css/components/NotificationDrawer/notification-drawer.css +3 -1
  34. package/css/components/Page/page.css +16 -1
  35. package/css/components/Popover/popover.css +2 -0
  36. package/css/components/Progress/progress.css +3 -0
  37. package/css/components/ProgressStepper/progress-stepper.css +2 -1
  38. package/css/components/SimpleList/simple-list.css +2 -2
  39. package/css/components/Switch/switch.css +3 -1
  40. package/css/components/Table/table-grid.css +3 -1
  41. package/css/components/Table/table.css +7 -5
  42. package/css/components/Tabs/tabs.css +7 -3
  43. package/css/components/Timestamp/timestamp.css +2 -1
  44. package/css/components/ToggleGroup/toggle-group.css +1 -1
  45. package/css/components/Toolbar/toolbar.css +10 -3
  46. package/css/components/Toolbar/toolbar.d.ts +1 -0
  47. package/css/components/Toolbar/toolbar.js +1 -0
  48. package/css/components/Toolbar/toolbar.mjs +1 -0
  49. package/css/components/Wizard/wizard.css +5 -3
  50. package/css/components/_index.css +480 -127
  51. package/css/components/_index.d.ts +4 -3
  52. package/css/components/_index.js +4 -3
  53. package/css/components/_index.mjs +4 -3
  54. package/css/docs/components/Toolbar/examples/Toolbar.css +3 -0
  55. package/package.json +4 -4
package/css/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);
@@ -574,6 +576,48 @@
574
576
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
575
577
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
576
578
  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
579
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
580
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
581
+ --pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
582
+ var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
583
+ 0s;
584
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
585
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
586
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
587
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
588
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
589
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
590
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
591
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
592
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
593
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
594
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
595
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
596
+ --pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
597
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
598
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
599
+ 0s;
600
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
601
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
602
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
603
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
604
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
605
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
606
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
607
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
608
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
609
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
610
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
611
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
612
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
613
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
614
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
615
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
616
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
617
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
618
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
619
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
620
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
577
621
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
578
622
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
579
623
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -622,25 +666,25 @@
622
666
  display: grid;
623
667
  grid-template-rows: 1fr;
624
668
  opacity: 1;
625
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
669
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
626
670
  transform: translateX(0) translateY(0);
627
671
  }
628
672
  @media screen and (prefers-reduced-motion: no-preference) {
629
673
  .pf-v6-c-alert-group__item {
630
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
674
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity), transform var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows), margin-block var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block);
631
675
  }
632
676
  .pf-v6-c-alert-group__item .pf-v6-c-alert {
633
- transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
677
+ transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
634
678
  }
635
679
  }
636
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
680
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
637
681
  grid-template-rows: 0fr;
638
682
  margin-block: 0;
639
683
  overflow: hidden;
640
684
  opacity: 0;
641
685
  transform: translateY(-100%);
642
686
  }
643
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
687
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
644
688
  min-height: 0;
645
689
  padding-block-start: 0;
646
690
  padding-block-end: 0;
@@ -651,21 +695,22 @@
651
695
  margin-block: 0;
652
696
  overflow: hidden;
653
697
  opacity: 0;
654
- transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
655
- transform: translateX(100%);
698
+ transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
656
699
  }
657
700
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
658
701
  min-height: 0;
659
702
  padding-block-start: 0;
660
703
  padding-block-end: 0;
661
704
  border-width: 0;
705
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
662
706
  }
663
707
  @media screen and (prefers-reduced-motion: no-preference) {
664
708
  .pf-v6-c-alert-group__item.pf-m-offstage-right {
665
- transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
709
+ transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
710
+ transform: translateX(100%);
666
711
  }
667
712
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
668
- transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
713
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
669
714
  }
670
715
  }
671
716
  .pf-v6-c-alert-group__item:hover {
@@ -1197,7 +1242,7 @@
1197
1242
  }
1198
1243
  .pf-v6-c-banner a {
1199
1244
  color: var(--pf-v6-c-banner--link--Color);
1200
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
1245
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1201
1246
  }
1202
1247
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
1203
1248
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -1207,10 +1252,10 @@
1207
1252
  cursor: not-allowed;
1208
1253
  }
1209
1254
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1210
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
1211
- --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);
1212
1257
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1213
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
1258
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1214
1259
  }
1215
1260
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
1216
1261
  cursor: not-allowed;
@@ -1349,7 +1394,8 @@
1349
1394
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1350
1395
  line-height: inherit;
1351
1396
  color: var(--pf-v6-c-breadcrumb__link--Color);
1352
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1397
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1398
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1353
1399
  word-break: break-word;
1354
1400
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1355
1401
  }
@@ -1363,7 +1409,7 @@
1363
1409
  }
1364
1410
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
1365
1411
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
1366
- text-decoration: none;
1412
+ text-decoration-line: none;
1367
1413
  }
1368
1414
  button.pf-v6-c-breadcrumb__link {
1369
1415
  border: none;
@@ -1410,6 +1456,7 @@ button.pf-v6-c-breadcrumb__link {
1410
1456
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
1411
1457
  --pf-v6-c-button--TextDecorationLine: none;
1412
1458
  --pf-v6-c-button--TextDecorationStyle: none;
1459
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
1413
1460
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1414
1461
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1415
1462
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -1418,6 +1465,7 @@ button.pf-v6-c-breadcrumb__link {
1418
1465
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1419
1466
  --pf-v6-c-button--hover--TextDecorationLine: none;
1420
1467
  --pf-v6-c-button--hover--TextDecorationStyle: none;
1468
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
1421
1469
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1422
1470
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1423
1471
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1502,6 +1550,12 @@ button.pf-v6-c-breadcrumb__link {
1502
1550
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
1503
1551
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
1504
1552
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
1553
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
1554
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
1555
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
1556
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
1557
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
1558
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
1505
1559
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
1506
1560
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1507
1561
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -1609,6 +1663,7 @@ button.pf-v6-c-breadcrumb__link {
1609
1663
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
1610
1664
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
1611
1665
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1666
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
1612
1667
  --pf-v6-c-button--disabled--BorderColor: transparent;
1613
1668
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
1614
1669
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -1618,6 +1673,14 @@ button.pf-v6-c-breadcrumb__link {
1618
1673
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
1619
1674
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
1620
1675
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1676
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
1677
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
1678
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1679
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1680
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
1681
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
1682
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
1683
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
1621
1684
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1622
1685
  --pf-v6-c-button__progress--Opacity: 0;
1623
1686
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -1653,7 +1716,9 @@ button.pf-v6-c-breadcrumb__link {
1653
1716
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1654
1717
  color: var(--pf-v6-c-button--Color);
1655
1718
  text-align: center;
1656
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
1719
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
1720
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
1721
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
1657
1722
  white-space: nowrap;
1658
1723
  cursor: pointer;
1659
1724
  user-select: none;
@@ -1766,6 +1831,12 @@ button.pf-v6-c-breadcrumb__link {
1766
1831
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
1767
1832
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
1768
1833
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
1834
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
1835
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
1836
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
1837
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
1838
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
1839
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
1769
1840
  text-align: start;
1770
1841
  white-space: normal;
1771
1842
  outline-offset: 0.125rem;
@@ -1919,6 +1990,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1919
1990
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
1920
1991
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
1921
1992
  }
1993
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
1994
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
1995
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
1996
+ transition-property: color;
1997
+ }
1998
+ .pf-v6-c-button.pf-m-favorited {
1999
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
2000
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
2001
+ }
2002
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
2003
+ animation-name: pf-v6-c-button-icon-favorited;
2004
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
2005
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
2006
+ }
1922
2007
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
1923
2008
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
1924
2009
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -1926,7 +2011,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1926
2011
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
1927
2012
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
1928
2013
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
1929
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
2014
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2015
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2016
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
1930
2017
  }
1931
2018
  .pf-v6-c-button.pf-m-clicked {
1932
2019
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -1940,6 +2027,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1940
2027
  }
1941
2028
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
1942
2029
  color: var(--pf-v6-c-button--disabled--Color);
2030
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
1943
2031
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
1944
2032
  }
1945
2033
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -1971,6 +2059,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1971
2059
  .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
1972
2060
  opacity: 0;
1973
2061
  }
2062
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
2063
+ animation-name: pf-v6-c-button-icon-notify;
2064
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
2065
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
2066
+ }
1974
2067
 
1975
2068
  .pf-v6-c-button__icon {
1976
2069
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
@@ -2001,6 +2094,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2001
2094
  align-items: center;
2002
2095
  }
2003
2096
 
2097
+ @keyframes pf-v6-c-button-icon-notify {
2098
+ 33% {
2099
+ transform: rotate(30deg);
2100
+ }
2101
+ 66% {
2102
+ transform: rotate(-60deg);
2103
+ }
2104
+ }
2105
+ @keyframes pf-v6-c-button-icon-favorited {
2106
+ 50% {
2107
+ transform: scale(1.5);
2108
+ }
2109
+ }
2004
2110
  .pf-v6-c-calendar-month {
2005
2111
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2006
2112
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -2231,12 +2337,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2231
2337
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2232
2338
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2233
2339
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2340
+ --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
2341
+ --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
2234
2342
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2235
2343
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2236
2344
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2237
2345
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2238
2346
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2239
- --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);
2240
2348
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2241
2349
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
2242
2350
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2394,6 +2502,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2394
2502
  .pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
2395
2503
  order: 2;
2396
2504
  }
2505
+ .pf-v6-c-card__header.pf-m-wrap {
2506
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
2507
+ gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
2508
+ }
2509
+ .pf-v6-c-card__header.pf-m-wrap,
2510
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2511
+ flex-wrap: wrap;
2512
+ row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
2513
+ }
2514
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
2515
+ margin-inline-start: 0;
2516
+ }
2517
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
2518
+ margin-inline-end: auto;
2519
+ }
2397
2520
 
2398
2521
  .pf-v6-c-card__header-main {
2399
2522
  flex-grow: 1;
@@ -2409,7 +2532,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2409
2532
 
2410
2533
  .pf-v6-c-card__header-toggle-icon {
2411
2534
  display: inline-block;
2412
- 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;
2413
2538
  }
2414
2539
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
2415
2540
  scale: -1 1;
@@ -2620,7 +2745,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2620
2745
  }
2621
2746
 
2622
2747
  .pf-v6-c-clipboard-copy {
2623
- --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);
2624
2751
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2625
2752
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2626
2753
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -2660,6 +2787,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2660
2787
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
2661
2788
  display: block;
2662
2789
  }
2790
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
2791
+ display: inline-flex;
2792
+ }
2663
2793
 
2664
2794
  .pf-v6-c-clipboard-copy__group {
2665
2795
  display: flex;
@@ -3045,7 +3175,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3045
3175
 
3046
3176
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
3047
3177
  color: var(--pf-v6-c-content--a--Color);
3048
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
3178
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
3179
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
3049
3180
  }
3050
3181
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
3051
3182
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -3684,7 +3815,9 @@ ul) {
3684
3815
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3685
3816
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3686
3817
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
3687
- --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);
3688
3821
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
3689
3822
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
3690
3823
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -4083,7 +4216,7 @@ ul) {
4083
4216
  --pf-v6-c-description-list__term--Display: inline;
4084
4217
  --pf-v6-c-description-list__term--sm--Display: flex;
4085
4218
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
4086
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
4219
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
4087
4220
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
4088
4221
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
4089
4222
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -4265,7 +4398,8 @@ ul) {
4265
4398
  min-width: 0;
4266
4399
  }
4267
4400
  .pf-v6-c-description-list__text.pf-m-help-text {
4268
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4401
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
4402
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4269
4403
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4270
4404
  cursor: pointer;
4271
4405
  }
@@ -4519,7 +4653,7 @@ ul) {
4519
4653
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
4520
4654
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
4521
4655
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
4522
- --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);
4523
4657
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4524
4658
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
4525
4659
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -4743,7 +4877,9 @@ ul) {
4743
4877
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
4744
4878
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
4745
4879
  text-align: center;
4746
- 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;
4747
4883
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
4748
4884
  }
4749
4885
 
@@ -5168,7 +5304,8 @@ ul) {
5168
5304
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5169
5305
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5170
5306
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5171
- --pf-v6-c-drawer__panel--TransitionDuration: 250ms;
5307
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5308
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
5172
5309
  --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
5173
5310
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
5174
5311
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -5382,6 +5519,7 @@ ul) {
5382
5519
  overflow: auto;
5383
5520
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5384
5521
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5522
+ transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
5385
5523
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
5386
5524
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
5387
5525
  -webkit-overflow-scrolling: touch;
@@ -6132,7 +6270,9 @@ ul) {
6132
6270
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6133
6271
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
6134
6272
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6135
- --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);
6136
6276
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
6137
6277
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6138
6278
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -6278,16 +6418,16 @@ ul) {
6278
6418
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6279
6419
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
6280
6420
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
6281
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
6421
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
6282
6422
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
6283
6423
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
6284
6424
  --pf-v6-c-form__label--hover--Cursor: pointer;
6285
6425
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
6286
6426
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6287
6427
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6288
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6428
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
6289
6429
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
6290
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
6430
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
6291
6431
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
6292
6432
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
6293
6433
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6324,7 +6464,7 @@ ul) {
6324
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);
6325
6465
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6326
6466
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6327
- --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);
6328
6468
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6329
6469
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
6330
6470
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -6601,9 +6741,6 @@ ul) {
6601
6741
  font-size: var(--pf-v6-c-form__label--FontSize);
6602
6742
  line-height: var(--pf-v6-c-form__label--LineHeight);
6603
6743
  }
6604
- .pf-v6-c-form__label::selection {
6605
- background-color: none;
6606
- }
6607
6744
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
6608
6745
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
6609
6746
  }
@@ -6725,7 +6862,9 @@ ul) {
6725
6862
  display: inline-block;
6726
6863
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
6727
6864
  text-align: center;
6728
- 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;
6729
6868
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
6730
6869
  }
6731
6870
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -6799,10 +6938,29 @@ ul) {
6799
6938
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6800
6939
  --pf-v6-c-form-control--Width: 100%;
6801
6940
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6802
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6803
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6804
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6805
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6941
+ --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
6942
+ --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
6943
+ --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
6944
+ --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
6945
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6946
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6947
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6948
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6949
+ --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6950
+ --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
6951
+ --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
6952
+ --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6953
+ --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6954
+ --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6955
+ --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6956
+ --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6957
+ --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6958
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6959
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6960
+ --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6961
+ --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6962
+ --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6963
+ --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6806
6964
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6807
6965
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6808
6966
  --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
@@ -6822,25 +6980,33 @@ ul) {
6822
6980
  --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6823
6981
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6824
6982
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6983
+ --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
6825
6984
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6826
6985
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6827
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6986
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
6987
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
6988
+ --pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6989
+ --pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6990
+ --pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6828
6991
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6829
6992
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6830
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6993
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
6994
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
6995
+ --pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6996
+ --pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6997
+ --pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6831
6998
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6832
6999
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6833
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
7000
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
7001
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
6834
7002
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
6835
- --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
7003
+ --pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
7004
+ --pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
7005
+ --pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
7006
+ --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6836
7007
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
6837
7008
  --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
6838
- --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
6839
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6840
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6841
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
6842
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
6843
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7009
+ --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6844
7010
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6845
7011
  --pf-v6-c-form-control--textarea--Height: auto;
6846
7012
  --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
@@ -6854,11 +7020,13 @@ ul) {
6854
7020
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
6855
7021
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
6856
7022
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
6857
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6858
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6859
- --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6860
- --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
7023
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
7024
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
7025
+ --pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
7026
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
7027
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
6861
7028
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7029
+ --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6862
7030
  --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
6863
7031
  }
6864
7032
 
@@ -6912,6 +7080,14 @@ ul) {
6912
7080
  .pf-v6-c-form-control > :is(input, select) {
6913
7081
  text-overflow: ellipsis;
6914
7082
  }
7083
+ .pf-v6-c-form-control:has(input) {
7084
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
7085
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
7086
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
7087
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
7088
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
7089
+ }
7090
+
6915
7091
  .pf-v6-c-form-control.pf-m-textarea {
6916
7092
  padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6917
7093
  padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
@@ -6921,14 +7097,20 @@ ul) {
6921
7097
  .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
6922
7098
  --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
6923
7099
  }
7100
+ .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
7101
+ --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
7102
+ --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
7103
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
7104
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
7105
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
7106
+ }
6924
7107
  .pf-v6-c-form-control.pf-m-textarea > textarea {
6925
- padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6926
- padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6927
- padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6928
- padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
6929
7108
  outline-offset: 0;
6930
7109
  scrollbar-gutter: stable;
6931
7110
  }
7111
+ .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
7112
+ padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
7113
+ }
6932
7114
  .pf-v6-c-form-control.pf-m-readonly {
6933
7115
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6934
7116
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -6961,37 +7143,58 @@ ul) {
6961
7143
  cursor: not-allowed;
6962
7144
  }
6963
7145
  .pf-v6-c-form-control.pf-m-error {
6964
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
6965
7146
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6966
7147
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6967
7148
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6968
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
6969
7149
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6970
7150
  }
6971
- .pf-v6-c-form-control.pf-m-error.pf-m-icon {
6972
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
7151
+ .pf-v6-c-form-control.pf-m-error > textarea {
7152
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
7153
+ }
7154
+ .pf-v6-c-form-control.pf-m-error > input {
7155
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
7156
+ }
7157
+ .pf-v6-c-form-control.pf-m-error > select {
7158
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
7159
+ }
7160
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
7161
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6973
7162
  }
6974
7163
  .pf-v6-c-form-control.pf-m-success {
6975
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
6976
7164
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6977
7165
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6978
7166
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6979
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
6980
7167
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6981
7168
  }
6982
- .pf-v6-c-form-control.pf-m-success.pf-m-icon {
6983
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
7169
+ .pf-v6-c-form-control.pf-m-success > textarea {
7170
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
7171
+ }
7172
+ .pf-v6-c-form-control.pf-m-success > input {
7173
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
7174
+ }
7175
+ .pf-v6-c-form-control.pf-m-success > select {
7176
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
7177
+ }
7178
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
7179
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6984
7180
  }
6985
7181
  .pf-v6-c-form-control.pf-m-warning {
6986
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
6987
7182
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6988
7183
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6989
7184
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6990
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
6991
7185
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6992
7186
  }
6993
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon {
6994
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
7187
+ .pf-v6-c-form-control.pf-m-warning > textarea {
7188
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
7189
+ }
7190
+ .pf-v6-c-form-control.pf-m-warning > input {
7191
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
7192
+ }
7193
+ .pf-v6-c-form-control.pf-m-warning > select {
7194
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
7195
+ }
7196
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
7197
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6995
7198
  }
6996
7199
  .pf-v6-c-form-control:hover {
6997
7200
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
@@ -7000,13 +7203,19 @@ ul) {
7000
7203
  .pf-v6-c-form-control.pf-m-icon {
7001
7204
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
7002
7205
  }
7003
- .pf-v6-c-form-control > select {
7004
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
7206
+ .pf-v6-c-form-control:has(select) {
7207
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
7208
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
7005
7209
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7210
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7211
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7006
7212
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
7007
7213
  }
7214
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7215
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7216
+ }
7008
7217
  @-moz-document url-prefix() {
7009
- .pf-v6-c-form-control > select {
7218
+ .pf-v6-c-form-control:has(select) {
7010
7219
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
7011
7220
  --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
7012
7221
  }
@@ -7052,6 +7261,7 @@ ul) {
7052
7261
  grid-column: 3;
7053
7262
  padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
7054
7263
  padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
7264
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
7055
7265
  color: var(--pf-v6-c-form-control__toggle-icon--Color);
7056
7266
  pointer-events: none;
7057
7267
  }
@@ -7067,10 +7277,6 @@ ul) {
7067
7277
  pointer-events: none;
7068
7278
  }
7069
7279
 
7070
- select ~ .pf-v6-c-form-control__utilities {
7071
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7072
- }
7073
-
7074
7280
  .pf-v6-c-hint {
7075
7281
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7076
7282
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7160,6 +7366,8 @@ select ~ .pf-v6-c-form-control__utilities {
7160
7366
  --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
7161
7367
  --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
7162
7368
  --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
7369
+ --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
7370
+ --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
7163
7371
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
7164
7372
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
7165
7373
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -7204,6 +7412,17 @@ select ~ .pf-v6-c-form-control__utilities {
7204
7412
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
7205
7413
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
7206
7414
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
7415
+ animation-name: --pf-v6-c-helper-text-item-fade-in;
7416
+ animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
7417
+ animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
7418
+ }
7419
+ @keyframes --pf-v6-c-helper-text-item-fade-in {
7420
+ from {
7421
+ opacity: 0;
7422
+ }
7423
+ to {
7424
+ opacity: 1;
7425
+ }
7207
7426
  }
7208
7427
  .pf-v6-c-helper-text__item.pf-m-dynamic {
7209
7428
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -7677,7 +7896,7 @@ label.pf-v6-c-input-group__text {
7677
7896
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7678
7897
  --pf-v6-c-jump-links__toggle--Display: none;
7679
7898
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7680
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7899
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7681
7900
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7682
7901
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7683
7902
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -7818,7 +8037,7 @@ label.pf-v6-c-input-group__text {
7818
8037
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7819
8038
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7820
8039
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7821
- text-decoration: none;
8040
+ text-decoration-line: none;
7822
8041
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7823
8042
  }
7824
8043
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -7869,7 +8088,9 @@ label.pf-v6-c-input-group__text {
7869
8088
  .pf-v6-c-jump-links__toggle-icon {
7870
8089
  display: inline-block;
7871
8090
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7872
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
8091
+ transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
8092
+ transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
8093
+ transition-property: transform;
7873
8094
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
7874
8095
  }
7875
8096
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -8259,7 +8480,8 @@ label.pf-v6-c-input-group__text {
8259
8480
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
8260
8481
  }
8261
8482
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
8262
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8483
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
8484
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8263
8485
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
8264
8486
  }
8265
8487
  .pf-v6-c-label.pf-m-editable-active {
@@ -8292,7 +8514,7 @@ label.pf-v6-c-input-group__text {
8292
8514
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
8293
8515
  }
8294
8516
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content, .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
8295
- text-decoration: none;
8517
+ text-decoration-line: none;
8296
8518
  }
8297
8519
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
8298
8520
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -9032,7 +9254,7 @@ ul.pf-v6-c-list {
9032
9254
  grid-column-end: -1;
9033
9255
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
9034
9256
  column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
9035
- align-self: stretch;
9257
+ align-self: center;
9036
9258
  order: var(--pf-v6-c-masthead__content--Order);
9037
9259
  min-width: 0.25rem;
9038
9260
  }
@@ -9559,11 +9781,20 @@ ul.pf-v6-c-list {
9559
9781
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
9560
9782
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
9561
9783
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
9562
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
9784
+ --pf-v6-c-menu__item-external--Color: transparent;
9785
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
9563
9786
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
9564
9787
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
9788
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
9789
+ }
9790
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
9791
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
9565
9792
  pointer-events: none;
9566
9793
  }
9794
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
9795
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
9796
+ cursor: default;
9797
+ }
9567
9798
 
9568
9799
  [class*=pf-v6-c-menu]:is([hidden]) {
9569
9800
  display: none;
@@ -9707,7 +9938,6 @@ ul.pf-v6-c-list {
9707
9938
  z-index: var(--pf-v6-c-menu--ZIndex);
9708
9939
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
9709
9940
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
9710
- overflow: hidden;
9711
9941
  }
9712
9942
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
9713
9943
  padding-block-start: var(--pf-v6-c-menu--RowGap);
@@ -9811,7 +10041,7 @@ ul.pf-v6-c-list {
9811
10041
  line-height: var(--pf-v6-c-menu__item--LineHeight);
9812
10042
  color: var(--pf-v6-c-menu__item--Color);
9813
10043
  text-align: start;
9814
- text-decoration: none;
10044
+ text-decoration-line: none;
9815
10045
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
9816
10046
  border: 0;
9817
10047
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -9931,16 +10161,16 @@ ul.pf-v6-c-list {
9931
10161
  opacity: 0;
9932
10162
  }
9933
10163
 
9934
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button,
10164
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
9935
10165
  .pf-v6-c-menu__item-action.pf-m-favorited,
9936
10166
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
9937
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
10167
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
9938
10168
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9939
10169
  }
9940
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
10170
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
9941
10171
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
9942
10172
  .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
9943
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
10173
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
9944
10174
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
9945
10175
  }
9946
10176
 
@@ -10021,6 +10251,7 @@ ul.pf-v6-c-list {
10021
10251
  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10022
10252
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
10023
10253
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
10254
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
10024
10255
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
10025
10256
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
10026
10257
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -10028,6 +10259,7 @@ ul.pf-v6-c-list {
10028
10259
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
10029
10260
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
10030
10261
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
10262
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
10031
10263
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10032
10264
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
10033
10265
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -10068,6 +10300,7 @@ ul.pf-v6-c-list {
10068
10300
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10069
10301
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10070
10302
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10303
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10071
10304
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10072
10305
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10073
10306
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10082,12 +10315,16 @@ ul.pf-v6-c-list {
10082
10315
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10083
10316
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
10084
10317
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
10318
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
10319
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
10085
10320
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
10086
10321
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
10087
10322
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
10088
10323
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
10089
10324
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
10090
10325
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10326
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
10327
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
10091
10328
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10092
10329
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10093
10330
  }
@@ -10152,12 +10389,14 @@ ul.pf-v6-c-list {
10152
10389
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
10153
10390
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
10154
10391
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
10392
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
10155
10393
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
10156
10394
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
10157
10395
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
10158
10396
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
10159
10397
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
10160
10398
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
10399
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
10161
10400
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
10162
10401
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
10163
10402
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
@@ -10181,6 +10420,7 @@ ul.pf-v6-c-list {
10181
10420
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10182
10421
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10183
10422
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10423
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10184
10424
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10185
10425
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10186
10426
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -10233,6 +10473,28 @@ ul.pf-v6-c-list {
10233
10473
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
10234
10474
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
10235
10475
  }
10476
+ @media screen and (prefers-reduced-motion: no-preference) {
10477
+ .pf-v6-c-menu-toggle.pf-m-danger {
10478
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
10479
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
10480
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
10481
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
10482
+ animation-fill-mode: both;
10483
+ }
10484
+ }
10485
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
10486
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
10487
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
10488
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
10489
+ }
10490
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
10491
+ from {
10492
+ opacity: 0;
10493
+ }
10494
+ to {
10495
+ opacity: 1;
10496
+ }
10497
+ }
10236
10498
  .pf-v6-c-menu-toggle.pf-m-placeholder {
10237
10499
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
10238
10500
  }
@@ -10248,6 +10510,21 @@ ul.pf-v6-c-list {
10248
10510
  pointer-events: none;
10249
10511
  }
10250
10512
 
10513
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
10514
+ syntax: "<length>";
10515
+ inherits: false;
10516
+ initial-value: 0;
10517
+ }
10518
+ @media (prefers-reduced-motion: no-preference) {
10519
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
10520
+ 33% {
10521
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
10522
+ }
10523
+ 66% {
10524
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
10525
+ }
10526
+ }
10527
+ }
10251
10528
  .pf-v6-c-menu-toggle.pf-m-split-button {
10252
10529
  --pf-v6-c-menu-toggle--Gap: 0;
10253
10530
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -10837,13 +11114,15 @@ ul.pf-v6-c-list {
10837
11114
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
10838
11115
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
10839
11116
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
10840
- --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
10841
- --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
11117
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
11118
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
10842
11119
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
10843
11120
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
10844
11121
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
10845
11122
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
10846
11123
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
11124
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
11125
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
10847
11126
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
10848
11127
  --pf-v6-c-nav__link--AlignItems: baseline;
10849
11128
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -10854,10 +11133,19 @@ ul.pf-v6-c-list {
10854
11133
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
10855
11134
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
10856
11135
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
11136
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
11137
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
11138
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
11139
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
10857
11140
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
10858
11141
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
10859
11142
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
11143
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
11144
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
10860
11145
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
11146
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
11147
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
11148
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
10861
11149
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
10862
11150
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
10863
11151
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -10886,6 +11174,12 @@ ul.pf-v6-c-list {
10886
11174
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
10887
11175
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10888
11176
  }
11177
+ @media (prefers-reduced-motion: no-preference) {
11178
+ .pf-v6-c-nav {
11179
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
11180
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
11181
+ }
11182
+ }
10889
11183
 
10890
11184
  .pf-v6-c-nav,
10891
11185
  .pf-v6-c-nav__section,
@@ -10937,7 +11231,7 @@ ul.pf-v6-c-list {
10937
11231
  }
10938
11232
 
10939
11233
  [class^=pf-v6-c-nav][hidden] {
10940
- display: none;
11234
+ visibility: hidden;
10941
11235
  }
10942
11236
 
10943
11237
  .pf-v6-c-nav__nav,
@@ -10946,30 +11240,43 @@ ul.pf-v6-c-list {
10946
11240
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
10947
11241
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
10948
11242
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
11243
+ visibility: visible;
10949
11244
  }
10950
11245
 
10951
11246
  .pf-v6-c-nav__list {
10952
11247
  row-gap: var(--pf-v6-c-nav__list--RowGap);
10953
11248
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
11249
+ min-height: 0;
10954
11250
  }
10955
11251
 
10956
11252
  .pf-v6-c-nav__subnav {
10957
11253
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
11254
+ grid-template-rows: 1fr;
11255
+ min-height: 0;
11256
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
11257
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
10958
11258
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
11259
+ overflow-y: clip;
11260
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
11261
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
11262
+ transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
11263
+ }
11264
+ .pf-v6-c-nav__subnav[hidden] {
11265
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
11266
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
11267
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
11268
+ grid-template-rows: 0fr;
11269
+ opacity: 0;
10959
11270
  }
10960
11271
 
10961
11272
  .pf-v6-c-nav__item {
10962
- row-gap: var(--pf-v6-c-nav__item--RowGap);
10963
11273
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
10964
11274
  }
10965
11275
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
10966
11276
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
10967
11277
  }
10968
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) {
10969
- margin-block-end: var(--pf-v6-c-nav__item--m-expanded--MarginBlockEnd, var(--pf-v6-c-nav__item--RowGap));
10970
- }
10971
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) + .pf-v6-c-nav__item > .pf-v6-c-nav__link::before {
10972
- inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
11278
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
11279
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
10973
11280
  }
10974
11281
 
10975
11282
  .pf-v6-c-nav__section {
@@ -11000,13 +11307,13 @@ ul.pf-v6-c-list {
11000
11307
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
11001
11308
  color: var(--pf-v6-c-nav__link--Color);
11002
11309
  text-align: start;
11003
- text-decoration: none;
11310
+ text-decoration-line: none;
11004
11311
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
11005
11312
  border: none;
11006
11313
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
11007
- }
11008
- .pf-v6-c-nav__link[aria-expanded=true]::before {
11009
- inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
11314
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
11315
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
11316
+ transition-property: background-color, color;
11010
11317
  }
11011
11318
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
11012
11319
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -11031,6 +11338,9 @@ ul.pf-v6-c-list {
11031
11338
 
11032
11339
  .pf-v6-c-nav__toggle-icon {
11033
11340
  display: inline-block;
11341
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
11342
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
11343
+ transition-property: transform;
11034
11344
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
11035
11345
  }
11036
11346
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -11188,7 +11498,9 @@ ul.pf-v6-c-list {
11188
11498
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
11189
11499
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
11190
11500
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
11191
- --pf-v6-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
11501
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11502
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11503
+ --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);
11192
11504
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
11193
11505
  }
11194
11506
 
@@ -11470,12 +11782,18 @@ ul.pf-v6-c-list {
11470
11782
  --pf-v6-c-page__main-container--GridArea: main;
11471
11783
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
11472
11784
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11785
+ --pf-v6-c-page__main-container--AlignSelf: start;
11473
11786
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11474
11787
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11475
11788
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11476
11789
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
11477
11790
  --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
11478
11791
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11792
+ --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
11793
+ --pf-v6-c-page__main-container--xs--BorderRadius: 0;
11794
+ --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
11795
+ --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
11796
+ --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
11479
11797
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11480
11798
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11481
11799
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -11833,7 +12151,7 @@ ul.pf-v6-c-list {
11833
12151
  .pf-v6-c-page__main-container {
11834
12152
  display: flex;
11835
12153
  flex-direction: column;
11836
- align-self: start;
12154
+ align-self: var(--pf-v6-c-page__main-container--AlignSelf);
11837
12155
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
11838
12156
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
11839
12157
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
@@ -11841,6 +12159,15 @@ ul.pf-v6-c-list {
11841
12159
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
11842
12160
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
11843
12161
  }
12162
+ @media screen and (max-width: calc(48rem - 1px)) {
12163
+ .pf-v6-c-page__main-container {
12164
+ --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
12165
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12166
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12167
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12168
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12169
+ }
12170
+ }
11844
12171
 
11845
12172
  .pf-v6-c-page__main-container,
11846
12173
  .pf-v6-c-page__drawer {
@@ -12703,9 +13030,11 @@ ul.pf-v6-c-list {
12703
13030
  }
12704
13031
 
12705
13032
  .pf-v6-c-popover__title-text {
13033
+ min-width: 0;
12706
13034
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
12707
13035
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
12708
13036
  color: var(--pf-v6-c-popover__title-text--Color);
13037
+ overflow-wrap: break-word;
12709
13038
  }
12710
13039
 
12711
13040
  .pf-v6-c-popover__body {
@@ -12720,6 +13049,7 @@ ul.pf-v6-c-list {
12720
13049
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12721
13050
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12722
13051
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13052
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
12723
13053
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12724
13054
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12725
13055
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -12861,7 +13191,9 @@ ul.pf-v6-c-list {
12861
13191
  grid-column: 1/3;
12862
13192
  align-self: center;
12863
13193
  height: var(--pf-v6-c-progress__bar--Height);
13194
+ overflow: hidden;
12864
13195
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13196
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
12865
13197
  }
12866
13198
 
12867
13199
  .pf-v6-c-progress__indicator {
@@ -13198,7 +13530,8 @@ ul.pf-v6-c-list {
13198
13530
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
13199
13531
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
13200
13532
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
13201
- text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
13533
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
13534
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
13202
13535
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
13203
13536
  cursor: pointer;
13204
13537
  }
@@ -13951,7 +14284,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13951
14284
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
13952
14285
  color: var(--pf-v6-c-simple-list__item-link--Color);
13953
14286
  text-align: start;
13954
- text-decoration: none;
14287
+ text-decoration-line: none;
13955
14288
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
13956
14289
  border: none;
13957
14290
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -13964,7 +14297,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13964
14297
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
13965
14298
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
13966
14299
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
13967
- text-decoration: none;
14300
+ text-decoration-line: none;
13968
14301
  }
13969
14302
  .pf-v6-c-simple-list__item-link.pf-m-current {
13970
14303
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -14495,7 +14828,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14495
14828
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
14496
14829
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
14497
14830
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
14498
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
14831
+ --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14832
+ --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
14833
+ --pf-v6-c-switch__toggle--before--Transition: transform var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration), background-color var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration);
14499
14834
  --pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
14500
14835
  }
14501
14836
 
@@ -14710,7 +15045,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14710
15045
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
14711
15046
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
14712
15047
  --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));
14713
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
15048
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15049
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15050
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
14714
15051
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
14715
15052
  }
14716
15053
 
@@ -16277,7 +16614,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16277
16614
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16278
16615
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16279
16616
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
16280
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
16617
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
16281
16618
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16282
16619
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
16283
16620
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -16775,7 +17112,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16775
17112
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
16776
17113
  }
16777
17114
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
16778
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
17115
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
17116
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
17117
+ transition-property: transform;
16779
17118
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
16780
17119
  }
16781
17120
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -16810,13 +17149,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16810
17149
  vertical-align: baseline;
16811
17150
  }
16812
17151
 
16813
- .pf-v6-c-table__favorite .pf-v6-c-button {
17152
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
16814
17153
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
16815
17154
  }
16816
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
17155
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
16817
17156
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16818
17157
  }
16819
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17158
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
16820
17159
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16821
17160
  }
16822
17161
 
@@ -18083,7 +18422,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18083
18422
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
18084
18423
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
18085
18424
  --pf-v6-c-tabs__toggle--Display: flex;
18086
- --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
18425
+ --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18426
+ --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18427
+ --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
18087
18428
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
18088
18429
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
18089
18430
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -18103,7 +18444,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18103
18444
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
18104
18445
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
18105
18446
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18106
- --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
18447
+ --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18448
+ --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18449
+ --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);
18107
18450
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
18108
18451
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
18109
18452
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -18476,7 +18819,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18476
18819
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
18477
18820
  font-size: var(--pf-v6-c-tabs__link--FontSize);
18478
18821
  color: var(--pf-v6-c-tabs__link--Color);
18479
- text-decoration: none;
18822
+ text-decoration-line: none;
18480
18823
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
18481
18824
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
18482
18825
  }
@@ -19116,7 +19459,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19116
19459
  }
19117
19460
  .pf-v6-c-timestamp.pf-m-help-text {
19118
19461
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
19119
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
19462
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
19463
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
19120
19464
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
19121
19465
  cursor: pointer;
19122
19466
  }
@@ -19329,7 +19673,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19329
19673
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
19330
19674
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
19331
19675
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
19332
- text-decoration: none;
19676
+ text-decoration-line: none;
19333
19677
  }
19334
19678
  .pf-v6-c-toggle-group__button.pf-m-selected {
19335
19679
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -19397,7 +19741,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19397
19741
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19398
19742
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19399
19743
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
19400
- --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
19744
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19401
19745
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19402
19746
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
19403
19747
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -19577,13 +19921,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19577
19921
  }
19578
19922
  .pf-v6-c-toolbar.pf-m-full-height {
19579
19923
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
19580
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
19924
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19581
19925
  }
19582
19926
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
19583
19927
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
19584
19928
  align-items: stretch;
19585
19929
  align-self: stretch;
19586
19930
  }
19931
+ .pf-v6-c-toolbar.pf-m-no-padding {
19932
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19933
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
19934
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
19935
+ }
19587
19936
  .pf-v6-c-toolbar.pf-m-primary {
19588
19937
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
19589
19938
  }
@@ -19730,7 +20079,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19730
20079
 
19731
20080
  .pf-v6-c-toolbar__expand-all-icon {
19732
20081
  display: inline-flex;
19733
- transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
20082
+ transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
20083
+ transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
20084
+ transition-property: transform;
19734
20085
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
19735
20086
  }
19736
20087
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -21962,7 +22313,7 @@ label.pf-v6-c-tree-view__node-text {
21962
22313
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21963
22314
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21964
22315
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
21965
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
22316
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
21966
22317
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21967
22318
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
21968
22319
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -22280,7 +22631,7 @@ label.pf-v6-c-tree-view__node-text {
22280
22631
  padding-inline: 0;
22281
22632
  color: var(--pf-v6-c-wizard__nav-link--Color);
22282
22633
  text-align: start;
22283
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
22634
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
22284
22635
  word-break: break-word;
22285
22636
  counter-increment: wizard-nav-count;
22286
22637
  background-color: transparent;
@@ -22368,7 +22719,9 @@ label.pf-v6-c-tree-view__node-text {
22368
22719
 
22369
22720
  .pf-v6-c-wizard__nav-link-toggle-icon {
22370
22721
  display: inline-block;
22371
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
22722
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
22723
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
22724
+ transition-property: transform;
22372
22725
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
22373
22726
  }
22374
22727
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {