@patternfly/patternfly 6.0.0-alpha.201 → 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 (37) hide show
  1. package/components/Masthead/masthead.css +172 -95
  2. package/components/Masthead/masthead.scss +74 -49
  3. package/components/Nav/nav.css +5 -4
  4. package/components/Nav/nav.scss +5 -4
  5. package/components/Page/page.css +18 -12
  6. package/components/Page/page.scss +18 -12
  7. package/components/_index.css +195 -111
  8. package/docs/components/Masthead/examples/masthead.md +506 -493
  9. package/docs/components/Nav/examples/Navigation.md +0 -1
  10. package/docs/components/Page/examples/Page.md +98 -89
  11. package/docs/components/Wizard/examples/Wizard.md +1 -1
  12. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  13. package/docs/demos/Alert/examples/Alert.md +263 -251
  14. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  15. package/docs/demos/Banner/examples/Banner.md +177 -173
  16. package/docs/demos/CardView/examples/CardView.md +90 -88
  17. package/docs/demos/Dashboard/examples/Dashboard.md +87 -83
  18. package/docs/demos/DataList/examples/DataList.md +352 -344
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  20. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  22. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  23. package/docs/demos/Modal/examples/Modal.md +522 -498
  24. package/docs/demos/Nav/examples/Nav.md +511 -487
  25. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  26. package/docs/demos/Page/examples/Page.md +959 -915
  27. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  28. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  29. package/docs/demos/Table/examples/Table.md +1320 -1288
  30. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  31. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  32. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  33. package/package.json +1 -1
  34. package/patternfly-no-globals.css +195 -111
  35. package/patternfly.css +195 -111
  36. package/patternfly.min.css +1 -1
  37. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.201",
4
+ "version": "6.0.0-alpha.202",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -14898,44 +14898,58 @@ ul.pf-v6-c-list {
14898
14898
 
14899
14899
  :where(:root, .pf-v6-c-masthead) {
14900
14900
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
14901
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
14901
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
14902
14902
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
14903
14903
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
14904
14904
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
14905
14905
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
14906
14906
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14907
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
14908
- --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;
14909
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);
14910
14914
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
14911
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
14912
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
14913
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
14914
- --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);
14915
14919
  --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
14916
14920
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
14917
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
14918
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
14919
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
14920
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
14921
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
14922
- --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;
14923
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);
14924
14935
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
14925
14936
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
14926
14937
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
14927
14938
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
14928
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
14929
14939
  }
14930
14940
 
14931
14941
  .pf-v6-c-masthead {
14942
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
14932
14943
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
14933
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
14934
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
14935
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
14936
- --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;
14937
14949
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
14938
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);
14939
14953
  display: grid;
14940
14954
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
14941
14955
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -14951,18 +14965,21 @@ ul.pf-v6-c-list {
14951
14965
  .pf-v6-c-masthead .pf-v6-c-toolbar {
14952
14966
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
14953
14967
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
14954
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
14955
14968
  --pf-v6-c-toolbar__content--MinWidth: 0;
14956
14969
  }
14957
14970
  @media screen and (min-width: 48rem) {
14958
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);
14959
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);
14960
14978
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
14961
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
14962
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
14963
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
14964
14979
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
14965
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);
14966
14983
  }
14967
14984
  }
14968
14985
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -14975,22 +14992,30 @@ ul.pf-v6-c-list {
14975
14992
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
14976
14993
  }
14977
14994
  .pf-v6-c-masthead.pf-m-display-stack {
14995
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
14978
14996
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
14979
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
14980
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
14981
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
14982
- --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;
14983
15002
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
14984
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);
14985
15006
  }
14986
15007
  .pf-v6-c-masthead.pf-m-display-inline {
15008
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
14987
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);
14988
15014
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
14989
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
14990
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
14991
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
14992
15015
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
14993
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);
14994
15019
  }
14995
15020
  .pf-v6-c-masthead.pf-m-inset-none {
14996
15021
  padding-inline-start: 0;
@@ -15017,48 +15042,52 @@ ul.pf-v6-c-list {
15017
15042
  padding-inline-end: var(--pf-t--global--spacer--2xl);
15018
15043
  }
15019
15044
 
15020
- .pf-v6-c-masthead,
15021
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 {
15022
15055
  position: relative;
15023
15056
  }
15024
15057
 
15025
- .pf-v6-c-masthead__main,
15026
- .pf-v6-c-masthead__content,
15027
- .pf-v6-c-masthead__logo,
15028
15058
  .pf-v6-c-masthead__brand {
15029
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));
15030
15063
  align-self: stretch;
15031
- }
15032
-
15033
- .pf-v6-c-masthead__main,
15034
- .pf-v6-c-masthead__brand,
15035
- .pf-v6-c-masthead__content {
15064
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
15036
15065
  min-width: 0.25rem;
15037
- }
15038
-
15039
- .pf-v6-c-masthead__main {
15040
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
15041
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
15042
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15043
- order: var(--pf-v6-c-masthead__main--Order);
15044
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
15045
- 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);
15046
15068
  }
15047
15069
 
15048
15070
  .pf-v6-c-masthead__content {
15071
+ display: flex;
15049
15072
  flex-wrap: wrap;
15050
15073
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
15051
15074
  grid-column-end: -1;
15052
15075
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
15053
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
15054
- 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;
15055
15078
  order: var(--pf-v6-c-masthead__content--Order);
15079
+ min-width: 0.25rem;
15056
15080
  }
15057
15081
 
15058
- .pf-v6-c-masthead__brand {
15059
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
15060
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
15061
- 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;
15062
15091
  }
15063
15092
 
15064
15093
  .pf-v6-c-masthead__toggle {
@@ -15071,22 +15100,30 @@ ul.pf-v6-c-list {
15071
15100
  }
15072
15101
 
15073
15102
  .pf-v6-c-masthead.pf-m-display-stack {
15103
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
15074
15104
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15075
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15076
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15077
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15078
- --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;
15079
15110
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15080
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);
15081
15114
  }
15082
15115
  .pf-v6-c-masthead.pf-m-display-inline {
15116
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
15083
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);
15084
15122
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15085
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15086
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15087
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15088
15123
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15089
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);
15090
15127
  }
15091
15128
  .pf-v6-c-masthead.pf-m-inset-none {
15092
15129
  padding-inline-start: 0;
@@ -15114,22 +15151,30 @@ ul.pf-v6-c-list {
15114
15151
  }
15115
15152
  @media (min-width: 36rem) {
15116
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);
15117
15155
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15118
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15119
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15120
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15121
- --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;
15122
15161
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15123
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);
15124
15165
  }
15125
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);
15126
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);
15127
15173
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15128
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15129
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15130
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15131
15174
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15132
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);
15133
15178
  }
15134
15179
  }
15135
15180
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15158,22 +15203,30 @@ ul.pf-v6-c-list {
15158
15203
  }
15159
15204
  @media (min-width: 48rem) {
15160
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);
15161
15207
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15162
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15163
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15164
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15165
- --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;
15166
15213
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15167
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);
15168
15217
  }
15169
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);
15170
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);
15171
15225
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15172
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15173
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15174
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15175
15226
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15176
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);
15177
15230
  }
15178
15231
  }
15179
15232
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15202,22 +15255,30 @@ ul.pf-v6-c-list {
15202
15255
  }
15203
15256
  @media (min-width: 62rem) {
15204
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);
15205
15259
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15206
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15207
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15208
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15209
- --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;
15210
15265
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15211
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);
15212
15269
  }
15213
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);
15214
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);
15215
15277
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15216
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15217
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15218
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15219
15278
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15220
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);
15221
15282
  }
15222
15283
  }
15223
15284
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15246,22 +15307,30 @@ ul.pf-v6-c-list {
15246
15307
  }
15247
15308
  @media (min-width: 75rem) {
15248
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);
15249
15311
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15250
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15251
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15252
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15253
- --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;
15254
15317
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15255
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);
15256
15321
  }
15257
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);
15258
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);
15259
15329
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15260
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15261
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15262
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15263
15330
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15264
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);
15265
15334
  }
15266
15335
  }
15267
15336
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -15290,22 +15359,30 @@ ul.pf-v6-c-list {
15290
15359
  }
15291
15360
  @media (min-width: 90.625rem) {
15292
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);
15293
15363
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
15294
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
15295
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
15296
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
15297
- --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;
15298
15369
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
15299
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);
15300
15373
  }
15301
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);
15302
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);
15303
15381
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
15304
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
15305
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
15306
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
15307
15382
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
15308
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);
15309
15386
  }
15310
15387
  }
15311
15388
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -16735,8 +16812,8 @@ ul.pf-v6-c-list {
16735
16812
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
16736
16813
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
16737
16814
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16738
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
16739
- --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;
16740
16817
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
16741
16818
  --pf-v6-c-nav--ColumnGap: 0;
16742
16819
  --pf-v6-c-nav--AlignItems: baseline;
@@ -16826,8 +16903,9 @@ ul.pf-v6-c-list {
16826
16903
  .pf-v6-c-nav.pf-m-overflow-hidden {
16827
16904
  overflow: hidden;
16828
16905
  }
16829
- .pf-v6-c-nav.pf-m-full-width {
16830
- 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);
16831
16909
  }
16832
16910
  .pf-v6-c-nav.pf-m-fill {
16833
16911
  flex-grow: 1;
@@ -17422,8 +17500,7 @@ ul.pf-v6-c-list {
17422
17500
 
17423
17501
  :where(:root, .pf-v6-c-page) {
17424
17502
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17425
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
17426
- --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);
17427
17504
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
17428
17505
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
17429
17506
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -17437,6 +17514,7 @@ ul.pf-v6-c-list {
17437
17514
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
17438
17515
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17439
17516
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
17517
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
17440
17518
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17441
17519
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17442
17520
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17446,8 +17524,8 @@ ul.pf-v6-c-list {
17446
17524
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
17447
17525
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
17448
17526
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
17449
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
17450
- --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);
17451
17529
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
17452
17530
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
17453
17531
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -17455,8 +17533,8 @@ ul.pf-v6-c-list {
17455
17533
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
17456
17534
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
17457
17535
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17458
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
17459
- --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);
17460
17538
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17461
17539
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17462
17540
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -17497,11 +17575,6 @@ ul.pf-v6-c-list {
17497
17575
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
17498
17576
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
17499
17577
  }
17500
- @media (min-width: 75rem) {
17501
- :where(:root, .pf-v6-c-page) {
17502
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
17503
- }
17504
- }
17505
17578
  @media screen and (min-width: 75rem) {
17506
17579
  :where(:root, .pf-v6-c-page) {
17507
17580
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -17521,7 +17594,7 @@ ul.pf-v6-c-list {
17521
17594
  @media (min-width: 75rem) {
17522
17595
  .pf-v6-c-page {
17523
17596
  grid-template-areas: "header header" "sidebar main";
17524
- grid-template-columns: max-content 1fr;
17597
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
17525
17598
  }
17526
17599
  }
17527
17600
 
@@ -17529,6 +17602,11 @@ ul.pf-v6-c-list {
17529
17602
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
17530
17603
  grid-area: header;
17531
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
+ }
17532
17610
 
17533
17611
  .pf-v6-c-page__sidebar {
17534
17612
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -17541,6 +17619,7 @@ ul.pf-v6-c-list {
17541
17619
  padding-block-start: 0;
17542
17620
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
17543
17621
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
17622
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
17544
17623
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
17545
17624
  overflow-x: hidden;
17546
17625
  overflow-y: auto;
@@ -17820,6 +17899,11 @@ ul.pf-v6-c-list {
17820
17899
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
17821
17900
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
17822
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
+ }
17823
17907
  .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
17824
17908
  align-self: stretch;
17825
17909
  }