@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.
@@ -7174,42 +7174,6 @@
7174
7174
  var(--pf-t--global--box-shadow--color--lg--directional);
7175
7175
  --pf-t--global--list-style: disc outside;
7176
7176
  --pf-t--temp--dev--tbd: #BC11E0;
7177
- --pf-t--global--high-contrast--border--width--action--clicked: 0;
7178
- --pf-t--global--high-contrast--border--width--action--default: 0;
7179
- --pf-t--global--high-contrast--border--width--action--hover: 0;
7180
- --pf-t--global--high-contrast--border--width--box--clicked: 0;
7181
- --pf-t--global--high-contrast--border--width--box--default: 0;
7182
- --pf-t--global--high-contrast--border--width--box--hover: 0;
7183
- --pf-t--global--high-contrast--border--width--box--status--default: 0;
7184
- --pf-t--global--high-contrast--border--width--box--status--read: 0;
7185
- --pf-t--global--high-contrast--border--width--control--clicked: 0;
7186
- --pf-t--global--high-contrast--border--width--control--default: 0;
7187
- --pf-t--global--high-contrast--border--width--control--hover: 0;
7188
- --pf-t--global--high-contrast--border--width--divider--clicked: 0;
7189
- --pf-t--global--high-contrast--border--width--divider--default: 0;
7190
- --pf-t--global--high-contrast--border--width--divider--hover: 0;
7191
- --pf-t--global--high-contrast--border--width--extra-strong: 0;
7192
- --pf-t--global--high-contrast--border--width--regular: 0;
7193
- --pf-t--global--high-contrast--border--width--strong: 0;
7194
- }
7195
- :root:where(.pf-v6-theme-high-contrast) {
7196
- --pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
7197
- --pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
7198
- --pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
7199
- --pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
7200
- --pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
7201
- --pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
7202
- --pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
7203
- --pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
7204
- --pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
7205
- --pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
7206
- --pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
7207
- --pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
7208
- --pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
7209
- --pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
7210
- --pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
7211
- --pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
7212
- --pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
7213
7177
  }
7214
7178
 
7215
7179
  :root:where(.pf-v6-theme-dark) {
@@ -8974,8 +8938,8 @@
8974
8938
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
8975
8939
  --pf-v6-c-accordion__item--BorderWidth: 0;
8976
8940
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
8977
- --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
8978
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
8941
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8942
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8979
8943
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8980
8944
  }
8981
8945
  @media screen and (prefers-reduced-motion: no-preference) {
@@ -9965,7 +9929,7 @@
9965
9929
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
9966
9930
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
9967
9931
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
9968
- --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9932
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9969
9933
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
9970
9934
  --pf-v6-c-banner--link--TextDecoration: underline;
9971
9935
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -11865,7 +11829,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11865
11829
 
11866
11830
  .pf-v6-c-code-block {
11867
11831
  --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
11868
- --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
11832
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11869
11833
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11870
11834
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
11871
11835
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14015,6 +13979,8 @@ ul) {
14015
13979
  --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));
14016
13980
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
14017
13981
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
13982
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13983
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
14018
13984
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14019
13985
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
14020
13986
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -14045,6 +14011,7 @@ ul) {
14045
14011
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
14046
14012
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
14047
14013
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
14014
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
14048
14015
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
14049
14016
  }
14050
14017
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -14483,9 +14450,9 @@ ul) {
14483
14450
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14484
14451
  --pf-v6-c-drawer__panel--BoxShadow: none;
14485
14452
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
14486
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
14453
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
14487
14454
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14488
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
14455
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
14489
14456
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
14490
14457
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
14491
14458
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -18140,7 +18107,7 @@ ul.pf-v6-c-list {
18140
18107
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18141
18108
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18142
18109
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18143
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18110
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18144
18111
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18145
18112
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18146
18113
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -18920,7 +18887,7 @@ ul.pf-v6-c-list {
18920
18887
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18921
18888
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
18922
18889
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
18923
- --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18890
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18924
18891
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
18925
18892
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
18926
18893
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -20058,7 +20025,7 @@ ul.pf-v6-c-list {
20058
20025
  .pf-v6-c-modal-box {
20059
20026
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20060
20027
  --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
20061
- --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
20028
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20062
20029
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20063
20030
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
20064
20031
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -21165,7 +21132,7 @@ ul.pf-v6-c-list {
21165
21132
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
21166
21133
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
21167
21134
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21168
- --pf-v6-c-page__sidebar--BoxShadow: none;
21135
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
21169
21136
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
21170
21137
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21171
21138
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -21180,6 +21147,8 @@ ul.pf-v6-c-list {
21180
21147
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21181
21148
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
21182
21149
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21150
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21151
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
21183
21152
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21184
21153
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21185
21154
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21204,13 +21173,19 @@ ul.pf-v6-c-list {
21204
21173
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
21205
21174
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
21206
21175
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
21207
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--border--width--main--default);
21176
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
21177
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
21178
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
21179
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
21208
21180
  --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
21209
21181
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
21210
21182
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
21211
21183
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
21212
21184
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
21213
21185
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
21186
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21187
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21188
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
21214
21189
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21215
21190
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21216
21191
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21223,22 +21198,30 @@ ul.pf-v6-c-list {
21223
21198
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
21224
21199
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
21225
21200
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21201
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21202
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21226
21203
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
21227
21204
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21205
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21206
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21228
21207
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21229
21208
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
21209
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21210
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
21230
21211
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21231
21212
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
21213
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21214
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21232
21215
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21233
21216
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
21234
21217
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
21235
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21236
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21218
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21219
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21237
21220
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21238
21221
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
21239
- --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21222
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21240
21223
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
21241
- --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
21224
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21242
21225
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21243
21226
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21244
21227
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -21261,6 +21244,7 @@ ul.pf-v6-c-list {
21261
21244
  .pf-v6-c-page {
21262
21245
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21263
21246
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21247
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21264
21248
  }
21265
21249
  }
21266
21250
 
@@ -21354,6 +21338,7 @@ ul.pf-v6-c-list {
21354
21338
  overflow-y: auto;
21355
21339
  -webkit-overflow-scrolling: touch;
21356
21340
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
21341
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
21357
21342
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
21358
21343
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
21359
21344
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -21369,7 +21354,7 @@ ul.pf-v6-c-list {
21369
21354
  }
21370
21355
  @media screen and (min-width: 75rem) {
21371
21356
  .pf-v6-c-page__sidebar.pf-m-expanded {
21372
- --pf-v6-c-page__sidebar--BoxShadow: none;
21357
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
21373
21358
  }
21374
21359
  }
21375
21360
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -21466,6 +21451,7 @@ ul.pf-v6-c-list {
21466
21451
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
21467
21452
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
21468
21453
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
21454
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
21469
21455
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
21470
21456
  }
21471
21457
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -21475,6 +21461,7 @@ ul.pf-v6-c-list {
21475
21461
  .pf-v6-c-page__main-group.pf-m-shadow-top,
21476
21462
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
21477
21463
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
21464
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
21478
21465
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
21479
21466
  }
21480
21467
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -21486,6 +21473,7 @@ ul.pf-v6-c-list {
21486
21473
  position: sticky;
21487
21474
  inset-block-start: 0;
21488
21475
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21476
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21489
21477
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21490
21478
  }
21491
21479
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -21497,6 +21485,7 @@ ul.pf-v6-c-list {
21497
21485
  position: sticky;
21498
21486
  inset-block-end: 0;
21499
21487
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21488
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21500
21489
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21501
21490
  }
21502
21491
  @media (min-height: 0) {
@@ -21509,6 +21498,7 @@ ul.pf-v6-c-list {
21509
21498
  position: sticky;
21510
21499
  inset-block-start: 0;
21511
21500
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21501
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21512
21502
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21513
21503
  }
21514
21504
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -21520,6 +21510,7 @@ ul.pf-v6-c-list {
21520
21510
  position: sticky;
21521
21511
  inset-block-end: 0;
21522
21512
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21513
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21523
21514
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21524
21515
  }
21525
21516
  }
@@ -21533,6 +21524,7 @@ ul.pf-v6-c-list {
21533
21524
  position: sticky;
21534
21525
  inset-block-start: 0;
21535
21526
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21527
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21536
21528
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21537
21529
  }
21538
21530
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -21544,6 +21536,7 @@ ul.pf-v6-c-list {
21544
21536
  position: sticky;
21545
21537
  inset-block-end: 0;
21546
21538
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21539
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21547
21540
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21548
21541
  }
21549
21542
  }
@@ -21557,6 +21550,7 @@ ul.pf-v6-c-list {
21557
21550
  position: sticky;
21558
21551
  inset-block-start: 0;
21559
21552
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21553
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21560
21554
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21561
21555
  }
21562
21556
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -21568,6 +21562,7 @@ ul.pf-v6-c-list {
21568
21562
  position: sticky;
21569
21563
  inset-block-end: 0;
21570
21564
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21565
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21571
21566
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21572
21567
  }
21573
21568
  }
@@ -21581,6 +21576,7 @@ ul.pf-v6-c-list {
21581
21576
  position: sticky;
21582
21577
  inset-block-start: 0;
21583
21578
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21579
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21584
21580
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21585
21581
  }
21586
21582
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -21592,6 +21588,7 @@ ul.pf-v6-c-list {
21592
21588
  position: sticky;
21593
21589
  inset-block-end: 0;
21594
21590
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21591
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21595
21592
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21596
21593
  }
21597
21594
  }
@@ -21605,6 +21602,7 @@ ul.pf-v6-c-list {
21605
21602
  position: sticky;
21606
21603
  inset-block-start: 0;
21607
21604
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
21605
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
21608
21606
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
21609
21607
  }
21610
21608
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -21616,6 +21614,7 @@ ul.pf-v6-c-list {
21616
21614
  position: sticky;
21617
21615
  inset-block-end: 0;
21618
21616
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
21617
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
21619
21618
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
21620
21619
  }
21621
21620
  }
@@ -21628,7 +21627,11 @@ ul.pf-v6-c-list {
21628
21627
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21629
21628
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21630
21629
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
21631
- border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
21630
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
21631
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
21632
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
21633
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
21634
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
21632
21635
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
21633
21636
  }
21634
21637
  @media screen and (max-width: calc(48rem - 1px)) {
@@ -21638,6 +21641,9 @@ ul.pf-v6-c-list {
21638
21641
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21639
21642
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
21640
21643
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
21644
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21645
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21646
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21641
21647
  }
21642
21648
  }
21643
21649
 
@@ -21758,8 +21764,8 @@ ul.pf-v6-c-list {
21758
21764
  gap: var(--pf-v6-c-page__main-section--RowGap);
21759
21765
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21760
21766
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21761
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21762
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21767
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21768
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21763
21769
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
21764
21770
  }
21765
21771
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -21768,8 +21774,8 @@ ul.pf-v6-c-list {
21768
21774
  .pf-v6-c-page__main-section.pf-m-padding {
21769
21775
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21770
21776
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21771
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21772
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21777
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21778
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21773
21779
  }
21774
21780
  .pf-v6-c-page__main-section.pf-m-no-padding {
21775
21781
  padding: 0;
@@ -21778,8 +21784,8 @@ ul.pf-v6-c-list {
21778
21784
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
21779
21785
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21780
21786
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21781
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21782
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21787
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21788
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21783
21789
  }
21784
21790
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
21785
21791
  padding: 0;
@@ -21789,8 +21795,8 @@ ul.pf-v6-c-list {
21789
21795
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
21790
21796
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21791
21797
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21792
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21793
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21798
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21799
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21794
21800
  }
21795
21801
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
21796
21802
  padding: 0;
@@ -21800,8 +21806,8 @@ ul.pf-v6-c-list {
21800
21806
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
21801
21807
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21802
21808
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21803
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21804
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21809
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21810
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21805
21811
  }
21806
21812
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
21807
21813
  padding: 0;
@@ -21811,8 +21817,8 @@ ul.pf-v6-c-list {
21811
21817
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
21812
21818
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21813
21819
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21814
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21815
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21820
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21821
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21816
21822
  }
21817
21823
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
21818
21824
  padding: 0;
@@ -21822,8 +21828,8 @@ ul.pf-v6-c-list {
21822
21828
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
21823
21829
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
21824
21830
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
21825
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
21826
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
21831
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
21832
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
21827
21833
  }
21828
21834
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
21829
21835
  padding: 0;
@@ -22324,7 +22330,7 @@ ul.pf-v6-c-list {
22324
22330
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22325
22331
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22326
22332
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22327
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
22333
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22328
22334
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
22329
22335
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22330
22336
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26279,7 +26285,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26279
26285
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26280
26286
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26281
26287
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
26282
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
26288
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
26283
26289
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
26284
26290
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26285
26291
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);