@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
@@ -1306,9 +1306,11 @@
1306
1306
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1307
1307
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1308
1308
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1309
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
1309
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1310
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1310
1311
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1311
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1312
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1313
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1312
1314
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1313
1315
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1314
1316
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -1361,18 +1363,19 @@
1361
1363
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1362
1364
  line-height: inherit;
1363
1365
  color: var(--pf-v6-c-breadcrumb__link--Color);
1364
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
1366
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1365
1367
  word-break: break-word;
1366
1368
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1367
1369
  }
1368
- .pf-v6-c-breadcrumb__link:hover {
1370
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
1369
1371
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
1370
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
1372
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
1373
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
1371
1374
  }
1372
1375
  .pf-v6-c-breadcrumb__link.pf-m-current {
1373
1376
  cursor: default;
1374
1377
  }
1375
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
1378
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
1376
1379
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
1377
1380
  text-decoration: none;
1378
1381
  }
@@ -1418,14 +1421,16 @@ button.pf-v6-c-breadcrumb__link {
1418
1421
  --pf-v6-c-button--BorderColor: transparent;
1419
1422
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
1420
1423
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
1421
- --pf-v6-c-button--TextDecoration: none;
1424
+ --pf-v6-c-button--TextDecorationLine: none;
1425
+ --pf-v6-c-button--TextDecorationStyle: none;
1422
1426
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1423
1427
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1424
1428
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
1425
1429
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1426
1430
  --pf-v6-c-button--hover--BorderColor: transparent;
1427
1431
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
1428
- --pf-v6-c-button--hover--TextDecoration: none;
1432
+ --pf-v6-c-button--hover--TextDecorationLine: none;
1433
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
1429
1434
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1430
1435
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
1431
1436
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -1495,7 +1500,10 @@ button.pf-v6-c-breadcrumb__link {
1495
1500
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
1496
1501
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
1497
1502
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
1498
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1503
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1504
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1505
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1506
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1499
1507
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
1500
1508
  --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));
1501
1509
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -1650,7 +1658,7 @@ button.pf-v6-c-breadcrumb__link {
1650
1658
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1651
1659
  color: var(--pf-v6-c-button--Color);
1652
1660
  text-align: center;
1653
- text-decoration: var(--pf-v6-c-button--TextDecoration);
1661
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
1654
1662
  white-space: nowrap;
1655
1663
  cursor: pointer;
1656
1664
  user-select: none;
@@ -1750,7 +1758,10 @@ button.pf-v6-c-breadcrumb__link {
1750
1758
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
1751
1759
  --pf-v6-c-button--BackgroundColor: transparent;
1752
1760
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
1753
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
1761
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
1762
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
1763
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
1764
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
1754
1765
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1755
1766
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
1756
1767
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -1912,8 +1923,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1912
1923
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
1913
1924
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
1914
1925
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
1915
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
1916
1926
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
1927
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
1917
1928
  }
1918
1929
  .pf-v6-c-button.pf-m-clicked {
1919
1930
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -1936,7 +1947,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1936
1947
  color: var(--pf-v6-c-button--disabled__icon--Color);
1937
1948
  }
1938
1949
  .pf-v6-c-button.pf-m-aria-disabled {
1939
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
1950
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
1951
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
1940
1952
  cursor: default;
1941
1953
  }
1942
1954
  .pf-v6-c-button.pf-m-progress {
@@ -2969,9 +2981,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2969
2981
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
2970
2982
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
2971
2983
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
2972
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
2984
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
2985
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
2973
2986
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
2974
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
2987
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
2988
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
2975
2989
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
2976
2990
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
2977
2991
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -3000,11 +3014,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3000
3014
  }
3001
3015
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
3002
3016
  color: var(--pf-v6-c-content--a--Color);
3003
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
3017
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
3004
3018
  }
3005
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
3019
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
3006
3020
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
3007
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
3021
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
3022
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
3008
3023
  }
3009
3024
 
3010
3025
  :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 {
@@ -4048,11 +4063,11 @@ ul) {
4048
4063
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
4049
4064
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
4050
4065
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
4051
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
4052
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
4053
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
4054
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
4055
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
4066
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
4067
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
4068
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
4069
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
4070
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
4056
4071
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
4057
4072
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
4058
4073
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -4214,18 +4229,13 @@ ul) {
4214
4229
  min-width: 0;
4215
4230
  }
4216
4231
  .pf-v6-c-description-list__text.pf-m-help-text {
4217
- text-decoration: underline;
4218
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
4219
- text-decoration-style: dashed;
4220
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
4221
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
4232
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4233
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4222
4234
  cursor: pointer;
4223
4235
  }
4224
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
4225
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
4226
- }
4227
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
4228
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
4236
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4237
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4238
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
4229
4239
  }
4230
4240
 
4231
4241
  .pf-v6-c-description-list.pf-m-1-col {
@@ -7816,7 +7826,7 @@ label.pf-v6-c-input-group__text {
7816
7826
  text-decoration: none;
7817
7827
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7818
7828
  }
7819
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
7829
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
7820
7830
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7821
7831
  }
7822
7832
  .pf-v6-c-jump-links__link::before {
@@ -8032,7 +8042,7 @@ label.pf-v6-c-input-group__text {
8032
8042
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
8033
8043
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8034
8044
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
8035
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
8045
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8036
8046
  --pf-v6-c-label__content--MaxWidth: 100%;
8037
8047
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
8038
8048
  --pf-v6-c-label__content--Cursor: initial;
@@ -8047,14 +8057,14 @@ label.pf-v6-c-input-group__text {
8047
8057
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8048
8058
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8049
8059
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8050
- --pf-v6-c-label--m-editable--TextDecoration: underline;
8051
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
8052
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
8053
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
8054
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
8060
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8061
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8062
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
8063
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
8064
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
8055
8065
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
8056
8066
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
8057
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
8067
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
8058
8068
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
8059
8069
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
8060
8070
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -8224,7 +8234,7 @@ label.pf-v6-c-input-group__text {
8224
8234
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
8225
8235
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
8226
8236
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
8227
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
8237
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
8228
8238
  }
8229
8239
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
8230
8240
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
@@ -8245,15 +8255,16 @@ label.pf-v6-c-input-group__text {
8245
8255
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
8246
8256
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
8247
8257
  }
8258
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
8259
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
8260
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
8261
+ }
8248
8262
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
8249
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
8250
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
8251
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8252
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
8253
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
8263
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
8264
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
8254
8265
  }
8255
8266
  .pf-v6-c-label.pf-m-editable-active {
8256
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
8267
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
8257
8268
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
8258
8269
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
8259
8270
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -8824,44 +8835,58 @@ ul.pf-v6-c-list {
8824
8835
 
8825
8836
  :where(:root, .pf-v6-c-masthead) {
8826
8837
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8827
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
8838
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
8828
8839
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
8829
8840
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
8830
8841
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
8831
8842
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
8832
8843
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8833
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
8834
- --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
8844
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
8845
+ --pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
8846
+ --pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
8847
+ --pf-v6-c-masthead__logo--Width: 11.8125rem;
8835
8848
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
8849
+ --pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
8850
+ --pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
8836
8851
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
8837
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
8838
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
8839
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
8840
- --pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8852
+ --pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
8853
+ --pf-v6-c-masthead--m-display-stack__brand--Order: -1;
8854
+ --pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
8855
+ --pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8841
8856
  --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
8842
8857
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
8843
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
8844
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
8845
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
8846
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
8847
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
8848
- --pf-v6-c-masthead--m-display-inline__content--GridColumn: 3;
8858
+ --pf-v6-c-masthead--m-display-stack__main--Display: contents;
8859
+ --pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
8860
+ --pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
8861
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
8862
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
8863
+ --pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
8864
+ --pf-v6-c-masthead--m-display-inline__brand--Order: initial;
8865
+ --pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
8866
+ --pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
8867
+ --pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
8868
+ --pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
8849
8869
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
8870
+ --pf-v6-c-masthead--m-display-inline__main--Display: flex;
8871
+ --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
8850
8872
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
8851
8873
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8852
8874
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
8853
8875
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
8854
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
8855
8876
  }
8856
8877
 
8857
8878
  .pf-v6-c-masthead {
8879
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8858
8880
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8859
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8860
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8861
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8862
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
8881
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
8882
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
8883
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
8884
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
8885
+ --pf-v6-c-masthead__main--GridColumn: unset;
8863
8886
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8864
8887
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
8888
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
8889
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
8865
8890
  display: grid;
8866
8891
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
8867
8892
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -8877,18 +8902,21 @@ ul.pf-v6-c-list {
8877
8902
  .pf-v6-c-masthead .pf-v6-c-toolbar {
8878
8903
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
8879
8904
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
8880
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
8881
8905
  --pf-v6-c-toolbar__content--MinWidth: 0;
8882
8906
  }
8883
8907
  @media screen and (min-width: 48rem) {
8884
8908
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
8909
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
8885
8910
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
8911
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
8912
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
8913
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
8914
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
8886
8915
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8887
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8888
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8889
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8890
8916
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8891
8917
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
8918
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
8919
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
8892
8920
  }
8893
8921
  }
8894
8922
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -8901,22 +8929,30 @@ ul.pf-v6-c-list {
8901
8929
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
8902
8930
  }
8903
8931
  .pf-v6-c-masthead.pf-m-display-stack {
8932
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8904
8933
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8905
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8906
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8907
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8908
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
8934
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
8935
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
8936
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
8937
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
8938
+ --pf-v6-c-masthead__main--GridColumn: unset;
8909
8939
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8910
8940
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
8941
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
8942
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
8911
8943
  }
8912
8944
  .pf-v6-c-masthead.pf-m-display-inline {
8945
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
8913
8946
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
8947
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
8948
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
8949
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
8950
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
8914
8951
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8915
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8916
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8917
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8918
8952
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8919
8953
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
8954
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
8955
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
8920
8956
  }
8921
8957
  .pf-v6-c-masthead.pf-m-inset-none {
8922
8958
  padding-inline-start: 0;
@@ -8943,48 +8979,52 @@ ul.pf-v6-c-list {
8943
8979
  padding-inline-end: var(--pf-t--global--spacer--2xl);
8944
8980
  }
8945
8981
 
8946
- .pf-v6-c-masthead,
8947
8982
  .pf-v6-c-masthead__main {
8983
+ display: var(--pf-v6-c-masthead__main--Display);
8984
+ grid-column: var(--pf-v6-c-masthead__main--GridColumn);
8985
+ column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
8986
+ align-items: center;
8987
+ margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
8988
+ }
8989
+
8990
+ .pf-v6-c-masthead,
8991
+ .pf-v6-c-masthead__brand {
8948
8992
  position: relative;
8949
8993
  }
8950
8994
 
8951
- .pf-v6-c-masthead__main,
8952
- .pf-v6-c-masthead__content,
8953
- .pf-v6-c-masthead__logo,
8954
8995
  .pf-v6-c-masthead__brand {
8955
8996
  display: flex;
8997
+ flex-shrink: 0;
8998
+ grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
8999
+ row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
8956
9000
  align-self: stretch;
8957
- }
8958
-
8959
- .pf-v6-c-masthead__main,
8960
- .pf-v6-c-masthead__brand,
8961
- .pf-v6-c-masthead__content {
9001
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
8962
9002
  min-width: 0.25rem;
8963
- }
8964
-
8965
- .pf-v6-c-masthead__main {
8966
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
8967
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
8968
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8969
- order: var(--pf-v6-c-masthead__main--Order);
8970
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
8971
- border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
9003
+ padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
9004
+ border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
8972
9005
  }
8973
9006
 
8974
9007
  .pf-v6-c-masthead__content {
9008
+ display: flex;
8975
9009
  flex-wrap: wrap;
8976
9010
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
8977
9011
  grid-column-end: -1;
8978
9012
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
8979
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
8980
- align-items: var(--pf-v6-c-masthead__content--AlignItems, var(--pf-v6-c-masthead--AlignItems));
9013
+ column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
9014
+ align-self: stretch;
8981
9015
  order: var(--pf-v6-c-masthead__content--Order);
9016
+ min-width: 0.25rem;
8982
9017
  }
8983
9018
 
8984
- .pf-v6-c-masthead__brand {
8985
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8986
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
8987
- margin-inline-end: var(--pf-v6-c-masthead__brand--MarginInlineEnd);
9019
+ .pf-v6-c-masthead__logo {
9020
+ position: relative;
9021
+ width: var(--pf-v6-c-masthead__logo--Width);
9022
+ max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
9023
+ }
9024
+ .pf-v6-c-masthead__logo > * {
9025
+ max-width: 100%;
9026
+ max-height: 100%;
9027
+ vertical-align: middle;
8988
9028
  }
8989
9029
 
8990
9030
  .pf-v6-c-masthead__toggle {
@@ -8997,22 +9037,30 @@ ul.pf-v6-c-list {
8997
9037
  }
8998
9038
 
8999
9039
  .pf-v6-c-masthead.pf-m-display-stack {
9040
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9000
9041
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9001
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9002
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9003
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9004
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9042
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9043
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9044
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9045
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9046
+ --pf-v6-c-masthead__main--GridColumn: unset;
9005
9047
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9006
9048
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9049
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9050
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9007
9051
  }
9008
9052
  .pf-v6-c-masthead.pf-m-display-inline {
9053
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9009
9054
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9055
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9056
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9057
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9058
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9010
9059
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9011
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9012
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9013
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9014
9060
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9015
9061
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9062
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9063
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9016
9064
  }
9017
9065
  .pf-v6-c-masthead.pf-m-inset-none {
9018
9066
  padding-inline-start: 0;
@@ -9040,22 +9088,30 @@ ul.pf-v6-c-list {
9040
9088
  }
9041
9089
  @media (min-width: 36rem) {
9042
9090
  .pf-v6-c-masthead.pf-m-display-stack-on-sm {
9091
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9043
9092
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9044
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9045
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9046
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9047
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9093
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9094
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9095
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9096
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9097
+ --pf-v6-c-masthead__main--GridColumn: unset;
9048
9098
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9049
9099
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9100
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9101
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9050
9102
  }
9051
9103
  .pf-v6-c-masthead.pf-m-display-inline-on-sm {
9104
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9052
9105
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9106
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9107
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9108
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9109
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9053
9110
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9054
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9055
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9056
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9057
9111
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9058
9112
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9113
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9114
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9059
9115
  }
9060
9116
  }
9061
9117
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9084,22 +9140,30 @@ ul.pf-v6-c-list {
9084
9140
  }
9085
9141
  @media (min-width: 48rem) {
9086
9142
  .pf-v6-c-masthead.pf-m-display-stack-on-md {
9143
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9087
9144
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9088
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9089
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9090
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9091
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9145
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9146
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9147
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9148
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9149
+ --pf-v6-c-masthead__main--GridColumn: unset;
9092
9150
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9093
9151
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9152
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9153
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9094
9154
  }
9095
9155
  .pf-v6-c-masthead.pf-m-display-inline-on-md {
9156
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9096
9157
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9158
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9159
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9160
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9161
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9097
9162
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9098
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9099
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9100
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9101
9163
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9102
9164
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9165
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9166
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9103
9167
  }
9104
9168
  }
9105
9169
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9128,22 +9192,30 @@ ul.pf-v6-c-list {
9128
9192
  }
9129
9193
  @media (min-width: 62rem) {
9130
9194
  .pf-v6-c-masthead.pf-m-display-stack-on-lg {
9195
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9131
9196
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9132
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9133
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9134
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9135
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9197
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9198
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9199
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9200
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9201
+ --pf-v6-c-masthead__main--GridColumn: unset;
9136
9202
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9137
9203
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9204
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9205
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9138
9206
  }
9139
9207
  .pf-v6-c-masthead.pf-m-display-inline-on-lg {
9208
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9140
9209
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9210
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9211
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9212
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9213
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9141
9214
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9142
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9143
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9144
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9145
9215
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9146
9216
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9217
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9218
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9147
9219
  }
9148
9220
  }
9149
9221
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9172,22 +9244,30 @@ ul.pf-v6-c-list {
9172
9244
  }
9173
9245
  @media (min-width: 75rem) {
9174
9246
  .pf-v6-c-masthead.pf-m-display-stack-on-xl {
9247
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9175
9248
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9176
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9177
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9178
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9179
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9249
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9250
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9251
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9252
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9253
+ --pf-v6-c-masthead__main--GridColumn: unset;
9180
9254
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9181
9255
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9256
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9257
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9182
9258
  }
9183
9259
  .pf-v6-c-masthead.pf-m-display-inline-on-xl {
9260
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9184
9261
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9262
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9263
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9264
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9265
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9185
9266
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9186
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9187
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9188
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9189
9267
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9190
9268
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9269
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9270
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9191
9271
  }
9192
9272
  }
9193
9273
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9216,22 +9296,30 @@ ul.pf-v6-c-list {
9216
9296
  }
9217
9297
  @media (min-width: 90.625rem) {
9218
9298
  .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
9299
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9219
9300
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9220
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9221
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9222
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9223
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9301
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9302
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9303
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9304
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9305
+ --pf-v6-c-masthead__main--GridColumn: unset;
9224
9306
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9225
9307
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9308
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9309
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9226
9310
  }
9227
9311
  .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
9312
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9228
9313
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9314
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9315
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9316
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9317
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9229
9318
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9230
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9231
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9232
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9233
9319
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9234
9320
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9321
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9322
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9235
9323
  }
9236
9324
  }
9237
9325
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -10661,8 +10749,8 @@ ul.pf-v6-c-list {
10661
10749
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
10662
10750
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
10663
10751
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10664
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
10665
- --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10752
+ --pf-v6-c-nav--PaddingInlineStart: 0;
10753
+ --pf-v6-c-nav--PaddingInlineEnd: 0;
10666
10754
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
10667
10755
  --pf-v6-c-nav--ColumnGap: 0;
10668
10756
  --pf-v6-c-nav--AlignItems: baseline;
@@ -10752,8 +10840,9 @@ ul.pf-v6-c-list {
10752
10840
  .pf-v6-c-nav.pf-m-overflow-hidden {
10753
10841
  overflow: hidden;
10754
10842
  }
10755
- .pf-v6-c-nav.pf-m-full-width {
10756
- width: 100%;
10843
+ .pf-v6-c-nav.pf-m-inset {
10844
+ --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
10845
+ --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10757
10846
  }
10758
10847
  .pf-v6-c-nav.pf-m-fill {
10759
10848
  flex-grow: 1;
@@ -11348,8 +11437,7 @@ ul.pf-v6-c-list {
11348
11437
 
11349
11438
  :where(:root, .pf-v6-c-page) {
11350
11439
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11351
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
11352
- --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
11440
+ --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11353
11441
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11354
11442
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11355
11443
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -11363,6 +11451,7 @@ ul.pf-v6-c-list {
11363
11451
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11364
11452
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11365
11453
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11454
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
11366
11455
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
11367
11456
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
11368
11457
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11372,8 +11461,8 @@ ul.pf-v6-c-list {
11372
11461
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11373
11462
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11374
11463
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11375
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
11376
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
11464
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
11465
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11377
11466
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11378
11467
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
11379
11468
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -11381,8 +11470,8 @@ ul.pf-v6-c-list {
11381
11470
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
11382
11471
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11383
11472
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11384
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
11385
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
11473
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11474
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11386
11475
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11387
11476
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11388
11477
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -11423,11 +11512,6 @@ ul.pf-v6-c-list {
11423
11512
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11424
11513
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11425
11514
  }
11426
- @media (min-width: 75rem) {
11427
- :where(:root, .pf-v6-c-page) {
11428
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
11429
- }
11430
- }
11431
11515
  @media screen and (min-width: 75rem) {
11432
11516
  :where(:root, .pf-v6-c-page) {
11433
11517
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -11447,7 +11531,7 @@ ul.pf-v6-c-list {
11447
11531
  @media (min-width: 75rem) {
11448
11532
  .pf-v6-c-page {
11449
11533
  grid-template-areas: "header header" "sidebar main";
11450
- grid-template-columns: max-content 1fr;
11534
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11451
11535
  }
11452
11536
  }
11453
11537
 
@@ -11455,6 +11539,11 @@ ul.pf-v6-c-list {
11455
11539
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
11456
11540
  grid-area: header;
11457
11541
  }
11542
+ @media (min-width: 75rem) {
11543
+ .pf-v6-c-page > .pf-v6-c-masthead {
11544
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
11545
+ }
11546
+ }
11458
11547
 
11459
11548
  .pf-v6-c-page__sidebar {
11460
11549
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -11467,6 +11556,7 @@ ul.pf-v6-c-list {
11467
11556
  padding-block-start: 0;
11468
11557
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
11469
11558
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
11559
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
11470
11560
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
11471
11561
  overflow-x: hidden;
11472
11562
  overflow-y: auto;
@@ -11746,6 +11836,11 @@ ul.pf-v6-c-list {
11746
11836
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
11747
11837
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
11748
11838
  }
11839
+ @media screen and (min-width: 75rem) {
11840
+ .pf-v6-c-page__main-container {
11841
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
11842
+ }
11843
+ }
11749
11844
  .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
11750
11845
  align-self: stretch;
11751
11846
  }
@@ -12835,9 +12930,11 @@ ul.pf-v6-c-list {
12835
12930
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
12836
12931
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
12837
12932
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
12838
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
12839
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
12933
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
12934
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
12840
12935
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
12936
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
12937
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
12841
12938
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
12842
12939
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
12843
12940
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -13063,14 +13160,13 @@ ul.pf-v6-c-list {
13063
13160
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
13064
13161
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
13065
13162
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
13066
- text-decoration: underline;
13067
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
13068
- text-decoration-style: dashed;
13069
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
13163
+ 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);
13070
13164
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
13071
13165
  cursor: pointer;
13072
13166
  }
13073
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
13167
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
13168
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
13169
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
13074
13170
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
13075
13171
  }
13076
13172
 
@@ -13827,7 +13923,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13827
13923
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
13828
13924
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
13829
13925
  }
13830
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
13926
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
13831
13927
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
13832
13928
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
13833
13929
  text-decoration: none;
@@ -18374,7 +18470,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18374
18470
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
18375
18471
  }
18376
18472
 
18377
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
18473
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
18378
18474
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
18379
18475
  }
18380
18476
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -18947,15 +19043,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18947
19043
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
18948
19044
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
18949
19045
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
18950
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
18951
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
18952
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
19046
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
19047
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
18953
19048
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
18954
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
18955
19049
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
18956
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
18957
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
18958
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
19050
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
19051
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
18959
19052
  }
18960
19053
 
18961
19054
  .pf-v6-c-timestamp {
@@ -18965,20 +19058,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18965
19058
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
18966
19059
  }
18967
19060
  .pf-v6-c-timestamp.pf-m-help-text {
18968
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
18969
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
18970
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
18971
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
19061
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
18972
19062
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
18973
19063
  cursor: pointer;
18974
19064
  }
18975
- .pf-v6-c-timestamp.pf-m-help-text:hover {
19065
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
18976
19066
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
18977
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
18978
- }
18979
- .pf-v6-c-timestamp.pf-m-help-text:focus {
18980
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
18981
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
19067
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
19068
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
18982
19069
  }
18983
19070
 
18984
19071
  :where(:root, .pf-v6-c-title) {
@@ -19176,7 +19263,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19176
19263
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19177
19264
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19178
19265
  }
19179
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
19266
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
19180
19267
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
19181
19268
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
19182
19269
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -19188,7 +19275,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19188
19275
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
19189
19276
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
19190
19277
  }
19191
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
19278
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
19192
19279
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
19193
19280
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
19194
19281
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);