@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/components/_index.css CHANGED
@@ -8835,44 +8835,58 @@ ul.pf-v6-c-list {
8835
8835
 
8836
8836
  :where(:root, .pf-v6-c-masthead) {
8837
8837
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8838
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
8838
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
8839
8839
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
8840
8840
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
8841
8841
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
8842
8842
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
8843
8843
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8844
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
8845
- --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;
8846
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);
8847
8851
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
8848
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
8849
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
8850
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
8851
- --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);
8852
8856
  --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
8853
8857
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
8854
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
8855
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
8856
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
8857
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
8858
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
8859
- --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;
8860
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);
8861
8872
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
8862
8873
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8863
8874
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
8864
8875
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
8865
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
8866
8876
  }
8867
8877
 
8868
8878
  .pf-v6-c-masthead {
8879
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8869
8880
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8870
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8871
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8872
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8873
- --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;
8874
8886
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8875
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);
8876
8890
  display: grid;
8877
8891
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
8878
8892
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -8888,18 +8902,21 @@ ul.pf-v6-c-list {
8888
8902
  .pf-v6-c-masthead .pf-v6-c-toolbar {
8889
8903
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
8890
8904
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
8891
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
8892
8905
  --pf-v6-c-toolbar__content--MinWidth: 0;
8893
8906
  }
8894
8907
  @media screen and (min-width: 48rem) {
8895
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);
8896
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);
8897
8915
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8898
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8899
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8900
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8901
8916
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8902
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);
8903
8920
  }
8904
8921
  }
8905
8922
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -8912,22 +8929,30 @@ ul.pf-v6-c-list {
8912
8929
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
8913
8930
  }
8914
8931
  .pf-v6-c-masthead.pf-m-display-stack {
8932
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8915
8933
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8916
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8917
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8918
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8919
- --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;
8920
8939
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8921
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);
8922
8943
  }
8923
8944
  .pf-v6-c-masthead.pf-m-display-inline {
8945
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
8924
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);
8925
8951
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8926
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8927
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8928
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8929
8952
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8930
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);
8931
8956
  }
8932
8957
  .pf-v6-c-masthead.pf-m-inset-none {
8933
8958
  padding-inline-start: 0;
@@ -8954,48 +8979,52 @@ ul.pf-v6-c-list {
8954
8979
  padding-inline-end: var(--pf-t--global--spacer--2xl);
8955
8980
  }
8956
8981
 
8957
- .pf-v6-c-masthead,
8958
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 {
8959
8992
  position: relative;
8960
8993
  }
8961
8994
 
8962
- .pf-v6-c-masthead__main,
8963
- .pf-v6-c-masthead__content,
8964
- .pf-v6-c-masthead__logo,
8965
8995
  .pf-v6-c-masthead__brand {
8966
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));
8967
9000
  align-self: stretch;
8968
- }
8969
-
8970
- .pf-v6-c-masthead__main,
8971
- .pf-v6-c-masthead__brand,
8972
- .pf-v6-c-masthead__content {
9001
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
8973
9002
  min-width: 0.25rem;
8974
- }
8975
-
8976
- .pf-v6-c-masthead__main {
8977
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
8978
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
8979
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8980
- order: var(--pf-v6-c-masthead__main--Order);
8981
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
8982
- 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);
8983
9005
  }
8984
9006
 
8985
9007
  .pf-v6-c-masthead__content {
9008
+ display: flex;
8986
9009
  flex-wrap: wrap;
8987
9010
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
8988
9011
  grid-column-end: -1;
8989
9012
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
8990
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
8991
- 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;
8992
9015
  order: var(--pf-v6-c-masthead__content--Order);
9016
+ min-width: 0.25rem;
8993
9017
  }
8994
9018
 
8995
- .pf-v6-c-masthead__brand {
8996
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8997
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
8998
- 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;
8999
9028
  }
9000
9029
 
9001
9030
  .pf-v6-c-masthead__toggle {
@@ -9008,22 +9037,30 @@ ul.pf-v6-c-list {
9008
9037
  }
9009
9038
 
9010
9039
  .pf-v6-c-masthead.pf-m-display-stack {
9040
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9011
9041
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9012
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9013
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9014
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9015
- --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;
9016
9047
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9017
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);
9018
9051
  }
9019
9052
  .pf-v6-c-masthead.pf-m-display-inline {
9053
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9020
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);
9021
9059
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9022
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9023
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9024
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9025
9060
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9026
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);
9027
9064
  }
9028
9065
  .pf-v6-c-masthead.pf-m-inset-none {
9029
9066
  padding-inline-start: 0;
@@ -9051,22 +9088,30 @@ ul.pf-v6-c-list {
9051
9088
  }
9052
9089
  @media (min-width: 36rem) {
9053
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);
9054
9092
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9055
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9056
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9057
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9058
- --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;
9059
9098
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9060
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);
9061
9102
  }
9062
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);
9063
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);
9064
9110
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9065
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9066
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9067
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9068
9111
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9069
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);
9070
9115
  }
9071
9116
  }
9072
9117
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9095,22 +9140,30 @@ ul.pf-v6-c-list {
9095
9140
  }
9096
9141
  @media (min-width: 48rem) {
9097
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);
9098
9144
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9099
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9100
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9101
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9102
- --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;
9103
9150
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9104
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);
9105
9154
  }
9106
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);
9107
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);
9108
9162
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9109
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9110
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9111
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9112
9163
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9113
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);
9114
9167
  }
9115
9168
  }
9116
9169
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9139,22 +9192,30 @@ ul.pf-v6-c-list {
9139
9192
  }
9140
9193
  @media (min-width: 62rem) {
9141
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);
9142
9196
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9143
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9144
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9145
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9146
- --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;
9147
9202
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9148
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);
9149
9206
  }
9150
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);
9151
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);
9152
9214
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9153
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9154
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9155
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9156
9215
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9157
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);
9158
9219
  }
9159
9220
  }
9160
9221
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9183,22 +9244,30 @@ ul.pf-v6-c-list {
9183
9244
  }
9184
9245
  @media (min-width: 75rem) {
9185
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);
9186
9248
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9187
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9188
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9189
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9190
- --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;
9191
9254
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9192
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);
9193
9258
  }
9194
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);
9195
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);
9196
9266
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9197
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9198
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9199
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9200
9267
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9201
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);
9202
9271
  }
9203
9272
  }
9204
9273
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9227,22 +9296,30 @@ ul.pf-v6-c-list {
9227
9296
  }
9228
9297
  @media (min-width: 90.625rem) {
9229
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);
9230
9300
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9231
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9232
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9233
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9234
- --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;
9235
9306
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9236
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);
9237
9310
  }
9238
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);
9239
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);
9240
9318
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9241
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9242
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9243
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9244
9319
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9245
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);
9246
9323
  }
9247
9324
  }
9248
9325
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -10672,8 +10749,8 @@ ul.pf-v6-c-list {
10672
10749
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
10673
10750
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
10674
10751
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10675
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
10676
- --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;
10677
10754
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
10678
10755
  --pf-v6-c-nav--ColumnGap: 0;
10679
10756
  --pf-v6-c-nav--AlignItems: baseline;
@@ -10763,8 +10840,9 @@ ul.pf-v6-c-list {
10763
10840
  .pf-v6-c-nav.pf-m-overflow-hidden {
10764
10841
  overflow: hidden;
10765
10842
  }
10766
- .pf-v6-c-nav.pf-m-full-width {
10767
- 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);
10768
10846
  }
10769
10847
  .pf-v6-c-nav.pf-m-fill {
10770
10848
  flex-grow: 1;
@@ -11359,8 +11437,7 @@ ul.pf-v6-c-list {
11359
11437
 
11360
11438
  :where(:root, .pf-v6-c-page) {
11361
11439
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11362
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
11363
- --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);
11364
11441
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11365
11442
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11366
11443
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -11374,6 +11451,7 @@ ul.pf-v6-c-list {
11374
11451
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11375
11452
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11376
11453
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11454
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
11377
11455
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
11378
11456
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
11379
11457
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11383,8 +11461,8 @@ ul.pf-v6-c-list {
11383
11461
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11384
11462
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11385
11463
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11386
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
11387
- --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);
11388
11466
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11389
11467
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
11390
11468
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -11392,8 +11470,8 @@ ul.pf-v6-c-list {
11392
11470
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
11393
11471
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11394
11472
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11395
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
11396
- --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);
11397
11475
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11398
11476
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11399
11477
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -11434,11 +11512,6 @@ ul.pf-v6-c-list {
11434
11512
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11435
11513
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11436
11514
  }
11437
- @media (min-width: 75rem) {
11438
- :where(:root, .pf-v6-c-page) {
11439
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
11440
- }
11441
- }
11442
11515
  @media screen and (min-width: 75rem) {
11443
11516
  :where(:root, .pf-v6-c-page) {
11444
11517
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -11458,7 +11531,7 @@ ul.pf-v6-c-list {
11458
11531
  @media (min-width: 75rem) {
11459
11532
  .pf-v6-c-page {
11460
11533
  grid-template-areas: "header header" "sidebar main";
11461
- grid-template-columns: max-content 1fr;
11534
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11462
11535
  }
11463
11536
  }
11464
11537
 
@@ -11466,6 +11539,11 @@ ul.pf-v6-c-list {
11466
11539
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
11467
11540
  grid-area: header;
11468
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
+ }
11469
11547
 
11470
11548
  .pf-v6-c-page__sidebar {
11471
11549
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -11478,6 +11556,7 @@ ul.pf-v6-c-list {
11478
11556
  padding-block-start: 0;
11479
11557
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
11480
11558
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
11559
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
11481
11560
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
11482
11561
  overflow-x: hidden;
11483
11562
  overflow-y: auto;
@@ -11757,6 +11836,11 @@ ul.pf-v6-c-list {
11757
11836
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
11758
11837
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
11759
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
+ }
11760
11844
  .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
11761
11845
  align-self: stretch;
11762
11846
  }