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

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 (33) hide show
  1. package/base/patternfly-variables.css +0 -36
  2. package/base/tokens/tokens-local.scss +0 -38
  3. package/components/Accordion/accordion.css +2 -2
  4. package/components/Accordion/accordion.scss +2 -2
  5. package/components/Banner/banner.css +1 -1
  6. package/components/Banner/banner.scss +1 -1
  7. package/components/CodeBlock/code-block.css +1 -1
  8. package/components/CodeBlock/code-block.scss +1 -1
  9. package/components/DatePicker/date-picker.css +3 -0
  10. package/components/DatePicker/date-picker.scss +4 -0
  11. package/components/Drawer/drawer.css +2 -2
  12. package/components/Drawer/drawer.scss +2 -2
  13. package/components/Login/login.css +1 -1
  14. package/components/Login/login.scss +1 -1
  15. package/components/Menu/menu.css +1 -1
  16. package/components/Menu/menu.scss +1 -1
  17. package/components/ModalBox/modal-box.css +1 -1
  18. package/components/ModalBox/modal-box.scss +1 -1
  19. package/components/Page/page.css +61 -22
  20. package/components/Page/page.scss +42 -13
  21. package/components/Popover/popover.css +1 -1
  22. package/components/Popover/popover.scss +1 -1
  23. package/components/Table/table.css +1 -1
  24. package/components/Table/table.scss +1 -1
  25. package/components/_index.css +75 -33
  26. package/docs/components/Progress/examples/Progress.md +222 -210
  27. package/package.json +1 -1
  28. package/patternfly-base-no-globals.css +0 -36
  29. package/patternfly-base.css +0 -36
  30. package/patternfly-no-globals.css +75 -69
  31. package/patternfly.css +75 -69
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -7314,42 +7314,6 @@ button) {
7314
7314
  var(--pf-t--global--box-shadow--color--lg--directional);
7315
7315
  --pf-t--global--list-style: disc outside;
7316
7316
  --pf-t--temp--dev--tbd: #BC11E0;
7317
- --pf-t--global--high-contrast--border--width--action--clicked: 0;
7318
- --pf-t--global--high-contrast--border--width--action--default: 0;
7319
- --pf-t--global--high-contrast--border--width--action--hover: 0;
7320
- --pf-t--global--high-contrast--border--width--box--clicked: 0;
7321
- --pf-t--global--high-contrast--border--width--box--default: 0;
7322
- --pf-t--global--high-contrast--border--width--box--hover: 0;
7323
- --pf-t--global--high-contrast--border--width--box--status--default: 0;
7324
- --pf-t--global--high-contrast--border--width--box--status--read: 0;
7325
- --pf-t--global--high-contrast--border--width--control--clicked: 0;
7326
- --pf-t--global--high-contrast--border--width--control--default: 0;
7327
- --pf-t--global--high-contrast--border--width--control--hover: 0;
7328
- --pf-t--global--high-contrast--border--width--divider--clicked: 0;
7329
- --pf-t--global--high-contrast--border--width--divider--default: 0;
7330
- --pf-t--global--high-contrast--border--width--divider--hover: 0;
7331
- --pf-t--global--high-contrast--border--width--extra-strong: 0;
7332
- --pf-t--global--high-contrast--border--width--regular: 0;
7333
- --pf-t--global--high-contrast--border--width--strong: 0;
7334
- }
7335
- :root:where(.pf-v6-theme-high-contrast) {
7336
- --pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
7337
- --pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
7338
- --pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
7339
- --pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
7340
- --pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
7341
- --pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
7342
- --pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
7343
- --pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
7344
- --pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
7345
- --pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
7346
- --pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
7347
- --pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
7348
- --pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
7349
- --pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
7350
- --pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
7351
- --pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
7352
- --pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
7353
7317
  }
7354
7318
 
7355
7319
  :root:where(.pf-v6-theme-dark) {
@@ -9114,8 +9078,8 @@ button) {
9114
9078
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
9115
9079
  --pf-v6-c-accordion__item--BorderWidth: 0;
9116
9080
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
9117
- --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9118
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9081
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9082
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9119
9083
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9120
9084
  }
9121
9085
  @media screen and (prefers-reduced-motion: no-preference) {
@@ -10105,7 +10069,7 @@ button) {
10105
10069
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
10106
10070
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10107
10071
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10108
- --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
10072
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10109
10073
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10110
10074
  --pf-v6-c-banner--link--TextDecoration: underline;
10111
10075
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -12005,7 +11969,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12005
11969
 
12006
11970
  .pf-v6-c-code-block {
12007
11971
  --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
12008
- --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
11972
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
12009
11973
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12010
11974
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
12011
11975
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14155,6 +14119,8 @@ ul) {
14155
14119
  --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
14156
14120
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
14157
14121
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
14122
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
14123
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
14158
14124
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14159
14125
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
14160
14126
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -14185,6 +14151,7 @@ ul) {
14185
14151
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
14186
14152
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
14187
14153
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
14154
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
14188
14155
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
14189
14156
  }
14190
14157
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -14623,9 +14590,9 @@ ul) {
14623
14590
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14624
14591
  --pf-v6-c-drawer__panel--BoxShadow: none;
14625
14592
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
14626
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
14593
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
14627
14594
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14628
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
14595
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
14629
14596
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
14630
14597
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
14631
14598
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -18280,7 +18247,7 @@ ul.pf-v6-c-list {
18280
18247
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18281
18248
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18282
18249
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18283
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18250
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18284
18251
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18285
18252
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18286
18253
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -19060,7 +19027,7 @@ ul.pf-v6-c-list {
19060
19027
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19061
19028
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
19062
19029
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
19063
- --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
19030
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
19064
19031
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
19065
19032
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
19066
19033
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -20198,7 +20165,7 @@ ul.pf-v6-c-list {
20198
20165
  .pf-v6-c-modal-box {
20199
20166
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20200
20167
  --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
20201
- --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
20168
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20202
20169
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20203
20170
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
20204
20171
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -21305,7 +21272,7 @@ ul.pf-v6-c-list {
21305
21272
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
21306
21273
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
21307
21274
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21308
- --pf-v6-c-page__sidebar--BoxShadow: none;
21275
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
21309
21276
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
21310
21277
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21311
21278
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -21320,6 +21287,8 @@ ul.pf-v6-c-list {
21320
21287
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21321
21288
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
21322
21289
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21290
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21291
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
21323
21292
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21324
21293
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21325
21294
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21344,13 +21313,19 @@ ul.pf-v6-c-list {
21344
21313
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
21345
21314
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
21346
21315
  --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);
21316
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
21317
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
21318
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
21319
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
21348
21320
  --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
21349
21321
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
21350
21322
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
21351
21323
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
21352
21324
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
21353
21325
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
21326
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21327
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21328
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
21354
21329
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21355
21330
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21356
21331
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21363,22 +21338,30 @@ ul.pf-v6-c-list {
21363
21338
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
21364
21339
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
21365
21340
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21341
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21342
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21366
21343
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
21367
21344
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21345
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21346
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21368
21347
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21369
21348
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
21349
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21350
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21370
21351
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21371
21352
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
21353
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21354
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21372
21355
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21373
21356
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
21374
21357
  --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));
21358
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21359
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21377
21360
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21378
21361
  --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));
21362
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21380
21363
  --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));
21364
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21382
21365
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21383
21366
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21384
21367
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -21401,6 +21384,7 @@ ul.pf-v6-c-list {
21401
21384
  .pf-v6-c-page {
21402
21385
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21403
21386
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21387
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21404
21388
  }
21405
21389
  }
21406
21390
 
@@ -21494,6 +21478,7 @@ ul.pf-v6-c-list {
21494
21478
  overflow-y: auto;
21495
21479
  -webkit-overflow-scrolling: touch;
21496
21480
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
21481
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
21497
21482
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
21498
21483
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
21499
21484
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -21509,7 +21494,7 @@ ul.pf-v6-c-list {
21509
21494
  }
21510
21495
  @media screen and (min-width: 75rem) {
21511
21496
  .pf-v6-c-page__sidebar.pf-m-expanded {
21512
- --pf-v6-c-page__sidebar--BoxShadow: none;
21497
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
21513
21498
  }
21514
21499
  }
21515
21500
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -21606,6 +21591,7 @@ ul.pf-v6-c-list {
21606
21591
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
21607
21592
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
21608
21593
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
21594
+ 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
21595
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
21610
21596
  }
21611
21597
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -21615,6 +21601,7 @@ ul.pf-v6-c-list {
21615
21601
  .pf-v6-c-page__main-group.pf-m-shadow-top,
21616
21602
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
21617
21603
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
21604
+ 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
21605
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
21619
21606
  }
21620
21607
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -21626,6 +21613,7 @@ ul.pf-v6-c-list {
21626
21613
  position: sticky;
21627
21614
  inset-block-start: 0;
21628
21615
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21616
+ 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
21617
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21630
21618
  }
21631
21619
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -21637,6 +21625,7 @@ ul.pf-v6-c-list {
21637
21625
  position: sticky;
21638
21626
  inset-block-end: 0;
21639
21627
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21628
+ 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
21629
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21641
21630
  }
21642
21631
  @media (min-height: 0) {
@@ -21649,6 +21638,7 @@ ul.pf-v6-c-list {
21649
21638
  position: sticky;
21650
21639
  inset-block-start: 0;
21651
21640
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21641
+ 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
21642
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21653
21643
  }
21654
21644
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -21660,6 +21650,7 @@ ul.pf-v6-c-list {
21660
21650
  position: sticky;
21661
21651
  inset-block-end: 0;
21662
21652
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21653
+ 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
21654
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21664
21655
  }
21665
21656
  }
@@ -21673,6 +21664,7 @@ ul.pf-v6-c-list {
21673
21664
  position: sticky;
21674
21665
  inset-block-start: 0;
21675
21666
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21667
+ 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
21668
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21677
21669
  }
21678
21670
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -21684,6 +21676,7 @@ ul.pf-v6-c-list {
21684
21676
  position: sticky;
21685
21677
  inset-block-end: 0;
21686
21678
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21679
+ 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
21680
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21688
21681
  }
21689
21682
  }
@@ -21697,6 +21690,7 @@ ul.pf-v6-c-list {
21697
21690
  position: sticky;
21698
21691
  inset-block-start: 0;
21699
21692
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21693
+ 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
21694
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21701
21695
  }
21702
21696
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -21708,6 +21702,7 @@ ul.pf-v6-c-list {
21708
21702
  position: sticky;
21709
21703
  inset-block-end: 0;
21710
21704
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21705
+ 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
21706
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21712
21707
  }
21713
21708
  }
@@ -21721,6 +21716,7 @@ ul.pf-v6-c-list {
21721
21716
  position: sticky;
21722
21717
  inset-block-start: 0;
21723
21718
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21719
+ 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
21720
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21725
21721
  }
21726
21722
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -21732,6 +21728,7 @@ ul.pf-v6-c-list {
21732
21728
  position: sticky;
21733
21729
  inset-block-end: 0;
21734
21730
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21731
+ 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
21732
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21736
21733
  }
21737
21734
  }
@@ -21745,6 +21742,7 @@ ul.pf-v6-c-list {
21745
21742
  position: sticky;
21746
21743
  inset-block-start: 0;
21747
21744
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21745
+ 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
21746
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21749
21747
  }
21750
21748
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -21756,6 +21754,7 @@ ul.pf-v6-c-list {
21756
21754
  position: sticky;
21757
21755
  inset-block-end: 0;
21758
21756
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21757
+ 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
21758
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21760
21759
  }
21761
21760
  }
@@ -21768,7 +21767,11 @@ ul.pf-v6-c-list {
21768
21767
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21769
21768
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21770
21769
  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);
21770
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
21771
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
21772
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
21773
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
21774
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
21772
21775
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
21773
21776
  }
21774
21777
  @media screen and (max-width: calc(48rem - 1px)) {
@@ -21778,6 +21781,9 @@ ul.pf-v6-c-list {
21778
21781
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21779
21782
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
21780
21783
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
21784
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21785
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21786
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21781
21787
  }
21782
21788
  }
21783
21789
 
@@ -21898,8 +21904,8 @@ ul.pf-v6-c-list {
21898
21904
  gap: var(--pf-v6-c-page__main-section--RowGap);
21899
21905
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21900
21906
  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));
21907
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21908
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21903
21909
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
21904
21910
  }
21905
21911
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -21908,8 +21914,8 @@ ul.pf-v6-c-list {
21908
21914
  .pf-v6-c-page__main-section.pf-m-padding {
21909
21915
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21910
21916
  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));
21917
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21918
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21913
21919
  }
21914
21920
  .pf-v6-c-page__main-section.pf-m-no-padding {
21915
21921
  padding: 0;
@@ -21918,8 +21924,8 @@ ul.pf-v6-c-list {
21918
21924
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
21919
21925
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21920
21926
  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));
21927
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21928
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21923
21929
  }
21924
21930
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
21925
21931
  padding: 0;
@@ -21929,8 +21935,8 @@ ul.pf-v6-c-list {
21929
21935
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
21930
21936
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21931
21937
  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));
21938
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21939
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21934
21940
  }
21935
21941
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
21936
21942
  padding: 0;
@@ -21940,8 +21946,8 @@ ul.pf-v6-c-list {
21940
21946
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
21941
21947
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21942
21948
  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));
21949
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21950
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21945
21951
  }
21946
21952
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
21947
21953
  padding: 0;
@@ -21951,8 +21957,8 @@ ul.pf-v6-c-list {
21951
21957
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
21952
21958
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21953
21959
  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));
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));
21956
21962
  }
21957
21963
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
21958
21964
  padding: 0;
@@ -21962,8 +21968,8 @@ ul.pf-v6-c-list {
21962
21968
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
21963
21969
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21964
21970
  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));
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));
21967
21973
  }
21968
21974
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
21969
21975
  padding: 0;
@@ -22464,7 +22470,7 @@ ul.pf-v6-c-list {
22464
22470
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22465
22471
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22466
22472
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22467
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
22473
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22468
22474
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
22469
22475
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22470
22476
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26419,7 +26425,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26419
26425
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26420
26426
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26421
26427
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
26422
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
26428
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
26423
26429
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
26424
26430
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26425
26431
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);