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

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 (110) hide show
  1. package/assets/pficon/pficon.scss +1 -1
  2. package/base/normalize.scss +2 -2
  3. package/base/patternfly-pf-icons.css +1 -1
  4. package/components/Alert/alert-group.css +50 -7
  5. package/components/Alert/alert-group.scss +114 -28
  6. package/components/Banner/banner.css +2 -2
  7. package/components/Banner/banner.scss +2 -2
  8. package/components/Breadcrumb/breadcrumb.css +3 -2
  9. package/components/Breadcrumb/breadcrumb.scss +3 -2
  10. package/components/Button/button.css +63 -2
  11. package/components/Button/button.scss +74 -2
  12. package/components/Card/card.css +17 -0
  13. package/components/Card/card.scss +22 -0
  14. package/components/ClipboardCopy/clipboard-copy.css +3 -0
  15. package/components/ClipboardCopy/clipboard-copy.scss +4 -0
  16. package/components/Content/content.css +2 -1
  17. package/components/Content/content.scss +2 -1
  18. package/components/DescriptionList/description-list.css +3 -2
  19. package/components/DescriptionList/description-list.scss +3 -2
  20. package/components/Drawer/drawer.css +3 -1
  21. package/components/Drawer/drawer.scss +3 -1
  22. package/components/Form/form.css +3 -6
  23. package/components/Form/form.scss +3 -7
  24. package/components/HelperText/helper-text.css +13 -0
  25. package/components/HelperText/helper-text.scss +16 -0
  26. package/components/JumpLinks/jump-links.css +1 -1
  27. package/components/JumpLinks/jump-links.scss +1 -1
  28. package/components/Label/label.css +3 -2
  29. package/components/Label/label.scss +3 -2
  30. package/components/Masthead/masthead.css +1 -1
  31. package/components/Masthead/masthead.scss +1 -1
  32. package/components/Menu/menu.css +15 -7
  33. package/components/Menu/menu.scss +14 -5
  34. package/components/MenuToggle/menu-toggle.css +41 -0
  35. package/components/MenuToggle/menu-toggle.scss +49 -0
  36. package/components/Nav/nav.css +46 -13
  37. package/components/Nav/nav.scss +57 -17
  38. package/components/Page/page.css +16 -1
  39. package/components/Page/page.scss +17 -3
  40. package/components/Popover/popover.css +2 -0
  41. package/components/Popover/popover.scss +2 -0
  42. package/components/Progress/progress.css +3 -0
  43. package/components/Progress/progress.scss +3 -0
  44. package/components/ProgressStepper/progress-stepper.css +2 -1
  45. package/components/ProgressStepper/progress-stepper.scss +2 -1
  46. package/components/SimpleList/simple-list.css +2 -2
  47. package/components/SimpleList/simple-list.scss +2 -2
  48. package/components/Switch/switch.css +3 -1
  49. package/components/Switch/switch.scss +4 -2
  50. package/components/Table/table.css +3 -3
  51. package/components/Table/table.scss +3 -2
  52. package/components/Tabs/tabs.css +1 -1
  53. package/components/Tabs/tabs.scss +1 -1
  54. package/components/Timestamp/timestamp.css +2 -1
  55. package/components/Timestamp/timestamp.scss +2 -1
  56. package/components/ToggleGroup/toggle-group.css +1 -1
  57. package/components/ToggleGroup/toggle-group.scss +1 -1
  58. package/components/Toolbar/toolbar.css +6 -1
  59. package/components/Toolbar/toolbar.scss +7 -1
  60. package/components/Wizard/wizard.css +1 -1
  61. package/components/Wizard/wizard.scss +1 -1
  62. package/components/_index.css +310 -60
  63. package/docs/components/Alert/examples/Alert.md +6 -0
  64. package/docs/components/Avatar/examples/Avatar.md +4 -4
  65. package/docs/components/Brand/examples/Brand.md +2 -2
  66. package/docs/components/Button/examples/Button.md +29 -0
  67. package/docs/components/Card/examples/Card.md +30 -0
  68. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
  69. package/docs/components/DataList/examples/DataList.md +3 -3
  70. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  71. package/docs/components/Divider/examples/Divider.md +2 -2
  72. package/docs/components/Drawer/examples/Drawer.md +3 -3
  73. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  74. package/docs/components/Masthead/examples/masthead.md +1 -1
  75. package/docs/components/Menu/examples/Menu.md +8 -8
  76. package/docs/components/Nav/examples/Navigation.md +3 -0
  77. package/docs/components/Page/examples/Page.md +2 -2
  78. package/docs/components/Pagination/examples/Pagination.md +3 -3
  79. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  80. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  81. package/docs/components/Table/examples/Table.md +17 -29
  82. package/docs/components/Tabs/examples/Tabs.md +148 -6
  83. package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
  84. package/docs/components/Toolbar/examples/Toolbar.css +3 -0
  85. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  86. package/docs/demos/Card/examples/Card.md +32 -24
  87. package/docs/demos/CardView/examples/CardView.md +2 -0
  88. package/docs/demos/Nav/examples/Nav.md +2 -0
  89. package/docs/layouts/Flex/examples/Flex.md +1 -1
  90. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  91. package/docs/layouts/Grid/examples/Grid.md +4 -4
  92. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  93. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  94. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  95. package/docs/utilities/Display/examples/Display.md +1 -1
  96. package/docs/utilities/Flex/examples/Flex.md +1 -1
  97. package/docs/utilities/Float/examples/Float.md +1 -1
  98. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  99. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  100. package/docs/utilities/Text/examples/Text.md +1 -1
  101. package/package.json +2 -2
  102. package/patternfly-base-no-globals.css +1 -1
  103. package/patternfly-base.css +3 -3
  104. package/patternfly-charts.css +83 -0
  105. package/patternfly-charts.scss +126 -0
  106. package/patternfly-no-globals.css +311 -61
  107. package/patternfly.css +313 -63
  108. package/patternfly.min.css +1 -1
  109. package/patternfly.min.css.map +1 -1
  110. package/docs/components/TabContent/examples/TabContent.md +0 -153
@@ -5666,7 +5666,7 @@
5666
5666
  font-style: normal;
5667
5667
  font-variant: normal;
5668
5668
  font-weight: normal;
5669
- text-decoration: none;
5669
+ text-decoration-line: none;
5670
5670
  text-transform: none;
5671
5671
  }
5672
5672
 
@@ -8036,6 +8036,48 @@
8036
8036
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
8037
8037
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
8038
8038
  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
8039
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8040
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
8041
+ --pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
8042
+ var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
8043
+ 0s;
8044
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
8045
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
8046
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
8047
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
8048
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
8049
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
8050
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
8051
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
8052
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
8053
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
8054
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
8055
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
8056
+ --pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
8057
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8058
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8059
+ 0s;
8060
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8061
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8062
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8063
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8064
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8065
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8066
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8067
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8068
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8069
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8070
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8071
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8072
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8073
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8074
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8075
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8076
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8077
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8078
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8079
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8080
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8039
8081
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8040
8082
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8041
8083
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8084,15 +8126,15 @@
8084
8126
  display: grid;
8085
8127
  grid-template-rows: 1fr;
8086
8128
  opacity: 1;
8087
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
8129
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
8088
8130
  transform: translateX(0) translateY(0);
8089
8131
  }
8090
8132
  @media screen and (prefers-reduced-motion: no-preference) {
8091
8133
  .pf-v6-c-alert-group__item {
8092
- 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;
8134
+ 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);
8093
8135
  }
8094
8136
  .pf-v6-c-alert-group__item .pf-v6-c-alert {
8095
- transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
8137
+ transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8096
8138
  }
8097
8139
  }
8098
8140
  .pf-v6-c-alert-group__item.pf-m-offstage-top {
@@ -8113,21 +8155,22 @@
8113
8155
  margin-block: 0;
8114
8156
  overflow: hidden;
8115
8157
  opacity: 0;
8116
- transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
8117
- transform: translateX(100%);
8158
+ 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);
8118
8159
  }
8119
8160
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8120
8161
  min-height: 0;
8121
8162
  padding-block-start: 0;
8122
8163
  padding-block-end: 0;
8123
8164
  border-width: 0;
8165
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8124
8166
  }
8125
8167
  @media screen and (prefers-reduced-motion: no-preference) {
8126
8168
  .pf-v6-c-alert-group__item.pf-m-offstage-right {
8127
- 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);
8169
+ 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);
8170
+ transform: translateX(100%);
8128
8171
  }
8129
8172
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8130
- 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);
8173
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8131
8174
  }
8132
8175
  }
8133
8176
  .pf-v6-c-alert-group__item:hover {
@@ -8659,7 +8702,7 @@
8659
8702
  }
8660
8703
  .pf-v6-c-banner a {
8661
8704
  color: var(--pf-v6-c-banner--link--Color);
8662
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8705
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8663
8706
  }
8664
8707
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
8665
8708
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -8672,7 +8715,7 @@
8672
8715
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8673
8716
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8674
8717
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8675
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8718
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8676
8719
  }
8677
8720
  .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 {
8678
8721
  cursor: not-allowed;
@@ -8811,7 +8854,8 @@
8811
8854
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8812
8855
  line-height: inherit;
8813
8856
  color: var(--pf-v6-c-breadcrumb__link--Color);
8814
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8857
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8858
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8815
8859
  word-break: break-word;
8816
8860
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8817
8861
  }
@@ -8825,7 +8869,7 @@
8825
8869
  }
8826
8870
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8827
8871
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8828
- text-decoration: none;
8872
+ text-decoration-line: none;
8829
8873
  }
8830
8874
  button.pf-v6-c-breadcrumb__link {
8831
8875
  border: none;
@@ -8872,6 +8916,7 @@ button.pf-v6-c-breadcrumb__link {
8872
8916
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
8873
8917
  --pf-v6-c-button--TextDecorationLine: none;
8874
8918
  --pf-v6-c-button--TextDecorationStyle: none;
8919
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
8875
8920
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8876
8921
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8877
8922
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -8880,6 +8925,7 @@ button.pf-v6-c-breadcrumb__link {
8880
8925
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8881
8926
  --pf-v6-c-button--hover--TextDecorationLine: none;
8882
8927
  --pf-v6-c-button--hover--TextDecorationStyle: none;
8928
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
8883
8929
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
8884
8930
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
8885
8931
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -8964,6 +9010,12 @@ button.pf-v6-c-breadcrumb__link {
8964
9010
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
8965
9011
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
8966
9012
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
9013
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
9014
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
9015
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
9016
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
9017
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
9018
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
8967
9019
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
8968
9020
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
8969
9021
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -9071,6 +9123,7 @@ button.pf-v6-c-breadcrumb__link {
9071
9123
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
9072
9124
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9073
9125
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9126
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
9074
9127
  --pf-v6-c-button--disabled--BorderColor: transparent;
9075
9128
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
9076
9129
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9080,6 +9133,14 @@ button.pf-v6-c-breadcrumb__link {
9080
9133
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
9081
9134
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
9082
9135
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9136
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9137
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9138
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9139
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9140
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9141
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9142
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9143
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9083
9144
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9084
9145
  --pf-v6-c-button__progress--Opacity: 0;
9085
9146
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9115,7 +9176,9 @@ button.pf-v6-c-breadcrumb__link {
9115
9176
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
9116
9177
  color: var(--pf-v6-c-button--Color);
9117
9178
  text-align: center;
9118
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
9179
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
9180
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
9181
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9119
9182
  white-space: nowrap;
9120
9183
  cursor: pointer;
9121
9184
  user-select: none;
@@ -9228,6 +9291,12 @@ button.pf-v6-c-breadcrumb__link {
9228
9291
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
9229
9292
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
9230
9293
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
9294
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
9295
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
9296
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
9297
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
9298
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
9299
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9231
9300
  text-align: start;
9232
9301
  white-space: normal;
9233
9302
  outline-offset: 0.125rem;
@@ -9381,6 +9450,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9381
9450
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
9382
9451
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9383
9452
  }
9453
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9454
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9455
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9456
+ transition-property: color;
9457
+ }
9458
+ .pf-v6-c-button.pf-m-favorited {
9459
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9460
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9461
+ }
9462
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9463
+ animation-name: pf-v6-c-button-icon-favorited;
9464
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9465
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9466
+ }
9384
9467
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9385
9468
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9386
9469
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -9388,7 +9471,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9388
9471
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9389
9472
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9390
9473
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9391
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9474
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9475
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9476
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9392
9477
  }
9393
9478
  .pf-v6-c-button.pf-m-clicked {
9394
9479
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -9402,6 +9487,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9402
9487
  }
9403
9488
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9404
9489
  color: var(--pf-v6-c-button--disabled--Color);
9490
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9405
9491
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9406
9492
  }
9407
9493
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -9433,6 +9519,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9433
9519
  .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
9434
9520
  opacity: 0;
9435
9521
  }
9522
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
9523
+ animation-name: pf-v6-c-button-icon-notify;
9524
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
9525
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
9526
+ }
9436
9527
 
9437
9528
  .pf-v6-c-button__icon {
9438
9529
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
@@ -9463,6 +9554,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9463
9554
  align-items: center;
9464
9555
  }
9465
9556
 
9557
+ @keyframes pf-v6-c-button-icon-notify {
9558
+ 33% {
9559
+ transform: rotate(30deg);
9560
+ }
9561
+ 66% {
9562
+ transform: rotate(-60deg);
9563
+ }
9564
+ }
9565
+ @keyframes pf-v6-c-button-icon-favorited {
9566
+ 50% {
9567
+ transform: scale(1.5);
9568
+ }
9569
+ }
9466
9570
  .pf-v6-c-calendar-month {
9467
9571
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9468
9572
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9693,6 +9797,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9693
9797
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9694
9798
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9695
9799
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9800
+ --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
9801
+ --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
9696
9802
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9697
9803
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
9698
9804
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -9856,6 +9962,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9856
9962
  .pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
9857
9963
  order: 2;
9858
9964
  }
9965
+ .pf-v6-c-card__header.pf-m-wrap {
9966
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
9967
+ gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
9968
+ }
9969
+ .pf-v6-c-card__header.pf-m-wrap,
9970
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
9971
+ flex-wrap: wrap;
9972
+ row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
9973
+ }
9974
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
9975
+ margin-inline-start: 0;
9976
+ }
9977
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
9978
+ margin-inline-end: auto;
9979
+ }
9859
9980
 
9860
9981
  .pf-v6-c-card__header-main {
9861
9982
  flex-grow: 1;
@@ -10122,6 +10243,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10122
10243
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
10123
10244
  display: block;
10124
10245
  }
10246
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
10247
+ display: inline-flex;
10248
+ }
10125
10249
 
10126
10250
  .pf-v6-c-clipboard-copy__group {
10127
10251
  display: flex;
@@ -10507,7 +10631,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10507
10631
 
10508
10632
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10509
10633
  color: var(--pf-v6-c-content--a--Color);
10510
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
10634
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10635
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10511
10636
  }
10512
10637
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10513
10638
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11545,7 +11670,7 @@ ul) {
11545
11670
  --pf-v6-c-description-list__term--Display: inline;
11546
11671
  --pf-v6-c-description-list__term--sm--Display: flex;
11547
11672
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
11548
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
11673
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
11549
11674
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11550
11675
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11551
11676
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -11727,7 +11852,8 @@ ul) {
11727
11852
  min-width: 0;
11728
11853
  }
11729
11854
  .pf-v6-c-description-list__text.pf-m-help-text {
11730
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11855
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11856
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11731
11857
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11732
11858
  cursor: pointer;
11733
11859
  }
@@ -12630,7 +12756,8 @@ ul) {
12630
12756
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12631
12757
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12632
12758
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12633
- --pf-v6-c-drawer__panel--TransitionDuration: 250ms;
12759
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12760
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12634
12761
  --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12635
12762
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12636
12763
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -12844,6 +12971,7 @@ ul) {
12844
12971
  overflow: auto;
12845
12972
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
12846
12973
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
12974
+ transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
12847
12975
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
12848
12976
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
12849
12977
  -webkit-overflow-scrolling: touch;
@@ -13740,16 +13868,16 @@ ul) {
13740
13868
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13741
13869
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
13742
13870
  --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)));
13743
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
13871
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
13744
13872
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
13745
13873
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
13746
13874
  --pf-v6-c-form__label--hover--Cursor: pointer;
13747
13875
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
13748
13876
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
13749
13877
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
13750
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
13878
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
13751
13879
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13752
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
13880
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
13753
13881
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13754
13882
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13755
13883
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -14063,9 +14191,6 @@ ul) {
14063
14191
  font-size: var(--pf-v6-c-form__label--FontSize);
14064
14192
  line-height: var(--pf-v6-c-form__label--LineHeight);
14065
14193
  }
14066
- .pf-v6-c-form__label::selection {
14067
- background-color: none;
14068
- }
14069
14194
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14070
14195
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14071
14196
  }
@@ -14622,6 +14747,8 @@ select ~ .pf-v6-c-form-control__utilities {
14622
14747
  --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
14623
14748
  --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
14624
14749
  --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
14750
+ --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
14751
+ --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
14625
14752
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
14626
14753
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
14627
14754
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14666,6 +14793,17 @@ select ~ .pf-v6-c-form-control__utilities {
14666
14793
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
14667
14794
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
14668
14795
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
14796
+ animation-name: --pf-v6-c-helper-text-item-fade-in;
14797
+ animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
14798
+ animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
14799
+ }
14800
+ @keyframes --pf-v6-c-helper-text-item-fade-in {
14801
+ from {
14802
+ opacity: 0;
14803
+ }
14804
+ to {
14805
+ opacity: 1;
14806
+ }
14669
14807
  }
14670
14808
  .pf-v6-c-helper-text__item.pf-m-dynamic {
14671
14809
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -15280,7 +15418,7 @@ label.pf-v6-c-input-group__text {
15280
15418
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15281
15419
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15282
15420
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15283
- text-decoration: none;
15421
+ text-decoration-line: none;
15284
15422
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15285
15423
  }
15286
15424
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15721,7 +15859,8 @@ label.pf-v6-c-input-group__text {
15721
15859
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15722
15860
  }
15723
15861
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
15724
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15862
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15863
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15725
15864
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15726
15865
  }
15727
15866
  .pf-v6-c-label.pf-m-editable-active {
@@ -15754,7 +15893,7 @@ label.pf-v6-c-input-group__text {
15754
15893
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15755
15894
  }
15756
15895
  .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) {
15757
- text-decoration: none;
15896
+ text-decoration-line: none;
15758
15897
  }
15759
15898
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15760
15899
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -16494,7 +16633,7 @@ ul.pf-v6-c-list {
16494
16633
  grid-column-end: -1;
16495
16634
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
16496
16635
  column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
16497
- align-self: stretch;
16636
+ align-self: center;
16498
16637
  order: var(--pf-v6-c-masthead__content--Order);
16499
16638
  min-width: 0.25rem;
16500
16639
  }
@@ -17021,11 +17160,20 @@ ul.pf-v6-c-list {
17021
17160
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17022
17161
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17023
17162
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17024
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17163
+ --pf-v6-c-menu__item-external--Color: transparent;
17164
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17025
17165
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17026
17166
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17167
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17168
+ }
17169
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17170
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17027
17171
  pointer-events: none;
17028
17172
  }
17173
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17174
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17175
+ cursor: default;
17176
+ }
17029
17177
 
17030
17178
  [class*=pf-v6-c-menu]:is([hidden]) {
17031
17179
  display: none;
@@ -17169,7 +17317,6 @@ ul.pf-v6-c-list {
17169
17317
  z-index: var(--pf-v6-c-menu--ZIndex);
17170
17318
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
17171
17319
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
17172
- overflow: hidden;
17173
17320
  }
17174
17321
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
17175
17322
  padding-block-start: var(--pf-v6-c-menu--RowGap);
@@ -17273,7 +17420,7 @@ ul.pf-v6-c-list {
17273
17420
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17274
17421
  color: var(--pf-v6-c-menu__item--Color);
17275
17422
  text-align: start;
17276
- text-decoration: none;
17423
+ text-decoration-line: none;
17277
17424
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17278
17425
  border: 0;
17279
17426
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17393,16 +17540,16 @@ ul.pf-v6-c-list {
17393
17540
  opacity: 0;
17394
17541
  }
17395
17542
 
17396
- .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,
17543
+ .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),
17397
17544
  .pf-v6-c-menu__item-action.pf-m-favorited,
17398
17545
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17399
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17546
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
17400
17547
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17401
17548
  }
17402
- .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),
17549
+ .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),
17403
17550
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17404
17551
  .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
17405
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17552
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
17406
17553
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17407
17554
  }
17408
17555
 
@@ -17547,12 +17694,16 @@ ul.pf-v6-c-list {
17547
17694
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17548
17695
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17549
17696
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17697
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
17698
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
17550
17699
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17551
17700
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
17552
17701
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
17553
17702
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
17554
17703
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17555
17704
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17705
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
17706
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17556
17707
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17557
17708
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17558
17709
  }
@@ -17701,6 +17852,28 @@ ul.pf-v6-c-list {
17701
17852
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
17702
17853
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
17703
17854
  }
17855
+ @media screen and (prefers-reduced-motion: no-preference) {
17856
+ .pf-v6-c-menu-toggle.pf-m-danger {
17857
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
17858
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
17859
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
17860
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
17861
+ animation-fill-mode: both;
17862
+ }
17863
+ }
17864
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
17865
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
17866
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
17867
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
17868
+ }
17869
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
17870
+ from {
17871
+ opacity: 0;
17872
+ }
17873
+ to {
17874
+ opacity: 1;
17875
+ }
17876
+ }
17704
17877
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17705
17878
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17706
17879
  }
@@ -17716,6 +17889,21 @@ ul.pf-v6-c-list {
17716
17889
  pointer-events: none;
17717
17890
  }
17718
17891
 
17892
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
17893
+ syntax: "<length>";
17894
+ inherits: false;
17895
+ initial-value: 0;
17896
+ }
17897
+ @media (prefers-reduced-motion: no-preference) {
17898
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
17899
+ 33% {
17900
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
17901
+ }
17902
+ 66% {
17903
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
17904
+ }
17905
+ }
17906
+ }
17719
17907
  .pf-v6-c-menu-toggle.pf-m-split-button {
17720
17908
  --pf-v6-c-menu-toggle--Gap: 0;
17721
17909
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -18305,13 +18493,15 @@ ul.pf-v6-c-list {
18305
18493
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
18306
18494
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
18307
18495
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
18308
- --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
18309
- --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
18496
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
18497
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
18310
18498
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
18311
18499
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
18312
18500
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
18313
18501
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
18314
18502
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
18503
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
18504
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
18315
18505
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
18316
18506
  --pf-v6-c-nav__link--AlignItems: baseline;
18317
18507
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -18322,10 +18512,19 @@ ul.pf-v6-c-list {
18322
18512
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
18323
18513
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
18324
18514
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
18515
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
18516
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
18517
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
18518
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
18325
18519
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
18326
18520
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
18327
18521
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
18522
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18523
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18328
18524
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18525
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
18526
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
18527
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
18329
18528
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18330
18529
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18331
18530
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18354,6 +18553,12 @@ ul.pf-v6-c-list {
18354
18553
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18355
18554
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18356
18555
  }
18556
+ @media (prefers-reduced-motion: no-preference) {
18557
+ .pf-v6-c-nav {
18558
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
18559
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
18560
+ }
18561
+ }
18357
18562
 
18358
18563
  .pf-v6-c-nav,
18359
18564
  .pf-v6-c-nav__section,
@@ -18405,7 +18610,7 @@ ul.pf-v6-c-list {
18405
18610
  }
18406
18611
 
18407
18612
  [class^=pf-v6-c-nav][hidden] {
18408
- display: none;
18613
+ visibility: hidden;
18409
18614
  }
18410
18615
 
18411
18616
  .pf-v6-c-nav__nav,
@@ -18414,30 +18619,43 @@ ul.pf-v6-c-list {
18414
18619
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
18415
18620
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
18416
18621
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18622
+ visibility: visible;
18417
18623
  }
18418
18624
 
18419
18625
  .pf-v6-c-nav__list {
18420
18626
  row-gap: var(--pf-v6-c-nav__list--RowGap);
18421
18627
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
18628
+ min-height: 0;
18422
18629
  }
18423
18630
 
18424
18631
  .pf-v6-c-nav__subnav {
18425
18632
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18633
+ grid-template-rows: 1fr;
18634
+ min-height: 0;
18635
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18636
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18426
18637
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18638
+ overflow-y: clip;
18639
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
18640
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
18641
+ transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
18642
+ }
18643
+ .pf-v6-c-nav__subnav[hidden] {
18644
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
18645
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18646
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
18647
+ grid-template-rows: 0fr;
18648
+ opacity: 0;
18427
18649
  }
18428
18650
 
18429
18651
  .pf-v6-c-nav__item {
18430
- row-gap: var(--pf-v6-c-nav__item--RowGap);
18431
18652
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
18432
18653
  }
18433
18654
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
18434
18655
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
18435
18656
  }
18436
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) {
18437
- margin-block-end: var(--pf-v6-c-nav__item--m-expanded--MarginBlockEnd, var(--pf-v6-c-nav__item--RowGap));
18438
- }
18439
- .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 {
18440
- inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
18657
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
18658
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
18441
18659
  }
18442
18660
 
18443
18661
  .pf-v6-c-nav__section {
@@ -18468,13 +18686,13 @@ ul.pf-v6-c-list {
18468
18686
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18469
18687
  color: var(--pf-v6-c-nav__link--Color);
18470
18688
  text-align: start;
18471
- text-decoration: none;
18689
+ text-decoration-line: none;
18472
18690
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18473
18691
  border: none;
18474
18692
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
18475
- }
18476
- .pf-v6-c-nav__link[aria-expanded=true]::before {
18477
- inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18693
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
18694
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
18695
+ transition-property: background-color, color;
18478
18696
  }
18479
18697
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
18480
18698
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -18499,6 +18717,9 @@ ul.pf-v6-c-list {
18499
18717
 
18500
18718
  .pf-v6-c-nav__toggle-icon {
18501
18719
  display: inline-block;
18720
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
18721
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
18722
+ transition-property: transform;
18502
18723
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
18503
18724
  }
18504
18725
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -18938,12 +19159,18 @@ ul.pf-v6-c-list {
18938
19159
  --pf-v6-c-page__main-container--GridArea: main;
18939
19160
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
18940
19161
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
19162
+ --pf-v6-c-page__main-container--AlignSelf: start;
18941
19163
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18942
19164
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18943
19165
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18944
19166
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
18945
19167
  --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
18946
19168
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19169
+ --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
19170
+ --pf-v6-c-page__main-container--xs--BorderRadius: 0;
19171
+ --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
19172
+ --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
19173
+ --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
18947
19174
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18948
19175
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18949
19176
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19301,7 +19528,7 @@ ul.pf-v6-c-list {
19301
19528
  .pf-v6-c-page__main-container {
19302
19529
  display: flex;
19303
19530
  flex-direction: column;
19304
- align-self: start;
19531
+ align-self: var(--pf-v6-c-page__main-container--AlignSelf);
19305
19532
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
19306
19533
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
19307
19534
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
@@ -19309,6 +19536,15 @@ ul.pf-v6-c-list {
19309
19536
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
19310
19537
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
19311
19538
  }
19539
+ @media screen and (max-width: calc(48rem - 1px)) {
19540
+ .pf-v6-c-page__main-container {
19541
+ --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
19542
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
19543
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
19544
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
19545
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
19546
+ }
19547
+ }
19312
19548
 
19313
19549
  .pf-v6-c-page__main-container,
19314
19550
  .pf-v6-c-page__drawer {
@@ -20171,9 +20407,11 @@ ul.pf-v6-c-list {
20171
20407
  }
20172
20408
 
20173
20409
  .pf-v6-c-popover__title-text {
20410
+ min-width: 0;
20174
20411
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
20175
20412
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
20176
20413
  color: var(--pf-v6-c-popover__title-text--Color);
20414
+ overflow-wrap: break-word;
20177
20415
  }
20178
20416
 
20179
20417
  .pf-v6-c-popover__body {
@@ -20188,6 +20426,7 @@ ul.pf-v6-c-list {
20188
20426
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20189
20427
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
20190
20428
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
20429
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
20191
20430
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
20192
20431
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
20193
20432
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -20329,7 +20568,9 @@ ul.pf-v6-c-list {
20329
20568
  grid-column: 1/3;
20330
20569
  align-self: center;
20331
20570
  height: var(--pf-v6-c-progress__bar--Height);
20571
+ overflow: hidden;
20332
20572
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
20573
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
20333
20574
  }
20334
20575
 
20335
20576
  .pf-v6-c-progress__indicator {
@@ -20666,7 +20907,8 @@ ul.pf-v6-c-list {
20666
20907
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20667
20908
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20668
20909
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
20669
- 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);
20910
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
20911
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20670
20912
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20671
20913
  cursor: pointer;
20672
20914
  }
@@ -21419,7 +21661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21419
21661
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21420
21662
  color: var(--pf-v6-c-simple-list__item-link--Color);
21421
21663
  text-align: start;
21422
- text-decoration: none;
21664
+ text-decoration-line: none;
21423
21665
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21424
21666
  border: none;
21425
21667
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21432,7 +21674,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21432
21674
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21433
21675
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21434
21676
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21435
- text-decoration: none;
21677
+ text-decoration-line: none;
21436
21678
  }
21437
21679
  .pf-v6-c-simple-list__item-link.pf-m-current {
21438
21680
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -21963,7 +22205,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21963
22205
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
21964
22206
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
21965
22207
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
21966
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
22208
+ --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22209
+ --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
22210
+ --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);
21967
22211
  --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));
21968
22212
  }
21969
22213
 
@@ -24278,13 +24522,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24278
24522
  vertical-align: baseline;
24279
24523
  }
24280
24524
 
24281
- .pf-v6-c-table__favorite .pf-v6-c-button {
24525
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
24282
24526
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
24283
24527
  }
24284
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
24528
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
24285
24529
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24286
24530
  }
24287
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
24531
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
24288
24532
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24289
24533
  }
24290
24534
 
@@ -25944,7 +26188,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25944
26188
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
25945
26189
  font-size: var(--pf-v6-c-tabs__link--FontSize);
25946
26190
  color: var(--pf-v6-c-tabs__link--Color);
25947
- text-decoration: none;
26191
+ text-decoration-line: none;
25948
26192
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
25949
26193
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
25950
26194
  }
@@ -26584,7 +26828,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26584
26828
  }
26585
26829
  .pf-v6-c-timestamp.pf-m-help-text {
26586
26830
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
26587
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26831
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26832
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26588
26833
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26589
26834
  cursor: pointer;
26590
26835
  }
@@ -26797,7 +27042,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26797
27042
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26798
27043
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26799
27044
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26800
- text-decoration: none;
27045
+ text-decoration-line: none;
26801
27046
  }
26802
27047
  .pf-v6-c-toggle-group__button.pf-m-selected {
26803
27048
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -27045,13 +27290,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27045
27290
  }
27046
27291
  .pf-v6-c-toolbar.pf-m-full-height {
27047
27292
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27048
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27293
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27049
27294
  }
27050
27295
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27051
27296
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27052
27297
  align-items: stretch;
27053
27298
  align-self: stretch;
27054
27299
  }
27300
+ .pf-v6-c-toolbar.pf-m-no-padding {
27301
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27302
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27303
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27304
+ }
27055
27305
  .pf-v6-c-toolbar.pf-m-primary {
27056
27306
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27057
27307
  }
@@ -29748,7 +29998,7 @@ label.pf-v6-c-tree-view__node-text {
29748
29998
  padding-inline: 0;
29749
29999
  color: var(--pf-v6-c-wizard__nav-link--Color);
29750
30000
  text-align: start;
29751
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
30001
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29752
30002
  word-break: break-word;
29753
30003
  counter-increment: wizard-nav-count;
29754
30004
  background-color: transparent;