@patternfly/patternfly 6.0.0-alpha.160 → 6.0.0-alpha.162

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.
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.160",
4
+ "version": "6.0.0-alpha.162",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -17005,6 +17005,7 @@ ul.pf-v6-c-list {
17005
17005
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
17006
17006
  color: var(--pf-v6-c-nav__link--Color);
17007
17007
  text-align: start;
17008
+ text-decoration: none;
17008
17009
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
17009
17010
  border: none;
17010
17011
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -17563,11 +17564,11 @@ ul.pf-v6-c-list {
17563
17564
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17564
17565
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17565
17566
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
17566
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
17567
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17568
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17569
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
17570
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17567
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17568
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17569
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17570
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17571
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
17571
17572
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17572
17573
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17573
17574
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -17602,6 +17603,7 @@ ul.pf-v6-c-list {
17602
17603
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
17603
17604
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
17604
17605
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
17606
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
17605
17607
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17606
17608
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17607
17609
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -17713,21 +17715,11 @@ ul.pf-v6-c-list {
17713
17715
  flex-grow: 0;
17714
17716
  }
17715
17717
 
17716
- .pf-v6-c-page__main-nav.pf-m-limit-width,
17717
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
17718
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
17719
- .pf-v6-c-page__main-section.pf-m-limit-width,
17720
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
17721
- display: flex;
17722
- flex-direction: column;
17723
- padding: 0;
17724
- }
17725
17718
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17726
17719
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17727
17720
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17728
17721
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17729
17722
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17730
- flex: 1;
17731
17723
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17732
17724
  }
17733
17725
  .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -17752,6 +17744,8 @@ ul.pf-v6-c-list {
17752
17744
  .pf-v6-c-page__main-wizard,
17753
17745
  .pf-v6-c-page__main-group,
17754
17746
  .pf-v6-c-page__main-subnav {
17747
+ display: flex;
17748
+ flex-direction: column;
17755
17749
  flex-shrink: 0;
17756
17750
  }
17757
17751
  .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -17972,6 +17966,7 @@ ul.pf-v6-c-list {
17972
17966
  .pf-v6-c-page__main-list {
17973
17967
  display: flex;
17974
17968
  flex-direction: column;
17969
+ flex-grow: 1;
17975
17970
  }
17976
17971
 
17977
17972
  .pf-v6-c-page__main-nav {
@@ -18086,10 +18081,11 @@ ul.pf-v6-c-list {
18086
18081
  }
18087
18082
 
18088
18083
  .pf-v6-c-page__main-section {
18084
+ gap: var(--pf-v6-c-page__main-section--RowGap);
18089
18085
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18090
18086
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18091
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18092
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18087
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18088
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18093
18089
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
18094
18090
  }
18095
18091
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -18098,8 +18094,8 @@ ul.pf-v6-c-list {
18098
18094
  .pf-v6-c-page__main-section.pf-m-padding {
18099
18095
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18100
18096
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18101
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18102
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18097
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18098
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18103
18099
  }
18104
18100
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
18105
18101
  padding: 0;
@@ -18107,8 +18103,8 @@ ul.pf-v6-c-list {
18107
18103
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18108
18104
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18109
18105
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18110
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18111
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18106
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18107
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18112
18108
  }
18113
18109
  .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 {
18114
18110
  padding: 0;
@@ -18117,8 +18113,8 @@ ul.pf-v6-c-list {
18117
18113
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
18118
18114
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18119
18115
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18120
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18121
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18116
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18117
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18122
18118
  }
18123
18119
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18124
18120
  padding: 0;
@@ -18126,8 +18122,8 @@ ul.pf-v6-c-list {
18126
18122
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18127
18123
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18128
18124
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18129
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18130
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18125
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18126
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18131
18127
  }
18132
18128
  .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 {
18133
18129
  padding: 0;
@@ -18137,8 +18133,8 @@ ul.pf-v6-c-list {
18137
18133
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
18138
18134
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18139
18135
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18140
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18141
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18136
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18137
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18142
18138
  }
18143
18139
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18144
18140
  padding: 0;
@@ -18146,8 +18142,8 @@ ul.pf-v6-c-list {
18146
18142
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18147
18143
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18148
18144
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18149
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18150
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18145
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18146
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18151
18147
  }
18152
18148
  .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 {
18153
18149
  padding: 0;
@@ -18157,8 +18153,8 @@ ul.pf-v6-c-list {
18157
18153
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
18158
18154
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18159
18155
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18160
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18161
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18156
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18157
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18162
18158
  }
18163
18159
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18164
18160
  padding: 0;
@@ -18166,8 +18162,8 @@ ul.pf-v6-c-list {
18166
18162
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18167
18163
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18168
18164
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18169
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18170
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18165
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18166
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18171
18167
  }
18172
18168
  .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 {
18173
18169
  padding: 0;
@@ -18177,8 +18173,8 @@ ul.pf-v6-c-list {
18177
18173
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
18178
18174
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18179
18175
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18180
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18181
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18176
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18177
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18182
18178
  }
18183
18179
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18184
18180
  padding: 0;
@@ -18186,8 +18182,8 @@ ul.pf-v6-c-list {
18186
18182
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18187
18183
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18188
18184
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18189
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18190
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18185
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18186
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18191
18187
  }
18192
18188
  .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 {
18193
18189
  padding: 0;
@@ -18197,8 +18193,8 @@ ul.pf-v6-c-list {
18197
18193
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
18198
18194
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18199
18195
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18200
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18201
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18196
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18197
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18202
18198
  }
18203
18199
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18204
18200
  padding: 0;
@@ -18206,8 +18202,8 @@ ul.pf-v6-c-list {
18206
18202
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18207
18203
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18208
18204
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18209
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18210
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18205
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18206
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18211
18207
  }
18212
18208
  .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 {
18213
18209
  padding: 0;
@@ -18233,25 +18229,14 @@ ul.pf-v6-c-list {
18233
18229
  }
18234
18230
 
18235
18231
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18236
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
18237
18232
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18238
18233
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18239
18234
  }
18240
18235
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18241
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
18242
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
18243
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
18244
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
18245
- }
18246
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
18247
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18248
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18249
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18250
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18236
+ padding-inline-start: 0;
18237
+ padding-inline-end: 0;
18251
18238
  }
18252
18239
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18253
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
18254
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
18255
18240
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18256
18241
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18257
18242
  }
@@ -25585,6 +25570,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25585
25570
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
25586
25571
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
25587
25572
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
25573
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
25588
25574
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
25589
25575
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25590
25576
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
package/patternfly.css CHANGED
@@ -17126,6 +17126,7 @@ ul.pf-v6-c-list {
17126
17126
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
17127
17127
  color: var(--pf-v6-c-nav__link--Color);
17128
17128
  text-align: start;
17129
+ text-decoration: none;
17129
17130
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
17130
17131
  border: none;
17131
17132
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -17684,11 +17685,11 @@ ul.pf-v6-c-list {
17684
17685
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
17685
17686
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
17686
17687
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
17687
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
17688
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17689
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17690
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
17691
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
17688
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17689
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17690
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17691
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17692
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
17692
17693
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
17693
17694
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17694
17695
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -17723,6 +17724,7 @@ ul.pf-v6-c-list {
17723
17724
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
17724
17725
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
17725
17726
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
17727
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
17726
17728
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17727
17729
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17728
17730
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -17834,21 +17836,11 @@ ul.pf-v6-c-list {
17834
17836
  flex-grow: 0;
17835
17837
  }
17836
17838
 
17837
- .pf-v6-c-page__main-nav.pf-m-limit-width,
17838
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
17839
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
17840
- .pf-v6-c-page__main-section.pf-m-limit-width,
17841
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
17842
- display: flex;
17843
- flex-direction: column;
17844
- padding: 0;
17845
- }
17846
17839
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17847
17840
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17848
17841
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17849
17842
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17850
17843
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17851
- flex: 1;
17852
17844
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17853
17845
  }
17854
17846
  .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -17873,6 +17865,8 @@ ul.pf-v6-c-list {
17873
17865
  .pf-v6-c-page__main-wizard,
17874
17866
  .pf-v6-c-page__main-group,
17875
17867
  .pf-v6-c-page__main-subnav {
17868
+ display: flex;
17869
+ flex-direction: column;
17876
17870
  flex-shrink: 0;
17877
17871
  }
17878
17872
  .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -18093,6 +18087,7 @@ ul.pf-v6-c-list {
18093
18087
  .pf-v6-c-page__main-list {
18094
18088
  display: flex;
18095
18089
  flex-direction: column;
18090
+ flex-grow: 1;
18096
18091
  }
18097
18092
 
18098
18093
  .pf-v6-c-page__main-nav {
@@ -18207,10 +18202,11 @@ ul.pf-v6-c-list {
18207
18202
  }
18208
18203
 
18209
18204
  .pf-v6-c-page__main-section {
18205
+ gap: var(--pf-v6-c-page__main-section--RowGap);
18210
18206
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18211
18207
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18212
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18213
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18208
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18209
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18214
18210
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
18215
18211
  }
18216
18212
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -18219,8 +18215,8 @@ ul.pf-v6-c-list {
18219
18215
  .pf-v6-c-page__main-section.pf-m-padding {
18220
18216
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18221
18217
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18222
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18223
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18218
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18219
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18224
18220
  }
18225
18221
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
18226
18222
  padding: 0;
@@ -18228,8 +18224,8 @@ ul.pf-v6-c-list {
18228
18224
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
18229
18225
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18230
18226
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18231
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18232
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18227
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18228
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18233
18229
  }
18234
18230
  .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 {
18235
18231
  padding: 0;
@@ -18238,8 +18234,8 @@ ul.pf-v6-c-list {
18238
18234
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
18239
18235
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18240
18236
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18241
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18242
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18237
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18238
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18243
18239
  }
18244
18240
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18245
18241
  padding: 0;
@@ -18247,8 +18243,8 @@ ul.pf-v6-c-list {
18247
18243
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
18248
18244
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18249
18245
  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);
18246
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18247
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18252
18248
  }
18253
18249
  .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 {
18254
18250
  padding: 0;
@@ -18258,8 +18254,8 @@ ul.pf-v6-c-list {
18258
18254
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
18259
18255
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18260
18256
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18261
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18262
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18257
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18258
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18263
18259
  }
18264
18260
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18265
18261
  padding: 0;
@@ -18267,8 +18263,8 @@ ul.pf-v6-c-list {
18267
18263
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
18268
18264
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18269
18265
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18270
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18271
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18266
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18267
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18272
18268
  }
18273
18269
  .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 {
18274
18270
  padding: 0;
@@ -18278,8 +18274,8 @@ ul.pf-v6-c-list {
18278
18274
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
18279
18275
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18280
18276
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18281
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18282
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18277
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18278
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18283
18279
  }
18284
18280
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18285
18281
  padding: 0;
@@ -18287,8 +18283,8 @@ ul.pf-v6-c-list {
18287
18283
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
18288
18284
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18289
18285
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18290
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18291
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18286
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18287
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18292
18288
  }
18293
18289
  .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 {
18294
18290
  padding: 0;
@@ -18298,8 +18294,8 @@ ul.pf-v6-c-list {
18298
18294
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
18299
18295
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18300
18296
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18301
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18302
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18297
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18298
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18303
18299
  }
18304
18300
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18305
18301
  padding: 0;
@@ -18307,8 +18303,8 @@ ul.pf-v6-c-list {
18307
18303
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
18308
18304
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18309
18305
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18310
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18311
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18306
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18307
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18312
18308
  }
18313
18309
  .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 {
18314
18310
  padding: 0;
@@ -18318,8 +18314,8 @@ ul.pf-v6-c-list {
18318
18314
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
18319
18315
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18320
18316
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18321
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18322
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18317
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18318
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18323
18319
  }
18324
18320
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18325
18321
  padding: 0;
@@ -18327,8 +18323,8 @@ ul.pf-v6-c-list {
18327
18323
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
18328
18324
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18329
18325
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18330
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18331
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18326
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
18327
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
18332
18328
  }
18333
18329
  .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 {
18334
18330
  padding: 0;
@@ -18354,25 +18350,14 @@ ul.pf-v6-c-list {
18354
18350
  }
18355
18351
 
18356
18352
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18357
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
18358
18353
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18359
18354
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18360
18355
  }
18361
18356
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18362
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
18363
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
18364
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
18365
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
18366
- }
18367
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
18368
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
18369
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
18370
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
18371
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
18357
+ padding-inline-start: 0;
18358
+ padding-inline-end: 0;
18372
18359
  }
18373
18360
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
18374
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
18375
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
18376
18361
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
18377
18362
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18378
18363
  }
@@ -25706,6 +25691,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25706
25691
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
25707
25692
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
25708
25693
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
25694
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
25709
25695
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
25710
25696
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25711
25697
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);