@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
@@ -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;
@@ -10507,7 +10628,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10507
10628
 
10508
10629
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10509
10630
  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);
10631
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10632
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10511
10633
  }
10512
10634
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10513
10635
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11545,7 +11667,7 @@ ul) {
11545
11667
  --pf-v6-c-description-list__term--Display: inline;
11546
11668
  --pf-v6-c-description-list__term--sm--Display: flex;
11547
11669
  --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);
11670
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
11549
11671
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11550
11672
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11551
11673
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -11727,7 +11849,8 @@ ul) {
11727
11849
  min-width: 0;
11728
11850
  }
11729
11851
  .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);
11852
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11853
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11731
11854
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11732
11855
  cursor: pointer;
11733
11856
  }
@@ -12630,7 +12753,8 @@ ul) {
12630
12753
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12631
12754
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12632
12755
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12633
- --pf-v6-c-drawer__panel--TransitionDuration: 250ms;
12756
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12757
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12634
12758
  --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12635
12759
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12636
12760
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -12844,6 +12968,7 @@ ul) {
12844
12968
  overflow: auto;
12845
12969
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
12846
12970
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
12971
+ transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
12847
12972
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
12848
12973
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
12849
12974
  -webkit-overflow-scrolling: touch;
@@ -13740,16 +13865,16 @@ ul) {
13740
13865
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13741
13866
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
13742
13867
  --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);
13868
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
13744
13869
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
13745
13870
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
13746
13871
  --pf-v6-c-form__label--hover--Cursor: pointer;
13747
13872
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
13748
13873
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
13749
13874
  --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);
13875
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
13751
13876
  --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);
13877
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
13753
13878
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13754
13879
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13755
13880
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -14063,9 +14188,6 @@ ul) {
14063
14188
  font-size: var(--pf-v6-c-form__label--FontSize);
14064
14189
  line-height: var(--pf-v6-c-form__label--LineHeight);
14065
14190
  }
14066
- .pf-v6-c-form__label::selection {
14067
- background-color: none;
14068
- }
14069
14191
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14070
14192
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14071
14193
  }
@@ -14622,6 +14744,8 @@ select ~ .pf-v6-c-form-control__utilities {
14622
14744
  --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
14623
14745
  --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
14624
14746
  --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
14747
+ --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
14748
+ --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
14625
14749
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
14626
14750
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
14627
14751
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14666,6 +14790,17 @@ select ~ .pf-v6-c-form-control__utilities {
14666
14790
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
14667
14791
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
14668
14792
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
14793
+ animation-name: --pf-v6-c-helper-text-item-fade-in;
14794
+ animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
14795
+ animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
14796
+ }
14797
+ @keyframes --pf-v6-c-helper-text-item-fade-in {
14798
+ from {
14799
+ opacity: 0;
14800
+ }
14801
+ to {
14802
+ opacity: 1;
14803
+ }
14669
14804
  }
14670
14805
  .pf-v6-c-helper-text__item.pf-m-dynamic {
14671
14806
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -15280,7 +15415,7 @@ label.pf-v6-c-input-group__text {
15280
15415
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15281
15416
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15282
15417
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15283
- text-decoration: none;
15418
+ text-decoration-line: none;
15284
15419
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15285
15420
  }
15286
15421
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15721,7 +15856,8 @@ label.pf-v6-c-input-group__text {
15721
15856
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15722
15857
  }
15723
15858
  .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);
15859
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15860
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15725
15861
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15726
15862
  }
15727
15863
  .pf-v6-c-label.pf-m-editable-active {
@@ -15754,7 +15890,7 @@ label.pf-v6-c-input-group__text {
15754
15890
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15755
15891
  }
15756
15892
  .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;
15893
+ text-decoration-line: none;
15758
15894
  }
15759
15895
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15760
15896
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -16494,7 +16630,7 @@ ul.pf-v6-c-list {
16494
16630
  grid-column-end: -1;
16495
16631
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
16496
16632
  column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
16497
- align-self: stretch;
16633
+ align-self: center;
16498
16634
  order: var(--pf-v6-c-masthead__content--Order);
16499
16635
  min-width: 0.25rem;
16500
16636
  }
@@ -17021,11 +17157,20 @@ ul.pf-v6-c-list {
17021
17157
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17022
17158
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17023
17159
  --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);
17160
+ --pf-v6-c-menu__item-external--Color: transparent;
17161
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17025
17162
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17026
17163
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17164
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17165
+ }
17166
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17167
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17027
17168
  pointer-events: none;
17028
17169
  }
17170
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17171
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17172
+ cursor: default;
17173
+ }
17029
17174
 
17030
17175
  [class*=pf-v6-c-menu]:is([hidden]) {
17031
17176
  display: none;
@@ -17169,7 +17314,6 @@ ul.pf-v6-c-list {
17169
17314
  z-index: var(--pf-v6-c-menu--ZIndex);
17170
17315
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
17171
17316
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
17172
- overflow: hidden;
17173
17317
  }
17174
17318
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
17175
17319
  padding-block-start: var(--pf-v6-c-menu--RowGap);
@@ -17273,7 +17417,7 @@ ul.pf-v6-c-list {
17273
17417
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17274
17418
  color: var(--pf-v6-c-menu__item--Color);
17275
17419
  text-align: start;
17276
- text-decoration: none;
17420
+ text-decoration-line: none;
17277
17421
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17278
17422
  border: 0;
17279
17423
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17393,16 +17537,16 @@ ul.pf-v6-c-list {
17393
17537
  opacity: 0;
17394
17538
  }
17395
17539
 
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,
17540
+ .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
17541
  .pf-v6-c-menu__item-action.pf-m-favorited,
17398
17542
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17399
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17543
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
17400
17544
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17401
17545
  }
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),
17546
+ .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
17547
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17404
17548
  .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) {
17549
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
17406
17550
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17407
17551
  }
17408
17552
 
@@ -17547,12 +17691,16 @@ ul.pf-v6-c-list {
17547
17691
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17548
17692
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17549
17693
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17694
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
17695
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
17550
17696
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17551
17697
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
17552
17698
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
17553
17699
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
17554
17700
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17555
17701
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17702
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
17703
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17556
17704
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17557
17705
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17558
17706
  }
@@ -17701,6 +17849,28 @@ ul.pf-v6-c-list {
17701
17849
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
17702
17850
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
17703
17851
  }
17852
+ @media screen and (prefers-reduced-motion: no-preference) {
17853
+ .pf-v6-c-menu-toggle.pf-m-danger {
17854
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
17855
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
17856
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
17857
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
17858
+ animation-fill-mode: both;
17859
+ }
17860
+ }
17861
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
17862
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
17863
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
17864
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
17865
+ }
17866
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
17867
+ from {
17868
+ opacity: 0;
17869
+ }
17870
+ to {
17871
+ opacity: 1;
17872
+ }
17873
+ }
17704
17874
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17705
17875
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17706
17876
  }
@@ -17716,6 +17886,21 @@ ul.pf-v6-c-list {
17716
17886
  pointer-events: none;
17717
17887
  }
17718
17888
 
17889
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
17890
+ syntax: "<length>";
17891
+ inherits: false;
17892
+ initial-value: 0;
17893
+ }
17894
+ @media (prefers-reduced-motion: no-preference) {
17895
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
17896
+ 33% {
17897
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
17898
+ }
17899
+ 66% {
17900
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
17901
+ }
17902
+ }
17903
+ }
17719
17904
  .pf-v6-c-menu-toggle.pf-m-split-button {
17720
17905
  --pf-v6-c-menu-toggle--Gap: 0;
17721
17906
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -18305,13 +18490,15 @@ ul.pf-v6-c-list {
18305
18490
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
18306
18491
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
18307
18492
  --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);
18493
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
18494
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
18310
18495
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
18311
18496
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
18312
18497
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
18313
18498
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
18314
18499
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
18500
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
18501
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
18315
18502
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
18316
18503
  --pf-v6-c-nav__link--AlignItems: baseline;
18317
18504
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -18322,10 +18509,19 @@ ul.pf-v6-c-list {
18322
18509
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
18323
18510
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
18324
18511
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
18512
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
18513
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
18514
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
18515
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
18325
18516
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
18326
18517
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
18327
18518
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
18519
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18520
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18328
18521
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18522
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
18523
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
18524
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
18329
18525
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18330
18526
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18331
18527
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18354,6 +18550,12 @@ ul.pf-v6-c-list {
18354
18550
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18355
18551
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18356
18552
  }
18553
+ @media (prefers-reduced-motion: no-preference) {
18554
+ .pf-v6-c-nav {
18555
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
18556
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
18557
+ }
18558
+ }
18357
18559
 
18358
18560
  .pf-v6-c-nav,
18359
18561
  .pf-v6-c-nav__section,
@@ -18405,7 +18607,7 @@ ul.pf-v6-c-list {
18405
18607
  }
18406
18608
 
18407
18609
  [class^=pf-v6-c-nav][hidden] {
18408
- display: none;
18610
+ visibility: hidden;
18409
18611
  }
18410
18612
 
18411
18613
  .pf-v6-c-nav__nav,
@@ -18414,30 +18616,43 @@ ul.pf-v6-c-list {
18414
18616
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
18415
18617
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
18416
18618
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18619
+ visibility: visible;
18417
18620
  }
18418
18621
 
18419
18622
  .pf-v6-c-nav__list {
18420
18623
  row-gap: var(--pf-v6-c-nav__list--RowGap);
18421
18624
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
18625
+ min-height: 0;
18422
18626
  }
18423
18627
 
18424
18628
  .pf-v6-c-nav__subnav {
18425
18629
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18630
+ grid-template-rows: 1fr;
18631
+ min-height: 0;
18632
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18633
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18426
18634
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18635
+ overflow-y: clip;
18636
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
18637
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
18638
+ transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
18639
+ }
18640
+ .pf-v6-c-nav__subnav[hidden] {
18641
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
18642
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18643
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
18644
+ grid-template-rows: 0fr;
18645
+ opacity: 0;
18427
18646
  }
18428
18647
 
18429
18648
  .pf-v6-c-nav__item {
18430
- row-gap: var(--pf-v6-c-nav__item--RowGap);
18431
18649
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
18432
18650
  }
18433
18651
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
18434
18652
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
18435
18653
  }
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));
18654
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
18655
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
18441
18656
  }
18442
18657
 
18443
18658
  .pf-v6-c-nav__section {
@@ -18468,13 +18683,13 @@ ul.pf-v6-c-list {
18468
18683
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18469
18684
  color: var(--pf-v6-c-nav__link--Color);
18470
18685
  text-align: start;
18471
- text-decoration: none;
18686
+ text-decoration-line: none;
18472
18687
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18473
18688
  border: none;
18474
18689
  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);
18690
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
18691
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
18692
+ transition-property: background-color, color;
18478
18693
  }
18479
18694
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
18480
18695
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -18499,6 +18714,9 @@ ul.pf-v6-c-list {
18499
18714
 
18500
18715
  .pf-v6-c-nav__toggle-icon {
18501
18716
  display: inline-block;
18717
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
18718
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
18719
+ transition-property: transform;
18502
18720
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
18503
18721
  }
18504
18722
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -18938,12 +19156,18 @@ ul.pf-v6-c-list {
18938
19156
  --pf-v6-c-page__main-container--GridArea: main;
18939
19157
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
18940
19158
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
19159
+ --pf-v6-c-page__main-container--AlignSelf: start;
18941
19160
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18942
19161
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18943
19162
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18944
19163
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
18945
19164
  --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
18946
19165
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19166
+ --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
19167
+ --pf-v6-c-page__main-container--xs--BorderRadius: 0;
19168
+ --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
19169
+ --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
19170
+ --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
18947
19171
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18948
19172
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18949
19173
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19301,7 +19525,7 @@ ul.pf-v6-c-list {
19301
19525
  .pf-v6-c-page__main-container {
19302
19526
  display: flex;
19303
19527
  flex-direction: column;
19304
- align-self: start;
19528
+ align-self: var(--pf-v6-c-page__main-container--AlignSelf);
19305
19529
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
19306
19530
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
19307
19531
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
@@ -19309,6 +19533,15 @@ ul.pf-v6-c-list {
19309
19533
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
19310
19534
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
19311
19535
  }
19536
+ @media screen and (max-width: calc(48rem - 1px)) {
19537
+ .pf-v6-c-page__main-container {
19538
+ --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
19539
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
19540
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
19541
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
19542
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
19543
+ }
19544
+ }
19312
19545
 
19313
19546
  .pf-v6-c-page__main-container,
19314
19547
  .pf-v6-c-page__drawer {
@@ -20171,9 +20404,11 @@ ul.pf-v6-c-list {
20171
20404
  }
20172
20405
 
20173
20406
  .pf-v6-c-popover__title-text {
20407
+ min-width: 0;
20174
20408
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
20175
20409
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
20176
20410
  color: var(--pf-v6-c-popover__title-text--Color);
20411
+ overflow-wrap: break-word;
20177
20412
  }
20178
20413
 
20179
20414
  .pf-v6-c-popover__body {
@@ -20188,6 +20423,7 @@ ul.pf-v6-c-list {
20188
20423
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20189
20424
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
20190
20425
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
20426
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
20191
20427
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
20192
20428
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
20193
20429
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -20329,7 +20565,9 @@ ul.pf-v6-c-list {
20329
20565
  grid-column: 1/3;
20330
20566
  align-self: center;
20331
20567
  height: var(--pf-v6-c-progress__bar--Height);
20568
+ overflow: hidden;
20332
20569
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
20570
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
20333
20571
  }
20334
20572
 
20335
20573
  .pf-v6-c-progress__indicator {
@@ -20666,7 +20904,8 @@ ul.pf-v6-c-list {
20666
20904
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20667
20905
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20668
20906
  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);
20907
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
20908
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20670
20909
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20671
20910
  cursor: pointer;
20672
20911
  }
@@ -21419,7 +21658,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21419
21658
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21420
21659
  color: var(--pf-v6-c-simple-list__item-link--Color);
21421
21660
  text-align: start;
21422
- text-decoration: none;
21661
+ text-decoration-line: none;
21423
21662
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21424
21663
  border: none;
21425
21664
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21432,7 +21671,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21432
21671
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21433
21672
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21434
21673
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21435
- text-decoration: none;
21674
+ text-decoration-line: none;
21436
21675
  }
21437
21676
  .pf-v6-c-simple-list__item-link.pf-m-current {
21438
21677
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -21963,7 +22202,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21963
22202
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
21964
22203
  --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
22204
  --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;
22205
+ --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22206
+ --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
22207
+ --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
22208
  --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
22209
  }
21969
22210
 
@@ -24278,13 +24519,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24278
24519
  vertical-align: baseline;
24279
24520
  }
24280
24521
 
24281
- .pf-v6-c-table__favorite .pf-v6-c-button {
24522
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
24282
24523
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
24283
24524
  }
24284
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
24525
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
24285
24526
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24286
24527
  }
24287
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
24528
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
24288
24529
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24289
24530
  }
24290
24531
 
@@ -25944,7 +26185,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25944
26185
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
25945
26186
  font-size: var(--pf-v6-c-tabs__link--FontSize);
25946
26187
  color: var(--pf-v6-c-tabs__link--Color);
25947
- text-decoration: none;
26188
+ text-decoration-line: none;
25948
26189
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
25949
26190
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
25950
26191
  }
@@ -26584,7 +26825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26584
26825
  }
26585
26826
  .pf-v6-c-timestamp.pf-m-help-text {
26586
26827
  --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);
26828
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26829
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26588
26830
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26589
26831
  cursor: pointer;
26590
26832
  }
@@ -26797,7 +27039,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26797
27039
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26798
27040
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26799
27041
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26800
- text-decoration: none;
27042
+ text-decoration-line: none;
26801
27043
  }
26802
27044
  .pf-v6-c-toggle-group__button.pf-m-selected {
26803
27045
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -27045,13 +27287,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27045
27287
  }
27046
27288
  .pf-v6-c-toolbar.pf-m-full-height {
27047
27289
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27048
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27290
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27049
27291
  }
27050
27292
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27051
27293
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27052
27294
  align-items: stretch;
27053
27295
  align-self: stretch;
27054
27296
  }
27297
+ .pf-v6-c-toolbar.pf-m-no-padding {
27298
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27299
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27300
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27301
+ }
27055
27302
  .pf-v6-c-toolbar.pf-m-primary {
27056
27303
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27057
27304
  }
@@ -29748,7 +29995,7 @@ label.pf-v6-c-tree-view__node-text {
29748
29995
  padding-inline: 0;
29749
29996
  color: var(--pf-v6-c-wizard__nav-link--Color);
29750
29997
  text-align: start;
29751
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29998
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29752
29999
  word-break: break-word;
29753
30000
  counter-increment: wizard-nav-count;
29754
30001
  background-color: transparent;