@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
@@ -5220,8 +5220,8 @@
5220
5220
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5221
5221
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5222
5222
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5223
- --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5224
- --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5223
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
5224
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
5225
5225
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5226
5226
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5227
5227
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
@@ -5592,10 +5592,6 @@
5592
5592
  --pf-t--global--font--weight--body--bold--legacy: 700;
5593
5593
  --pf-t--global--font--weight--heading--legacy: 400;
5594
5594
  --pf-t--global--font--weight--heading--bold--legacy: 700;
5595
- --pf-t--global--text-decoration--100: none;
5596
- --pf-t--global--text-decoration--200: underline;
5597
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
5598
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
5599
5595
  --pf-t--global--box-shadow--sm:
5600
5596
  var(--pf-t--global--box-shadow--X--sm--default)
5601
5597
  var(--pf-t--global--box-shadow--Y--sm--default)
@@ -7373,9 +7369,11 @@
7373
7369
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7374
7370
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7375
7371
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7376
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7372
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7373
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7377
7374
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7378
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7375
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7376
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7379
7377
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7380
7378
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7381
7379
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -7428,18 +7426,19 @@
7428
7426
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7429
7427
  line-height: inherit;
7430
7428
  color: var(--pf-v6-c-breadcrumb__link--Color);
7431
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
7429
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7432
7430
  word-break: break-word;
7433
7431
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7434
7432
  }
7435
- .pf-v6-c-breadcrumb__link:hover {
7433
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7436
7434
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7437
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
7435
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7436
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7438
7437
  }
7439
7438
  .pf-v6-c-breadcrumb__link.pf-m-current {
7440
7439
  cursor: default;
7441
7440
  }
7442
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
7441
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7443
7442
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7444
7443
  text-decoration: none;
7445
7444
  }
@@ -7485,14 +7484,16 @@ button.pf-v6-c-breadcrumb__link {
7485
7484
  --pf-v6-c-button--BorderColor: transparent;
7486
7485
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
7487
7486
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7488
- --pf-v6-c-button--TextDecoration: none;
7487
+ --pf-v6-c-button--TextDecorationLine: none;
7488
+ --pf-v6-c-button--TextDecorationStyle: none;
7489
7489
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7490
7490
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7491
7491
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7492
7492
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7493
7493
  --pf-v6-c-button--hover--BorderColor: transparent;
7494
7494
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
7495
- --pf-v6-c-button--hover--TextDecoration: none;
7495
+ --pf-v6-c-button--hover--TextDecorationLine: none;
7496
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
7496
7497
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7497
7498
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
7498
7499
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -7562,7 +7563,10 @@ button.pf-v6-c-breadcrumb__link {
7562
7563
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
7563
7564
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
7564
7565
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
7565
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7566
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7567
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7568
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7569
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7566
7570
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
7567
7571
  --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));
7568
7572
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7717,7 +7721,7 @@ button.pf-v6-c-breadcrumb__link {
7717
7721
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
7718
7722
  color: var(--pf-v6-c-button--Color);
7719
7723
  text-align: center;
7720
- text-decoration: var(--pf-v6-c-button--TextDecoration);
7724
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
7721
7725
  white-space: nowrap;
7722
7726
  cursor: pointer;
7723
7727
  user-select: none;
@@ -7817,7 +7821,10 @@ button.pf-v6-c-breadcrumb__link {
7817
7821
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
7818
7822
  --pf-v6-c-button--BackgroundColor: transparent;
7819
7823
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
7820
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
7824
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
7825
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
7826
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
7827
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
7821
7828
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7822
7829
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7823
7830
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -7979,8 +7986,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7979
7986
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
7980
7987
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
7981
7988
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
7982
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
7983
7989
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
7990
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
7984
7991
  }
7985
7992
  .pf-v6-c-button.pf-m-clicked {
7986
7993
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -8003,7 +8010,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8003
8010
  color: var(--pf-v6-c-button--disabled__icon--Color);
8004
8011
  }
8005
8012
  .pf-v6-c-button.pf-m-aria-disabled {
8006
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
8013
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
8014
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
8007
8015
  cursor: default;
8008
8016
  }
8009
8017
  .pf-v6-c-button.pf-m-progress {
@@ -9036,9 +9044,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9036
9044
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9037
9045
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9038
9046
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9039
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9047
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
9048
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
9040
9049
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9041
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9050
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
9051
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
9042
9052
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9043
9053
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
9044
9054
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -9067,11 +9077,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9067
9077
  }
9068
9078
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
9069
9079
  color: var(--pf-v6-c-content--a--Color);
9070
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
9080
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
9071
9081
  }
9072
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
9082
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
9073
9083
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
9074
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
9084
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
9085
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
9075
9086
  }
9076
9087
 
9077
9088
  :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 {
@@ -10115,11 +10126,11 @@ ul) {
10115
10126
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
10116
10127
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
10117
10128
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
10118
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
10119
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
10120
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10121
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
10122
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
10129
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
10130
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
10131
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
10132
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
10133
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
10123
10134
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
10124
10135
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
10125
10136
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -10281,18 +10292,13 @@ ul) {
10281
10292
  min-width: 0;
10282
10293
  }
10283
10294
  .pf-v6-c-description-list__text.pf-m-help-text {
10284
- text-decoration: underline;
10285
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
10286
- text-decoration-style: dashed;
10287
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
10288
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
10295
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
10296
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
10289
10297
  cursor: pointer;
10290
10298
  }
10291
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
10292
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
10293
- }
10294
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
10295
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
10299
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
10300
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
10301
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
10296
10302
  }
10297
10303
 
10298
10304
  .pf-v6-c-description-list.pf-m-1-col {
@@ -13883,7 +13889,7 @@ label.pf-v6-c-input-group__text {
13883
13889
  text-decoration: none;
13884
13890
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
13885
13891
  }
13886
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
13892
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
13887
13893
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
13888
13894
  }
13889
13895
  .pf-v6-c-jump-links__link::before {
@@ -14099,7 +14105,7 @@ label.pf-v6-c-input-group__text {
14099
14105
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
14100
14106
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14101
14107
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
14102
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14108
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
14103
14109
  --pf-v6-c-label__content--MaxWidth: 100%;
14104
14110
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
14105
14111
  --pf-v6-c-label__content--Cursor: initial;
@@ -14114,14 +14120,14 @@ label.pf-v6-c-input-group__text {
14114
14120
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14115
14121
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
14116
14122
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
14117
- --pf-v6-c-label--m-editable--TextDecoration: underline;
14118
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
14119
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
14120
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
14121
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
14123
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
14124
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
14125
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
14126
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
14127
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
14122
14128
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
14123
14129
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
14124
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
14130
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
14125
14131
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
14126
14132
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
14127
14133
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -14291,7 +14297,7 @@ label.pf-v6-c-input-group__text {
14291
14297
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
14292
14298
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
14293
14299
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
14294
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
14300
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
14295
14301
  }
14296
14302
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
14297
14303
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
@@ -14312,15 +14318,16 @@ label.pf-v6-c-input-group__text {
14312
14318
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
14313
14319
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
14314
14320
  }
14321
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
14322
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
14323
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
14324
+ }
14315
14325
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
14316
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
14317
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
14318
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14319
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
14320
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
14326
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14327
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
14321
14328
  }
14322
14329
  .pf-v6-c-label.pf-m-editable-active {
14323
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
14330
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
14324
14331
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
14325
14332
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
14326
14333
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -14891,44 +14898,58 @@ ul.pf-v6-c-list {
14891
14898
 
14892
14899
  :where(:root, .pf-v6-c-masthead) {
14893
14900
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
14894
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
14901
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
14895
14902
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
14896
14903
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
14897
14904
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
14898
14905
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
14899
14906
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14900
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
14901
- --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
14907
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
14908
+ --pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14909
+ --pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
14910
+ --pf-v6-c-masthead__logo--Width: 11.8125rem;
14902
14911
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
14912
+ --pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
14913
+ --pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
14903
14914
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
14904
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
14905
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
14906
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
14907
- --pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
14915
+ --pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
14916
+ --pf-v6-c-masthead--m-display-stack__brand--Order: -1;
14917
+ --pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
14918
+ --pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
14908
14919
  --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
14909
14920
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
14910
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
14911
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
14912
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
14913
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
14914
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
14915
- --pf-v6-c-masthead--m-display-inline__content--GridColumn: 3;
14921
+ --pf-v6-c-masthead--m-display-stack__main--Display: contents;
14922
+ --pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
14923
+ --pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
14924
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
14925
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
14926
+ --pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
14927
+ --pf-v6-c-masthead--m-display-inline__brand--Order: initial;
14928
+ --pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
14929
+ --pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
14930
+ --pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
14931
+ --pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
14916
14932
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
14933
+ --pf-v6-c-masthead--m-display-inline__main--Display: flex;
14934
+ --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
14917
14935
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
14918
14936
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
14919
14937
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
14920
14938
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
14921
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
14922
14939
  }
14923
14940
 
14924
14941
  .pf-v6-c-masthead {
14942
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
14925
14943
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
14926
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
14927
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
14928
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
14929
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
14944
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
14945
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
14946
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
14947
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
14948
+ --pf-v6-c-masthead__main--GridColumn: unset;
14930
14949
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
14931
14950
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
14951
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
14952
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
14932
14953
  display: grid;
14933
14954
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
14934
14955
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -14944,18 +14965,21 @@ ul.pf-v6-c-list {
14944
14965
  .pf-v6-c-masthead .pf-v6-c-toolbar {
14945
14966
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
14946
14967
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
14947
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
14948
14968
  --pf-v6-c-toolbar__content--MinWidth: 0;
14949
14969
  }
14950
14970
  @media screen and (min-width: 48rem) {
14951
14971
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
14972
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
14952
14973
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
14974
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
14975
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
14976
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
14977
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
14953
14978
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
14954
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
14955
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
14956
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
14957
14979
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
14958
14980
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
14981
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
14982
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
14959
14983
  }
14960
14984
  }
14961
14985
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -14968,22 +14992,30 @@ ul.pf-v6-c-list {
14968
14992
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
14969
14993
  }
14970
14994
  .pf-v6-c-masthead.pf-m-display-stack {
14995
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
14971
14996
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
14972
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
14973
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
14974
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
14975
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
14997
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
14998
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
14999
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15000
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15001
+ --pf-v6-c-masthead__main--GridColumn: unset;
14976
15002
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
14977
15003
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15004
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15005
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
14978
15006
  }
14979
15007
  .pf-v6-c-masthead.pf-m-display-inline {
15008
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
14980
15009
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15010
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15011
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15012
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15013
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
14981
15014
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
14982
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
14983
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
14984
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
14985
15015
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
14986
15016
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15017
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15018
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
14987
15019
  }
14988
15020
  .pf-v6-c-masthead.pf-m-inset-none {
14989
15021
  padding-inline-start: 0;
@@ -15010,48 +15042,52 @@ ul.pf-v6-c-list {
15010
15042
  padding-inline-end: var(--pf-t--global--spacer--2xl);
15011
15043
  }
15012
15044
 
15013
- .pf-v6-c-masthead,
15014
15045
  .pf-v6-c-masthead__main {
15046
+ display: var(--pf-v6-c-masthead__main--Display);
15047
+ grid-column: var(--pf-v6-c-masthead__main--GridColumn);
15048
+ column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
15049
+ align-items: center;
15050
+ margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
15051
+ }
15052
+
15053
+ .pf-v6-c-masthead,
15054
+ .pf-v6-c-masthead__brand {
15015
15055
  position: relative;
15016
15056
  }
15017
15057
 
15018
- .pf-v6-c-masthead__main,
15019
- .pf-v6-c-masthead__content,
15020
- .pf-v6-c-masthead__logo,
15021
15058
  .pf-v6-c-masthead__brand {
15022
15059
  display: flex;
15060
+ flex-shrink: 0;
15061
+ grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
15062
+ row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
15023
15063
  align-self: stretch;
15024
- }
15025
-
15026
- .pf-v6-c-masthead__main,
15027
- .pf-v6-c-masthead__brand,
15028
- .pf-v6-c-masthead__content {
15064
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
15029
15065
  min-width: 0.25rem;
15030
- }
15031
-
15032
- .pf-v6-c-masthead__main {
15033
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
15034
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
15035
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15036
- order: var(--pf-v6-c-masthead__main--Order);
15037
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
15038
- border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
15066
+ padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
15067
+ border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
15039
15068
  }
15040
15069
 
15041
15070
  .pf-v6-c-masthead__content {
15071
+ display: flex;
15042
15072
  flex-wrap: wrap;
15043
15073
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
15044
15074
  grid-column-end: -1;
15045
15075
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
15046
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
15047
- align-items: var(--pf-v6-c-masthead__content--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15076
+ column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
15077
+ align-self: stretch;
15048
15078
  order: var(--pf-v6-c-masthead__content--Order);
15079
+ min-width: 0.25rem;
15049
15080
  }
15050
15081
 
15051
- .pf-v6-c-masthead__brand {
15052
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15053
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
15054
- margin-inline-end: var(--pf-v6-c-masthead__brand--MarginInlineEnd);
15082
+ .pf-v6-c-masthead__logo {
15083
+ position: relative;
15084
+ width: var(--pf-v6-c-masthead__logo--Width);
15085
+ max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
15086
+ }
15087
+ .pf-v6-c-masthead__logo > * {
15088
+ max-width: 100%;
15089
+ max-height: 100%;
15090
+ vertical-align: middle;
15055
15091
  }
15056
15092
 
15057
15093
  .pf-v6-c-masthead__toggle {
@@ -15064,22 +15100,30 @@ ul.pf-v6-c-list {
15064
15100
  }
15065
15101
 
15066
15102
  .pf-v6-c-masthead.pf-m-display-stack {
15103
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15067
15104
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15068
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15069
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15070
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15071
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15105
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15106
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15107
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15108
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15109
+ --pf-v6-c-masthead__main--GridColumn: unset;
15072
15110
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15073
15111
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15112
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15113
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15074
15114
  }
15075
15115
  .pf-v6-c-masthead.pf-m-display-inline {
15116
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15076
15117
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15118
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15119
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15120
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15121
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15077
15122
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15078
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15079
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15080
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15081
15123
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15082
15124
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15125
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15126
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15083
15127
  }
15084
15128
  .pf-v6-c-masthead.pf-m-inset-none {
15085
15129
  padding-inline-start: 0;
@@ -15107,22 +15151,30 @@ ul.pf-v6-c-list {
15107
15151
  }
15108
15152
  @media (min-width: 36rem) {
15109
15153
  .pf-v6-c-masthead.pf-m-display-stack-on-sm {
15154
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15110
15155
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15111
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15112
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15113
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15114
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15156
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15157
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15158
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15159
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15160
+ --pf-v6-c-masthead__main--GridColumn: unset;
15115
15161
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15116
15162
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15163
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15164
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15117
15165
  }
15118
15166
  .pf-v6-c-masthead.pf-m-display-inline-on-sm {
15167
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15119
15168
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15169
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15170
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15171
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15172
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15120
15173
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15121
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15122
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15123
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15124
15174
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15125
15175
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15176
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15177
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15126
15178
  }
15127
15179
  }
15128
15180
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15151,22 +15203,30 @@ ul.pf-v6-c-list {
15151
15203
  }
15152
15204
  @media (min-width: 48rem) {
15153
15205
  .pf-v6-c-masthead.pf-m-display-stack-on-md {
15206
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15154
15207
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15155
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15156
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15157
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15158
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15208
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15209
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15210
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15211
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15212
+ --pf-v6-c-masthead__main--GridColumn: unset;
15159
15213
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15160
15214
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15215
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15216
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15161
15217
  }
15162
15218
  .pf-v6-c-masthead.pf-m-display-inline-on-md {
15219
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15163
15220
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15221
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15222
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15223
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15224
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15164
15225
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15165
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15166
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15167
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15168
15226
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15169
15227
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15228
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15229
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15170
15230
  }
15171
15231
  }
15172
15232
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15195,22 +15255,30 @@ ul.pf-v6-c-list {
15195
15255
  }
15196
15256
  @media (min-width: 62rem) {
15197
15257
  .pf-v6-c-masthead.pf-m-display-stack-on-lg {
15258
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15198
15259
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15199
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15200
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15201
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15202
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15260
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15261
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15262
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15263
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15264
+ --pf-v6-c-masthead__main--GridColumn: unset;
15203
15265
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15204
15266
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15267
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15268
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15205
15269
  }
15206
15270
  .pf-v6-c-masthead.pf-m-display-inline-on-lg {
15271
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15207
15272
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15273
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15274
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15275
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15276
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15208
15277
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15209
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15210
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15211
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15212
15278
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15213
15279
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15280
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15281
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15214
15282
  }
15215
15283
  }
15216
15284
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15239,22 +15307,30 @@ ul.pf-v6-c-list {
15239
15307
  }
15240
15308
  @media (min-width: 75rem) {
15241
15309
  .pf-v6-c-masthead.pf-m-display-stack-on-xl {
15310
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15242
15311
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15243
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15244
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15245
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15246
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15312
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15313
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15314
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15315
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15316
+ --pf-v6-c-masthead__main--GridColumn: unset;
15247
15317
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15248
15318
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15319
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15320
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15249
15321
  }
15250
15322
  .pf-v6-c-masthead.pf-m-display-inline-on-xl {
15323
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15251
15324
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15325
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15326
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15327
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15328
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15252
15329
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15253
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15254
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15255
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15256
15330
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15257
15331
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15332
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15333
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15258
15334
  }
15259
15335
  }
15260
15336
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15283,22 +15359,30 @@ ul.pf-v6-c-list {
15283
15359
  }
15284
15360
  @media (min-width: 90.625rem) {
15285
15361
  .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
15362
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15286
15363
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15287
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15288
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15289
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15290
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
15364
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
15365
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
15366
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
15367
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
15368
+ --pf-v6-c-masthead__main--GridColumn: unset;
15291
15369
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15292
15370
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
15371
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
15372
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
15293
15373
  }
15294
15374
  .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
15375
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15295
15376
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
15377
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
15378
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
15379
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
15380
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
15296
15381
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15297
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15298
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15299
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15300
15382
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15301
15383
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
15384
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
15385
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
15302
15386
  }
15303
15387
  }
15304
15388
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -16728,8 +16812,8 @@ ul.pf-v6-c-list {
16728
16812
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
16729
16813
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
16730
16814
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16731
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
16732
- --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16815
+ --pf-v6-c-nav--PaddingInlineStart: 0;
16816
+ --pf-v6-c-nav--PaddingInlineEnd: 0;
16733
16817
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
16734
16818
  --pf-v6-c-nav--ColumnGap: 0;
16735
16819
  --pf-v6-c-nav--AlignItems: baseline;
@@ -16819,8 +16903,9 @@ ul.pf-v6-c-list {
16819
16903
  .pf-v6-c-nav.pf-m-overflow-hidden {
16820
16904
  overflow: hidden;
16821
16905
  }
16822
- .pf-v6-c-nav.pf-m-full-width {
16823
- width: 100%;
16906
+ .pf-v6-c-nav.pf-m-inset {
16907
+ --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
16908
+ --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16824
16909
  }
16825
16910
  .pf-v6-c-nav.pf-m-fill {
16826
16911
  flex-grow: 1;
@@ -17415,8 +17500,7 @@ ul.pf-v6-c-list {
17415
17500
 
17416
17501
  :where(:root, .pf-v6-c-page) {
17417
17502
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17418
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
17419
- --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
17503
+ --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
17420
17504
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
17421
17505
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
17422
17506
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -17430,6 +17514,7 @@ ul.pf-v6-c-list {
17430
17514
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
17431
17515
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17432
17516
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
17517
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
17433
17518
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17434
17519
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17435
17520
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17439,8 +17524,8 @@ ul.pf-v6-c-list {
17439
17524
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
17440
17525
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
17441
17526
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
17442
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
17443
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
17527
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17528
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17444
17529
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
17445
17530
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
17446
17531
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -17448,8 +17533,8 @@ ul.pf-v6-c-list {
17448
17533
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
17449
17534
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
17450
17535
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17451
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
17452
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
17536
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
17537
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
17453
17538
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17454
17539
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17455
17540
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -17490,11 +17575,6 @@ ul.pf-v6-c-list {
17490
17575
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
17491
17576
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
17492
17577
  }
17493
- @media (min-width: 75rem) {
17494
- :where(:root, .pf-v6-c-page) {
17495
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
17496
- }
17497
- }
17498
17578
  @media screen and (min-width: 75rem) {
17499
17579
  :where(:root, .pf-v6-c-page) {
17500
17580
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -17514,7 +17594,7 @@ ul.pf-v6-c-list {
17514
17594
  @media (min-width: 75rem) {
17515
17595
  .pf-v6-c-page {
17516
17596
  grid-template-areas: "header header" "sidebar main";
17517
- grid-template-columns: max-content 1fr;
17597
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
17518
17598
  }
17519
17599
  }
17520
17600
 
@@ -17522,6 +17602,11 @@ ul.pf-v6-c-list {
17522
17602
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
17523
17603
  grid-area: header;
17524
17604
  }
17605
+ @media (min-width: 75rem) {
17606
+ .pf-v6-c-page > .pf-v6-c-masthead {
17607
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
17608
+ }
17609
+ }
17525
17610
 
17526
17611
  .pf-v6-c-page__sidebar {
17527
17612
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -17534,6 +17619,7 @@ ul.pf-v6-c-list {
17534
17619
  padding-block-start: 0;
17535
17620
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
17536
17621
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
17622
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
17537
17623
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
17538
17624
  overflow-x: hidden;
17539
17625
  overflow-y: auto;
@@ -17813,6 +17899,11 @@ ul.pf-v6-c-list {
17813
17899
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
17814
17900
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
17815
17901
  }
17902
+ @media screen and (min-width: 75rem) {
17903
+ .pf-v6-c-page__main-container {
17904
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
17905
+ }
17906
+ }
17816
17907
  .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
17817
17908
  align-self: stretch;
17818
17909
  }
@@ -18902,9 +18993,11 @@ ul.pf-v6-c-list {
18902
18993
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
18903
18994
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
18904
18995
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
18905
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
18906
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
18996
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
18997
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
18907
18998
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
18999
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
19000
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
18908
19001
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
18909
19002
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
18910
19003
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -19130,14 +19223,13 @@ ul.pf-v6-c-list {
19130
19223
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
19131
19224
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
19132
19225
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
19133
- text-decoration: underline;
19134
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
19135
- text-decoration-style: dashed;
19136
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
19226
+ 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);
19137
19227
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
19138
19228
  cursor: pointer;
19139
19229
  }
19140
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
19230
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
19231
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
19232
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
19141
19233
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
19142
19234
  }
19143
19235
 
@@ -19894,7 +19986,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19894
19986
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
19895
19987
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
19896
19988
  }
19897
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
19989
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
19898
19990
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
19899
19991
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
19900
19992
  text-decoration: none;
@@ -24441,7 +24533,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24441
24533
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
24442
24534
  }
24443
24535
 
24444
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
24536
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
24445
24537
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
24446
24538
  }
24447
24539
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -25014,15 +25106,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25014
25106
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25015
25107
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
25016
25108
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
25017
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
25018
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
25019
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
25109
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
25110
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
25020
25111
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
25021
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
25022
25112
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
25023
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
25024
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
25025
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
25113
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
25114
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
25026
25115
  }
25027
25116
 
25028
25117
  .pf-v6-c-timestamp {
@@ -25032,20 +25121,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25032
25121
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
25033
25122
  }
25034
25123
  .pf-v6-c-timestamp.pf-m-help-text {
25035
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
25036
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
25037
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25038
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
25124
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25039
25125
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
25040
25126
  cursor: pointer;
25041
25127
  }
25042
- .pf-v6-c-timestamp.pf-m-help-text:hover {
25128
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
25043
25129
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
25044
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
25045
- }
25046
- .pf-v6-c-timestamp.pf-m-help-text:focus {
25047
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
25048
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
25130
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
25131
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25049
25132
  }
25050
25133
 
25051
25134
  :where(:root, .pf-v6-c-title) {
@@ -25243,7 +25326,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25243
25326
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25244
25327
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25245
25328
  }
25246
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
25329
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
25247
25330
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
25248
25331
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
25249
25332
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -25255,7 +25338,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25255
25338
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
25256
25339
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
25257
25340
  }
25258
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
25341
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
25259
25342
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
25260
25343
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
25261
25344
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);