@patternfly/patternfly 6.2.0-prerelease.9 → 6.2.1

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 (99) hide show
  1. package/README.md +1 -1
  2. package/base/patternfly-variables.css +1 -1
  3. package/base/patternfly-variables.scss +1 -1
  4. package/components/Accordion/accordion.css +3 -1
  5. package/components/Accordion/accordion.scss +4 -2
  6. package/components/Alert/alert-group.css +52 -9
  7. package/components/Alert/alert-group.scss +116 -29
  8. package/components/Banner/banner.css +2 -2
  9. package/components/Banner/banner.scss +2 -2
  10. package/components/Button/button.css +41 -0
  11. package/components/Button/button.scss +52 -0
  12. package/components/Card/card.css +24 -2
  13. package/components/Card/card.scss +29 -2
  14. package/components/ClipboardCopy/clipboard-copy.css +6 -1
  15. package/components/ClipboardCopy/clipboard-copy.scss +8 -2
  16. package/components/CodeEditor/code-editor.css +3 -0
  17. package/components/CodeEditor/code-editor.scss +3 -1
  18. package/components/DataList/data-list.css +3 -1
  19. package/components/DataList/data-list.scss +4 -2
  20. package/components/DescriptionList/description-list.css +1 -1
  21. package/components/DescriptionList/description-list.scss +1 -1
  22. package/components/Drawer/drawer.css +28 -14
  23. package/components/Drawer/drawer.scss +28 -9
  24. package/components/DualListSelector/dual-list-selector.css +4 -2
  25. package/components/DualListSelector/dual-list-selector.scss +4 -2
  26. package/components/ExpandableSection/expandable-section.css +3 -1
  27. package/components/ExpandableSection/expandable-section.scss +4 -2
  28. package/components/Form/form.css +7 -5
  29. package/components/Form/form.scss +7 -5
  30. package/components/FormControl/form-control.css +109 -43
  31. package/components/FormControl/form-control.scss +139 -54
  32. package/components/HelperText/helper-text.css +13 -0
  33. package/components/HelperText/helper-text.scss +16 -1
  34. package/components/JumpLinks/jump-links.css +4 -2
  35. package/components/JumpLinks/jump-links.scss +4 -2
  36. package/components/Masthead/masthead.css +1 -1
  37. package/components/Masthead/masthead.scss +1 -1
  38. package/components/Menu/menu.css +4 -5
  39. package/components/Menu/menu.scss +2 -3
  40. package/components/MenuToggle/menu-toggle.css +42 -1
  41. package/components/MenuToggle/menu-toggle.scss +50 -1
  42. package/components/Nav/nav.css +41 -11
  43. package/components/Nav/nav.scss +52 -15
  44. package/components/NotificationDrawer/notification-drawer.css +3 -1
  45. package/components/NotificationDrawer/notification-drawer.scss +4 -2
  46. package/components/Page/page.css +20 -4
  47. package/components/Page/page.scss +21 -5
  48. package/components/Switch/switch.css +3 -1
  49. package/components/Switch/switch.scss +4 -2
  50. package/components/Table/table-grid.css +3 -1
  51. package/components/Table/table-grid.scss +4 -2
  52. package/components/Table/table.css +7 -5
  53. package/components/Table/table.scss +7 -4
  54. package/components/Tabs/tabs.css +71 -2
  55. package/components/Tabs/tabs.scss +85 -4
  56. package/components/Toolbar/toolbar.css +10 -3
  57. package/components/Toolbar/toolbar.scss +11 -3
  58. package/components/Truncate/truncate.css +5 -0
  59. package/components/Truncate/truncate.scss +6 -0
  60. package/components/Wizard/wizard.css +4 -2
  61. package/components/Wizard/wizard.scss +4 -2
  62. package/components/_index.css +515 -121
  63. package/docs/components/Alert/examples/Alert.md +6 -0
  64. package/docs/components/Button/examples/Button.md +29 -0
  65. package/docs/components/Card/examples/Card.md +30 -0
  66. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
  67. package/docs/components/DataList/examples/DataList.md +1 -1
  68. package/docs/components/Divider/examples/Divider.md +1 -1
  69. package/docs/components/Drawer/examples/Drawer.md +4 -0
  70. package/docs/components/Menu/examples/Menu.md +6 -6
  71. package/docs/components/Nav/examples/Navigation.md +3 -0
  72. package/docs/components/Page/examples/Page.md +1 -0
  73. package/docs/components/Table/examples/Table.md +18 -30
  74. package/docs/components/Tabs/examples/Tabs.md +6886 -15
  75. package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
  76. package/docs/components/Toolbar/examples/Toolbar.css +3 -0
  77. package/docs/components/Toolbar/examples/Toolbar.md +28 -0
  78. package/docs/components/Truncate/examples/Truncate.md +53 -10
  79. package/docs/demos/Card/examples/Card.md +89 -24
  80. package/docs/demos/CardView/examples/CardView.md +2 -0
  81. package/docs/demos/DescriptionList/examples/DescriptionList.md +38 -0
  82. package/docs/demos/Drawer/examples/Drawer.md +38 -0
  83. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  84. package/docs/demos/Nav/examples/Nav.md +4 -2
  85. package/docs/demos/Page/examples/Page.md +355 -0
  86. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +76 -0
  87. package/docs/demos/Table/examples/Table.md +41 -21
  88. package/docs/demos/Tabs/examples/Tabs.md +570 -0
  89. package/package.json +6 -6
  90. package/patternfly-base-no-globals.css +1 -1
  91. package/patternfly-base.css +1 -1
  92. package/patternfly-charts.css +3 -3
  93. package/patternfly-charts.scss +3 -3
  94. package/patternfly-no-globals.css +516 -122
  95. package/patternfly.css +516 -122
  96. package/patternfly.min.css +1 -1
  97. package/patternfly.min.css.map +1 -1
  98. package/sass-utilities/mixins.scss +8 -4
  99. package/docs/components/TabContent/examples/TabContent.md +0 -153
package/patternfly.css CHANGED
@@ -7593,7 +7593,7 @@ button) {
7593
7593
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7594
7594
  }
7595
7595
 
7596
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
7596
+ :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
7597
7597
  --pf-v6-global--inverse--multiplier: -1;
7598
7598
  }
7599
7599
 
@@ -7808,7 +7808,9 @@ button) {
7808
7808
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7809
7809
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
7810
7810
  --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
7811
- --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
7811
+ --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7812
+ --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
7813
+ --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
7812
7814
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
7813
7815
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
7814
7816
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
@@ -8172,6 +8174,48 @@ button) {
8172
8174
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
8173
8175
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
8174
8176
  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
8177
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8178
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
8179
+ --pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
8180
+ var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
8181
+ 0s;
8182
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
8183
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
8184
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
8185
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
8186
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
8187
+ --pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
8188
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
8189
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
8190
+ --pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
8191
+ --pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
8192
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
8193
+ --pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
8194
+ --pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
8195
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
8196
+ var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
8197
+ 0s;
8198
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
8199
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
8200
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
8201
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
8202
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
8203
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
8204
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
8205
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
8206
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
8207
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
8208
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
8209
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
8210
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
8211
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
8212
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
8213
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
8214
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8215
+ --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
8216
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
8217
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
8218
+ var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
8175
8219
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
8176
8220
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
8177
8221
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -8220,25 +8264,25 @@ button) {
8220
8264
  display: grid;
8221
8265
  grid-template-rows: 1fr;
8222
8266
  opacity: 1;
8223
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
8267
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
8224
8268
  transform: translateX(0) translateY(0);
8225
8269
  }
8226
8270
  @media screen and (prefers-reduced-motion: no-preference) {
8227
8271
  .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;
8272
+ 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
8273
  }
8230
8274
  .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);
8275
+ transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8232
8276
  }
8233
8277
  }
8234
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
8278
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8235
8279
  grid-template-rows: 0fr;
8236
8280
  margin-block: 0;
8237
8281
  overflow: hidden;
8238
8282
  opacity: 0;
8239
8283
  transform: translateY(-100%);
8240
8284
  }
8241
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
8285
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8242
8286
  min-height: 0;
8243
8287
  padding-block-start: 0;
8244
8288
  padding-block-end: 0;
@@ -8249,21 +8293,22 @@ button) {
8249
8293
  margin-block: 0;
8250
8294
  overflow: hidden;
8251
8295
  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%);
8296
+ 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
8297
  }
8255
8298
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
8256
8299
  min-height: 0;
8257
8300
  padding-block-start: 0;
8258
8301
  padding-block-end: 0;
8259
8302
  border-width: 0;
8303
+ transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
8260
8304
  }
8261
8305
  @media screen and (prefers-reduced-motion: no-preference) {
8262
8306
  .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);
8307
+ 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);
8308
+ transform: translateX(100%);
8264
8309
  }
8265
8310
  .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);
8311
+ transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
8267
8312
  }
8268
8313
  }
8269
8314
  .pf-v6-c-alert-group__item:hover {
@@ -8805,8 +8850,8 @@ button) {
8805
8850
  cursor: not-allowed;
8806
8851
  }
8807
8852
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
8808
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8809
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8853
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
8854
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8810
8855
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8811
8856
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8812
8857
  }
@@ -9226,6 +9271,14 @@ button.pf-v6-c-breadcrumb__link {
9226
9271
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
9227
9272
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
9228
9273
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
9274
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
9275
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
9276
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9277
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9278
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
9279
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
9280
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
9281
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
9229
9282
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
9230
9283
  --pf-v6-c-button__progress--Opacity: 0;
9231
9284
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -9535,6 +9588,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9535
9588
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
9536
9589
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
9537
9590
  }
9591
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
9592
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
9593
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
9594
+ transition-property: color;
9595
+ }
9596
+ .pf-v6-c-button.pf-m-favorited {
9597
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
9598
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
9599
+ }
9600
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
9601
+ animation-name: pf-v6-c-button-icon-favorited;
9602
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
9603
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
9604
+ }
9538
9605
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
9539
9606
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
9540
9607
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -9590,6 +9657,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9590
9657
  .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
9591
9658
  opacity: 0;
9592
9659
  }
9660
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
9661
+ animation-name: pf-v6-c-button-icon-notify;
9662
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
9663
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
9664
+ }
9593
9665
 
9594
9666
  .pf-v6-c-button__icon {
9595
9667
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
@@ -9620,6 +9692,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9620
9692
  align-items: center;
9621
9693
  }
9622
9694
 
9695
+ @keyframes pf-v6-c-button-icon-notify {
9696
+ 33% {
9697
+ transform: rotate(30deg);
9698
+ }
9699
+ 66% {
9700
+ transform: rotate(-60deg);
9701
+ }
9702
+ }
9703
+ @keyframes pf-v6-c-button-icon-favorited {
9704
+ 50% {
9705
+ transform: scale(1.5);
9706
+ }
9707
+ }
9623
9708
  .pf-v6-c-calendar-month {
9624
9709
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9625
9710
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9842,6 +9927,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9842
9927
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
9843
9928
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
9844
9929
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
9930
+ --pf-v6-c-card__title-text--OverflowWrap: break-word;
9845
9931
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9846
9932
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
9847
9933
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -9850,12 +9936,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9850
9936
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9851
9937
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9852
9938
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9939
+ --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
9940
+ --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
9853
9941
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9854
9942
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
9855
9943
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9856
9944
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9857
9945
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9858
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
9946
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9859
9947
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
9860
9948
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
9861
9949
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -10013,6 +10101,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10013
10101
  .pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
10014
10102
  order: 2;
10015
10103
  }
10104
+ .pf-v6-c-card__header.pf-m-wrap {
10105
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
10106
+ gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
10107
+ }
10108
+ .pf-v6-c-card__header.pf-m-wrap,
10109
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
10110
+ flex-wrap: wrap;
10111
+ row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
10112
+ }
10113
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
10114
+ margin-inline-start: 0;
10115
+ }
10116
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
10117
+ margin-inline-end: auto;
10118
+ }
10016
10119
 
10017
10120
  .pf-v6-c-card__header-main {
10018
10121
  flex-grow: 1;
@@ -10028,18 +10131,22 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10028
10131
 
10029
10132
  .pf-v6-c-card__header-toggle-icon {
10030
10133
  display: inline-block;
10031
- transition: transform var(--pf-v6-c-card__header-toggle-icon--TransitionDuration) var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
10134
+ transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
10135
+ transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
10136
+ transition-property: transform;
10032
10137
  }
10033
10138
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
10034
10139
  scale: -1 1;
10035
10140
  }
10036
10141
 
10037
10142
  .pf-v6-c-card__title-text {
10143
+ overflow: auto;
10038
10144
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10039
10145
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10040
10146
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
10041
10147
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
10042
10148
  color: var(--pf-v6-c-card__title-text--Color);
10149
+ overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
10043
10150
  }
10044
10151
 
10045
10152
  .pf-v6-c-card__actions {
@@ -10239,7 +10346,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10239
10346
  }
10240
10347
 
10241
10348
  .pf-v6-c-clipboard-copy {
10242
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10349
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
10350
+ --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10351
+ --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
10243
10352
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
10244
10353
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
10245
10354
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -10279,6 +10388,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10279
10388
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
10280
10389
  display: block;
10281
10390
  }
10391
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
10392
+ display: inline-flex;
10393
+ }
10282
10394
 
10283
10395
  .pf-v6-c-clipboard-copy__group {
10284
10396
  display: flex;
@@ -10537,6 +10649,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10537
10649
  .pf-v6-c-code-editor__main .monaco-editor {
10538
10650
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10539
10651
  }
10652
+ .pf-v6-c-code-editor__main a.label-name {
10653
+ text-decoration-line: none;
10654
+ }
10540
10655
 
10541
10656
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10542
10657
  border-block-start-width: 0;
@@ -11304,7 +11419,9 @@ ul) {
11304
11419
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11305
11420
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11306
11421
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
11307
- --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
11422
+ --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11423
+ --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11424
+ --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
11308
11425
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
11309
11426
  --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
11310
11427
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
@@ -11703,7 +11820,7 @@ ul) {
11703
11820
  --pf-v6-c-description-list__term--Display: inline;
11704
11821
  --pf-v6-c-description-list__term--sm--Display: flex;
11705
11822
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
11706
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
11823
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
11707
11824
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11708
11825
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11709
11826
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -12140,7 +12257,7 @@ ul) {
12140
12257
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12141
12258
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
12142
12259
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
12143
- --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
12260
+ --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12144
12261
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12145
12262
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
12146
12263
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
@@ -12364,7 +12481,9 @@ ul) {
12364
12481
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
12365
12482
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
12366
12483
  text-align: center;
12367
- transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12484
+ transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
12485
+ transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
12486
+ transition-property: transform;
12368
12487
  transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
12369
12488
  }
12370
12489
 
@@ -12789,9 +12908,15 @@ ul) {
12789
12908
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12790
12909
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12791
12910
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12911
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
12912
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
12913
+ --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
12792
12914
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12793
- --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12794
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12915
+ --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
12916
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
12917
+ --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
12918
+ --pf-v6-c-drawer__panel--Opacity: 0;
12919
+ --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
12795
12920
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12796
12921
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
12797
12922
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -12881,6 +13006,17 @@ ul) {
12881
13006
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
12882
13007
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12883
13008
  }
13009
+ @media screen and (prefers-reduced-motion: no-preference) {
13010
+ .pf-v6-c-drawer {
13011
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
13012
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
13013
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
13014
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
13015
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
13016
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
13017
+ --pf-v6-c-drawer__panel--Opacity: 1;
13018
+ }
13019
+ }
12884
13020
  @media screen and (min-width: 75rem) {
12885
13021
  .pf-v6-c-drawer {
12886
13022
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
@@ -12928,8 +13064,13 @@ ul) {
12928
13064
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
12929
13065
  flex-direction: column;
12930
13066
  }
13067
+ .pf-v6-c-drawer.pf-m-expanded {
13068
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
13069
+ }
12931
13070
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12932
13071
  transform: translateX(-100%);
13072
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
13073
+ visibility: visible;
12933
13074
  }
12934
13075
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
12935
13076
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
@@ -13002,8 +13143,11 @@ ul) {
13002
13143
  order: 1;
13003
13144
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
13004
13145
  overflow: auto;
13146
+ visibility: hidden;
13005
13147
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
13006
13148
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
13149
+ opacity: var(--pf-v6-c-drawer__panel--Opacity);
13150
+ transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
13007
13151
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
13008
13152
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
13009
13153
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
@@ -13060,17 +13204,6 @@ ul) {
13060
13204
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
13061
13205
  }
13062
13206
 
13063
- @keyframes pf-remove-tab-focus {
13064
- to {
13065
- visibility: hidden;
13066
- }
13067
- }
13068
- .pf-v6-c-drawer__panel[hidden] {
13069
- animation-name: pf-remove-tab-focus;
13070
- animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
13071
- animation-fill-mode: forwards;
13072
- }
13073
-
13074
13207
  .pf-v6-c-drawer__head {
13075
13208
  display: grid;
13076
13209
  grid-template-columns: auto;
@@ -13178,7 +13311,7 @@ ul) {
13178
13311
  .pf-v6-c-drawer {
13179
13312
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
13180
13313
  }
13181
- .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13314
+ .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13182
13315
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
13183
13316
  }
13184
13317
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
@@ -13755,7 +13888,9 @@ ul) {
13755
13888
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13756
13889
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
13757
13890
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13758
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
13891
+ --pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13892
+ --pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13893
+ --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
13759
13894
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
13760
13895
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
13761
13896
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
@@ -13901,16 +14036,16 @@ ul) {
13901
14036
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13902
14037
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
13903
14038
  --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)));
13904
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
14039
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
13905
14040
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
13906
14041
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
13907
14042
  --pf-v6-c-form__label--hover--Cursor: pointer;
13908
14043
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
13909
14044
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
13910
14045
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
13911
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
14046
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
13912
14047
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13913
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
14048
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
13914
14049
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13915
14050
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13916
14051
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13947,7 +14082,7 @@ ul) {
13947
14082
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
13948
14083
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13949
14084
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
13950
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
14085
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13951
14086
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13952
14087
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
13953
14088
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -14345,7 +14480,9 @@ ul) {
14345
14480
  display: inline-block;
14346
14481
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
14347
14482
  text-align: center;
14348
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14483
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
14484
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
14485
+ transition-property: transform;
14349
14486
  transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
14350
14487
  }
14351
14488
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
@@ -14419,10 +14556,29 @@ ul) {
14419
14556
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
14420
14557
  --pf-v6-c-form-control--Width: 100%;
14421
14558
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
14422
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
14423
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
14424
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14425
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
14559
+ --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
14560
+ --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
14561
+ --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
14562
+ --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
14563
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
14564
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
14565
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
14566
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
14567
+ --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
14568
+ --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
14569
+ --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
14570
+ --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
14571
+ --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
14572
+ --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
14573
+ --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
14574
+ --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
14575
+ --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
14576
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
14577
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
14578
+ --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
14579
+ --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
14580
+ --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
14581
+ --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
14426
14582
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
14427
14583
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
14428
14584
  --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
@@ -14442,25 +14598,33 @@ ul) {
14442
14598
  --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
14443
14599
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
14444
14600
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
14601
+ --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
14445
14602
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
14446
14603
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
14447
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
14604
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
14605
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
14606
+ --pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
14607
+ --pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
14608
+ --pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
14448
14609
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
14449
14610
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
14450
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
14611
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
14612
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
14613
+ --pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
14614
+ --pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
14615
+ --pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
14451
14616
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
14452
14617
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
14453
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
14618
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
14619
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
14454
14620
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
14455
- --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
14621
+ --pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
14622
+ --pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
14623
+ --pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
14624
+ --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
14456
14625
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
14457
14626
  --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
14458
- --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
14459
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14460
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
14461
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
14462
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
14463
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
14627
+ --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
14464
14628
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14465
14629
  --pf-v6-c-form-control--textarea--Height: auto;
14466
14630
  --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
@@ -14474,11 +14638,13 @@ ul) {
14474
14638
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
14475
14639
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
14476
14640
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
14477
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
14478
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14479
- --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14480
- --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
14641
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
14642
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
14643
+ --pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14644
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
14645
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
14481
14646
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
14647
+ --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14482
14648
  --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14483
14649
  }
14484
14650
 
@@ -14519,12 +14685,11 @@ ul) {
14519
14685
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
14520
14686
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
14521
14687
  color: var(--pf-v6-c-form-control--Color);
14688
+ appearance: none;
14522
14689
  background-color: transparent;
14523
14690
  border: none;
14524
14691
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14525
14692
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14526
- -moz-appearance: none;
14527
- -webkit-appearance: none;
14528
14693
  }
14529
14694
  .pf-v6-c-form-control > ::placeholder {
14530
14695
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -14532,6 +14697,14 @@ ul) {
14532
14697
  .pf-v6-c-form-control > :is(input, select) {
14533
14698
  text-overflow: ellipsis;
14534
14699
  }
14700
+ .pf-v6-c-form-control:has(input) {
14701
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
14702
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
14703
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
14704
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
14705
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
14706
+ }
14707
+
14535
14708
  .pf-v6-c-form-control.pf-m-textarea {
14536
14709
  padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
14537
14710
  padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
@@ -14541,14 +14714,20 @@ ul) {
14541
14714
  .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
14542
14715
  --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
14543
14716
  }
14717
+ .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
14718
+ --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14719
+ --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
14720
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
14721
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
14722
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
14723
+ }
14544
14724
  .pf-v6-c-form-control.pf-m-textarea > textarea {
14545
- padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14546
- padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
14547
- padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
14548
- padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
14549
14725
  outline-offset: 0;
14550
14726
  scrollbar-gutter: stable;
14551
14727
  }
14728
+ .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
14729
+ padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
14730
+ }
14552
14731
  .pf-v6-c-form-control.pf-m-readonly {
14553
14732
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14554
14733
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -14581,37 +14760,58 @@ ul) {
14581
14760
  cursor: not-allowed;
14582
14761
  }
14583
14762
  .pf-v6-c-form-control.pf-m-error {
14584
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
14585
14763
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
14586
14764
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
14587
14765
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
14588
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
14589
14766
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
14590
14767
  }
14591
- .pf-v6-c-form-control.pf-m-error.pf-m-icon {
14592
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14768
+ .pf-v6-c-form-control.pf-m-error > textarea {
14769
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
14770
+ }
14771
+ .pf-v6-c-form-control.pf-m-error > input {
14772
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
14773
+ }
14774
+ .pf-v6-c-form-control.pf-m-error > select {
14775
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
14776
+ }
14777
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
14778
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14593
14779
  }
14594
14780
  .pf-v6-c-form-control.pf-m-success {
14595
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
14596
14781
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
14597
14782
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
14598
14783
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
14599
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
14600
14784
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
14601
14785
  }
14602
- .pf-v6-c-form-control.pf-m-success.pf-m-icon {
14603
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14786
+ .pf-v6-c-form-control.pf-m-success > textarea {
14787
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
14788
+ }
14789
+ .pf-v6-c-form-control.pf-m-success > input {
14790
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
14791
+ }
14792
+ .pf-v6-c-form-control.pf-m-success > select {
14793
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
14794
+ }
14795
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
14796
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14604
14797
  }
14605
14798
  .pf-v6-c-form-control.pf-m-warning {
14606
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
14607
14799
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
14608
14800
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
14609
14801
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
14610
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
14611
14802
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
14612
14803
  }
14613
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon {
14614
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14804
+ .pf-v6-c-form-control.pf-m-warning > textarea {
14805
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
14806
+ }
14807
+ .pf-v6-c-form-control.pf-m-warning > input {
14808
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
14809
+ }
14810
+ .pf-v6-c-form-control.pf-m-warning > select {
14811
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
14812
+ }
14813
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
14814
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
14615
14815
  }
14616
14816
  .pf-v6-c-form-control:hover {
14617
14817
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
@@ -14620,13 +14820,19 @@ ul) {
14620
14820
  .pf-v6-c-form-control.pf-m-icon {
14621
14821
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
14622
14822
  }
14623
- .pf-v6-c-form-control > select {
14624
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
14823
+ .pf-v6-c-form-control:has(select) {
14824
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
14825
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
14625
14826
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
14827
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
14828
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
14626
14829
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
14627
14830
  }
14831
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
14832
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
14833
+ }
14628
14834
  @-moz-document url-prefix() {
14629
- .pf-v6-c-form-control > select {
14835
+ .pf-v6-c-form-control:has(select) {
14630
14836
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
14631
14837
  --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
14632
14838
  }
@@ -14672,6 +14878,7 @@ ul) {
14672
14878
  grid-column: 3;
14673
14879
  padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
14674
14880
  padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
14881
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
14675
14882
  color: var(--pf-v6-c-form-control__toggle-icon--Color);
14676
14883
  pointer-events: none;
14677
14884
  }
@@ -14687,10 +14894,6 @@ ul) {
14687
14894
  pointer-events: none;
14688
14895
  }
14689
14896
 
14690
- select ~ .pf-v6-c-form-control__utilities {
14691
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
14692
- }
14693
-
14694
14897
  .pf-v6-c-hint {
14695
14898
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
14696
14899
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -14780,6 +14983,8 @@ select ~ .pf-v6-c-form-control__utilities {
14780
14983
  --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
14781
14984
  --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
14782
14985
  --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
14986
+ --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
14987
+ --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
14783
14988
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
14784
14989
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
14785
14990
  --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14824,6 +15029,17 @@ select ~ .pf-v6-c-form-control__utilities {
14824
15029
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
14825
15030
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
14826
15031
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
15032
+ animation-name: pf-v6-c-helper-text-item-fade-in;
15033
+ animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
15034
+ animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
15035
+ }
15036
+ @keyframes pf-v6-c-helper-text-item-fade-in {
15037
+ from {
15038
+ opacity: 0;
15039
+ }
15040
+ to {
15041
+ opacity: 1;
15042
+ }
14827
15043
  }
14828
15044
  .pf-v6-c-helper-text__item.pf-m-dynamic {
14829
15045
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -15297,7 +15513,7 @@ label.pf-v6-c-input-group__text {
15297
15513
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
15298
15514
  --pf-v6-c-jump-links__toggle--Display: none;
15299
15515
  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15300
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
15516
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15301
15517
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15302
15518
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
15303
15519
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -15489,7 +15705,9 @@ label.pf-v6-c-input-group__text {
15489
15705
  .pf-v6-c-jump-links__toggle-icon {
15490
15706
  display: inline-block;
15491
15707
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
15492
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15708
+ transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
15709
+ transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
15710
+ transition-property: transform;
15493
15711
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
15494
15712
  }
15495
15713
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
@@ -16653,7 +16871,7 @@ ul.pf-v6-c-list {
16653
16871
  grid-column-end: -1;
16654
16872
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
16655
16873
  column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
16656
- align-self: stretch;
16874
+ align-self: center;
16657
16875
  order: var(--pf-v6-c-masthead__content--Order);
16658
16876
  min-width: 0.25rem;
16659
16877
  }
@@ -17337,7 +17555,6 @@ ul.pf-v6-c-list {
17337
17555
  z-index: var(--pf-v6-c-menu--ZIndex);
17338
17556
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
17339
17557
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
17340
- overflow: hidden;
17341
17558
  }
17342
17559
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
17343
17560
  padding-block-start: var(--pf-v6-c-menu--RowGap);
@@ -17561,16 +17778,16 @@ ul.pf-v6-c-list {
17561
17778
  opacity: 0;
17562
17779
  }
17563
17780
 
17564
- .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,
17781
+ .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),
17565
17782
  .pf-v6-c-menu__item-action.pf-m-favorited,
17566
17783
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
17567
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
17784
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
17568
17785
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17569
17786
  }
17570
- .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),
17787
+ .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),
17571
17788
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
17572
17789
  .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
17573
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
17790
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
17574
17791
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
17575
17792
  }
17576
17793
 
@@ -17700,7 +17917,7 @@ ul.pf-v6-c-list {
17700
17917
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17701
17918
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17702
17919
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17703
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17920
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
17704
17921
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17705
17922
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17706
17923
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -17715,12 +17932,16 @@ ul.pf-v6-c-list {
17715
17932
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17716
17933
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17717
17934
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17935
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
17936
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
17718
17937
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17719
17938
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
17720
17939
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
17721
17940
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
17722
17941
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17723
17942
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17943
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
17944
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
17724
17945
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17725
17946
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17726
17947
  }
@@ -17869,6 +18090,28 @@ ul.pf-v6-c-list {
17869
18090
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
17870
18091
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
17871
18092
  }
18093
+ @media screen and (prefers-reduced-motion: no-preference) {
18094
+ .pf-v6-c-menu-toggle.pf-m-danger {
18095
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
18096
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
18097
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
18098
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
18099
+ animation-fill-mode: both;
18100
+ }
18101
+ }
18102
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
18103
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
18104
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
18105
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
18106
+ }
18107
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
18108
+ from {
18109
+ opacity: 0;
18110
+ }
18111
+ to {
18112
+ opacity: 1;
18113
+ }
18114
+ }
17872
18115
  .pf-v6-c-menu-toggle.pf-m-placeholder {
17873
18116
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
17874
18117
  }
@@ -17884,6 +18127,21 @@ ul.pf-v6-c-list {
17884
18127
  pointer-events: none;
17885
18128
  }
17886
18129
 
18130
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
18131
+ syntax: "<length>";
18132
+ inherits: false;
18133
+ initial-value: 0;
18134
+ }
18135
+ @media (prefers-reduced-motion: no-preference) {
18136
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
18137
+ 33% {
18138
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
18139
+ }
18140
+ 66% {
18141
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
18142
+ }
18143
+ }
18144
+ }
17887
18145
  .pf-v6-c-menu-toggle.pf-m-split-button {
17888
18146
  --pf-v6-c-menu-toggle--Gap: 0;
17889
18147
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -18473,13 +18731,15 @@ ul.pf-v6-c-list {
18473
18731
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
18474
18732
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
18475
18733
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
18476
- --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
18477
- --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
18734
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
18735
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
18478
18736
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
18479
18737
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
18480
18738
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
18481
18739
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
18482
18740
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
18741
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
18742
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
18483
18743
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
18484
18744
  --pf-v6-c-nav__link--AlignItems: baseline;
18485
18745
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -18490,10 +18750,19 @@ ul.pf-v6-c-list {
18490
18750
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
18491
18751
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
18492
18752
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
18753
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
18754
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
18755
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
18756
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
18493
18757
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
18494
18758
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
18495
18759
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
18760
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18761
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18496
18762
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18763
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
18764
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
18765
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
18497
18766
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18498
18767
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18499
18768
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18587,25 +18856,41 @@ ul.pf-v6-c-list {
18587
18856
  .pf-v6-c-nav__list {
18588
18857
  row-gap: var(--pf-v6-c-nav__list--RowGap);
18589
18858
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
18859
+ min-height: 0;
18590
18860
  }
18591
18861
 
18592
18862
  .pf-v6-c-nav__subnav {
18593
18863
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18864
+ grid-template-rows: 1fr;
18865
+ min-height: 0;
18866
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18867
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18594
18868
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18869
+ overflow-y: clip;
18870
+ transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
18871
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
18872
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
18873
+ transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
18874
+ }
18875
+ .pf-v6-c-nav__subnav[hidden] {
18876
+ --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
18877
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
18878
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18879
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
18880
+ display: grid;
18881
+ grid-template-rows: 0fr;
18882
+ visibility: hidden;
18883
+ opacity: 0;
18595
18884
  }
18596
18885
 
18597
18886
  .pf-v6-c-nav__item {
18598
- row-gap: var(--pf-v6-c-nav__item--RowGap);
18599
18887
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
18600
18888
  }
18601
18889
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
18602
18890
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
18603
18891
  }
18604
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) {
18605
- margin-block-end: var(--pf-v6-c-nav__item--m-expanded--MarginBlockEnd, var(--pf-v6-c-nav__item--RowGap));
18606
- }
18607
- .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 {
18608
- inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
18892
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
18893
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
18609
18894
  }
18610
18895
 
18611
18896
  .pf-v6-c-nav__section {
@@ -18640,9 +18925,9 @@ ul.pf-v6-c-list {
18640
18925
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18641
18926
  border: none;
18642
18927
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
18643
- }
18644
- .pf-v6-c-nav__link[aria-expanded=true]::before {
18645
- inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18928
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
18929
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
18930
+ transition-property: background-color, color;
18646
18931
  }
18647
18932
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
18648
18933
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -18667,6 +18952,9 @@ ul.pf-v6-c-list {
18667
18952
 
18668
18953
  .pf-v6-c-nav__toggle-icon {
18669
18954
  display: inline-block;
18955
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
18956
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
18957
+ transition-property: transform;
18670
18958
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
18671
18959
  }
18672
18960
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -18824,7 +19112,9 @@ ul.pf-v6-c-list {
18824
19112
  --pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
18825
19113
  --pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
18826
19114
  --pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18827
- --pf-v6-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
19115
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19116
+ --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19117
+ --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
18828
19118
  --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
18829
19119
  }
18830
19120
 
@@ -19073,8 +19363,9 @@ ul.pf-v6-c-list {
19073
19363
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19074
19364
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19075
19365
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19076
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19077
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19366
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19367
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19368
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19078
19369
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19079
19370
  --pf-v6-c-page__sidebar--BoxShadow: none;
19080
19371
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19106,12 +19397,18 @@ ul.pf-v6-c-list {
19106
19397
  --pf-v6-c-page__main-container--GridArea: main;
19107
19398
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
19108
19399
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
19400
+ --pf-v6-c-page__main-container--AlignSelf: start;
19109
19401
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19110
19402
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
19111
19403
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
19112
19404
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
19113
19405
  --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
19114
19406
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19407
+ --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
19408
+ --pf-v6-c-page__main-container--xs--BorderRadius: 0;
19409
+ --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
19410
+ --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
19411
+ --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
19115
19412
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
19116
19413
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19117
19414
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19469,7 +19766,7 @@ ul.pf-v6-c-list {
19469
19766
  .pf-v6-c-page__main-container {
19470
19767
  display: flex;
19471
19768
  flex-direction: column;
19472
- align-self: start;
19769
+ align-self: var(--pf-v6-c-page__main-container--AlignSelf);
19473
19770
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
19474
19771
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
19475
19772
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
@@ -19477,6 +19774,15 @@ ul.pf-v6-c-list {
19477
19774
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
19478
19775
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
19479
19776
  }
19777
+ @media screen and (max-width: calc(48rem - 1px)) {
19778
+ .pf-v6-c-page__main-container {
19779
+ --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
19780
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
19781
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
19782
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
19783
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
19784
+ }
19785
+ }
19480
19786
 
19481
19787
  .pf-v6-c-page__main-container,
19482
19788
  .pf-v6-c-page__drawer {
@@ -19487,7 +19793,7 @@ ul.pf-v6-c-list {
19487
19793
  -webkit-overflow-scrolling: touch;
19488
19794
  }
19489
19795
  @media screen and (min-width: 75rem) {
19490
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19796
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19491
19797
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19492
19798
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19493
19799
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
@@ -22137,7 +22443,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22137
22443
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
22138
22444
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
22139
22445
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
22140
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
22446
+ --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22447
+ --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
22448
+ --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);
22141
22449
  --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));
22142
22450
  }
22143
22451
 
@@ -22352,7 +22660,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22352
22660
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
22353
22661
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
22354
22662
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
22355
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
22663
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22664
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22665
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
22356
22666
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
22357
22667
  }
22358
22668
 
@@ -23919,7 +24229,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23919
24229
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23920
24230
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23921
24231
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
23922
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
24232
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
23923
24233
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
23924
24234
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
23925
24235
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24417,7 +24727,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24417
24727
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
24418
24728
  }
24419
24729
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
24420
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24730
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
24731
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
24732
+ transition-property: transform;
24421
24733
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
24422
24734
  }
24423
24735
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
@@ -24452,13 +24764,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24452
24764
  vertical-align: baseline;
24453
24765
  }
24454
24766
 
24455
- .pf-v6-c-table__favorite .pf-v6-c-button {
24767
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
24456
24768
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
24457
24769
  }
24458
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
24770
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
24459
24771
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24460
24772
  }
24461
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
24773
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
24462
24774
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
24463
24775
  }
24464
24776
 
@@ -25621,6 +25933,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25621
25933
  }
25622
25934
  }
25623
25935
 
25936
+ @property --pf-v6-c-tabs--link-accent--length {
25937
+ syntax: "<length>";
25938
+ inherits: true;
25939
+ initial-value: 0px;
25940
+ }
25941
+ @property --pf-v6-c-tabs--link-accent--start {
25942
+ syntax: "<length>";
25943
+ inherits: true;
25944
+ initial-value: 0px;
25945
+ }
25624
25946
  .pf-v6-c-tabs {
25625
25947
  --pf-v6-c-tabs--inset: 0;
25626
25948
  --pf-v6-c-tabs--Width: auto;
@@ -25682,6 +26004,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25682
26004
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
25683
26005
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
25684
26006
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
26007
+ --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
26008
+ --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
25685
26009
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
25686
26010
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
25687
26011
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -25706,6 +26030,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25706
26030
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
25707
26031
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
25708
26032
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
26033
+ --pf-v6-c-tabs--link-accent--start: 0;
26034
+ --pf-v6-c-tabs--link-accent--length: auto;
26035
+ --pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
26036
+ --pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
26037
+ --pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
26038
+ --pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
26039
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: initial;
26040
+ --pf-v6-c-tabs--link-accent--Width: initial;
26041
+ --pf-v6-c-tabs--link-accent--Height: 0;
26042
+ --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26043
+ --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
26044
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: initial;
26045
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
26046
+ --pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
26047
+ --pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
26048
+ --pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
26049
+ --pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
26050
+ --pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
26051
+ --pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
26052
+ --pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
25709
26053
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25710
26054
  --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25711
26055
  --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -25725,7 +26069,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25725
26069
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
25726
26070
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
25727
26071
  --pf-v6-c-tabs__toggle--Display: flex;
25728
- --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
26072
+ --pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
26073
+ --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
26074
+ --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
25729
26075
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
25730
26076
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
25731
26077
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
@@ -25745,7 +26091,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25745
26091
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
25746
26092
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25747
26093
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
25748
- --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
26094
+ --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
26095
+ --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
26096
+ --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
25749
26097
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
25750
26098
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
25751
26099
  --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
@@ -25859,6 +26207,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25859
26207
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
25860
26208
  --pf-v6-c-tabs__link--after--InsetInlineEnd: auto;
25861
26209
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
26210
+ --pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
26211
+ --pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
26212
+ --pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
26213
+ --pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
26214
+ --pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
26215
+ --pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
26216
+ --pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
25862
26217
  display: inline-flex;
25863
26218
  flex-direction: column;
25864
26219
  height: 100%;
@@ -26121,6 +26476,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26121
26476
  text-decoration-line: none;
26122
26477
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
26123
26478
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
26479
+ transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
26124
26480
  }
26125
26481
  .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
26126
26482
  --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -26433,6 +26789,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26433
26789
  }
26434
26790
  }
26435
26791
 
26792
+ @media (prefers-reduced-motion: no-preference) {
26793
+ .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
26794
+ .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
26795
+ content: revert;
26796
+ }
26797
+ .pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
26798
+ position: absolute;
26799
+ inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart, var(--pf-v6-c-tabs--link-accent--start));
26800
+ inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
26801
+ inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart, var(--pf-v6-c-tabs--link-accent--start));
26802
+ width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
26803
+ height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
26804
+ content: "";
26805
+ border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
26806
+ border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
26807
+ border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
26808
+ transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
26809
+ transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
26810
+ transition-property: --pf-v6-c-tabs--link-accent--length, --pf-v6-c-tabs--link-accent--start, width;
26811
+ }
26812
+ .pf-v6-c-tabs.pf-m-initializing-accent {
26813
+ --pf-v6-c-tabs--link-accent--TransitionDuration: 0;
26814
+ }
26815
+ }
26436
26816
  .pf-v6-c-text-input-group {
26437
26817
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26438
26818
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -27040,7 +27420,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27040
27420
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
27041
27421
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27042
27422
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
27043
- --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
27423
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
27044
27424
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27045
27425
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
27046
27426
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -27220,13 +27600,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27220
27600
  }
27221
27601
  .pf-v6-c-toolbar.pf-m-full-height {
27222
27602
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
27223
- --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
27603
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27224
27604
  }
27225
27605
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
27226
27606
  .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
27227
27607
  align-items: stretch;
27228
27608
  align-self: stretch;
27229
27609
  }
27610
+ .pf-v6-c-toolbar.pf-m-no-padding {
27611
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
27612
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
27613
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
27614
+ }
27230
27615
  .pf-v6-c-toolbar.pf-m-primary {
27231
27616
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
27232
27617
  }
@@ -27373,7 +27758,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27373
27758
 
27374
27759
  .pf-v6-c-toolbar__expand-all-icon {
27375
27760
  display: inline-flex;
27376
- transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27761
+ transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
27762
+ transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
27763
+ transition-property: transform;
27377
27764
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
27378
27765
  }
27379
27766
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -29037,6 +29424,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29037
29424
  align-items: baseline;
29038
29425
  min-width: var(--pf-v6-c-truncate--MinWidth);
29039
29426
  }
29427
+ .pf-v6-c-truncate.pf-m-fixed {
29428
+ display: inline;
29429
+ align-items: revert;
29430
+ min-width: revert;
29431
+ }
29040
29432
 
29041
29433
  .pf-v6-c-truncate__start,
29042
29434
  .pf-v6-c-truncate__end {
@@ -29605,7 +29997,7 @@ label.pf-v6-c-tree-view__node-text {
29605
29997
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29606
29998
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29607
29999
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
29608
- --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
30000
+ --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29609
30001
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29610
30002
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
29611
30003
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
@@ -30011,7 +30403,9 @@ label.pf-v6-c-tree-view__node-text {
30011
30403
 
30012
30404
  .pf-v6-c-wizard__nav-link-toggle-icon {
30013
30405
  display: inline-block;
30014
- transition: transform var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration) var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30406
+ transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
30407
+ transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
30408
+ transition-property: transform;
30015
30409
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
30016
30410
  }
30017
30411
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {