@patternfly/patternfly 6.3.0-prerelease.54 → 6.3.0-prerelease.55

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 (8) hide show
  1. package/components/Page/page.css +61 -22
  2. package/components/Page/page.scss +42 -13
  3. package/components/_index.css +61 -22
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +61 -22
  6. package/patternfly.css +61 -22
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -21305,7 +21305,7 @@ ul.pf-v6-c-list {
21305
21305
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
21306
21306
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
21307
21307
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21308
- --pf-v6-c-page__sidebar--BoxShadow: none;
21308
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
21309
21309
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
21310
21310
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21311
21311
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -21320,6 +21320,8 @@ ul.pf-v6-c-list {
21320
21320
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21321
21321
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
21322
21322
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21323
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21324
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
21323
21325
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21324
21326
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21325
21327
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21344,13 +21346,19 @@ ul.pf-v6-c-list {
21344
21346
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
21345
21347
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
21346
21348
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
21347
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--border--width--main--default);
21349
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
21350
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
21351
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
21352
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
21348
21353
  --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
21349
21354
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
21350
21355
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
21351
21356
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
21352
21357
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
21353
21358
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
21359
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21360
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21361
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
21354
21362
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21355
21363
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21356
21364
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21363,22 +21371,30 @@ ul.pf-v6-c-list {
21363
21371
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
21364
21372
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
21365
21373
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21374
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21375
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21366
21376
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
21367
21377
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21378
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21379
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21368
21380
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21369
21381
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
21382
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21383
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21370
21384
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21371
21385
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
21386
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21387
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21372
21388
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21373
21389
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
21374
21390
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
21375
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21376
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21391
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21392
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21377
21393
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21378
21394
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
21379
- --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21395
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21380
21396
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
21381
- --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21397
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21382
21398
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21383
21399
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21384
21400
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -21401,6 +21417,7 @@ ul.pf-v6-c-list {
21401
21417
  .pf-v6-c-page {
21402
21418
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21403
21419
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21420
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21404
21421
  }
21405
21422
  }
21406
21423
 
@@ -21494,6 +21511,7 @@ ul.pf-v6-c-list {
21494
21511
  overflow-y: auto;
21495
21512
  -webkit-overflow-scrolling: touch;
21496
21513
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
21514
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
21497
21515
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
21498
21516
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
21499
21517
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -21509,7 +21527,7 @@ ul.pf-v6-c-list {
21509
21527
  }
21510
21528
  @media screen and (min-width: 75rem) {
21511
21529
  .pf-v6-c-page__sidebar.pf-m-expanded {
21512
- --pf-v6-c-page__sidebar--BoxShadow: none;
21530
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
21513
21531
  }
21514
21532
  }
21515
21533
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -21606,6 +21624,7 @@ ul.pf-v6-c-list {
21606
21624
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
21607
21625
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
21608
21626
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
21627
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
21609
21628
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
21610
21629
  }
21611
21630
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -21615,6 +21634,7 @@ ul.pf-v6-c-list {
21615
21634
  .pf-v6-c-page__main-group.pf-m-shadow-top,
21616
21635
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
21617
21636
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
21637
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
21618
21638
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
21619
21639
  }
21620
21640
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -21626,6 +21646,7 @@ ul.pf-v6-c-list {
21626
21646
  position: sticky;
21627
21647
  inset-block-start: 0;
21628
21648
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21649
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21629
21650
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21630
21651
  }
21631
21652
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -21637,6 +21658,7 @@ ul.pf-v6-c-list {
21637
21658
  position: sticky;
21638
21659
  inset-block-end: 0;
21639
21660
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21661
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21640
21662
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21641
21663
  }
21642
21664
  @media (min-height: 0) {
@@ -21649,6 +21671,7 @@ ul.pf-v6-c-list {
21649
21671
  position: sticky;
21650
21672
  inset-block-start: 0;
21651
21673
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21674
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21652
21675
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21653
21676
  }
21654
21677
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -21660,6 +21683,7 @@ ul.pf-v6-c-list {
21660
21683
  position: sticky;
21661
21684
  inset-block-end: 0;
21662
21685
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21686
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21663
21687
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21664
21688
  }
21665
21689
  }
@@ -21673,6 +21697,7 @@ ul.pf-v6-c-list {
21673
21697
  position: sticky;
21674
21698
  inset-block-start: 0;
21675
21699
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21700
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21676
21701
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21677
21702
  }
21678
21703
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -21684,6 +21709,7 @@ ul.pf-v6-c-list {
21684
21709
  position: sticky;
21685
21710
  inset-block-end: 0;
21686
21711
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21712
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21687
21713
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21688
21714
  }
21689
21715
  }
@@ -21697,6 +21723,7 @@ ul.pf-v6-c-list {
21697
21723
  position: sticky;
21698
21724
  inset-block-start: 0;
21699
21725
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21726
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21700
21727
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21701
21728
  }
21702
21729
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -21708,6 +21735,7 @@ ul.pf-v6-c-list {
21708
21735
  position: sticky;
21709
21736
  inset-block-end: 0;
21710
21737
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21738
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21711
21739
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21712
21740
  }
21713
21741
  }
@@ -21721,6 +21749,7 @@ ul.pf-v6-c-list {
21721
21749
  position: sticky;
21722
21750
  inset-block-start: 0;
21723
21751
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21752
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21724
21753
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21725
21754
  }
21726
21755
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -21732,6 +21761,7 @@ ul.pf-v6-c-list {
21732
21761
  position: sticky;
21733
21762
  inset-block-end: 0;
21734
21763
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21764
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21735
21765
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21736
21766
  }
21737
21767
  }
@@ -21745,6 +21775,7 @@ ul.pf-v6-c-list {
21745
21775
  position: sticky;
21746
21776
  inset-block-start: 0;
21747
21777
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21778
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21748
21779
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21749
21780
  }
21750
21781
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -21756,6 +21787,7 @@ ul.pf-v6-c-list {
21756
21787
  position: sticky;
21757
21788
  inset-block-end: 0;
21758
21789
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21790
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21759
21791
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21760
21792
  }
21761
21793
  }
@@ -21768,7 +21800,11 @@ ul.pf-v6-c-list {
21768
21800
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21769
21801
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21770
21802
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
21771
- border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
21803
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
21804
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
21805
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
21806
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
21807
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
21772
21808
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
21773
21809
  }
21774
21810
  @media screen and (max-width: calc(48rem - 1px)) {
@@ -21778,6 +21814,9 @@ ul.pf-v6-c-list {
21778
21814
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21779
21815
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
21780
21816
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
21817
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21818
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21819
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21781
21820
  }
21782
21821
  }
21783
21822
 
@@ -21898,8 +21937,8 @@ ul.pf-v6-c-list {
21898
21937
  gap: var(--pf-v6-c-page__main-section--RowGap);
21899
21938
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21900
21939
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21901
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21902
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21940
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21941
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21903
21942
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
21904
21943
  }
21905
21944
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -21908,8 +21947,8 @@ ul.pf-v6-c-list {
21908
21947
  .pf-v6-c-page__main-section.pf-m-padding {
21909
21948
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21910
21949
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21911
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21912
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21950
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21951
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21913
21952
  }
21914
21953
  .pf-v6-c-page__main-section.pf-m-no-padding {
21915
21954
  padding: 0;
@@ -21918,8 +21957,8 @@ ul.pf-v6-c-list {
21918
21957
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
21919
21958
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21920
21959
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21921
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21922
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21960
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21961
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21923
21962
  }
21924
21963
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
21925
21964
  padding: 0;
@@ -21929,8 +21968,8 @@ ul.pf-v6-c-list {
21929
21968
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
21930
21969
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21931
21970
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21932
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21933
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21971
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21972
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21934
21973
  }
21935
21974
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
21936
21975
  padding: 0;
@@ -21940,8 +21979,8 @@ ul.pf-v6-c-list {
21940
21979
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
21941
21980
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21942
21981
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21943
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21944
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21982
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21983
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21945
21984
  }
21946
21985
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
21947
21986
  padding: 0;
@@ -21951,8 +21990,8 @@ ul.pf-v6-c-list {
21951
21990
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
21952
21991
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21953
21992
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21954
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21955
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21993
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21994
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21956
21995
  }
21957
21996
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
21958
21997
  padding: 0;
@@ -21962,8 +22001,8 @@ ul.pf-v6-c-list {
21962
22001
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
21963
22002
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21964
22003
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21965
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21966
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
22004
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
22005
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21967
22006
  }
21968
22007
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
21969
22008
  padding: 0;