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

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 (107) 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/Content/content.css +2 -1
  15. package/components/Content/content.scss +2 -1
  16. package/components/DescriptionList/description-list.css +3 -2
  17. package/components/DescriptionList/description-list.scss +3 -2
  18. package/components/Drawer/drawer.css +3 -1
  19. package/components/Drawer/drawer.scss +3 -1
  20. package/components/Form/form.css +3 -6
  21. package/components/Form/form.scss +3 -7
  22. package/components/HelperText/helper-text.css +13 -0
  23. package/components/HelperText/helper-text.scss +16 -0
  24. package/components/JumpLinks/jump-links.css +1 -1
  25. package/components/JumpLinks/jump-links.scss +1 -1
  26. package/components/Label/label.css +3 -2
  27. package/components/Label/label.scss +3 -2
  28. package/components/Masthead/masthead.css +1 -1
  29. package/components/Masthead/masthead.scss +1 -1
  30. package/components/Menu/menu.css +15 -7
  31. package/components/Menu/menu.scss +14 -5
  32. package/components/MenuToggle/menu-toggle.css +41 -0
  33. package/components/MenuToggle/menu-toggle.scss +49 -0
  34. package/components/Nav/nav.css +46 -13
  35. package/components/Nav/nav.scss +57 -17
  36. package/components/Page/page.css +16 -1
  37. package/components/Page/page.scss +17 -3
  38. package/components/Popover/popover.css +2 -0
  39. package/components/Popover/popover.scss +2 -0
  40. package/components/Progress/progress.css +3 -0
  41. package/components/Progress/progress.scss +3 -0
  42. package/components/ProgressStepper/progress-stepper.css +2 -1
  43. package/components/ProgressStepper/progress-stepper.scss +2 -1
  44. package/components/SimpleList/simple-list.css +2 -2
  45. package/components/SimpleList/simple-list.scss +2 -2
  46. package/components/Switch/switch.css +3 -1
  47. package/components/Switch/switch.scss +4 -2
  48. package/components/Table/table.css +3 -3
  49. package/components/Table/table.scss +3 -2
  50. package/components/Tabs/tabs.css +1 -1
  51. package/components/Tabs/tabs.scss +1 -1
  52. package/components/Timestamp/timestamp.css +2 -1
  53. package/components/Timestamp/timestamp.scss +2 -1
  54. package/components/ToggleGroup/toggle-group.css +1 -1
  55. package/components/ToggleGroup/toggle-group.scss +1 -1
  56. package/components/Toolbar/toolbar.css +6 -1
  57. package/components/Toolbar/toolbar.scss +7 -1
  58. package/components/Wizard/wizard.css +1 -1
  59. package/components/Wizard/wizard.scss +1 -1
  60. package/components/_index.css +307 -60
  61. package/docs/components/Alert/examples/Alert.md +6 -0
  62. package/docs/components/Avatar/examples/Avatar.md +4 -4
  63. package/docs/components/Brand/examples/Brand.md +2 -2
  64. package/docs/components/Button/examples/Button.md +29 -0
  65. package/docs/components/Card/examples/Card.md +30 -0
  66. package/docs/components/DataList/examples/DataList.md +3 -3
  67. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  68. package/docs/components/Divider/examples/Divider.md +2 -2
  69. package/docs/components/Drawer/examples/Drawer.md +3 -3
  70. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  71. package/docs/components/Masthead/examples/masthead.md +1 -1
  72. package/docs/components/Menu/examples/Menu.md +8 -8
  73. package/docs/components/Nav/examples/Navigation.md +3 -0
  74. package/docs/components/Page/examples/Page.md +2 -2
  75. package/docs/components/Pagination/examples/Pagination.md +3 -3
  76. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  77. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  78. package/docs/components/Table/examples/Table.md +17 -29
  79. package/docs/components/Tabs/examples/Tabs.md +148 -6
  80. package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
  81. package/docs/components/Toolbar/examples/Toolbar.css +3 -0
  82. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  83. package/docs/demos/Card/examples/Card.md +32 -24
  84. package/docs/demos/CardView/examples/CardView.md +2 -0
  85. package/docs/demos/Nav/examples/Nav.md +2 -0
  86. package/docs/layouts/Flex/examples/Flex.md +1 -1
  87. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  88. package/docs/layouts/Grid/examples/Grid.md +4 -4
  89. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  90. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  91. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  92. package/docs/utilities/Display/examples/Display.md +1 -1
  93. package/docs/utilities/Flex/examples/Flex.md +1 -1
  94. package/docs/utilities/Float/examples/Float.md +1 -1
  95. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  96. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  97. package/docs/utilities/Text/examples/Text.md +1 -1
  98. package/package.json +2 -2
  99. package/patternfly-base-no-globals.css +1 -1
  100. package/patternfly-base.css +3 -3
  101. package/patternfly-charts.css +83 -0
  102. package/patternfly-charts.scss +126 -0
  103. package/patternfly-no-globals.css +308 -61
  104. package/patternfly.css +310 -63
  105. package/patternfly.min.css +1 -1
  106. package/patternfly.min.css.map +1 -1
  107. package/docs/components/TabContent/examples/TabContent.md +0 -153
package/patternfly.css CHANGED
@@ -118,12 +118,12 @@ pre) {
118
118
 
119
119
  :where(a) {
120
120
  color: var(--pf-t--global--text--color--link--default);
121
- text-decoration: var(--pf-t--global--text-decoration--link--line--default);
121
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
122
122
  }
123
123
 
124
124
  :where(a:hover, a:focus) {
125
125
  color: var(--pf-t--global--text--color--link--hover);
126
- text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
126
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
127
127
  }
128
128
 
129
129
  :where(a,
@@ -5802,7 +5802,7 @@ button) {
5802
5802
  font-style: normal;
5803
5803
  font-variant: normal;
5804
5804
  font-weight: normal;
5805
- text-decoration: none;
5805
+ text-decoration-line: none;
5806
5806
  text-transform: none;
5807
5807
  }
5808
5808
 
@@ -8172,6 +8172,48 @@ button) {
8172
8172
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
8173
8173
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
8174
8174
  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
8175
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8176
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
8177
+ --pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
8178
+ var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
8179
+ 0s;
8180
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
8181
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
8182
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
8183
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
8184
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
8185
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
8186
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
8187
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
8188
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
8189
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
8190
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
8191
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
8192
+ --pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
8193
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8194
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8195
+ 0s;
8196
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8197
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8198
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8199
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8200
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8201
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8202
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8203
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8204
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8205
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8206
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8207
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8208
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8209
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8210
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8211
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8212
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8213
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8214
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8215
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8216
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8175
8217
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8176
8218
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8177
8219
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8220,15 +8262,15 @@ button) {
8220
8262
  display: grid;
8221
8263
  grid-template-rows: 1fr;
8222
8264
  opacity: 1;
8223
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
8265
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
8224
8266
  transform: translateX(0) translateY(0);
8225
8267
  }
8226
8268
  @media screen and (prefers-reduced-motion: no-preference) {
8227
8269
  .pf-v6-c-alert-group__item {
8228
- 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;
8270
+ 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);
8229
8271
  }
8230
8272
  .pf-v6-c-alert-group__item .pf-v6-c-alert {
8231
- transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
8273
+ transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8232
8274
  }
8233
8275
  }
8234
8276
  .pf-v6-c-alert-group__item.pf-m-offstage-top {
@@ -8249,21 +8291,22 @@ button) {
8249
8291
  margin-block: 0;
8250
8292
  overflow: hidden;
8251
8293
  opacity: 0;
8252
- transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
8253
- transform: translateX(100%);
8294
+ 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);
8254
8295
  }
8255
8296
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8256
8297
  min-height: 0;
8257
8298
  padding-block-start: 0;
8258
8299
  padding-block-end: 0;
8259
8300
  border-width: 0;
8301
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8260
8302
  }
8261
8303
  @media screen and (prefers-reduced-motion: no-preference) {
8262
8304
  .pf-v6-c-alert-group__item.pf-m-offstage-right {
8263
- 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);
8305
+ 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);
8306
+ transform: translateX(100%);
8264
8307
  }
8265
8308
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8266
- 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);
8309
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8267
8310
  }
8268
8311
  }
8269
8312
  .pf-v6-c-alert-group__item:hover {
@@ -8795,7 +8838,7 @@ button) {
8795
8838
  }
8796
8839
  .pf-v6-c-banner a {
8797
8840
  color: var(--pf-v6-c-banner--link--Color);
8798
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8841
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8799
8842
  }
8800
8843
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
8801
8844
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -8808,7 +8851,7 @@ button) {
8808
8851
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8809
8852
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8810
8853
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8811
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8854
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8812
8855
  }
8813
8856
  .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 {
8814
8857
  cursor: not-allowed;
@@ -8947,7 +8990,8 @@ button) {
8947
8990
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8948
8991
  line-height: inherit;
8949
8992
  color: var(--pf-v6-c-breadcrumb__link--Color);
8950
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8993
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8994
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8951
8995
  word-break: break-word;
8952
8996
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8953
8997
  }
@@ -8961,7 +9005,7 @@ button) {
8961
9005
  }
8962
9006
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8963
9007
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8964
- text-decoration: none;
9008
+ text-decoration-line: none;
8965
9009
  }
8966
9010
  button.pf-v6-c-breadcrumb__link {
8967
9011
  border: none;
@@ -9008,6 +9052,7 @@ button.pf-v6-c-breadcrumb__link {
9008
9052
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
9009
9053
  --pf-v6-c-button--TextDecorationLine: none;
9010
9054
  --pf-v6-c-button--TextDecorationStyle: none;
9055
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
9011
9056
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9012
9057
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9013
9058
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -9016,6 +9061,7 @@ button.pf-v6-c-breadcrumb__link {
9016
9061
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9017
9062
  --pf-v6-c-button--hover--TextDecorationLine: none;
9018
9063
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9064
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9019
9065
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9020
9066
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9021
9067
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9100,6 +9146,12 @@ button.pf-v6-c-breadcrumb__link {
9100
9146
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
9101
9147
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
9102
9148
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
9149
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
9150
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
9151
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
9152
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
9153
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
9154
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
9103
9155
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
9104
9156
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
9105
9157
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -9207,6 +9259,7 @@ button.pf-v6-c-breadcrumb__link {
9207
9259
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
9208
9260
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9209
9261
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9262
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
9210
9263
  --pf-v6-c-button--disabled--BorderColor: transparent;
9211
9264
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
9212
9265
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9216,6 +9269,14 @@ button.pf-v6-c-breadcrumb__link {
9216
9269
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
9217
9270
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
9218
9271
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9272
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9273
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9274
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9275
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9276
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9277
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9278
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9279
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9219
9280
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9220
9281
  --pf-v6-c-button__progress--Opacity: 0;
9221
9282
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9251,7 +9312,9 @@ button.pf-v6-c-breadcrumb__link {
9251
9312
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
9252
9313
  color: var(--pf-v6-c-button--Color);
9253
9314
  text-align: center;
9254
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
9315
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
9316
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
9317
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9255
9318
  white-space: nowrap;
9256
9319
  cursor: pointer;
9257
9320
  user-select: none;
@@ -9364,6 +9427,12 @@ button.pf-v6-c-breadcrumb__link {
9364
9427
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
9365
9428
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
9366
9429
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
9430
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
9431
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
9432
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
9433
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
9434
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
9435
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9367
9436
  text-align: start;
9368
9437
  white-space: normal;
9369
9438
  outline-offset: 0.125rem;
@@ -9517,6 +9586,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9517
9586
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
9518
9587
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9519
9588
  }
9589
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9590
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9591
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9592
+ transition-property: color;
9593
+ }
9594
+ .pf-v6-c-button.pf-m-favorited {
9595
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9596
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9597
+ }
9598
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9599
+ animation-name: pf-v6-c-button-icon-favorited;
9600
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9601
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9602
+ }
9520
9603
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9521
9604
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9522
9605
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -9524,7 +9607,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9524
9607
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9525
9608
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9526
9609
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9527
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9610
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9611
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9612
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9528
9613
  }
9529
9614
  .pf-v6-c-button.pf-m-clicked {
9530
9615
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -9538,6 +9623,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9538
9623
  }
9539
9624
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9540
9625
  color: var(--pf-v6-c-button--disabled--Color);
9626
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9541
9627
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9542
9628
  }
9543
9629
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -9569,6 +9655,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9569
9655
  .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
9570
9656
  opacity: 0;
9571
9657
  }
9658
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
9659
+ animation-name: pf-v6-c-button-icon-notify;
9660
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
9661
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
9662
+ }
9572
9663
 
9573
9664
  .pf-v6-c-button__icon {
9574
9665
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
@@ -9599,6 +9690,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9599
9690
  align-items: center;
9600
9691
  }
9601
9692
 
9693
+ @keyframes pf-v6-c-button-icon-notify {
9694
+ 33% {
9695
+ transform: rotate(30deg);
9696
+ }
9697
+ 66% {
9698
+ transform: rotate(-60deg);
9699
+ }
9700
+ }
9701
+ @keyframes pf-v6-c-button-icon-favorited {
9702
+ 50% {
9703
+ transform: scale(1.5);
9704
+ }
9705
+ }
9602
9706
  .pf-v6-c-calendar-month {
9603
9707
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9604
9708
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9829,6 +9933,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9829
9933
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9830
9934
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9831
9935
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9936
+ --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
9937
+ --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
9832
9938
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9833
9939
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
9834
9940
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -9992,6 +10098,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9992
10098
  .pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
9993
10099
  order: 2;
9994
10100
  }
10101
+ .pf-v6-c-card__header.pf-m-wrap {
10102
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
10103
+ gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
10104
+ }
10105
+ .pf-v6-c-card__header.pf-m-wrap,
10106
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
10107
+ flex-wrap: wrap;
10108
+ row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
10109
+ }
10110
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
10111
+ margin-inline-start: 0;
10112
+ }
10113
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
10114
+ margin-inline-end: auto;
10115
+ }
9995
10116
 
9996
10117
  .pf-v6-c-card__header-main {
9997
10118
  flex-grow: 1;
@@ -10643,7 +10764,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10643
10764
 
10644
10765
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10645
10766
  color: var(--pf-v6-c-content--a--Color);
10646
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
10767
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10768
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10647
10769
  }
10648
10770
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10649
10771
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11681,7 +11803,7 @@ ul) {
11681
11803
  --pf-v6-c-description-list__term--Display: inline;
11682
11804
  --pf-v6-c-description-list__term--sm--Display: flex;
11683
11805
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
11684
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
11806
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
11685
11807
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11686
11808
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11687
11809
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -11863,7 +11985,8 @@ ul) {
11863
11985
  min-width: 0;
11864
11986
  }
11865
11987
  .pf-v6-c-description-list__text.pf-m-help-text {
11866
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11988
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11989
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11867
11990
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11868
11991
  cursor: pointer;
11869
11992
  }
@@ -12766,7 +12889,8 @@ ul) {
12766
12889
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12767
12890
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12768
12891
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12769
- --pf-v6-c-drawer__panel--TransitionDuration: 250ms;
12892
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12893
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12770
12894
  --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12771
12895
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12772
12896
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -12980,6 +13104,7 @@ ul) {
12980
13104
  overflow: auto;
12981
13105
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
12982
13106
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13107
+ transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
12983
13108
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
12984
13109
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
12985
13110
  -webkit-overflow-scrolling: touch;
@@ -13876,16 +14001,16 @@ ul) {
13876
14001
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13877
14002
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
13878
14003
  --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)));
13879
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
14004
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
13880
14005
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
13881
14006
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
13882
14007
  --pf-v6-c-form__label--hover--Cursor: pointer;
13883
14008
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
13884
14009
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
13885
14010
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
13886
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
14011
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
13887
14012
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13888
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
14013
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
13889
14014
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13890
14015
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13891
14016
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -14199,9 +14324,6 @@ ul) {
14199
14324
  font-size: var(--pf-v6-c-form__label--FontSize);
14200
14325
  line-height: var(--pf-v6-c-form__label--LineHeight);
14201
14326
  }
14202
- .pf-v6-c-form__label::selection {
14203
- background-color: none;
14204
- }
14205
14327
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14206
14328
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14207
14329
  }
@@ -14758,6 +14880,8 @@ select ~ .pf-v6-c-form-control__utilities {
14758
14880
  --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
14759
14881
  --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
14760
14882
  --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
14883
+ --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
14884
+ --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
14761
14885
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
14762
14886
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
14763
14887
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14802,6 +14926,17 @@ select ~ .pf-v6-c-form-control__utilities {
14802
14926
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
14803
14927
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
14804
14928
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
14929
+ animation-name: --pf-v6-c-helper-text-item-fade-in;
14930
+ animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
14931
+ animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
14932
+ }
14933
+ @keyframes --pf-v6-c-helper-text-item-fade-in {
14934
+ from {
14935
+ opacity: 0;
14936
+ }
14937
+ to {
14938
+ opacity: 1;
14939
+ }
14805
14940
  }
14806
14941
  .pf-v6-c-helper-text__item.pf-m-dynamic {
14807
14942
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -15416,7 +15551,7 @@ label.pf-v6-c-input-group__text {
15416
15551
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15417
15552
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15418
15553
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15419
- text-decoration: none;
15554
+ text-decoration-line: none;
15420
15555
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15421
15556
  }
15422
15557
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15857,7 +15992,8 @@ label.pf-v6-c-input-group__text {
15857
15992
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15858
15993
  }
15859
15994
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
15860
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15995
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15996
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15861
15997
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15862
15998
  }
15863
15999
  .pf-v6-c-label.pf-m-editable-active {
@@ -15890,7 +16026,7 @@ label.pf-v6-c-input-group__text {
15890
16026
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15891
16027
  }
15892
16028
  .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) {
15893
- text-decoration: none;
16029
+ text-decoration-line: none;
15894
16030
  }
15895
16031
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15896
16032
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -16630,7 +16766,7 @@ ul.pf-v6-c-list {
16630
16766
  grid-column-end: -1;
16631
16767
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
16632
16768
  column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
16633
- align-self: stretch;
16769
+ align-self: center;
16634
16770
  order: var(--pf-v6-c-masthead__content--Order);
16635
16771
  min-width: 0.25rem;
16636
16772
  }
@@ -17157,11 +17293,20 @@ ul.pf-v6-c-list {
17157
17293
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17158
17294
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17159
17295
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17160
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17296
+ --pf-v6-c-menu__item-external--Color: transparent;
17297
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17161
17298
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17162
17299
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17300
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17301
+ }
17302
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17303
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17163
17304
  pointer-events: none;
17164
17305
  }
17306
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17307
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17308
+ cursor: default;
17309
+ }
17165
17310
 
17166
17311
  [class*=pf-v6-c-menu]:is([hidden]) {
17167
17312
  display: none;
@@ -17305,7 +17450,6 @@ ul.pf-v6-c-list {
17305
17450
  z-index: var(--pf-v6-c-menu--ZIndex);
17306
17451
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
17307
17452
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
17308
- overflow: hidden;
17309
17453
  }
17310
17454
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
17311
17455
  padding-block-start: var(--pf-v6-c-menu--RowGap);
@@ -17409,7 +17553,7 @@ ul.pf-v6-c-list {
17409
17553
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17410
17554
  color: var(--pf-v6-c-menu__item--Color);
17411
17555
  text-align: start;
17412
- text-decoration: none;
17556
+ text-decoration-line: none;
17413
17557
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17414
17558
  border: 0;
17415
17559
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17529,16 +17673,16 @@ ul.pf-v6-c-list {
17529
17673
  opacity: 0;
17530
17674
  }
17531
17675
 
17532
- .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,
17676
+ .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),
17533
17677
  .pf-v6-c-menu__item-action.pf-m-favorited,
17534
17678
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17535
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17679
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
17536
17680
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17537
17681
  }
17538
- .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),
17682
+ .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),
17539
17683
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17540
17684
  .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
17541
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17685
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
17542
17686
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17543
17687
  }
17544
17688
 
@@ -17683,12 +17827,16 @@ ul.pf-v6-c-list {
17683
17827
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17684
17828
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17685
17829
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17830
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
17831
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
17686
17832
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17687
17833
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
17688
17834
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
17689
17835
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
17690
17836
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17691
17837
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17838
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
17839
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17692
17840
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17693
17841
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17694
17842
  }
@@ -17837,6 +17985,28 @@ ul.pf-v6-c-list {
17837
17985
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
17838
17986
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
17839
17987
  }
17988
+ @media screen and (prefers-reduced-motion: no-preference) {
17989
+ .pf-v6-c-menu-toggle.pf-m-danger {
17990
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
17991
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
17992
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
17993
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
17994
+ animation-fill-mode: both;
17995
+ }
17996
+ }
17997
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
17998
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
17999
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
18000
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
18001
+ }
18002
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
18003
+ from {
18004
+ opacity: 0;
18005
+ }
18006
+ to {
18007
+ opacity: 1;
18008
+ }
18009
+ }
17840
18010
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17841
18011
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17842
18012
  }
@@ -17852,6 +18022,21 @@ ul.pf-v6-c-list {
17852
18022
  pointer-events: none;
17853
18023
  }
17854
18024
 
18025
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
18026
+ syntax: "<length>";
18027
+ inherits: false;
18028
+ initial-value: 0;
18029
+ }
18030
+ @media (prefers-reduced-motion: no-preference) {
18031
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
18032
+ 33% {
18033
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
18034
+ }
18035
+ 66% {
18036
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
18037
+ }
18038
+ }
18039
+ }
17855
18040
  .pf-v6-c-menu-toggle.pf-m-split-button {
17856
18041
  --pf-v6-c-menu-toggle--Gap: 0;
17857
18042
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -18441,13 +18626,15 @@ ul.pf-v6-c-list {
18441
18626
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
18442
18627
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
18443
18628
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
18444
- --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
18445
- --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
18629
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
18630
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
18446
18631
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
18447
18632
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
18448
18633
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
18449
18634
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
18450
18635
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
18636
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
18637
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
18451
18638
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
18452
18639
  --pf-v6-c-nav__link--AlignItems: baseline;
18453
18640
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -18458,10 +18645,19 @@ ul.pf-v6-c-list {
18458
18645
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
18459
18646
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
18460
18647
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
18648
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
18649
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
18650
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
18651
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
18461
18652
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
18462
18653
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
18463
18654
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
18655
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18656
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18464
18657
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18658
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
18659
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
18660
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
18465
18661
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18466
18662
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18467
18663
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18490,6 +18686,12 @@ ul.pf-v6-c-list {
18490
18686
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18491
18687
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18492
18688
  }
18689
+ @media (prefers-reduced-motion: no-preference) {
18690
+ .pf-v6-c-nav {
18691
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
18692
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
18693
+ }
18694
+ }
18493
18695
 
18494
18696
  .pf-v6-c-nav,
18495
18697
  .pf-v6-c-nav__section,
@@ -18541,7 +18743,7 @@ ul.pf-v6-c-list {
18541
18743
  }
18542
18744
 
18543
18745
  [class^=pf-v6-c-nav][hidden] {
18544
- display: none;
18746
+ visibility: hidden;
18545
18747
  }
18546
18748
 
18547
18749
  .pf-v6-c-nav__nav,
@@ -18550,30 +18752,43 @@ ul.pf-v6-c-list {
18550
18752
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
18551
18753
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
18552
18754
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18755
+ visibility: visible;
18553
18756
  }
18554
18757
 
18555
18758
  .pf-v6-c-nav__list {
18556
18759
  row-gap: var(--pf-v6-c-nav__list--RowGap);
18557
18760
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
18761
+ min-height: 0;
18558
18762
  }
18559
18763
 
18560
18764
  .pf-v6-c-nav__subnav {
18561
18765
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18766
+ grid-template-rows: 1fr;
18767
+ min-height: 0;
18768
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18769
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18562
18770
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18771
+ overflow-y: clip;
18772
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
18773
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
18774
+ transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
18775
+ }
18776
+ .pf-v6-c-nav__subnav[hidden] {
18777
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
18778
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18779
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
18780
+ grid-template-rows: 0fr;
18781
+ opacity: 0;
18563
18782
  }
18564
18783
 
18565
18784
  .pf-v6-c-nav__item {
18566
- row-gap: var(--pf-v6-c-nav__item--RowGap);
18567
18785
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
18568
18786
  }
18569
18787
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
18570
18788
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
18571
18789
  }
18572
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) {
18573
- margin-block-end: var(--pf-v6-c-nav__item--m-expanded--MarginBlockEnd, var(--pf-v6-c-nav__item--RowGap));
18574
- }
18575
- .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 {
18576
- inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
18790
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
18791
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
18577
18792
  }
18578
18793
 
18579
18794
  .pf-v6-c-nav__section {
@@ -18604,13 +18819,13 @@ ul.pf-v6-c-list {
18604
18819
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18605
18820
  color: var(--pf-v6-c-nav__link--Color);
18606
18821
  text-align: start;
18607
- text-decoration: none;
18822
+ text-decoration-line: none;
18608
18823
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18609
18824
  border: none;
18610
18825
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
18611
- }
18612
- .pf-v6-c-nav__link[aria-expanded=true]::before {
18613
- inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18826
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
18827
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
18828
+ transition-property: background-color, color;
18614
18829
  }
18615
18830
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
18616
18831
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -18635,6 +18850,9 @@ ul.pf-v6-c-list {
18635
18850
 
18636
18851
  .pf-v6-c-nav__toggle-icon {
18637
18852
  display: inline-block;
18853
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
18854
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
18855
+ transition-property: transform;
18638
18856
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
18639
18857
  }
18640
18858
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -19074,12 +19292,18 @@ ul.pf-v6-c-list {
19074
19292
  --pf-v6-c-page__main-container--GridArea: main;
19075
19293
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
19076
19294
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
19295
+ --pf-v6-c-page__main-container--AlignSelf: start;
19077
19296
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19078
19297
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
19079
19298
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
19080
19299
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
19081
19300
  --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
19082
19301
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19302
+ --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
19303
+ --pf-v6-c-page__main-container--xs--BorderRadius: 0;
19304
+ --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
19305
+ --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
19306
+ --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
19083
19307
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
19084
19308
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19085
19309
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19437,7 +19661,7 @@ ul.pf-v6-c-list {
19437
19661
  .pf-v6-c-page__main-container {
19438
19662
  display: flex;
19439
19663
  flex-direction: column;
19440
- align-self: start;
19664
+ align-self: var(--pf-v6-c-page__main-container--AlignSelf);
19441
19665
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
19442
19666
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
19443
19667
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
@@ -19445,6 +19669,15 @@ ul.pf-v6-c-list {
19445
19669
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
19446
19670
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
19447
19671
  }
19672
+ @media screen and (max-width: calc(48rem - 1px)) {
19673
+ .pf-v6-c-page__main-container {
19674
+ --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
19675
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
19676
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
19677
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
19678
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
19679
+ }
19680
+ }
19448
19681
 
19449
19682
  .pf-v6-c-page__main-container,
19450
19683
  .pf-v6-c-page__drawer {
@@ -20307,9 +20540,11 @@ ul.pf-v6-c-list {
20307
20540
  }
20308
20541
 
20309
20542
  .pf-v6-c-popover__title-text {
20543
+ min-width: 0;
20310
20544
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
20311
20545
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
20312
20546
  color: var(--pf-v6-c-popover__title-text--Color);
20547
+ overflow-wrap: break-word;
20313
20548
  }
20314
20549
 
20315
20550
  .pf-v6-c-popover__body {
@@ -20324,6 +20559,7 @@ ul.pf-v6-c-list {
20324
20559
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20325
20560
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
20326
20561
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
20562
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
20327
20563
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
20328
20564
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
20329
20565
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -20465,7 +20701,9 @@ ul.pf-v6-c-list {
20465
20701
  grid-column: 1/3;
20466
20702
  align-self: center;
20467
20703
  height: var(--pf-v6-c-progress__bar--Height);
20704
+ overflow: hidden;
20468
20705
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
20706
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
20469
20707
  }
20470
20708
 
20471
20709
  .pf-v6-c-progress__indicator {
@@ -20802,7 +21040,8 @@ ul.pf-v6-c-list {
20802
21040
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20803
21041
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20804
21042
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
20805
- 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);
21043
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
21044
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20806
21045
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20807
21046
  cursor: pointer;
20808
21047
  }
@@ -21555,7 +21794,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21555
21794
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21556
21795
  color: var(--pf-v6-c-simple-list__item-link--Color);
21557
21796
  text-align: start;
21558
- text-decoration: none;
21797
+ text-decoration-line: none;
21559
21798
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21560
21799
  border: none;
21561
21800
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21568,7 +21807,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21568
21807
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21569
21808
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21570
21809
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21571
- text-decoration: none;
21810
+ text-decoration-line: none;
21572
21811
  }
21573
21812
  .pf-v6-c-simple-list__item-link.pf-m-current {
21574
21813
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -22099,7 +22338,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22099
22338
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
22100
22339
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
22101
22340
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
22102
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
22341
+ --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22342
+ --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
22343
+ --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);
22103
22344
  --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));
22104
22345
  }
22105
22346
 
@@ -24414,13 +24655,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24414
24655
  vertical-align: baseline;
24415
24656
  }
24416
24657
 
24417
- .pf-v6-c-table__favorite .pf-v6-c-button {
24658
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
24418
24659
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
24419
24660
  }
24420
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
24661
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
24421
24662
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24422
24663
  }
24423
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
24664
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
24424
24665
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24425
24666
  }
24426
24667
 
@@ -26080,7 +26321,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26080
26321
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
26081
26322
  font-size: var(--pf-v6-c-tabs__link--FontSize);
26082
26323
  color: var(--pf-v6-c-tabs__link--Color);
26083
- text-decoration: none;
26324
+ text-decoration-line: none;
26084
26325
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
26085
26326
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
26086
26327
  }
@@ -26720,7 +26961,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26720
26961
  }
26721
26962
  .pf-v6-c-timestamp.pf-m-help-text {
26722
26963
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
26723
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26964
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26965
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26724
26966
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26725
26967
  cursor: pointer;
26726
26968
  }
@@ -26933,7 +27175,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26933
27175
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26934
27176
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26935
27177
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26936
- text-decoration: none;
27178
+ text-decoration-line: none;
26937
27179
  }
26938
27180
  .pf-v6-c-toggle-group__button.pf-m-selected {
26939
27181
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -27181,13 +27423,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27181
27423
  }
27182
27424
  .pf-v6-c-toolbar.pf-m-full-height {
27183
27425
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27184
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27426
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27185
27427
  }
27186
27428
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27187
27429
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27188
27430
  align-items: stretch;
27189
27431
  align-self: stretch;
27190
27432
  }
27433
+ .pf-v6-c-toolbar.pf-m-no-padding {
27434
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27435
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27436
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27437
+ }
27191
27438
  .pf-v6-c-toolbar.pf-m-primary {
27192
27439
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27193
27440
  }
@@ -29884,7 +30131,7 @@ label.pf-v6-c-tree-view__node-text {
29884
30131
  padding-inline: 0;
29885
30132
  color: var(--pf-v6-c-wizard__nav-link--Color);
29886
30133
  text-align: start;
29887
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
30134
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29888
30135
  word-break: break-word;
29889
30136
  counter-increment: wizard-nav-count;
29890
30137
  background-color: transparent;