@patternfly/patternfly 6.0.0-alpha.161 → 6.0.0-alpha.163

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 (25) hide show
  1. package/components/ClipboardCopy/clipboard-copy.css +11 -19
  2. package/components/ClipboardCopy/clipboard-copy.scss +12 -20
  3. package/components/Page/page.css +38 -54
  4. package/components/Page/page.scss +19 -32
  5. package/components/Toolbar/toolbar.css +1 -0
  6. package/components/Toolbar/toolbar.scss +1 -0
  7. package/components/_index.css +50 -73
  8. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +7 -7
  9. package/docs/components/Page/examples/Page.css +5 -9
  10. package/docs/components/Page/examples/Page.md +71 -32
  11. package/docs/demos/Alert/examples/Alert.md +393 -374
  12. package/docs/demos/CardView/examples/CardView.md +717 -708
  13. package/docs/demos/DataList/examples/DataList.md +2574 -2500
  14. package/docs/demos/Drawer/examples/Drawer.md +190 -182
  15. package/docs/demos/JumpLinks/examples/JumpLinks.md +642 -612
  16. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +3608 -3490
  17. package/docs/demos/Skeleton/examples/Skeleton.md +128 -126
  18. package/docs/demos/Table/examples/Table.md +9458 -9105
  19. package/docs/demos/Tabs/examples/Tabs.md +889 -885
  20. package/docs/demos/Toolbar/examples/Toolbar.md +1254 -1147
  21. package/package.json +1 -1
  22. package/patternfly-no-globals.css +50 -73
  23. package/patternfly.css +50 -73
  24. package/patternfly.min.css +1 -1
  25. 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.161",
4
+ "version": "6.0.0-alpha.163",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -8588,18 +8588,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8588
8588
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
8589
8589
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
8590
8590
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
8591
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
8592
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
8593
8591
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8592
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8594
8593
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8594
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
8595
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
8596
+ --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
8597
+ --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
8595
8598
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
8596
8599
  --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
8597
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
8598
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
8599
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8600
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8601
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8602
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8603
8600
  }
8604
8601
 
8605
8602
  .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
@@ -8607,9 +8604,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8607
8604
  }
8608
8605
  .pf-v6-c-clipboard-copy.pf-m-inline {
8609
8606
  display: inline;
8610
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
8611
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
8612
8607
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
8608
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
8613
8609
  white-space: nowrap;
8614
8610
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
8615
8611
  }
@@ -8664,17 +8660,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8664
8660
 
8665
8661
  .pf-v6-c-clipboard-copy__actions {
8666
8662
  display: inline-flex;
8663
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
8664
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
8667
8665
  }
8668
8666
 
8669
- .pf-v6-c-clipboard-copy__actions-item {
8670
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
8671
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
8672
- }
8673
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
8674
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
8675
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
8676
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
8677
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
8667
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8668
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8669
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8678
8670
  }
8679
8671
 
8680
8672
  :where(:root, .pf-v6-c-code-block) {
@@ -17564,11 +17556,11 @@ ul.pf-v6-c-list {
17564
17556
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17565
17557
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17566
17558
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
17567
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
17568
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17569
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17570
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
17571
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17559
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17560
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17561
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17562
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17563
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
17572
17564
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17573
17565
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17574
17566
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -17603,6 +17595,7 @@ ul.pf-v6-c-list {
17603
17595
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
17604
17596
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
17605
17597
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
17598
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
17606
17599
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17607
17600
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17608
17601
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -17714,21 +17707,11 @@ ul.pf-v6-c-list {
17714
17707
  flex-grow: 0;
17715
17708
  }
17716
17709
 
17717
- .pf-v6-c-page__main-nav.pf-m-limit-width,
17718
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
17719
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
17720
- .pf-v6-c-page__main-section.pf-m-limit-width,
17721
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
17722
- display: flex;
17723
- flex-direction: column;
17724
- padding: 0;
17725
- }
17726
17710
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17727
17711
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17728
17712
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17729
17713
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17730
17714
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17731
- flex: 1;
17732
17715
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17733
17716
  }
17734
17717
  .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -17753,6 +17736,8 @@ ul.pf-v6-c-list {
17753
17736
  .pf-v6-c-page__main-wizard,
17754
17737
  .pf-v6-c-page__main-group,
17755
17738
  .pf-v6-c-page__main-subnav {
17739
+ display: flex;
17740
+ flex-direction: column;
17756
17741
  flex-shrink: 0;
17757
17742
  }
17758
17743
  .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -17973,6 +17958,7 @@ ul.pf-v6-c-list {
17973
17958
  .pf-v6-c-page__main-list {
17974
17959
  display: flex;
17975
17960
  flex-direction: column;
17961
+ flex-grow: 1;
17976
17962
  }
17977
17963
 
17978
17964
  .pf-v6-c-page__main-nav {
@@ -18087,10 +18073,11 @@ ul.pf-v6-c-list {
18087
18073
  }
18088
18074
 
18089
18075
  .pf-v6-c-page__main-section {
18076
+ gap: var(--pf-v6-c-page__main-section--RowGap);
18090
18077
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18091
18078
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18092
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18093
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18079
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18080
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18094
18081
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
18095
18082
  }
18096
18083
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -18099,8 +18086,8 @@ ul.pf-v6-c-list {
18099
18086
  .pf-v6-c-page__main-section.pf-m-padding {
18100
18087
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18101
18088
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18102
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18103
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18089
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18090
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18104
18091
  }
18105
18092
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
18106
18093
  padding: 0;
@@ -18108,8 +18095,8 @@ ul.pf-v6-c-list {
18108
18095
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18109
18096
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18110
18097
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18111
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18112
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18098
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18099
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18113
18100
  }
18114
18101
  .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18115
18102
  padding: 0;
@@ -18118,8 +18105,8 @@ ul.pf-v6-c-list {
18118
18105
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
18119
18106
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18120
18107
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18121
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18122
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18108
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18109
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18123
18110
  }
18124
18111
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18125
18112
  padding: 0;
@@ -18127,8 +18114,8 @@ ul.pf-v6-c-list {
18127
18114
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18128
18115
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18129
18116
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18130
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18131
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18117
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18118
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18132
18119
  }
18133
18120
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18134
18121
  padding: 0;
@@ -18138,8 +18125,8 @@ ul.pf-v6-c-list {
18138
18125
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
18139
18126
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18140
18127
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18141
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18142
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18128
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18129
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18143
18130
  }
18144
18131
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18145
18132
  padding: 0;
@@ -18147,8 +18134,8 @@ ul.pf-v6-c-list {
18147
18134
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18148
18135
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18149
18136
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18150
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18151
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18137
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18138
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18152
18139
  }
18153
18140
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18154
18141
  padding: 0;
@@ -18158,8 +18145,8 @@ ul.pf-v6-c-list {
18158
18145
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
18159
18146
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18160
18147
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18161
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18162
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18148
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18149
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18163
18150
  }
18164
18151
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18165
18152
  padding: 0;
@@ -18167,8 +18154,8 @@ ul.pf-v6-c-list {
18167
18154
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18168
18155
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18169
18156
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18170
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18171
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18157
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18158
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18172
18159
  }
18173
18160
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18174
18161
  padding: 0;
@@ -18178,8 +18165,8 @@ ul.pf-v6-c-list {
18178
18165
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
18179
18166
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18180
18167
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18181
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18182
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18168
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18169
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18183
18170
  }
18184
18171
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18185
18172
  padding: 0;
@@ -18187,8 +18174,8 @@ ul.pf-v6-c-list {
18187
18174
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18188
18175
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18189
18176
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18190
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18191
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18177
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18178
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18192
18179
  }
18193
18180
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18194
18181
  padding: 0;
@@ -18198,8 +18185,8 @@ ul.pf-v6-c-list {
18198
18185
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
18199
18186
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18200
18187
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18201
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18202
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18188
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18189
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18203
18190
  }
18204
18191
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18205
18192
  padding: 0;
@@ -18207,8 +18194,8 @@ ul.pf-v6-c-list {
18207
18194
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18208
18195
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18209
18196
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18210
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18211
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18197
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18198
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18212
18199
  }
18213
18200
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18214
18201
  padding: 0;
@@ -18234,25 +18221,14 @@ ul.pf-v6-c-list {
18234
18221
  }
18235
18222
 
18236
18223
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18237
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
18238
18224
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18239
18225
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18240
18226
  }
18241
18227
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18242
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
18243
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
18244
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
18245
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
18246
- }
18247
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
18248
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18249
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18250
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18251
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18228
+ padding-inline-start: 0;
18229
+ padding-inline-end: 0;
18252
18230
  }
18253
18231
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18254
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
18255
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
18256
18232
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18257
18233
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18258
18234
  }
@@ -25586,6 +25562,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25586
25562
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
25587
25563
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
25588
25564
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
25565
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
25589
25566
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
25590
25567
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25591
25568
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
package/patternfly.css CHANGED
@@ -8709,18 +8709,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8709
8709
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
8710
8710
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
8711
8711
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
8712
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
8713
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
8714
8712
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8713
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8715
8714
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8715
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
8716
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
8717
+ --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
8718
+ --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
8716
8719
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
8717
8720
  --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
8718
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
8719
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
8720
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8721
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8722
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8723
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8724
8721
  }
8725
8722
 
8726
8723
  .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
@@ -8728,9 +8725,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8728
8725
  }
8729
8726
  .pf-v6-c-clipboard-copy.pf-m-inline {
8730
8727
  display: inline;
8731
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
8732
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
8733
8728
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
8729
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
8734
8730
  white-space: nowrap;
8735
8731
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
8736
8732
  }
@@ -8785,17 +8781,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8785
8781
 
8786
8782
  .pf-v6-c-clipboard-copy__actions {
8787
8783
  display: inline-flex;
8784
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
8785
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
8788
8786
  }
8789
8787
 
8790
- .pf-v6-c-clipboard-copy__actions-item {
8791
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
8792
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
8793
- }
8794
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
8795
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
8796
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
8797
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
8798
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
8788
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8789
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8790
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8799
8791
  }
8800
8792
 
8801
8793
  :where(:root, .pf-v6-c-code-block) {
@@ -17685,11 +17677,11 @@ ul.pf-v6-c-list {
17685
17677
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17686
17678
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17687
17679
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
17688
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
17689
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17690
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17691
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
17692
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17680
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17681
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17682
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17683
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17684
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
17693
17685
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17694
17686
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17695
17687
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -17724,6 +17716,7 @@ ul.pf-v6-c-list {
17724
17716
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
17725
17717
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
17726
17718
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
17719
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
17727
17720
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17728
17721
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17729
17722
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -17835,21 +17828,11 @@ ul.pf-v6-c-list {
17835
17828
  flex-grow: 0;
17836
17829
  }
17837
17830
 
17838
- .pf-v6-c-page__main-nav.pf-m-limit-width,
17839
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
17840
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
17841
- .pf-v6-c-page__main-section.pf-m-limit-width,
17842
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
17843
- display: flex;
17844
- flex-direction: column;
17845
- padding: 0;
17846
- }
17847
17831
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17848
17832
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17849
17833
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17850
17834
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17851
17835
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17852
- flex: 1;
17853
17836
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17854
17837
  }
17855
17838
  .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -17874,6 +17857,8 @@ ul.pf-v6-c-list {
17874
17857
  .pf-v6-c-page__main-wizard,
17875
17858
  .pf-v6-c-page__main-group,
17876
17859
  .pf-v6-c-page__main-subnav {
17860
+ display: flex;
17861
+ flex-direction: column;
17877
17862
  flex-shrink: 0;
17878
17863
  }
17879
17864
  .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -18094,6 +18079,7 @@ ul.pf-v6-c-list {
18094
18079
  .pf-v6-c-page__main-list {
18095
18080
  display: flex;
18096
18081
  flex-direction: column;
18082
+ flex-grow: 1;
18097
18083
  }
18098
18084
 
18099
18085
  .pf-v6-c-page__main-nav {
@@ -18208,10 +18194,11 @@ ul.pf-v6-c-list {
18208
18194
  }
18209
18195
 
18210
18196
  .pf-v6-c-page__main-section {
18197
+ gap: var(--pf-v6-c-page__main-section--RowGap);
18211
18198
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18212
18199
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18213
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18214
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18200
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18201
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18215
18202
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
18216
18203
  }
18217
18204
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -18220,8 +18207,8 @@ ul.pf-v6-c-list {
18220
18207
  .pf-v6-c-page__main-section.pf-m-padding {
18221
18208
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18222
18209
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18223
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18224
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18210
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18211
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18225
18212
  }
18226
18213
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
18227
18214
  padding: 0;
@@ -18229,8 +18216,8 @@ ul.pf-v6-c-list {
18229
18216
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18230
18217
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18231
18218
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18232
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18233
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18219
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18220
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18234
18221
  }
18235
18222
  .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18236
18223
  padding: 0;
@@ -18239,8 +18226,8 @@ ul.pf-v6-c-list {
18239
18226
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
18240
18227
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18241
18228
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18242
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18243
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18229
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18230
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18244
18231
  }
18245
18232
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18246
18233
  padding: 0;
@@ -18248,8 +18235,8 @@ ul.pf-v6-c-list {
18248
18235
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18249
18236
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18250
18237
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18251
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18252
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18238
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18239
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18253
18240
  }
18254
18241
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18255
18242
  padding: 0;
@@ -18259,8 +18246,8 @@ ul.pf-v6-c-list {
18259
18246
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
18260
18247
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18261
18248
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18262
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18263
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18249
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18250
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18264
18251
  }
18265
18252
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18266
18253
  padding: 0;
@@ -18268,8 +18255,8 @@ ul.pf-v6-c-list {
18268
18255
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18269
18256
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18270
18257
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18271
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18272
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18258
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18259
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18273
18260
  }
18274
18261
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18275
18262
  padding: 0;
@@ -18279,8 +18266,8 @@ ul.pf-v6-c-list {
18279
18266
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
18280
18267
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18281
18268
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18282
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18283
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18269
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18270
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18284
18271
  }
18285
18272
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18286
18273
  padding: 0;
@@ -18288,8 +18275,8 @@ ul.pf-v6-c-list {
18288
18275
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18289
18276
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18290
18277
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18291
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18292
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18278
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18279
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18293
18280
  }
18294
18281
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18295
18282
  padding: 0;
@@ -18299,8 +18286,8 @@ ul.pf-v6-c-list {
18299
18286
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
18300
18287
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18301
18288
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18302
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18303
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18289
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18290
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18304
18291
  }
18305
18292
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18306
18293
  padding: 0;
@@ -18308,8 +18295,8 @@ ul.pf-v6-c-list {
18308
18295
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18309
18296
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18310
18297
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18311
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18312
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18298
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18299
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18313
18300
  }
18314
18301
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18315
18302
  padding: 0;
@@ -18319,8 +18306,8 @@ ul.pf-v6-c-list {
18319
18306
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
18320
18307
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18321
18308
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18322
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18323
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18309
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18310
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18324
18311
  }
18325
18312
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18326
18313
  padding: 0;
@@ -18328,8 +18315,8 @@ ul.pf-v6-c-list {
18328
18315
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18329
18316
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18330
18317
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18331
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18332
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18318
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18319
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18333
18320
  }
18334
18321
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18335
18322
  padding: 0;
@@ -18355,25 +18342,14 @@ ul.pf-v6-c-list {
18355
18342
  }
18356
18343
 
18357
18344
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18358
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
18359
18345
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18360
18346
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18361
18347
  }
18362
18348
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18363
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
18364
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
18365
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
18366
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
18367
- }
18368
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
18369
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18370
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18371
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18372
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18349
+ padding-inline-start: 0;
18350
+ padding-inline-end: 0;
18373
18351
  }
18374
18352
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18375
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
18376
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
18377
18353
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18378
18354
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18379
18355
  }
@@ -25707,6 +25683,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25707
25683
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
25708
25684
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
25709
25685
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
25686
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
25710
25687
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
25711
25688
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25712
25689
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);