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

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 (10) hide show
  1. package/components/Tabs/tabs.css +10 -6
  2. package/components/Tabs/tabs.scss +10 -9
  3. package/components/Toolbar/toolbar.css +7 -0
  4. package/components/Toolbar/toolbar.scss +7 -0
  5. package/components/_index.css +17 -6
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +17 -6
  8. package/patternfly.css +17 -6
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
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
@@ -19505,11 +19505,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19505
19505
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19506
19506
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19507
19507
  --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);
19508
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
19509
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
19510
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
19511
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
19509
19512
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19510
19513
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19511
19514
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19512
19515
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19516
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19513
19517
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19514
19518
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19515
19519
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19665,6 +19669,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19665
19669
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19666
19670
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19667
19671
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
19672
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
19673
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
19674
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
19675
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
19668
19676
  }
19669
19677
  .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
19678
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19672,9 +19680,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19672
19680
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19673
19681
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19674
19682
  }
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
19683
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19679
19684
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19680
19685
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19692,7 +19697,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19692
19697
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19693
19698
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19694
19699
  --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
19700
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19697
19701
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19698
19702
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19992,7 +19996,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19992
19996
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19993
19997
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19994
19998
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19995
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
19999
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
19996
20000
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19997
20001
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19998
20002
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -20943,11 +20947,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20943
20947
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20944
20948
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20945
20949
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20950
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20951
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20946
20952
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20947
20953
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20948
20954
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20949
20955
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20950
20956
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20957
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20958
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20951
20959
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20952
20960
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20953
20961
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -21118,6 +21126,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21118
21126
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
21119
21127
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
21120
21128
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
21129
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
21121
21130
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
21122
21131
  }
21123
21132
  .pf-v6-c-toolbar.pf-m-static,
@@ -21264,12 +21273,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21264
21273
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
21265
21274
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
21266
21275
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
21276
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
21267
21277
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
21268
21278
  }
21269
21279
  @media screen and (min-width: 62rem) {
21270
21280
  .pf-v6-c-toolbar__expandable-content {
21271
21281
  position: static;
21272
21282
  padding: 0;
21283
+ border-block-end: 0;
21273
21284
  box-shadow: none;
21274
21285
  }
21275
21286
  }
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.63",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -28172,11 +28172,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28172
28172
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
28173
28173
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
28174
28174
  --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);
28175
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
28176
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
28177
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
28178
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
28176
28179
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
28177
28180
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28178
28181
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
28179
28182
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
28183
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
28180
28184
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
28181
28185
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
28182
28186
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -28332,6 +28336,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28332
28336
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
28333
28337
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
28334
28338
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
28339
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
28340
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
28341
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
28342
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
28335
28343
  }
28336
28344
  .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
28345
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -28339,9 +28347,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28339
28347
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
28340
28348
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28341
28349
  }
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
28350
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
28346
28351
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
28347
28352
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -28359,7 +28364,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28359
28364
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
28360
28365
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
28361
28366
  --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
28367
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
28364
28368
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
28365
28369
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -28659,7 +28663,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28659
28663
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
28660
28664
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
28661
28665
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
28662
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
28666
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
28663
28667
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
28664
28668
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
28665
28669
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -29610,11 +29614,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29610
29614
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29611
29615
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29612
29616
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
29617
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29618
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29613
29619
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
29614
29620
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
29615
29621
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29616
29622
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29617
29623
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29624
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29625
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29618
29626
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29619
29627
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29620
29628
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29785,6 +29793,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29785
29793
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
29786
29794
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
29787
29795
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
29796
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
29788
29797
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
29789
29798
  }
29790
29799
  .pf-v6-c-toolbar.pf-m-static,
@@ -29931,12 +29940,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29931
29940
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
29932
29941
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
29933
29942
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
29943
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
29934
29944
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
29935
29945
  }
29936
29946
  @media screen and (min-width: 62rem) {
29937
29947
  .pf-v6-c-toolbar__expandable-content {
29938
29948
  position: static;
29939
29949
  padding: 0;
29950
+ border-block-end: 0;
29940
29951
  box-shadow: none;
29941
29952
  }
29942
29953
  }
package/patternfly.css CHANGED
@@ -28312,11 +28312,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28312
28312
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
28313
28313
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
28314
28314
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
28315
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28315
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
28316
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
28317
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
28318
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
28316
28319
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
28317
28320
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28318
28321
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
28319
28322
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
28323
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
28320
28324
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
28321
28325
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
28322
28326
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -28472,6 +28476,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28472
28476
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
28473
28477
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
28474
28478
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
28479
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
28480
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
28481
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
28482
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
28475
28483
  }
28476
28484
  .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 {
28477
28485
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -28479,9 +28487,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28479
28487
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
28480
28488
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28481
28489
  }
28482
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
28483
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28484
- }
28485
28490
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
28486
28491
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
28487
28492
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -28499,7 +28504,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28499
28504
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
28500
28505
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
28501
28506
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
28502
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28503
28507
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
28504
28508
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
28505
28509
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -28799,7 +28803,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28799
28803
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
28800
28804
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
28801
28805
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
28802
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
28806
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
28803
28807
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
28804
28808
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
28805
28809
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -29750,11 +29754,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29750
29754
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29751
29755
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29752
29756
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
29757
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29758
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29753
29759
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
29754
29760
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
29755
29761
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29756
29762
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29757
29763
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29764
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29765
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29758
29766
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29759
29767
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29760
29768
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29925,6 +29933,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29925
29933
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
29926
29934
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
29927
29935
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
29936
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
29928
29937
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
29929
29938
  }
29930
29939
  .pf-v6-c-toolbar.pf-m-static,
@@ -30071,12 +30080,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30071
30080
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
30072
30081
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
30073
30082
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
30083
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
30074
30084
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
30075
30085
  }
30076
30086
  @media screen and (min-width: 62rem) {
30077
30087
  .pf-v6-c-toolbar__expandable-content {
30078
30088
  position: static;
30079
30089
  padding: 0;
30090
+ border-block-end: 0;
30080
30091
  box-shadow: none;
30081
30092
  }
30082
30093
  }