@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202

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 (77) hide show
  1. package/base/normalize.scss +3 -3
  2. package/base/patternfly-variables.css +2 -6
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +1 -1
  6. package/base/tokens/tokens-default.scss +3 -3
  7. package/base/tokens/tokens-local.scss +0 -6
  8. package/base/tokens/tokens-palette.scss +1 -1
  9. package/components/Breadcrumb/breadcrumb.css +9 -6
  10. package/components/Breadcrumb/breadcrumb.scss +9 -6
  11. package/components/Button/button.css +16 -7
  12. package/components/Button/button.scss +17 -7
  13. package/components/Content/content.css +8 -5
  14. package/components/Content/content.scss +8 -5
  15. package/components/DescriptionList/description-list.css +10 -15
  16. package/components/DescriptionList/description-list.scss +10 -16
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -2
  19. package/components/Label/label.css +15 -14
  20. package/components/Label/label.scss +16 -14
  21. package/components/Masthead/masthead.css +172 -95
  22. package/components/Masthead/masthead.scss +74 -49
  23. package/components/Nav/nav.css +5 -4
  24. package/components/Nav/nav.scss +5 -4
  25. package/components/Page/page.css +18 -12
  26. package/components/Page/page.scss +18 -12
  27. package/components/ProgressStepper/progress-stepper.css +8 -7
  28. package/components/ProgressStepper/progress-stepper.scss +8 -8
  29. package/components/SimpleList/simple-list.css +1 -1
  30. package/components/SimpleList/simple-list.scss +1 -2
  31. package/components/Tabs/tabs.css +1 -1
  32. package/components/Tabs/tabs.scss +1 -3
  33. package/components/Timestamp/timestamp.css +8 -17
  34. package/components/Timestamp/timestamp.scss +8 -18
  35. package/components/ToggleGroup/toggle-group.css +2 -2
  36. package/components/ToggleGroup/toggle-group.scss +2 -4
  37. package/components/_index.css +274 -187
  38. package/docs/components/Alert/examples/Alert.md +4 -4
  39. package/docs/components/Card/examples/Card.md +4 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
  41. package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
  42. package/docs/components/Form/examples/Form.md +2 -2
  43. package/docs/components/Masthead/examples/masthead.md +506 -493
  44. package/docs/components/Nav/examples/Navigation.md +0 -1
  45. package/docs/components/Page/examples/Page.md +98 -89
  46. package/docs/components/Table/examples/Table.md +58 -58
  47. package/docs/components/Wizard/examples/Wizard.md +1 -1
  48. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  49. package/docs/demos/Alert/examples/Alert.md +263 -251
  50. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  51. package/docs/demos/Banner/examples/Banner.md +177 -173
  52. package/docs/demos/Card/examples/Card.md +12 -12
  53. package/docs/demos/CardView/examples/CardView.md +90 -88
  54. package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
  55. package/docs/demos/DataList/examples/DataList.md +352 -344
  56. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  57. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  58. package/docs/demos/Form/examples/BasicForms.md +11 -11
  59. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  60. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  61. package/docs/demos/Modal/examples/Modal.md +522 -498
  62. package/docs/demos/Nav/examples/Nav.md +511 -487
  63. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  64. package/docs/demos/Page/examples/Page.md +959 -915
  65. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  66. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  67. package/docs/demos/Table/examples/Table.md +1326 -1294
  68. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  69. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  70. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  71. package/package.json +1 -1
  72. package/patternfly-base-no-globals.css +2 -6
  73. package/patternfly-base.css +5 -9
  74. package/patternfly-no-globals.css +276 -193
  75. package/patternfly.css +279 -196
  76. package/patternfly.min.css +1 -1
  77. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -103,12 +103,12 @@ pre) {
103
103
 
104
104
  :where(a) {
105
105
  color: var(--pf-t--global--text--color--link--default);
106
- text-decoration: var(--pf-t--global--link--text-decoration);
106
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default);
107
107
  }
108
108
 
109
- :where(a:hover) {
109
+ :where(a:hover, a:focus) {
110
110
  color: var(--pf-t--global--text--color--link--hover);
111
- text-decoration: var(--pf-t--global--link--text-decoration--hover);
111
+ text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
112
112
  }
113
113
 
114
114
  :where(a,
@@ -5341,8 +5341,8 @@ button) {
5341
5341
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5342
5342
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5343
5343
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5344
- --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5345
- --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5344
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
5345
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
5346
5346
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5347
5347
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5348
5348
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
@@ -5713,10 +5713,6 @@ button) {
5713
5713
  --pf-t--global--font--weight--body--bold--legacy: 700;
5714
5714
  --pf-t--global--font--weight--heading--legacy: 400;
5715
5715
  --pf-t--global--font--weight--heading--bold--legacy: 700;
5716
- --pf-t--global--text-decoration--100: none;
5717
- --pf-t--global--text-decoration--200: underline;
5718
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
5719
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
5720
5716
  --pf-t--global--box-shadow--sm:
5721
5717
  var(--pf-t--global--box-shadow--X--sm--default)
5722
5718
  var(--pf-t--global--box-shadow--Y--sm--default)
@@ -7494,9 +7490,11 @@ button) {
7494
7490
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7495
7491
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7496
7492
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7497
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7493
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7494
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7498
7495
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7499
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7496
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7497
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7500
7498
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7501
7499
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7502
7500
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -7549,18 +7547,19 @@ button) {
7549
7547
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7550
7548
  line-height: inherit;
7551
7549
  color: var(--pf-v6-c-breadcrumb__link--Color);
7552
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
7550
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7553
7551
  word-break: break-word;
7554
7552
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7555
7553
  }
7556
- .pf-v6-c-breadcrumb__link:hover {
7554
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7557
7555
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7558
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
7556
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7557
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7559
7558
  }
7560
7559
  .pf-v6-c-breadcrumb__link.pf-m-current {
7561
7560
  cursor: default;
7562
7561
  }
7563
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
7562
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7564
7563
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7565
7564
  text-decoration: none;
7566
7565
  }
@@ -7606,14 +7605,16 @@ button.pf-v6-c-breadcrumb__link {
7606
7605
  --pf-v6-c-button--BorderColor: transparent;
7607
7606
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
7608
7607
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7609
- --pf-v6-c-button--TextDecoration: none;
7608
+ --pf-v6-c-button--TextDecorationLine: none;
7609
+ --pf-v6-c-button--TextDecorationStyle: none;
7610
7610
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7611
7611
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7612
7612
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7613
7613
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7614
7614
  --pf-v6-c-button--hover--BorderColor: transparent;
7615
7615
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
7616
- --pf-v6-c-button--hover--TextDecoration: none;
7616
+ --pf-v6-c-button--hover--TextDecorationLine: none;
7617
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
7617
7618
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7618
7619
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
7619
7620
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -7683,7 +7684,10 @@ button.pf-v6-c-breadcrumb__link {
7683
7684
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
7684
7685
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
7685
7686
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
7686
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7687
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7688
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7689
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7690
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7687
7691
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
7688
7692
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
7689
7693
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7838,7 +7842,7 @@ button.pf-v6-c-breadcrumb__link {
7838
7842
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
7839
7843
  color: var(--pf-v6-c-button--Color);
7840
7844
  text-align: center;
7841
- text-decoration: var(--pf-v6-c-button--TextDecoration);
7845
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
7842
7846
  white-space: nowrap;
7843
7847
  cursor: pointer;
7844
7848
  user-select: none;
@@ -7938,7 +7942,10 @@ button.pf-v6-c-breadcrumb__link {
7938
7942
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
7939
7943
  --pf-v6-c-button--BackgroundColor: transparent;
7940
7944
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
7941
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
7945
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
7946
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
7947
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
7948
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
7942
7949
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7943
7950
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7944
7951
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -8100,8 +8107,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8100
8107
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
8101
8108
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
8102
8109
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
8103
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
8104
8110
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
8111
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
8105
8112
  }
8106
8113
  .pf-v6-c-button.pf-m-clicked {
8107
8114
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -8124,7 +8131,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8124
8131
  color: var(--pf-v6-c-button--disabled__icon--Color);
8125
8132
  }
8126
8133
  .pf-v6-c-button.pf-m-aria-disabled {
8127
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
8134
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
8135
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
8128
8136
  cursor: default;
8129
8137
  }
8130
8138
  .pf-v6-c-button.pf-m-progress {
@@ -9157,9 +9165,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9157
9165
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9158
9166
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9159
9167
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9160
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9168
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
9169
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
9161
9170
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9162
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9171
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
9172
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
9163
9173
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9164
9174
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
9165
9175
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -9188,11 +9198,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9188
9198
  }
9189
9199
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
9190
9200
  color: var(--pf-v6-c-content--a--Color);
9191
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
9201
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
9192
9202
  }
9193
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
9203
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
9194
9204
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
9195
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
9205
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
9206
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
9196
9207
  }
9197
9208
 
9198
9209
  :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
@@ -10236,11 +10247,11 @@ ul) {
10236
10247
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
10237
10248
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
10238
10249
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
10239
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
10240
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
10241
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10242
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
10243
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
10250
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
10251
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
10252
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
10253
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
10254
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
10244
10255
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
10245
10256
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
10246
10257
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -10402,18 +10413,13 @@ ul) {
10402
10413
  min-width: 0;
10403
10414
  }
10404
10415
  .pf-v6-c-description-list__text.pf-m-help-text {
10405
- text-decoration: underline;
10406
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
10407
- text-decoration-style: dashed;
10408
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
10409
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
10416
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
10417
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
10410
10418
  cursor: pointer;
10411
10419
  }
10412
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
10413
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
10414
- }
10415
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
10416
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
10420
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
10421
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
10422
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
10417
10423
  }
10418
10424
 
10419
10425
  .pf-v6-c-description-list.pf-m-1-col {
@@ -14004,7 +14010,7 @@ label.pf-v6-c-input-group__text {
14004
14010
  text-decoration: none;
14005
14011
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
14006
14012
  }
14007
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
14013
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
14008
14014
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
14009
14015
  }
14010
14016
  .pf-v6-c-jump-links__link::before {
@@ -14220,7 +14226,7 @@ label.pf-v6-c-input-group__text {
14220
14226
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
14221
14227
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14222
14228
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
14223
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14229
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
14224
14230
  --pf-v6-c-label__content--MaxWidth: 100%;
14225
14231
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
14226
14232
  --pf-v6-c-label__content--Cursor: initial;
@@ -14235,14 +14241,14 @@ label.pf-v6-c-input-group__text {
14235
14241
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14236
14242
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
14237
14243
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
14238
- --pf-v6-c-label--m-editable--TextDecoration: underline;
14239
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
14240
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
14241
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
14242
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
14244
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
14245
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
14246
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
14247
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
14248
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
14243
14249
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
14244
14250
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
14245
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
14251
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
14246
14252
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
14247
14253
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
14248
14254
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -14412,7 +14418,7 @@ label.pf-v6-c-input-group__text {
14412
14418
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
14413
14419
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
14414
14420
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
14415
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
14421
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
14416
14422
  }
14417
14423
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
14418
14424
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
@@ -14433,15 +14439,16 @@ label.pf-v6-c-input-group__text {
14433
14439
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
14434
14440
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
14435
14441
  }
14442
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
14443
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
14444
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
14445
+ }
14436
14446
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
14437
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
14438
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
14439
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14440
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
14441
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
14447
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14448
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
14442
14449
  }
14443
14450
  .pf-v6-c-label.pf-m-editable-active {
14444
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
14451
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
14445
14452
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
14446
14453
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
14447
14454
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -15012,44 +15019,58 @@ ul.pf-v6-c-list {
15012
15019
 
15013
15020
  :where(:root, .pf-v6-c-masthead) {
15014
15021
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
15015
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
15022
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
15016
15023
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
15017
15024
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
15018
15025
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
15019
15026
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
15020
15027
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15021
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
15022
- --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
15028
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
15029
+ --pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
15030
+ --pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
15031
+ --pf-v6-c-masthead__logo--Width: 11.8125rem;
15023
15032
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
15033
+ --pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
15034
+ --pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
15024
15035
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
15025
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
15026
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
15027
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
15028
- --pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
15036
+ --pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
15037
+ --pf-v6-c-masthead--m-display-stack__brand--Order: -1;
15038
+ --pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
15039
+ --pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
15029
15040
  --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
15030
15041
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
15031
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
15032
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
15033
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
15034
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
15035
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
15036
- --pf-v6-c-masthead--m-display-inline__content--GridColumn: 3;
15042
+ --pf-v6-c-masthead--m-display-stack__main--Display: contents;
15043
+ --pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
15044
+ --pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
15045
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
15046
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
15047
+ --pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
15048
+ --pf-v6-c-masthead--m-display-inline__brand--Order: initial;
15049
+ --pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
15050
+ --pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
15051
+ --pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
15052
+ --pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
15037
15053
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
15054
+ --pf-v6-c-masthead--m-display-inline__main--Display: flex;
15055
+ --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
15038
15056
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
15039
15057
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
15040
15058
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
15041
15059
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
15042
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
15043
15060
  }
15044
15061
 
15045
15062
  .pf-v6-c-masthead {
15063
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15046
15064
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15047
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15048
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15049
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15050
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15065
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15066
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15067
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15068
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15069
+ --pf-v6-c-masthead__main--GridColumn: unset;
15051
15070
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15052
15071
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15072
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15073
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15053
15074
  display: grid;
15054
15075
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
15055
15076
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -15065,18 +15086,21 @@ ul.pf-v6-c-list {
15065
15086
  .pf-v6-c-masthead .pf-v6-c-toolbar {
15066
15087
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
15067
15088
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
15068
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
15069
15089
  --pf-v6-c-toolbar__content--MinWidth: 0;
15070
15090
  }
15071
15091
  @media screen and (min-width: 48rem) {
15072
15092
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
15093
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15073
15094
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15095
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15096
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15097
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15098
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15074
15099
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15075
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15076
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15077
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15078
15100
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15079
15101
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15102
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15103
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15080
15104
  }
15081
15105
  }
15082
15106
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -15089,22 +15113,30 @@ ul.pf-v6-c-list {
15089
15113
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
15090
15114
  }
15091
15115
  .pf-v6-c-masthead.pf-m-display-stack {
15116
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15092
15117
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15093
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15094
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15095
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15096
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15118
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15119
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15120
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15121
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15122
+ --pf-v6-c-masthead__main--GridColumn: unset;
15097
15123
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15098
15124
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15125
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15126
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15099
15127
  }
15100
15128
  .pf-v6-c-masthead.pf-m-display-inline {
15129
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15101
15130
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15131
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15132
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15133
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15134
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15102
15135
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15103
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15104
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15105
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15106
15136
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15107
15137
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15138
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15139
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15108
15140
  }
15109
15141
  .pf-v6-c-masthead.pf-m-inset-none {
15110
15142
  padding-inline-start: 0;
@@ -15131,48 +15163,52 @@ ul.pf-v6-c-list {
15131
15163
  padding-inline-end: var(--pf-t--global--spacer--2xl);
15132
15164
  }
15133
15165
 
15134
- .pf-v6-c-masthead,
15135
15166
  .pf-v6-c-masthead__main {
15167
+ display: var(--pf-v6-c-masthead__main--Display);
15168
+ grid-column: var(--pf-v6-c-masthead__main--GridColumn);
15169
+ column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
15170
+ align-items: center;
15171
+ margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
15172
+ }
15173
+
15174
+ .pf-v6-c-masthead,
15175
+ .pf-v6-c-masthead__brand {
15136
15176
  position: relative;
15137
15177
  }
15138
15178
 
15139
- .pf-v6-c-masthead__main,
15140
- .pf-v6-c-masthead__content,
15141
- .pf-v6-c-masthead__logo,
15142
15179
  .pf-v6-c-masthead__brand {
15143
15180
  display: flex;
15181
+ flex-shrink: 0;
15182
+ grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
15183
+ row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
15144
15184
  align-self: stretch;
15145
- }
15146
-
15147
- .pf-v6-c-masthead__main,
15148
- .pf-v6-c-masthead__brand,
15149
- .pf-v6-c-masthead__content {
15185
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
15150
15186
  min-width: 0.25rem;
15151
- }
15152
-
15153
- .pf-v6-c-masthead__main {
15154
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
15155
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
15156
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15157
- order: var(--pf-v6-c-masthead__main--Order);
15158
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
15159
- border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
15187
+ padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
15188
+ border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
15160
15189
  }
15161
15190
 
15162
15191
  .pf-v6-c-masthead__content {
15192
+ display: flex;
15163
15193
  flex-wrap: wrap;
15164
15194
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
15165
15195
  grid-column-end: -1;
15166
15196
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
15167
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
15168
- align-items: var(--pf-v6-c-masthead__content--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15197
+ column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
15198
+ align-self: stretch;
15169
15199
  order: var(--pf-v6-c-masthead__content--Order);
15200
+ min-width: 0.25rem;
15170
15201
  }
15171
15202
 
15172
- .pf-v6-c-masthead__brand {
15173
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15174
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
15175
- margin-inline-end: var(--pf-v6-c-masthead__brand--MarginInlineEnd);
15203
+ .pf-v6-c-masthead__logo {
15204
+ position: relative;
15205
+ width: var(--pf-v6-c-masthead__logo--Width);
15206
+ max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
15207
+ }
15208
+ .pf-v6-c-masthead__logo > * {
15209
+ max-width: 100%;
15210
+ max-height: 100%;
15211
+ vertical-align: middle;
15176
15212
  }
15177
15213
 
15178
15214
  .pf-v6-c-masthead__toggle {
@@ -15185,22 +15221,30 @@ ul.pf-v6-c-list {
15185
15221
  }
15186
15222
 
15187
15223
  .pf-v6-c-masthead.pf-m-display-stack {
15224
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15188
15225
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15189
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15190
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15191
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15192
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15226
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15227
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15228
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15229
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15230
+ --pf-v6-c-masthead__main--GridColumn: unset;
15193
15231
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15194
15232
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15233
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15234
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15195
15235
  }
15196
15236
  .pf-v6-c-masthead.pf-m-display-inline {
15237
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15197
15238
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15239
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15240
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15241
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15242
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15198
15243
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15199
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15200
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15201
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15202
15244
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15203
15245
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15246
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15247
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15204
15248
  }
15205
15249
  .pf-v6-c-masthead.pf-m-inset-none {
15206
15250
  padding-inline-start: 0;
@@ -15228,22 +15272,30 @@ ul.pf-v6-c-list {
15228
15272
  }
15229
15273
  @media (min-width: 36rem) {
15230
15274
  .pf-v6-c-masthead.pf-m-display-stack-on-sm {
15275
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15231
15276
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15232
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15233
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15234
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15235
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15277
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15278
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15279
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15280
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15281
+ --pf-v6-c-masthead__main--GridColumn: unset;
15236
15282
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15237
15283
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15284
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15285
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15238
15286
  }
15239
15287
  .pf-v6-c-masthead.pf-m-display-inline-on-sm {
15288
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15240
15289
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15290
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15291
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15292
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15293
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15241
15294
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15242
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15243
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15244
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15245
15295
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15246
15296
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15297
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15298
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15247
15299
  }
15248
15300
  }
15249
15301
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15272,22 +15324,30 @@ ul.pf-v6-c-list {
15272
15324
  }
15273
15325
  @media (min-width: 48rem) {
15274
15326
  .pf-v6-c-masthead.pf-m-display-stack-on-md {
15327
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15275
15328
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15276
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15277
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15278
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15279
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15329
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15330
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15331
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15332
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15333
+ --pf-v6-c-masthead__main--GridColumn: unset;
15280
15334
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15281
15335
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15336
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15337
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15282
15338
  }
15283
15339
  .pf-v6-c-masthead.pf-m-display-inline-on-md {
15340
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15284
15341
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15342
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15343
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15344
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15345
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15285
15346
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15286
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15287
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15288
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15289
15347
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15290
15348
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15349
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15350
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15291
15351
  }
15292
15352
  }
15293
15353
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15316,22 +15376,30 @@ ul.pf-v6-c-list {
15316
15376
  }
15317
15377
  @media (min-width: 62rem) {
15318
15378
  .pf-v6-c-masthead.pf-m-display-stack-on-lg {
15379
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15319
15380
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15320
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15321
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15322
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15323
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15381
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15382
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15383
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15384
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15385
+ --pf-v6-c-masthead__main--GridColumn: unset;
15324
15386
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15325
15387
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15388
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15389
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15326
15390
  }
15327
15391
  .pf-v6-c-masthead.pf-m-display-inline-on-lg {
15392
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15328
15393
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15394
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15395
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15396
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15397
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15329
15398
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15330
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15331
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15332
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15333
15399
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15334
15400
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15401
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15402
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15335
15403
  }
15336
15404
  }
15337
15405
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15360,22 +15428,30 @@ ul.pf-v6-c-list {
15360
15428
  }
15361
15429
  @media (min-width: 75rem) {
15362
15430
  .pf-v6-c-masthead.pf-m-display-stack-on-xl {
15431
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15363
15432
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15364
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15365
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15366
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15367
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15433
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15434
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15435
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15436
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15437
+ --pf-v6-c-masthead__main--GridColumn: unset;
15368
15438
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15369
15439
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15440
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15441
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15370
15442
  }
15371
15443
  .pf-v6-c-masthead.pf-m-display-inline-on-xl {
15444
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15372
15445
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15446
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15447
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15448
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15449
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15373
15450
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15374
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15375
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15376
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15377
15451
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15378
15452
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15453
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15454
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15379
15455
  }
15380
15456
  }
15381
15457
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15404,22 +15480,30 @@ ul.pf-v6-c-list {
15404
15480
  }
15405
15481
  @media (min-width: 90.625rem) {
15406
15482
  .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
15483
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15407
15484
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15408
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15409
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15410
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15411
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15485
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15486
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15487
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15488
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15489
+ --pf-v6-c-masthead__main--GridColumn: unset;
15412
15490
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15413
15491
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15492
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15493
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15414
15494
  }
15415
15495
  .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
15496
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15416
15497
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15498
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15499
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15500
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15501
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15417
15502
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15418
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15419
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15420
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15421
15503
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15422
15504
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15505
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15506
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15423
15507
  }
15424
15508
  }
15425
15509
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -16849,8 +16933,8 @@ ul.pf-v6-c-list {
16849
16933
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
16850
16934
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
16851
16935
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16852
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
16853
- --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16936
+ --pf-v6-c-nav--PaddingInlineStart: 0;
16937
+ --pf-v6-c-nav--PaddingInlineEnd: 0;
16854
16938
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
16855
16939
  --pf-v6-c-nav--ColumnGap: 0;
16856
16940
  --pf-v6-c-nav--AlignItems: baseline;
@@ -16940,8 +17024,9 @@ ul.pf-v6-c-list {
16940
17024
  .pf-v6-c-nav.pf-m-overflow-hidden {
16941
17025
  overflow: hidden;
16942
17026
  }
16943
- .pf-v6-c-nav.pf-m-full-width {
16944
- width: 100%;
17027
+ .pf-v6-c-nav.pf-m-inset {
17028
+ --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
17029
+ --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16945
17030
  }
16946
17031
  .pf-v6-c-nav.pf-m-fill {
16947
17032
  flex-grow: 1;
@@ -17536,8 +17621,7 @@ ul.pf-v6-c-list {
17536
17621
 
17537
17622
  :where(:root, .pf-v6-c-page) {
17538
17623
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17539
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
17540
- --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
17624
+ --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
17541
17625
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
17542
17626
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
17543
17627
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -17551,6 +17635,7 @@ ul.pf-v6-c-list {
17551
17635
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
17552
17636
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17553
17637
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
17638
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
17554
17639
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17555
17640
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17556
17641
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17560,8 +17645,8 @@ ul.pf-v6-c-list {
17560
17645
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
17561
17646
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
17562
17647
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
17563
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
17564
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
17648
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17649
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17565
17650
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
17566
17651
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
17567
17652
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -17569,8 +17654,8 @@ ul.pf-v6-c-list {
17569
17654
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
17570
17655
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
17571
17656
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17572
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
17573
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
17657
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
17658
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
17574
17659
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17575
17660
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17576
17661
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -17611,11 +17696,6 @@ ul.pf-v6-c-list {
17611
17696
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
17612
17697
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
17613
17698
  }
17614
- @media (min-width: 75rem) {
17615
- :where(:root, .pf-v6-c-page) {
17616
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
17617
- }
17618
- }
17619
17699
  @media screen and (min-width: 75rem) {
17620
17700
  :where(:root, .pf-v6-c-page) {
17621
17701
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -17635,7 +17715,7 @@ ul.pf-v6-c-list {
17635
17715
  @media (min-width: 75rem) {
17636
17716
  .pf-v6-c-page {
17637
17717
  grid-template-areas: "header header" "sidebar main";
17638
- grid-template-columns: max-content 1fr;
17718
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
17639
17719
  }
17640
17720
  }
17641
17721
 
@@ -17643,6 +17723,11 @@ ul.pf-v6-c-list {
17643
17723
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
17644
17724
  grid-area: header;
17645
17725
  }
17726
+ @media (min-width: 75rem) {
17727
+ .pf-v6-c-page > .pf-v6-c-masthead {
17728
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
17729
+ }
17730
+ }
17646
17731
 
17647
17732
  .pf-v6-c-page__sidebar {
17648
17733
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -17655,6 +17740,7 @@ ul.pf-v6-c-list {
17655
17740
  padding-block-start: 0;
17656
17741
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
17657
17742
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
17743
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
17658
17744
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
17659
17745
  overflow-x: hidden;
17660
17746
  overflow-y: auto;
@@ -17934,6 +18020,11 @@ ul.pf-v6-c-list {
17934
18020
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
17935
18021
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
17936
18022
  }
18023
+ @media screen and (min-width: 75rem) {
18024
+ .pf-v6-c-page__main-container {
18025
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
18026
+ }
18027
+ }
17937
18028
  .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
17938
18029
  align-self: stretch;
17939
18030
  }
@@ -19023,9 +19114,11 @@ ul.pf-v6-c-list {
19023
19114
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
19024
19115
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
19025
19116
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
19026
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
19027
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
19117
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
19118
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
19028
19119
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
19120
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
19121
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
19029
19122
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
19030
19123
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
19031
19124
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -19251,14 +19344,13 @@ ul.pf-v6-c-list {
19251
19344
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
19252
19345
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
19253
19346
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
19254
- text-decoration: underline;
19255
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
19256
- text-decoration-style: dashed;
19257
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
19347
+ text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
19258
19348
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
19259
19349
  cursor: pointer;
19260
19350
  }
19261
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
19351
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
19352
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
19353
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
19262
19354
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
19263
19355
  }
19264
19356
 
@@ -20015,7 +20107,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20015
20107
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
20016
20108
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
20017
20109
  }
20018
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
20110
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
20019
20111
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
20020
20112
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
20021
20113
  text-decoration: none;
@@ -24562,7 +24654,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24562
24654
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
24563
24655
  }
24564
24656
 
24565
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
24657
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
24566
24658
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
24567
24659
  }
24568
24660
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -25135,15 +25227,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25135
25227
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25136
25228
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
25137
25229
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
25138
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
25139
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
25140
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
25230
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
25231
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
25141
25232
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
25142
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
25143
25233
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
25144
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
25145
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
25146
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
25234
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
25235
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
25147
25236
  }
25148
25237
 
25149
25238
  .pf-v6-c-timestamp {
@@ -25153,20 +25242,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25153
25242
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
25154
25243
  }
25155
25244
  .pf-v6-c-timestamp.pf-m-help-text {
25156
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
25157
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
25158
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25159
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
25245
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25160
25246
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
25161
25247
  cursor: pointer;
25162
25248
  }
25163
- .pf-v6-c-timestamp.pf-m-help-text:hover {
25249
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
25164
25250
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
25165
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
25166
- }
25167
- .pf-v6-c-timestamp.pf-m-help-text:focus {
25168
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
25169
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
25251
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
25252
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25170
25253
  }
25171
25254
 
25172
25255
  :where(:root, .pf-v6-c-title) {
@@ -25364,7 +25447,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25364
25447
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25365
25448
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25366
25449
  }
25367
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
25450
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
25368
25451
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
25369
25452
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
25370
25453
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -25376,7 +25459,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25376
25459
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
25377
25460
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
25378
25461
  }
25379
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
25462
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
25380
25463
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
25381
25464
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
25382
25465
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);