@patternfly/patternfly 6.3.0-prerelease.62 → 6.3.0-prerelease.64

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 (13) hide show
  1. package/components/Alert/alert-group.css +4 -15
  2. package/components/Alert/alert-group.scss +6 -18
  3. package/components/Tabs/tabs.css +10 -6
  4. package/components/Tabs/tabs.scss +10 -9
  5. package/components/Toolbar/toolbar.css +7 -0
  6. package/components/Toolbar/toolbar.scss +7 -0
  7. package/components/_index.css +21 -21
  8. package/docs/components/Alert/examples/Alert.md +1 -2
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +21 -21
  11. package/patternfly.css +21 -21
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/components/Alert/alert-group.css CHANGED
@@ -64,7 +64,7 @@
64
64
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
65
65
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
66
66
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
67
- --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
67
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
68
68
  --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
69
69
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
70
70
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -74,7 +74,7 @@
74
74
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
75
75
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
76
76
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
77
- --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
77
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
78
78
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
79
79
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
80
80
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -119,6 +119,8 @@
119
119
  }
120
120
  .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
121
121
  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
122
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
123
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
122
124
  }
123
125
 
124
126
  .pf-v6-c-alert-group__item {
@@ -174,17 +176,4 @@
174
176
  .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
175
177
  transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
176
178
  }
177
- }
178
- .pf-v6-c-alert-group__item:hover {
179
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
180
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
181
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
182
- }
183
- .pf-v6-c-alert-group__item:focus {
184
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
185
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
186
- }
187
- .pf-v6-c-alert-group__item:active {
188
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
189
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
190
179
  }
package/components/Alert/alert-group.scss CHANGED
@@ -90,7 +90,7 @@
90
90
  --#{$alert-group}--m-toast__item--m-offstage-right--c-alert--Transition: initial;
91
91
 
92
92
  // Overflow button
93
- --#{$alert-group}__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
93
+ --#{$alert-group}__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
94
94
  --#{$alert-group}__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
95
95
  --#{$alert-group}__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
96
96
  --#{$alert-group}__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -100,9 +100,11 @@
100
100
  --#{$alert-group}__overflow-button--Color: var(--pf-t--global--text--color--link--default);
101
101
  --#{$alert-group}__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
102
102
  --#{$alert-group}__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
103
- --#{$alert-group}__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
103
+ --#{$alert-group}__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
104
104
  --#{$alert-group}__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
105
105
  --#{$alert-group}__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
106
+
107
+ // TODO - remove this block in breaking change, not used
106
108
  --#{$alert-group}__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
107
109
  --#{$alert-group}__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
108
110
  --#{$alert-group}__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -152,6 +154,8 @@
152
154
  &:hover,
153
155
  &:focus {
154
156
  --#{$alert-group}__overflow-button--BorderWidth: var(--#{$alert-group}__overflow-button--hover--BorderWidth);
157
+ --#{$alert-group}__overflow-button--BackgroundColor: var(--#{$alert-group}__overflow-button--hover--BackgroundColor);
158
+ --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--hover--Color);
155
159
  }
156
160
  }
157
161
 
@@ -278,20 +282,4 @@
278
282
  }
279
283
  }
280
284
  }
281
-
282
- &:hover {
283
- --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--hover--Color);
284
- --#{$alert-group}__overflow-button--BackgroundColor: var(--#{$alert-group}__overflow-button--hover--BackgroundColor);
285
- --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--hover--BoxShadow);
286
- }
287
-
288
- &:focus {
289
- --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--focus--Color);
290
- --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--focus--BoxShadow);
291
- }
292
-
293
- &:active {
294
- --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--active--Color);
295
- --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--active--BoxShadow);
296
- }
297
285
  }
package/components/Tabs/tabs.css CHANGED
@@ -85,11 +85,15 @@
85
85
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
86
86
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
87
87
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
88
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
88
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
89
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
90
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
91
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
89
92
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
90
93
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
91
94
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
92
95
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
96
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
93
97
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
94
98
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
95
99
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -245,6 +249,10 @@
245
249
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
246
250
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
247
251
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
252
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
253
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
254
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
255
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
248
256
  }
249
257
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
250
258
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -252,9 +260,6 @@
252
260
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
253
261
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
254
262
  }
255
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
256
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
257
- }
258
263
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
259
264
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
260
265
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -272,7 +277,6 @@
272
277
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
273
278
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
274
279
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
275
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
276
280
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
277
281
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
278
282
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -572,7 +576,7 @@
572
576
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
573
577
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
574
578
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
575
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
579
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
576
580
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
577
581
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
578
582
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
package/components/Tabs/tabs.scss CHANGED
@@ -107,13 +107,17 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
107
107
  --#{$tabs}__link--before--BorderInlineEndWidth: 0;
108
108
  --#{$tabs}__link--before--BorderBlockEndWidth: 0;
109
109
  --#{$tabs}__link--before--BorderInlineStartWidth: 0;
110
- --#{$tabs}__link--before--InsetInlineStart: calc(var(--#{$tabs}__link--before--border-width--base) * -1);
110
+ --#{$tabs}--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
111
+ --#{$tabs}--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
112
+ --#{$tabs}--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
113
+ --#{$tabs}--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
111
114
  --#{$tabs}__link--disabled--before--BorderInlineEndWidth: 0;
112
115
  --#{$tabs}__link--disabled--before--BorderBlockEndWidth: var(--#{$tabs}--before--border-width--base);
113
116
  --#{$tabs}__link--disabled--before--BorderInlineStartWidth: 0;
114
117
 
115
118
  // Link after
116
119
  --#{$tabs}__link--after--InsetBlockStart: auto;
120
+ --#{$tabs}__link--after--InsetInlineStart: 0;
117
121
  --#{$tabs}__link--after--InsetInlineEnd: 0;
118
122
  --#{$tabs}__link--after--InsetBlockEnd: 0;
119
123
  --#{$tabs}__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -311,6 +315,10 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
311
315
  .#{$tabs}__item.pf-m-current {
312
316
  --#{$tabs}__link--BackgroundColor: var(--#{$tabs}__item--m-current__link--BackgroundColor);
313
317
  --#{$tabs}__link--before--BorderBlockEndColor: var(--#{$tabs}__link--BackgroundColor);
318
+ --#{$tabs}__link--before--BorderInlineStartColor: var(--#{$tabs}--m-box__link--m-current--before--BorderInlineStartColor);
319
+ --#{$tabs}__link--before--BorderInlineStartWidth: var(--#{$tabs}--m-box__link--m-current--before--BorderInlineStartWidth);
320
+ --#{$tabs}__link--before--BorderInlineEndColor: var(--#{$tabs}--m-box__link--m-current--before--BorderInlineEndColor);
321
+ --#{$tabs}__link--before--BorderInlineEndWidth: var(--#{$tabs}--m-box__link--m-current--before--BorderInlineEndWidth);
314
322
  }
315
323
 
316
324
  // stylelint-disable
@@ -326,12 +334,6 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
326
334
  }
327
335
  // stylelint-enable
328
336
 
329
- // stylelint-disable selector-max-class
330
- // Remove offset from current adjacent item
331
- .#{$tabs}__item.pf-m-current + .#{$tabs}__item {
332
- --#{$tabs}__link--before--InsetInlineStart: 0;
333
- }
334
- // stylelint-enable
335
337
 
336
338
  &.pf-m-secondary {
337
339
  --#{$tabs}__item--BackgroundColor: var(--#{$tabs}--m-box--m-secondary__item--BackgroundColor);
@@ -353,7 +355,6 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
353
355
  --#{$tabs}__item--PaddingInlineEnd: var(--#{$tabs}--m-vertical__item--PaddingInlineEnd);
354
356
  --#{$tabs}__link--PaddingInlineStart: var(--#{$tabs}--m-vertical__link--PaddingInlineStart);
355
357
  --#{$tabs}__link--PaddingInlineEnd: var(--#{$tabs}--m-vertical__link--PaddingInlineEnd);
356
- --#{$tabs}__link--before--InsetInlineStart: 0;
357
358
  --#{$tabs}__link--disabled--before--BorderBlockEndWidth: 0;
358
359
  --#{$tabs}__link--disabled--before--BorderInlineStartWidth: var(--#{$tabs}--before--border-width--base);
359
360
  --#{$tabs}__link--after--InsetBlockStart: 0;
@@ -658,7 +659,7 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
658
659
  &::after {
659
660
  inset-block-start: var(--#{$tabs}__link--after--InsetBlockStart);
660
661
  inset-block-end: var(--#{$tabs}__link--after--InsetBlockEnd);
661
- inset-inline-start: var(--#{$tabs}__link--before--InsetInlineStart); // use the ::before Left value to offset the top border / overlap left border
662
+ inset-inline-start: var(--#{$tabs}__link--before--InsetInlineStart, var(--#{$tabs}__link--after--InsetInlineStart)); // TODO remove fallback in breaking change in favor of var(--#{$tabs}__link--after--InsetInlineStart)
662
663
  inset-inline-end: var(--#{$tabs}__link--after--InsetInlineEnd);
663
664
  border-color: var(--#{$tabs}__link--after--BorderColor);
664
665
  border-block-start-width: var(--#{$tabs}__link--after--BorderBlockStartWidth);
package/components/Toolbar/toolbar.css CHANGED
@@ -31,11 +31,15 @@
31
31
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
32
32
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
33
33
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
34
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
35
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
34
36
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
35
37
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
36
38
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
37
39
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
38
40
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
41
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
42
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
39
43
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
40
44
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
41
45
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -206,6 +210,7 @@
206
210
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
207
211
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
208
212
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
213
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
209
214
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
210
215
  }
211
216
  .pf-v6-c-toolbar.pf-m-static,
@@ -352,12 +357,14 @@
352
357
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
353
358
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
354
359
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
360
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
355
361
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
356
362
  }
357
363
  @media screen and (min-width: 62rem) {
358
364
  .pf-v6-c-toolbar__expandable-content {
359
365
  position: static;
360
366
  padding: 0;
367
+ border-block-end: 0;
361
368
  box-shadow: none;
362
369
  }
363
370
  }
package/components/Toolbar/toolbar.scss CHANGED
@@ -57,6 +57,8 @@ $pf-v6--include-toolbar-breakpoints: true !default;
57
57
  --#{$toolbar}__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
58
58
  --#{$toolbar}__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
59
59
  --#{$toolbar}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
60
+ --#{$toolbar}__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
61
+ --#{$toolbar}__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
60
62
 
61
63
  // * Toolbar sticky
62
64
  --#{$toolbar}--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
@@ -64,6 +66,8 @@ $pf-v6--include-toolbar-breakpoints: true !default;
64
66
  --#{$toolbar}--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
65
67
  --#{$toolbar}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
66
68
  --#{$toolbar}--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
69
+ --#{$toolbar}--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
70
+ --#{$toolbar}--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
67
71
 
68
72
  // * Toolbar expand all
69
73
  --#{$toolbar}__expand-all-icon--Rotate: 0;
@@ -142,6 +146,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
142
146
  z-index: var(--#{$toolbar}--m-sticky--ZIndex);
143
147
  padding-block-start: var(--#{$toolbar}--m-sticky--PaddingBlockStart);
144
148
  padding-block-end: var(--#{$toolbar}--m-sticky--PaddingBlockEnd);
149
+ border-block-end: var(--#{$toolbar}--m-sticky--BorderBlockEndWidth) solid var(--#{$toolbar}--m-sticky--BorderBlockEndColor);
145
150
  box-shadow: var(--#{$toolbar}--m-sticky--BoxShadow);
146
151
  }
147
152
 
@@ -280,11 +285,13 @@ $pf-v6--include-toolbar-breakpoints: true !default;
280
285
  padding-inline-start: var(--#{$toolbar}__expandable-content--PaddingInlineStart);
281
286
  padding-inline-end: var(--#{$toolbar}__expandable-content--PaddingInlineEnd);
282
287
  background-color: var(--#{$toolbar}__expandable-content--BackgroundColor);
288
+ border-block-end: var(--#{$toolbar}__expandable-content--BorderBlockEndWidth) solid var(--#{$toolbar}__expandable-content--BorderBlockEndColor);
283
289
  box-shadow: var(--#{$toolbar}__expandable-content--BoxShadow);
284
290
 
285
291
  @media screen and (min-width: $pf-v6-global--breakpoint--lg) {
286
292
  position: static;
287
293
  padding: 0;
294
+ border-block-end: 0;
288
295
  box-shadow: none;
289
296
  }
290
297
 
package/components/_index.css CHANGED
@@ -732,7 +732,7 @@
732
732
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
733
733
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
734
734
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
735
- --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
735
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
736
736
  --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
737
737
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
738
738
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -742,7 +742,7 @@
742
742
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
743
743
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
744
744
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
745
- --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
745
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
746
746
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
747
747
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
748
748
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -787,6 +787,8 @@
787
787
  }
788
788
  .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
789
789
  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
790
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
791
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
790
792
  }
791
793
 
792
794
  .pf-v6-c-alert-group__item {
@@ -843,19 +845,6 @@
843
845
  transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
844
846
  }
845
847
  }
846
- .pf-v6-c-alert-group__item:hover {
847
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
848
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
849
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
850
- }
851
- .pf-v6-c-alert-group__item:focus {
852
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
853
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
854
- }
855
- .pf-v6-c-alert-group__item:active {
856
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
857
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
858
- }
859
848
 
860
849
  .pf-v6-c-avatar {
861
850
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -19505,11 +19494,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19505
19494
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19506
19495
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19507
19496
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
19508
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19497
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
19498
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
19499
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
19500
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
19509
19501
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19510
19502
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19511
19503
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19512
19504
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19505
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19513
19506
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19514
19507
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19515
19508
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19665,6 +19658,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19665
19658
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19666
19659
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19667
19660
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
19661
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
19662
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
19663
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
19664
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
19668
19665
  }
19669
19666
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
19670
19667
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19672,9 +19669,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19672
19669
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19673
19670
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19674
19671
  }
19675
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
19676
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19677
- }
19678
19672
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19679
19673
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19680
19674
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19692,7 +19686,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19692
19686
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19693
19687
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19694
19688
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
19695
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19696
19689
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19697
19690
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19698
19691
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19992,7 +19985,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19992
19985
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19993
19986
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19994
19987
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19995
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
19988
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
19996
19989
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19997
19990
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19998
19991
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -20943,11 +20936,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20943
20936
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20944
20937
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20945
20938
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20939
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20940
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20946
20941
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20947
20942
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20948
20943
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20949
20944
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20950
20945
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20946
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20947
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20951
20948
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20952
20949
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20953
20950
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -21118,6 +21115,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21118
21115
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
21119
21116
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
21120
21117
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
21118
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
21121
21119
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
21122
21120
  }
21123
21121
  .pf-v6-c-toolbar.pf-m-static,
@@ -21264,12 +21262,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21264
21262
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
21265
21263
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
21266
21264
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
21265
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
21267
21266
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
21268
21267
  }
21269
21268
  @media screen and (min-width: 62rem) {
21270
21269
  .pf-v6-c-toolbar__expandable-content {
21271
21270
  position: static;
21272
21271
  padding: 0;
21272
+ border-block-end: 0;
21273
21273
  box-shadow: none;
21274
21274
  }
21275
21275
  }
package/docs/components/Alert/examples/Alert.md CHANGED
@@ -798,8 +798,7 @@ For sighted users, interactive elements can be included in this message in one o
798
798
  </div>
799
799
  </div>
800
800
  </li>
801
-
802
- <li class="pf-v6-c-alert-group__item">
801
+ <li>
803
802
  <button
804
803
  class="pf-v6-c-alert-group__overflow-button"
805
804
  >View 3 more notifications</button>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.3.0-prerelease.62",
4
+ "version": "6.3.0-prerelease.64",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -9399,7 +9399,7 @@
9399
9399
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
9400
9400
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
9401
9401
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
9402
- --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
9402
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9403
9403
  --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
9404
9404
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
9405
9405
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -9409,7 +9409,7 @@
9409
9409
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
9410
9410
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
9411
9411
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
9412
- --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
9412
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
9413
9413
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
9414
9414
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
9415
9415
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -9454,6 +9454,8 @@
9454
9454
  }
9455
9455
  .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
9456
9456
  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
9457
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
9458
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
9457
9459
  }
9458
9460
 
9459
9461
  .pf-v6-c-alert-group__item {
@@ -9510,19 +9512,6 @@
9510
9512
  transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
9511
9513
  }
9512
9514
  }
9513
- .pf-v6-c-alert-group__item:hover {
9514
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
9515
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
9516
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
9517
- }
9518
- .pf-v6-c-alert-group__item:focus {
9519
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
9520
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
9521
- }
9522
- .pf-v6-c-alert-group__item:active {
9523
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
9524
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
9525
- }
9526
9515
 
9527
9516
  .pf-v6-c-avatar {
9528
9517
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -28172,11 +28161,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28172
28161
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
28173
28162
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
28174
28163
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
28175
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28164
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
28165
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
28166
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
28167
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
28176
28168
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
28177
28169
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28178
28170
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
28179
28171
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
28172
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
28180
28173
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
28181
28174
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
28182
28175
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -28332,6 +28325,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28332
28325
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
28333
28326
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
28334
28327
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
28328
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
28329
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
28330
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
28331
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
28335
28332
  }
28336
28333
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
28337
28334
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -28339,9 +28336,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28339
28336
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
28340
28337
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28341
28338
  }
28342
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
28343
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28344
- }
28345
28339
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
28346
28340
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
28347
28341
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -28359,7 +28353,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28359
28353
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
28360
28354
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
28361
28355
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
28362
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28363
28356
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
28364
28357
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
28365
28358
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -28659,7 +28652,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28659
28652
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
28660
28653
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
28661
28654
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
28662
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
28655
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
28663
28656
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
28664
28657
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
28665
28658
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -29610,11 +29603,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29610
29603
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29611
29604
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29612
29605
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
29606
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29607
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29613
29608
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
29614
29609
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
29615
29610
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29616
29611
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29617
29612
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29613
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29614
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29618
29615
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29619
29616
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29620
29617
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29785,6 +29782,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29785
29782
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
29786
29783
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
29787
29784
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
29785
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
29788
29786
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
29789
29787
  }
29790
29788
  .pf-v6-c-toolbar.pf-m-static,
@@ -29931,12 +29929,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29931
29929
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
29932
29930
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
29933
29931
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
29932
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
29934
29933
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
29935
29934
  }
29936
29935
  @media screen and (min-width: 62rem) {
29937
29936
  .pf-v6-c-toolbar__expandable-content {
29938
29937
  position: static;
29939
29938
  padding: 0;
29939
+ border-block-end: 0;
29940
29940
  box-shadow: none;
29941
29941
  }
29942
29942
  }