@patternfly/react-styles 6.3.0 → 6.3.1-prerelease.1

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 (49) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/components/Accordion/accordion.css +42 -15
  3. package/css/components/Alert/alert-group.css +17 -15
  4. package/css/components/Badge/badge.css +2 -0
  5. package/css/components/Banner/banner.css +4 -0
  6. package/css/components/Button/button.css +34 -4
  7. package/css/components/CalendarMonth/calendar-month.css +35 -4
  8. package/css/components/Card/card.css +7 -4
  9. package/css/components/CodeBlock/code-block.css +3 -0
  10. package/css/components/CodeEditor/code-editor.css +8 -3
  11. package/css/components/DatePicker/date-picker.css +3 -0
  12. package/css/components/Divider/divider.css +2 -0
  13. package/css/components/Drawer/drawer.css +46 -41
  14. package/css/components/DualListSelector/dual-list-selector.css +21 -4
  15. package/css/components/ExpandableSection/expandable-section.css +6 -2
  16. package/css/components/FormControl/form-control.css +6 -7
  17. package/css/components/Label/label.css +20 -11
  18. package/css/components/Login/login.css +3 -0
  19. package/css/components/Menu/menu.css +18 -0
  20. package/css/components/MenuToggle/menu-toggle.css +13 -6
  21. package/css/components/ModalBox/modal-box.css +3 -0
  22. package/css/components/Nav/nav.css +17 -0
  23. package/css/components/Page/page.css +73 -25
  24. package/css/components/Page/page.d.ts +3 -0
  25. package/css/components/Page/page.js +3 -0
  26. package/css/components/Page/page.mjs +3 -0
  27. package/css/components/Pagination/pagination.css +15 -2
  28. package/css/components/Panel/panel.css +14 -1
  29. package/css/components/Popover/popover.css +4 -0
  30. package/css/components/Progress/progress.css +19 -0
  31. package/css/components/Sidebar/sidebar.css +7 -0
  32. package/css/components/SimpleList/simple-list.css +15 -0
  33. package/css/components/Slider/slider.css +9 -0
  34. package/css/components/Switch/switch.css +7 -1
  35. package/css/components/Table/table.css +41 -1
  36. package/css/components/Tabs/tabs.css +18 -7
  37. package/css/components/TextInputGroup/text-input-group.css +7 -0
  38. package/css/components/ToggleGroup/toggle-group.css +18 -9
  39. package/css/components/Toolbar/toolbar.css +7 -0
  40. package/css/components/TreeView/tree-view.css +15 -0
  41. package/css/components/Wizard/wizard.css +37 -6
  42. package/css/components/Wizard/wizard.d.ts +1 -1
  43. package/css/components/Wizard/wizard.js +1 -1
  44. package/css/components/Wizard/wizard.mjs +1 -1
  45. package/css/components/_index.css +616 -168
  46. package/css/components/_index.d.ts +0 -1
  47. package/css/components/_index.js +0 -1
  48. package/css/components/_index.mjs +0 -1
  49. package/package.json +3 -3
package/css/components/_index.css CHANGED
@@ -206,6 +206,9 @@
206
206
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
207
207
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
208
208
  --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
209
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
210
+ --pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
211
+ --pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
209
212
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
210
213
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
211
214
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -214,15 +217,22 @@
214
217
  --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
215
218
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
216
219
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
220
+ --pf-v6-c-accordion__toggle-icon--Rotate: 0;
217
221
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
218
222
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
219
- --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
223
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
220
224
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
221
225
  --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
222
226
  --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
223
227
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
224
228
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
229
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
225
230
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
231
+ --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
232
+ --pf-v6-c-accordion__expandable-content--Visibility: hidden;
233
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
234
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
235
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
226
236
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
227
237
  --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
228
238
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
@@ -259,6 +269,12 @@
259
269
  --pf-v6-c-accordion--m-bordered--RowGap: 0;
260
270
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
261
271
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
272
+ --pf-v6-c-accordion__item--BorderWidth: 0;
273
+ --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
274
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
275
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
276
+ --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
277
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
262
278
  }
263
279
  @media screen and (prefers-reduced-motion: no-preference) {
264
280
  .pf-v6-c-accordion {
@@ -297,6 +313,7 @@
297
313
  --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
298
314
  --pf-v6-c-accordion__item--BorderRadius: 0;
299
315
  --pf-v6-c-accordion__toggle--BorderRadius: 0;
316
+ --pf-v6-c-accordion__item--BorderWidth: 0;
300
317
  }
301
318
  .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
302
319
  border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
@@ -311,6 +328,7 @@
311
328
  pointer-events: none;
312
329
  content: "";
313
330
  background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
331
+ border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
314
332
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
315
333
  opacity: var(--pf-v6-c-accordion__item--before--Opacity);
316
334
  transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
@@ -320,17 +338,22 @@
320
338
  .pf-v6-c-accordion__item.pf-m-expanded {
321
339
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
322
340
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
341
+ --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
323
342
  --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
324
343
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
325
344
  --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
326
345
  --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
346
+ --pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
327
347
  --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
328
348
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
329
349
  --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
330
350
  --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
331
- }
332
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
333
- transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
351
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
352
+ --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
353
+ --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
354
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
355
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
356
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
334
357
  }
335
358
 
336
359
  .pf-v6-c-accordion__toggle {
@@ -351,8 +374,17 @@
351
374
  border: 0;
352
375
  border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
353
376
  }
377
+ .pf-v6-c-accordion__toggle::after {
378
+ position: absolute;
379
+ inset: 0;
380
+ pointer-events: none;
381
+ content: "";
382
+ border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
383
+ border-radius: inherit;
384
+ }
354
385
  .pf-v6-c-accordion__toggle:is(:hover, :focus) {
355
386
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
387
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
356
388
  }
357
389
 
358
390
  .pf-v6-c-accordion__toggle-text {
@@ -366,6 +398,7 @@
366
398
 
367
399
  .pf-v6-c-accordion__toggle-icon {
368
400
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
401
+ transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
369
402
  }
370
403
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
371
404
  scale: -1 1;
@@ -376,13 +409,15 @@
376
409
  }
377
410
 
378
411
  .pf-v6-c-accordion__expandable-content {
379
- max-height: 0;
412
+ max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
413
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
380
414
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
381
415
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
382
416
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
383
417
  color: var(--pf-v6-c-accordion__expandable-content--Color);
384
- visibility: hidden;
418
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
385
419
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
420
+ border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
386
421
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
387
422
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
388
423
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
@@ -392,17 +427,9 @@
392
427
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
393
428
  }
394
429
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
430
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
395
431
  overflow-y: auto;
396
432
  }
397
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
398
- max-height: 99999px;
399
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
- visibility: revert;
401
- transition-delay: 0s;
402
- }
403
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
404
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
405
- }
406
433
 
407
434
  .pf-v6-c-accordion__expandable-content-body {
408
435
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -705,7 +732,8 @@
705
732
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
706
733
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
707
734
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
708
- --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
735
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
736
+ --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
709
737
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
710
738
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
711
739
  --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -714,6 +742,7 @@
714
742
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
715
743
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
716
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--high-contrast--strong);
717
746
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
718
747
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
719
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);
@@ -744,10 +773,23 @@
744
773
  padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
745
774
  color: var(--pf-v6-c-alert-group__overflow-button--Color);
746
775
  background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
747
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
776
+ border: 0;
748
777
  border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
749
778
  box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
750
779
  }
780
+ .pf-v6-c-alert-group__overflow-button::after {
781
+ position: absolute;
782
+ inset: 0;
783
+ pointer-events: none;
784
+ content: "";
785
+ border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
786
+ border-radius: inherit;
787
+ }
788
+ .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
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);
792
+ }
751
793
 
752
794
  .pf-v6-c-alert-group__item {
753
795
  display: grid;
@@ -803,19 +845,6 @@
803
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));
804
846
  }
805
847
  }
806
- .pf-v6-c-alert-group__item:hover {
807
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
808
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
809
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
810
- }
811
- .pf-v6-c-alert-group__item:focus {
812
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
813
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
814
- }
815
- .pf-v6-c-alert-group__item:active {
816
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
817
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
818
- }
819
848
 
820
849
  .pf-v6-c-avatar {
821
850
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -1157,6 +1186,7 @@
1157
1186
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1158
1187
  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1159
1188
  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1189
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
1160
1190
  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1161
1191
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
1162
1192
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -1189,6 +1219,7 @@
1189
1219
  border-radius: inherit;
1190
1220
  }
1191
1221
  .pf-v6-c-badge.pf-m-read {
1222
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
1192
1223
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
1193
1224
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
1194
1225
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
@@ -1221,6 +1252,8 @@
1221
1252
  --pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
1222
1253
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1223
1254
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1255
+ --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1256
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
1224
1257
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1225
1258
  --pf-v6-c-banner--link--TextDecoration: underline;
1226
1259
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1271,6 +1304,8 @@
1271
1304
  color: var(--pf-v6-c-banner--Color);
1272
1305
  white-space: nowrap;
1273
1306
  background-color: var(--pf-v6-c-banner--BackgroundColor);
1307
+ border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1308
+ border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1274
1309
  }
1275
1310
  .pf-v6-c-banner.pf-m-danger {
1276
1311
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
@@ -1550,9 +1585,10 @@ button.pf-v6-c-breadcrumb__link {
1550
1585
  --pf-v6-c-button--TransitionDelay: 0s;
1551
1586
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1552
1587
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1588
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
1554
1589
  --pf-v6-c-button--ScaleX: 1;
1555
1590
  --pf-v6-c-button--ScaleY: 1;
1591
+ --pf-v6-c-button--border--offset: 0;
1556
1592
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1557
1593
  --pf-v6-c-button--hover--BorderColor: transparent;
1558
1594
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -1616,6 +1652,12 @@ button.pf-v6-c-breadcrumb__link {
1616
1652
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1617
1653
  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1618
1654
  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1655
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1656
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1657
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1658
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
1659
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1660
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1619
1661
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1620
1662
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1621
1663
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1666,6 +1708,12 @@ button.pf-v6-c-breadcrumb__link {
1666
1708
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1667
1709
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1668
1710
  --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1711
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1712
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1713
+ --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1714
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
1715
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1716
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1669
1717
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
1670
1718
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
1671
1719
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -1678,7 +1726,7 @@ button.pf-v6-c-breadcrumb__link {
1678
1726
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1679
1727
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1680
1728
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1681
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
1729
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
1682
1730
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1683
1731
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1684
1732
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -1813,7 +1861,7 @@ button.pf-v6-c-breadcrumb__link {
1813
1861
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1814
1862
  --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1815
1863
  --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
1816
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1864
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
1817
1865
  --pf-v6-c-button--m-block--Display: flex;
1818
1866
  --pf-v6-c-button--m-block--Width: 100%;
1819
1867
  --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -1869,7 +1917,7 @@ button.pf-v6-c-breadcrumb__link {
1869
1917
  }
1870
1918
  .pf-v6-c-button::after {
1871
1919
  position: absolute;
1872
- inset: 0;
1920
+ inset: var(--pf-v6-c-button--border--offset);
1873
1921
  pointer-events: none;
1874
1922
  content: "";
1875
1923
  border: var(--pf-v6-c-button--BorderWidth) solid;
@@ -1933,6 +1981,12 @@ button.pf-v6-c-breadcrumb__link {
1933
1981
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
1934
1982
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
1935
1983
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
1984
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
1985
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
1986
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
1987
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
1988
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
1989
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
1936
1990
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
1937
1991
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
1938
1992
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
@@ -1972,6 +2026,9 @@ button.pf-v6-c-breadcrumb__link {
1972
2026
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
1973
2027
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
1974
2028
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2029
+ --pf-v6-c-button--BorderWidth: 0;
2030
+ --pf-v6-c-button--hover--BorderWidth: 0;
2031
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
1975
2032
  text-align: start;
1976
2033
  white-space: normal;
1977
2034
  background: transparent;
@@ -2079,6 +2136,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2079
2136
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
2080
2137
  }
2081
2138
  .pf-v6-c-button.pf-m-plain {
2139
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
2140
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
2141
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
2142
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
2143
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
2144
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
2082
2145
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
2083
2146
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
2084
2147
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
@@ -2107,6 +2170,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2107
2170
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
2108
2171
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
2109
2172
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
2173
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
2110
2174
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2111
2175
  background: var(--pf-v6-c-button--BackgroundColor);
2112
2176
  }
@@ -2199,6 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2199
2263
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2200
2264
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2201
2265
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
2266
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
2202
2267
  }
2203
2268
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
2204
2269
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -2378,6 +2443,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2378
2443
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2379
2444
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2380
2445
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2446
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
2447
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2448
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2381
2449
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2382
2450
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2383
2451
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -2385,15 +2453,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2385
2453
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2386
2454
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2387
2455
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2456
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
2457
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
2388
2458
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2389
2459
  --pf-v6-c-calendar-month__date--Width: 4ch;
2390
2460
  --pf-v6-c-calendar-month__date--Height: 4ch;
2461
+ --pf-v6-c-calendar-month__date--BorderWidth: 0;
2462
+ --pf-v6-c-calendar-month__date--BorderColor: transparent;
2391
2463
  --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2392
2464
  --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2393
2465
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2394
2466
  --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2395
2467
  --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2396
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2468
+ --pf-v6-c-calendar-month__date--after--BorderWidth: 0;
2397
2469
  --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2398
2470
  --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2399
2471
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -2402,7 +2474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2402
2474
  --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2403
2475
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2404
2476
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2477
+ --pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
2405
2478
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2479
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
2480
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
2481
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
2482
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
2406
2483
  }
2407
2484
 
2408
2485
  .pf-v6-c-calendar-month {
@@ -2475,13 +2552,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2475
2552
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2476
2553
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2477
2554
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2555
+ pointer-events: none;
2478
2556
  content: "";
2479
2557
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2558
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
2559
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
2480
2560
  }
2481
2561
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2482
2562
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2563
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
2564
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
2483
2565
  }
2484
2566
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2567
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
2568
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
2485
2569
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2486
2570
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2487
2571
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -2500,14 +2584,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2500
2584
  .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2501
2585
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2502
2586
  --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2587
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
2588
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
2503
2589
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2504
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2590
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
2505
2591
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2506
2592
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2507
2593
  --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2508
2594
  }
2509
2595
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2510
2596
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2597
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2598
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2511
2599
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2512
2600
  }
2513
2601
 
@@ -2523,6 +2611,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2523
2611
  background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2524
2612
  border: 0;
2525
2613
  }
2614
+ .pf-v6-c-calendar-month__date::before {
2615
+ position: absolute;
2616
+ inset: 0;
2617
+ content: "";
2618
+ border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
2619
+ }
2526
2620
  .pf-v6-c-calendar-month__date::after {
2527
2621
  position: absolute;
2528
2622
  inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
@@ -2532,15 +2626,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2532
2626
  content: "";
2533
2627
  border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2534
2628
  }
2535
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2629
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
2536
2630
  border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2537
2631
  }
2538
2632
  .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2539
2633
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2540
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2634
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2635
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
2541
2636
  }
2542
2637
  .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2543
2638
  --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2639
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
2544
2640
  outline: 0;
2545
2641
  }
2546
2642
  .pf-v6-c-calendar-month__date:disabled {
@@ -2591,6 +2687,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2591
2687
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2592
2688
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2593
2689
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2690
+ --pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
2594
2691
  --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2595
2692
  --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2596
2693
  --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2621,7 +2718,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2621
2718
  --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2622
2719
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2623
2720
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2624
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
2721
+ --pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
2722
+ --pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
2625
2723
  --pf-v6-c-card--m-full-height--Height: 100%;
2626
2724
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2627
2725
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -2708,6 +2806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2708
2806
  }
2709
2807
  .pf-v6-c-card.pf-m-secondary {
2710
2808
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
2809
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
2711
2810
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
2712
2811
  }
2713
2812
  .pf-v6-c-card.pf-m-plain {
@@ -2780,7 +2879,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2780
2879
  }
2781
2880
 
2782
2881
  .pf-v6-c-card__title-text {
2783
- overflow: auto;
2784
2882
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
2785
2883
  font-size: var(--pf-v6-c-card__title-text--FontSize);
2786
2884
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
@@ -2822,17 +2920,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2822
2920
  z-index: -1;
2823
2921
  content: "";
2824
2922
  background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
2825
- border: var(--pf-v6-c-card--m-selectable--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2923
+ border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2826
2924
  border-radius: var(--pf-v6-c-card--BorderRadius);
2827
2925
  }
2828
2926
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
2829
2927
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
2928
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
2830
2929
  }
2831
2930
 
2832
2931
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
2833
2932
  .pf-v6-c-card.pf-m-selected {
2834
2933
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
2835
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2934
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2836
2935
  }
2837
2936
 
2838
2937
  .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
@@ -3086,6 +3185,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3086
3185
  }
3087
3186
 
3088
3187
  .pf-v6-c-code-block {
3188
+ --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
3189
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
3089
3190
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3090
3191
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3091
3192
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -3104,6 +3205,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3104
3205
 
3105
3206
  .pf-v6-c-code-block {
3106
3207
  background-color: var(--pf-v6-c-code-block--BackgroundColor);
3208
+ border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
3107
3209
  border-radius: var(--pf-v6-c-code-block--BorderRadius);
3108
3210
  }
3109
3211
 
@@ -3144,6 +3246,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3144
3246
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
3145
3247
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
3146
3248
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3249
+ --pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
3250
+ --pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
3251
+ --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3252
+ --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3147
3253
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3148
3254
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3149
3255
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -3215,12 +3321,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3215
3321
  }
3216
3322
  .pf-v6-c-code-editor__header::before {
3217
3323
  position: absolute;
3218
- inset-block-end: 0;
3219
- inset-inline-start: 0;
3220
- inset-inline-end: 0;
3324
+ inset: 0;
3221
3325
  pointer-events: none;
3222
3326
  content: "";
3327
+ border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3223
3328
  border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3329
+ border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3330
+ border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3224
3331
  }
3225
3332
  .pf-v6-c-code-editor__header.pf-m-plain {
3226
3333
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
@@ -4878,8 +4985,12 @@ ul) {
4878
4985
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4879
4986
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4880
4987
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4988
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
4989
+ --pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
4881
4990
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4991
+ --pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
4882
4992
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4993
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
4883
4994
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4884
4995
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
4885
4996
  --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -4985,6 +5096,7 @@ ul) {
4985
5096
  overflow: auto;
4986
5097
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
4987
5098
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5099
+ outline-offset: 2px;
4988
5100
  }
4989
5101
 
4990
5102
  .pf-v6-c-dual-list-selector__list {
@@ -5009,7 +5121,7 @@ ul) {
5009
5121
  overflow-anchor: none;
5010
5122
  }
5011
5123
 
5012
- .pf-v6-c-dual-list-selector__list-item:focus {
5124
+ .pf-v6-c-dual-list-selector__list-item:focus-visible {
5013
5125
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5014
5126
  }
5015
5127
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
@@ -5043,22 +5155,34 @@ ul) {
5043
5155
  }
5044
5156
 
5045
5157
  .pf-v6-c-dual-list-selector__list-item-row {
5158
+ position: relative;
5046
5159
  display: flex;
5047
5160
  font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5048
5161
  background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
5049
5162
  }
5163
+ .pf-v6-c-dual-list-selector__list-item-row::before {
5164
+ position: absolute;
5165
+ inset: 0;
5166
+ pointer-events: none;
5167
+ content: "";
5168
+ border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5169
+ border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5170
+ }
5050
5171
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
5051
5172
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
5173
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
5052
5174
  }
5053
5175
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
5054
5176
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
5055
5177
  font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
5056
5178
  }
5057
- .pf-v6-c-dual-list-selector__list-item-row:hover {
5179
+ .pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
5058
5180
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5181
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5059
5182
  }
5060
5183
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5061
5184
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
5185
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
5062
5186
  }
5063
5187
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5064
5188
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
@@ -5072,7 +5196,7 @@ ul) {
5072
5196
 
5073
5197
  .pf-v6-c-dual-list-selector__item,
5074
5198
  .pf-v6-c-dual-list-selector__item-main {
5075
- flex-basis: 100%;
5199
+ flex-grow: 1;
5076
5200
  }
5077
5201
 
5078
5202
  .pf-v6-c-dual-list-selector__draggable {
@@ -5091,7 +5215,7 @@ ul) {
5091
5215
 
5092
5216
  .pf-v6-c-dual-list-selector__item {
5093
5217
  position: relative;
5094
- width: 100%;
5218
+ min-width: 0;
5095
5219
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
5096
5220
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
5097
5221
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -5211,6 +5335,8 @@ ul) {
5211
5335
  --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));
5212
5336
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
5213
5337
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
5338
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
5339
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
5214
5340
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5215
5341
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
5216
5342
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -5241,6 +5367,7 @@ ul) {
5241
5367
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
5242
5368
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
5243
5369
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
5370
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
5244
5371
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
5245
5372
  }
5246
5373
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -5330,6 +5457,8 @@ ul) {
5330
5457
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5331
5458
  content: "";
5332
5459
  background-color: var(--pf-v6-c-divider--Color);
5460
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5461
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5333
5462
  }
5334
5463
  .pf-v6-c-divider.pf-m-horizontal {
5335
5464
  flex-direction: row;
@@ -5578,6 +5707,11 @@ ul) {
5578
5707
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5579
5708
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5580
5709
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5710
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5711
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
5712
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
5713
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
5714
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5581
5715
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5582
5716
  --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5583
5717
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5674,13 +5808,15 @@ ul) {
5674
5808
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5675
5809
  --pf-v6-c-drawer__panel--BoxShadow: none;
5676
5810
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5677
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5678
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5679
- --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
5811
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
5812
+ --pf-v6-c-drawer--m-inline__panel--after--Width: 0;
5813
+ --pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
5814
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
5815
+ --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5680
5816
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
5681
- --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: var(--pf-v6-c-drawer__panel--after--Width);
5682
- --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
5683
- --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5817
+ --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
5818
+ --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
5819
+ --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
5684
5820
  }
5685
5821
  @media screen and (prefers-reduced-motion: no-preference) {
5686
5822
  .pf-v6-c-drawer {
@@ -5721,6 +5857,7 @@ ul) {
5721
5857
 
5722
5858
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5723
5859
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5860
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
5724
5861
  }
5725
5862
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
5726
5863
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -5821,6 +5958,11 @@ ul) {
5821
5958
  overflow: auto;
5822
5959
  visibility: hidden;
5823
5960
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5961
+ border: solid var(--pf-v6-c-drawer__panel--BorderColor);
5962
+ border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
5963
+ border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
5964
+ border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
5965
+ border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
5824
5966
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5825
5967
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
5826
5968
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -5829,15 +5971,6 @@ ul) {
5829
5971
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
5830
5972
  -webkit-overflow-scrolling: touch;
5831
5973
  }
5832
- .pf-v6-c-drawer__panel::after {
5833
- position: absolute;
5834
- inset-block-start: 0;
5835
- inset-inline-start: 0;
5836
- width: var(--pf-v6-c-drawer__panel--after--Width);
5837
- height: 100%;
5838
- content: "";
5839
- background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5840
- }
5841
5974
  .pf-v6-c-drawer__panel:not(.pf-m-resizable) {
5842
5975
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
5843
5976
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
@@ -5985,6 +6118,7 @@ ul) {
5985
6118
 
5986
6119
  @media screen and (min-width: 48rem) {
5987
6120
  .pf-v6-c-drawer {
6121
+ --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
5988
6122
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
5989
6123
  }
5990
6124
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -5992,13 +6126,13 @@ ul) {
5992
6126
  }
5993
6127
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
5994
6128
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
6129
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6130
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6131
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6132
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5995
6133
  flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
5996
6134
  min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
5997
6135
  }
5998
- .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
5999
- width: 0;
6000
- height: 0;
6001
- }
6002
6136
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6003
6137
  flex-shrink: 0;
6004
6138
  }
@@ -6007,18 +6141,17 @@ ul) {
6007
6141
  }
6008
6142
  .pf-v6-c-drawer.pf-m-panel-left {
6009
6143
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
6144
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
6145
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6010
6146
  }
6011
6147
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6148
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6012
6149
  padding-inline-start: 0;
6013
6150
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
6014
6151
  }
6015
6152
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6016
6153
  transform: translateX(0);
6017
6154
  }
6018
- .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6019
- inset-inline-start: auto;
6020
- inset-inline-end: 0;
6021
- }
6022
6155
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6023
6156
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
6024
6157
  order: 1;
@@ -6027,19 +6160,16 @@ ul) {
6027
6160
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
6028
6161
  --pf-v6-c-drawer__panel--MaxHeight: 100%;
6029
6162
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
6163
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6164
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6030
6165
  min-width: auto;
6031
6166
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
6032
6167
  }
6033
6168
  .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6169
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6034
6170
  padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
6035
6171
  padding-inline-start: 0;
6036
6172
  }
6037
- .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6038
- inset-block-start: 0;
6039
- inset-inline-start: auto;
6040
- width: 100%;
6041
- height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6042
- }
6043
6173
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
6044
6174
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
6045
6175
  --pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
@@ -6068,6 +6198,10 @@ ul) {
6068
6198
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
6069
6199
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
6070
6200
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6201
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6202
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6203
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6204
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
6071
6205
  }
6072
6206
  .pf-v6-c-drawer__splitter {
6073
6207
  display: block;
@@ -6162,9 +6296,9 @@ ul) {
6162
6296
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6163
6297
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6164
6298
  }
6165
- .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6166
- .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6167
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6299
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6300
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6301
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6168
6302
  }
6169
6303
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6170
6304
  overflow-x: auto;
@@ -6229,9 +6363,9 @@ ul) {
6229
6363
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6230
6364
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6231
6365
  }
6232
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6233
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6234
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6366
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6367
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6368
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6235
6369
  }
6236
6370
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6237
6371
  overflow-x: auto;
@@ -6296,9 +6430,9 @@ ul) {
6296
6430
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6297
6431
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6298
6432
  }
6299
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6300
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6301
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6433
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6434
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6435
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6302
6436
  }
6303
6437
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6304
6438
  overflow-x: auto;
@@ -6363,9 +6497,9 @@ ul) {
6363
6497
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6364
6498
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6365
6499
  }
6366
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6367
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6368
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6500
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6501
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6502
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6369
6503
  }
6370
6504
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6371
6505
  overflow-x: auto;
@@ -6581,6 +6715,7 @@ ul) {
6581
6715
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6582
6716
  --pf-v6-c-expandable-section__content--Opacity: 0;
6583
6717
  --pf-v6-c-expandable-section__content--TranslateY: 0;
6718
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
6584
6719
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
6585
6720
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6586
6721
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -6628,6 +6763,7 @@ ul) {
6628
6763
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6629
6764
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6630
6765
  --pf-v6-c-expandable-section__content--Visibility: auto;
6766
+ --pf-v6-c-expandable-section__content--Overflow: visible;
6631
6767
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6632
6768
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6633
6769
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -6663,6 +6799,7 @@ ul) {
6663
6799
  }
6664
6800
  .pf-v6-c-expandable-section.pf-m-truncate {
6665
6801
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
6802
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6666
6803
  }
6667
6804
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6668
6805
  display: -webkit-box;
@@ -6689,13 +6826,14 @@ ul) {
6689
6826
  .pf-v6-c-expandable-section__content {
6690
6827
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6691
6828
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6692
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6829
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
6693
6830
  }
6694
6831
  .pf-v6-c-expandable-section__content:where([hidden]) {
6695
6832
  display: revert;
6696
6833
  }
6697
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6834
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
6698
6835
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6836
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
6699
6837
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6700
6838
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6701
6839
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
@@ -7474,6 +7612,12 @@ ul) {
7474
7612
  .pf-v6-c-form-control > :is(input, select) {
7475
7613
  text-overflow: ellipsis;
7476
7614
  }
7615
+ .pf-v6-c-form-control > select {
7616
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
7617
+ }
7618
+ .pf-v6-c-form-control > select * {
7619
+ color: var(--pf-v6-c-form-control--Color);
7620
+ }
7477
7621
  .pf-v6-c-form-control:has(input) {
7478
7622
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
7479
7623
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -7619,17 +7763,10 @@ ul) {
7619
7763
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7620
7764
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7621
7765
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7622
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
7623
7766
  }
7624
7767
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7625
7768
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7626
7769
  }
7627
- @-moz-document url-prefix() {
7628
- .pf-v6-c-form-control:has(select) {
7629
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
7630
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
7631
- }
7632
- }
7633
7770
  .pf-v6-c-form-control.pf-m-placeholder > select {
7634
7771
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
7635
7772
  }
@@ -8594,10 +8731,11 @@ label.pf-v6-c-input-group__text {
8594
8731
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8595
8732
  --pf-v6-c-label--MaxWidth: 100%;
8596
8733
  --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
8597
- --pf-v6-c-label--BorderWidth: 0;
8598
- --pf-v6-c-label--BorderColor: transparent;
8734
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8735
+ --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8599
8736
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8600
8737
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
8738
+ --pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8601
8739
  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8602
8740
  --pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8603
8741
  --pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
@@ -8720,8 +8858,8 @@ label.pf-v6-c-input-group__text {
8720
8858
  --pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
8721
8859
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
8722
8860
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
8723
- --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
8724
- --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8861
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8862
+ --pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
8725
8863
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8726
8864
  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8727
8865
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
@@ -8734,8 +8872,10 @@ label.pf-v6-c-input-group__text {
8734
8872
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8735
8873
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8736
8874
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8875
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
8737
8876
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8738
8877
  --pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8878
+ --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
8739
8879
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8740
8880
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8741
8881
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -8756,15 +8896,15 @@ label.pf-v6-c-input-group__text {
8756
8896
  --pf-v6-c-label__content--Cursor: initial;
8757
8897
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8758
8898
  --pf-v6-c-label__text--MaxWidth: 100%;
8759
- --pf-v6-c-label__actions--MarginInlineEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd) * -1);
8899
+ --pf-v6-c-label__actions--MarginInlineEnd: 0;
8760
8900
  --pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8761
8901
  --pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
8762
- --pf-v6-c-label__actions--c-button--MarginBlockStart: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockStart) * -1);
8763
- --pf-v6-c-label__actions--c-button--MarginBlockEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd) * -1);
8764
- --pf-v6-c-label__actions--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8765
- --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8766
- --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8767
- --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8902
+ --pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
8903
+ --pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
8904
+ --pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
8905
+ --pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
8906
+ --pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
8907
+ --pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
8768
8908
  --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8769
8909
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8770
8910
  --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
@@ -8784,6 +8924,7 @@ label.pf-v6-c-input-group__text {
8784
8924
 
8785
8925
  .pf-v6-c-label {
8786
8926
  position: relative;
8927
+ gap: var(--pf-v6-c-label--Gap);
8787
8928
  min-width: var(--pf-v6-c-label--MinWidth);
8788
8929
  max-width: var(--pf-v6-c-label--MaxWidth);
8789
8930
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
@@ -8983,10 +9124,12 @@ label.pf-v6-c-input-group__text {
8983
9124
  .pf-v6-c-label.pf-m-overflow {
8984
9125
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
8985
9126
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
9127
+ --pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
8986
9128
  }
8987
9129
  .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
8988
9130
  --pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
8989
9131
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
9132
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
8990
9133
  }
8991
9134
  .pf-v6-c-label.pf-m-add {
8992
9135
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
@@ -9086,6 +9229,9 @@ input.pf-v6-c-label__content {
9086
9229
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9087
9230
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9088
9231
  }
9232
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9233
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9234
+ }
9089
9235
 
9090
9236
  .pf-v6-c-label-group {
9091
9237
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9324,6 +9470,8 @@ ul.pf-v6-c-list {
9324
9470
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9325
9471
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9326
9472
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9473
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9474
+ --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9327
9475
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9328
9476
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9329
9477
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -9455,6 +9603,7 @@ ul.pf-v6-c-list {
9455
9603
  align-self: start;
9456
9604
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
9457
9605
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
9606
+ border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
9458
9607
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
9459
9608
  }
9460
9609
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
@@ -10101,6 +10250,8 @@ ul.pf-v6-c-list {
10101
10250
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10102
10251
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10103
10252
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
10253
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10254
+ --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10104
10255
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10105
10256
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
10106
10257
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
@@ -10118,9 +10269,16 @@ ul.pf-v6-c-list {
10118
10269
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
10119
10270
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10120
10271
  --pf-v6-c-menu__footer--BoxShadow: none;
10272
+ --pf-v6-c-menu__footer--BorderColor: transparent;
10273
+ --pf-v6-c-menu__footer--BorderWidth: 0;
10121
10274
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
10275
+ --pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
10276
+ --pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10122
10277
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10123
10278
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10279
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10280
+ --pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10281
+ --pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
10124
10282
  --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10125
10283
  --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10126
10284
  --pf-v6-c-menu__list-item--TransitionProperty: background-color;
@@ -10296,6 +10454,7 @@ ul.pf-v6-c-list {
10296
10454
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
10297
10455
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
10298
10456
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
10457
+ --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
10299
10458
  }
10300
10459
  .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
10301
10460
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
@@ -10320,6 +10479,7 @@ ul.pf-v6-c-list {
10320
10479
  overflow: hidden;
10321
10480
  color: var(--pf-v6-c-menu--Color);
10322
10481
  background-color: var(--pf-v6-c-menu--BackgroundColor);
10482
+ border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
10323
10483
  border-radius: var(--pf-v6-c-menu--BorderRadius);
10324
10484
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
10325
10485
  transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
@@ -10364,6 +10524,7 @@ ul.pf-v6-c-list {
10364
10524
  }
10365
10525
  .pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
10366
10526
  padding: 0;
10527
+ border: 0;
10367
10528
  }
10368
10529
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
10369
10530
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
@@ -10432,6 +10593,8 @@ ul.pf-v6-c-list {
10432
10593
  .pf-v6-c-menu.pf-m-scrollable {
10433
10594
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
10434
10595
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
10596
+ --pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
10597
+ --pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
10435
10598
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10436
10599
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10437
10600
  overflow: hidden;
@@ -10473,6 +10636,7 @@ ul.pf-v6-c-list {
10473
10636
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
10474
10637
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
10475
10638
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
10639
+ border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
10476
10640
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
10477
10641
  }
10478
10642
 
@@ -10506,6 +10670,8 @@ ul.pf-v6-c-list {
10506
10670
  inset: 0;
10507
10671
  content: "";
10508
10672
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
10673
+ border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10674
+ border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10509
10675
  transition: inherit;
10510
10676
  }
10511
10677
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -10530,6 +10696,7 @@ ul.pf-v6-c-list {
10530
10696
  }
10531
10697
  .pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
10532
10698
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
10699
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
10533
10700
  }
10534
10701
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
10535
10702
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
@@ -10718,19 +10885,19 @@ ul.pf-v6-c-list {
10718
10885
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
10719
10886
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
10720
10887
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
10721
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
10888
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
10722
10889
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
10723
10890
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10724
10891
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10725
10892
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
10726
10893
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
10727
10894
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
10728
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
10895
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
10729
10896
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
10730
10897
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10731
10898
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
10732
10899
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
10733
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10900
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
10734
10901
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
10735
10902
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10736
10903
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10799,7 +10966,7 @@ ul.pf-v6-c-list {
10799
10966
  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10800
10967
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10801
10968
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10802
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10969
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
10803
10970
  --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10804
10971
  --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
10805
10972
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
@@ -10817,7 +10984,10 @@ ul.pf-v6-c-list {
10817
10984
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10818
10985
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10819
10986
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10820
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10987
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
10988
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10989
+ --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10990
+ --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10821
10991
  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10822
10992
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10823
10993
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -10943,6 +11113,7 @@ ul.pf-v6-c-list {
10943
11113
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10944
11114
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10945
11115
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
11116
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
10946
11117
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10947
11118
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10948
11119
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
@@ -10955,12 +11126,14 @@ ul.pf-v6-c-list {
10955
11126
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10956
11127
  }
10957
11128
  .pf-v6-c-menu-toggle.pf-m-plain::before {
10958
- border: none;
11129
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
11130
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10959
11131
  }
10960
11132
  .pf-v6-c-menu-toggle:is(:hover, :focus) {
10961
11133
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
10962
11134
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
10963
11135
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
11136
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
10964
11137
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10965
11138
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10966
11139
  --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
@@ -10972,6 +11145,7 @@ ul.pf-v6-c-list {
10972
11145
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
10973
11146
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
10974
11147
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
11148
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
10975
11149
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10976
11150
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10977
11151
  }
@@ -11220,6 +11394,8 @@ ul.pf-v6-c-list {
11220
11394
 
11221
11395
  .pf-v6-c-modal-box {
11222
11396
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11397
+ --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
11398
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11223
11399
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11224
11400
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11225
11401
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -11286,6 +11462,7 @@ ul.pf-v6-c-list {
11286
11462
  max-height: var(--pf-v6-c-modal-box--MaxHeight);
11287
11463
  overflow: auto;
11288
11464
  background-color: var(--pf-v6-c-modal-box--BackgroundColor);
11465
+ border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
11289
11466
  border-radius: var(--pf-v6-c-modal-box--BorderRadius);
11290
11467
  box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
11291
11468
  }
@@ -11677,6 +11854,10 @@ ul.pf-v6-c-list {
11677
11854
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
11678
11855
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
11679
11856
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
11857
+ --pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
11858
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11859
+ --pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11860
+ --pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11680
11861
  --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
11681
11862
  --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
11682
11863
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
@@ -11711,6 +11892,8 @@ ul.pf-v6-c-list {
11711
11892
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
11712
11893
  --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11713
11894
  --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
11895
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11896
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
11714
11897
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11715
11898
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11716
11899
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -11870,12 +12053,22 @@ ul.pf-v6-c-list {
11870
12053
  transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
11871
12054
  transition-property: background-color, color;
11872
12055
  }
12056
+ .pf-v6-c-nav__link::after {
12057
+ position: absolute;
12058
+ inset: 0;
12059
+ pointer-events: none;
12060
+ content: "";
12061
+ border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
12062
+ border-radius: inherit;
12063
+ }
11873
12064
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
12065
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
11874
12066
  color: var(--pf-v6-c-nav__link--hover--Color);
11875
12067
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
11876
12068
  }
11877
12069
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
11878
12070
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
12071
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
11879
12072
  color: var(--pf-v6-c-nav__link--m-current--Color);
11880
12073
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
11881
12074
  }
@@ -11978,6 +12171,7 @@ ul.pf-v6-c-list {
11978
12171
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11979
12172
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11980
12173
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
12174
+ border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
11981
12175
  border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11982
12176
  }
11983
12177
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
@@ -12308,7 +12502,7 @@ ul.pf-v6-c-list {
12308
12502
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
12309
12503
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
12310
12504
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12311
- --pf-v6-c-page__sidebar--BoxShadow: none;
12505
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
12312
12506
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12313
12507
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12314
12508
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -12323,6 +12517,8 @@ ul.pf-v6-c-list {
12323
12517
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12324
12518
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
12325
12519
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
12520
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12521
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
12326
12522
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12327
12523
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
12328
12524
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12347,13 +12543,19 @@ ul.pf-v6-c-list {
12347
12543
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
12348
12544
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
12349
12545
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
12350
- --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
12351
- --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
12546
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
12547
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
12548
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
12549
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
12550
+ --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
12352
12551
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
12353
12552
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
12354
12553
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
12355
12554
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
12356
12555
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
12556
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
12557
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
12558
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
12357
12559
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
12358
12560
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12359
12561
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -12366,22 +12568,30 @@ ul.pf-v6-c-list {
12366
12568
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
12367
12569
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
12368
12570
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12571
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12572
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12369
12573
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
12370
12574
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12575
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12576
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12371
12577
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12372
12578
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
12579
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12580
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12373
12581
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12374
12582
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
12583
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12584
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12375
12585
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12376
12586
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
12377
12587
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
12378
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12379
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12588
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12589
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12380
12590
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12381
12591
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
12382
- --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12592
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12383
12593
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
12384
- --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12594
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12385
12595
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12386
12596
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12387
12597
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -12392,6 +12602,8 @@ ul.pf-v6-c-list {
12392
12602
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12393
12603
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12394
12604
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
12605
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12606
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12395
12607
  }
12396
12608
  @media screen and (prefers-reduced-motion: no-preference) {
12397
12609
  .pf-v6-c-page {
@@ -12404,6 +12616,16 @@ ul.pf-v6-c-list {
12404
12616
  .pf-v6-c-page {
12405
12617
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12406
12618
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
12619
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12620
+ }
12621
+ }
12622
+ @media screen and (max-width: calc(48rem - 1px)) {
12623
+ .pf-v6-c-page {
12624
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12625
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12626
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12627
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12628
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12407
12629
  }
12408
12630
  }
12409
12631
 
@@ -12497,6 +12719,7 @@ ul.pf-v6-c-list {
12497
12719
  overflow-y: auto;
12498
12720
  -webkit-overflow-scrolling: touch;
12499
12721
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
12722
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
12500
12723
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
12501
12724
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12502
12725
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -12512,7 +12735,7 @@ ul.pf-v6-c-list {
12512
12735
  }
12513
12736
  @media screen and (min-width: 75rem) {
12514
12737
  .pf-v6-c-page__sidebar.pf-m-expanded {
12515
- --pf-v6-c-page__sidebar--BoxShadow: none;
12738
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
12516
12739
  }
12517
12740
  }
12518
12741
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -12609,6 +12832,7 @@ ul.pf-v6-c-list {
12609
12832
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
12610
12833
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
12611
12834
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
12835
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
12612
12836
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
12613
12837
  }
12614
12838
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -12618,6 +12842,7 @@ ul.pf-v6-c-list {
12618
12842
  .pf-v6-c-page__main-group.pf-m-shadow-top,
12619
12843
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
12620
12844
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
12845
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
12621
12846
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
12622
12847
  }
12623
12848
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -12629,6 +12854,7 @@ ul.pf-v6-c-list {
12629
12854
  position: sticky;
12630
12855
  inset-block-start: 0;
12631
12856
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12857
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12632
12858
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12633
12859
  }
12634
12860
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -12640,6 +12866,7 @@ ul.pf-v6-c-list {
12640
12866
  position: sticky;
12641
12867
  inset-block-end: 0;
12642
12868
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12869
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12643
12870
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12644
12871
  }
12645
12872
  @media (min-height: 0) {
@@ -12652,6 +12879,7 @@ ul.pf-v6-c-list {
12652
12879
  position: sticky;
12653
12880
  inset-block-start: 0;
12654
12881
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12882
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12655
12883
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12656
12884
  }
12657
12885
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -12663,6 +12891,7 @@ ul.pf-v6-c-list {
12663
12891
  position: sticky;
12664
12892
  inset-block-end: 0;
12665
12893
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12894
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12666
12895
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12667
12896
  }
12668
12897
  }
@@ -12676,6 +12905,7 @@ ul.pf-v6-c-list {
12676
12905
  position: sticky;
12677
12906
  inset-block-start: 0;
12678
12907
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12908
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12679
12909
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12680
12910
  }
12681
12911
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -12687,6 +12917,7 @@ ul.pf-v6-c-list {
12687
12917
  position: sticky;
12688
12918
  inset-block-end: 0;
12689
12919
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12920
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12690
12921
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12691
12922
  }
12692
12923
  }
@@ -12700,6 +12931,7 @@ ul.pf-v6-c-list {
12700
12931
  position: sticky;
12701
12932
  inset-block-start: 0;
12702
12933
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12934
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12703
12935
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12704
12936
  }
12705
12937
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -12711,6 +12943,7 @@ ul.pf-v6-c-list {
12711
12943
  position: sticky;
12712
12944
  inset-block-end: 0;
12713
12945
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12946
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12714
12947
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12715
12948
  }
12716
12949
  }
@@ -12724,6 +12957,7 @@ ul.pf-v6-c-list {
12724
12957
  position: sticky;
12725
12958
  inset-block-start: 0;
12726
12959
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12960
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12727
12961
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12728
12962
  }
12729
12963
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -12735,6 +12969,7 @@ ul.pf-v6-c-list {
12735
12969
  position: sticky;
12736
12970
  inset-block-end: 0;
12737
12971
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12972
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12738
12973
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12739
12974
  }
12740
12975
  }
@@ -12748,6 +12983,7 @@ ul.pf-v6-c-list {
12748
12983
  position: sticky;
12749
12984
  inset-block-start: 0;
12750
12985
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12986
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12751
12987
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12752
12988
  }
12753
12989
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -12759,6 +12995,7 @@ ul.pf-v6-c-list {
12759
12995
  position: sticky;
12760
12996
  inset-block-end: 0;
12761
12997
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12998
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12762
12999
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12763
13000
  }
12764
13001
  }
@@ -12771,14 +13008,16 @@ ul.pf-v6-c-list {
12771
13008
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
12772
13009
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
12773
13010
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
12774
- border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
13011
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
13012
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
13013
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
13014
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
13015
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
12775
13016
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
12776
13017
  }
12777
13018
  @media screen and (max-width: calc(48rem - 1px)) {
12778
13019
  .pf-v6-c-page__main-container {
12779
13020
  --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
12780
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12781
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12782
13021
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12783
13022
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12784
13023
  }
@@ -12901,8 +13140,8 @@ ul.pf-v6-c-list {
12901
13140
  gap: var(--pf-v6-c-page__main-section--RowGap);
12902
13141
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12903
13142
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12904
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12905
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13143
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13144
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12906
13145
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12907
13146
  }
12908
13147
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12911,8 +13150,8 @@ ul.pf-v6-c-list {
12911
13150
  .pf-v6-c-page__main-section.pf-m-padding {
12912
13151
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12913
13152
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12914
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12915
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13153
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13154
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12916
13155
  }
12917
13156
  .pf-v6-c-page__main-section.pf-m-no-padding {
12918
13157
  padding: 0;
@@ -12921,8 +13160,8 @@ ul.pf-v6-c-list {
12921
13160
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12922
13161
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12923
13162
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12924
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12925
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13163
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13164
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12926
13165
  }
12927
13166
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12928
13167
  padding: 0;
@@ -12932,8 +13171,8 @@ ul.pf-v6-c-list {
12932
13171
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12933
13172
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12934
13173
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12935
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12936
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13174
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13175
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12937
13176
  }
12938
13177
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12939
13178
  padding: 0;
@@ -12943,8 +13182,8 @@ ul.pf-v6-c-list {
12943
13182
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12944
13183
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12945
13184
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12946
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12947
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13185
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13186
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12948
13187
  }
12949
13188
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12950
13189
  padding: 0;
@@ -12954,8 +13193,8 @@ ul.pf-v6-c-list {
12954
13193
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12955
13194
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12956
13195
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12957
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12958
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13196
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13197
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12959
13198
  }
12960
13199
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12961
13200
  padding: 0;
@@ -12965,8 +13204,8 @@ ul.pf-v6-c-list {
12965
13204
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12966
13205
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12967
13206
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12968
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12969
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13207
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13208
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12970
13209
  }
12971
13210
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12972
13211
  padding: 0;
@@ -12991,6 +13230,9 @@ ul.pf-v6-c-list {
12991
13230
  flex-shrink: 0;
12992
13231
  }
12993
13232
 
13233
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13234
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
13235
+ }
12994
13236
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
12995
13237
  align-self: revert;
12996
13238
  }
@@ -13001,7 +13243,10 @@ ul.pf-v6-c-list {
13001
13243
  .pf-v6-c-pagination {
13002
13244
  --pf-v6-c-pagination--inset: 0;
13003
13245
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
13004
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
13246
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
13247
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
13248
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
13249
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
13005
13250
  --pf-v6-c-pagination__nav--Display: none;
13006
13251
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
13007
13252
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -13022,14 +13267,17 @@ ul.pf-v6-c-list {
13022
13267
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13023
13268
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
13024
13269
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
13270
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13025
13271
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13026
13272
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13027
13273
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13028
13274
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13275
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13029
13276
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13030
13277
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13031
13278
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
13032
13279
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13280
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13033
13281
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
13034
13282
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
13035
13283
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13044,6 +13292,7 @@ ul.pf-v6-c-list {
13044
13292
  @media screen and (min-width: 48rem) {
13045
13293
  .pf-v6-c-pagination {
13046
13294
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
13295
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13047
13296
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
13048
13297
  --pf-v6-c-pagination__nav--Display: inline-flex;
13049
13298
  --pf-v6-c-pagination__total-items--Display: none;
@@ -13063,6 +13312,9 @@ ul.pf-v6-c-list {
13063
13312
  justify-content: flex-end;
13064
13313
  padding-inline-start: var(--pf-v6-c-pagination--inset);
13065
13314
  padding-inline-end: var(--pf-v6-c-pagination--inset);
13315
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
13316
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
13317
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
13066
13318
  }
13067
13319
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
13068
13320
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -13070,6 +13322,7 @@ ul.pf-v6-c-list {
13070
13322
  .pf-v6-c-pagination.pf-m-bottom {
13071
13323
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
13072
13324
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
13325
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
13073
13326
  position: sticky;
13074
13327
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
13075
13328
  justify-content: center;
@@ -13096,7 +13349,6 @@ ul.pf-v6-c-list {
13096
13349
  }
13097
13350
  @media screen and (min-width: 48rem) {
13098
13351
  .pf-v6-c-pagination.pf-m-bottom {
13099
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13100
13352
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
13101
13353
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
13102
13354
  position: relative;
@@ -13128,10 +13380,13 @@ ul.pf-v6-c-list {
13128
13380
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
13129
13381
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
13130
13382
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
13383
+ border: 0;
13131
13384
  box-shadow: none;
13132
13385
  }
13133
13386
  .pf-v6-c-pagination.pf-m-sticky {
13134
13387
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13388
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
13389
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
13135
13390
  position: sticky;
13136
13391
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
13137
13392
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -13367,11 +13622,14 @@ ul.pf-v6-c-list {
13367
13622
  --pf-v6-c-panel--BoxShadow: none;
13368
13623
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
13369
13624
  --pf-v6-c-panel--before--BorderWidth: 0;
13370
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
13625
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13371
13626
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13627
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13372
13628
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13629
+ --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13373
13630
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13374
13631
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13632
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13375
13633
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13376
13634
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13377
13635
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13387,11 +13645,15 @@ ul.pf-v6-c-list {
13387
13645
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13388
13646
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13389
13647
  --pf-v6-c-panel__footer--BoxShadow: none;
13648
+ --pf-v6-c-panel__footer--BorderColor: transparent;
13649
+ --pf-v6-c-panel__footer--BorderWidth: 0;
13390
13650
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
13391
13651
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
13392
13652
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
13393
13653
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
13394
13654
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
13655
+ --pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
13656
+ --pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13395
13657
  }
13396
13658
 
13397
13659
  .pf-v6-c-panel {
@@ -13413,13 +13675,16 @@ ul.pf-v6-c-list {
13413
13675
  }
13414
13676
  .pf-v6-c-panel.pf-m-bordered {
13415
13677
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
13678
+ --pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
13416
13679
  }
13417
13680
  .pf-v6-c-panel.pf-m-secondary {
13418
13681
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
13682
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
13419
13683
  }
13420
13684
  .pf-v6-c-panel.pf-m-raised {
13421
13685
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
13422
13686
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
13687
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
13423
13688
  }
13424
13689
  .pf-v6-c-panel.pf-m-scrollable {
13425
13690
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
@@ -13427,6 +13692,8 @@ ul.pf-v6-c-list {
13427
13692
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
13428
13693
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
13429
13694
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
13695
+ --pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
13696
+ --pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
13430
13697
  }
13431
13698
 
13432
13699
  .pf-v6-c-panel__header {
@@ -13453,6 +13720,7 @@ ul.pf-v6-c-list {
13453
13720
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
13454
13721
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
13455
13722
  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
13723
+ border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
13456
13724
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
13457
13725
  }
13458
13726
 
@@ -13461,6 +13729,8 @@ ul.pf-v6-c-list {
13461
13729
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13462
13730
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13463
13731
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13732
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13733
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13464
13734
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13465
13735
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13466
13736
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13511,6 +13781,7 @@ ul.pf-v6-c-list {
13511
13781
  min-width: var(--pf-v6-c-popover--MinWidth);
13512
13782
  max-width: var(--pf-v6-c-popover--MaxWidth);
13513
13783
  font-size: var(--pf-v6-c-popover--FontSize);
13784
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13514
13785
  border-radius: var(--pf-v6-c-popover--BorderRadius);
13515
13786
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
13516
13787
  }
@@ -13625,6 +13896,7 @@ ul.pf-v6-c-list {
13625
13896
  height: var(--pf-v6-c-popover__arrow--Height);
13626
13897
  pointer-events: none;
13627
13898
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13899
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13628
13900
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13629
13901
  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13630
13902
  }
@@ -13665,11 +13937,15 @@ ul.pf-v6-c-list {
13665
13937
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13666
13938
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13667
13939
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13940
+ --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13941
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13668
13942
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13669
13943
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13670
13944
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13671
13945
  --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13672
13946
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13947
+ --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
13948
+ --pf-v6-c-progress__indicator--BorderColor: transparent;
13673
13949
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13674
13950
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13675
13951
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -13826,12 +14102,27 @@ ul.pf-v6-c-list {
13826
14102
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13827
14103
  border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
13828
14104
  }
14105
+ .pf-v6-c-progress__bar::before {
14106
+ position: absolute;
14107
+ inset: 0;
14108
+ pointer-events: none;
14109
+ content: "";
14110
+ border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
14111
+ border-radius: inherit;
14112
+ }
13829
14113
 
13830
14114
  .pf-v6-c-progress__indicator {
13831
14115
  position: absolute;
13832
14116
  height: var(--pf-v6-c-progress__indicator--Height);
13833
14117
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13834
14118
  }
14119
+ .pf-v6-c-progress__indicator::before {
14120
+ position: absolute;
14121
+ inset: 0;
14122
+ content: "";
14123
+ border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
14124
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
14125
+ }
13835
14126
 
13836
14127
  .pf-v6-c-progress__helper-text {
13837
14128
  grid-row: 3/4;
@@ -14576,6 +14867,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14576
14867
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
14577
14868
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
14578
14869
  --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14870
+ --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14579
14871
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
14580
14872
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
14581
14873
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -14584,6 +14876,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14584
14876
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
14585
14877
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
14586
14878
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
14879
+ --pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
14880
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14587
14881
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
14588
14882
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14589
14883
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -14612,6 +14906,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14612
14906
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
14613
14907
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
14614
14908
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
14909
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14615
14910
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14616
14911
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
14617
14912
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -14641,6 +14936,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14641
14936
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
14642
14937
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
14643
14938
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
14939
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
14644
14940
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
14645
14941
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
14646
14942
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -14651,6 +14947,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14651
14947
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
14652
14948
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
14653
14949
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
14950
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14654
14951
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14655
14952
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
14656
14953
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -14682,6 +14979,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14682
14979
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
14683
14980
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
14684
14981
  background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
14982
+ border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
14685
14983
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
14686
14984
  }
14687
14985
  .pf-v6-c-sidebar__panel.pf-m-padding {
@@ -14892,6 +15190,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14892
15190
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
14893
15191
  --pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
14894
15192
  --pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
15193
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
15194
+ --pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
15195
+ --pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
15196
+ --pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
14895
15197
  --pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
14896
15198
  --pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
14897
15199
  --pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -14906,6 +15208,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14906
15208
  }
14907
15209
 
14908
15210
  .pf-v6-c-simple-list__item-link {
15211
+ position: relative;
14909
15212
  display: block;
14910
15213
  width: 100%;
14911
15214
  padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
@@ -14920,6 +15223,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14920
15223
  border: none;
14921
15224
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
14922
15225
  }
15226
+ .pf-v6-c-simple-list__item-link::after {
15227
+ position: absolute;
15228
+ inset: 0;
15229
+ pointer-events: none;
15230
+ content: "";
15231
+ border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
15232
+ border-radius: inherit;
15233
+ }
14923
15234
  .pf-v6-c-simple-list__item-link.pf-m-link {
14924
15235
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
14925
15236
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
@@ -14928,11 +15239,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14928
15239
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
14929
15240
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
14930
15241
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
15242
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
14931
15243
  text-decoration-line: none;
14932
15244
  }
14933
15245
  .pf-v6-c-simple-list__item-link.pf-m-current {
14934
15246
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14935
15247
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
15248
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
14936
15249
  }
14937
15250
 
14938
15251
  .pf-v6-c-simple-list__title {
@@ -15158,6 +15471,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15158
15471
  --pf-v6-c-slider__rail-track--Height: 0.25rem;
15159
15472
  --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15160
15473
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
15474
+ --pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15475
+ --pf-v6-c-slider__rail-track--before--BorderColor: transparent;
15161
15476
  --pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
15162
15477
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
15163
15478
  --pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
@@ -15167,6 +15482,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15167
15482
  --pf-v6-c-slider__step-tick--Height: 0.25rem;
15168
15483
  --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
15169
15484
  --pf-v6-c-slider__step-tick--TranslateX: -50%;
15485
+ --pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15486
+ --pf-v6-c-slider__step-tick--BorderColor: transparent;
15170
15487
  --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
15171
15488
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
15172
15489
  --pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
@@ -15182,6 +15499,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15182
15499
  --pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
15183
15500
  --pf-v6-c-slider__thumb--TranslateX: -50%;
15184
15501
  --pf-v6-c-slider__thumb--TranslateY: -50%;
15502
+ --pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15503
+ --pf-v6-c-slider__thumb--BorderColor: transparent;
15185
15504
  --pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
15186
15505
  --pf-v6-c-slider__thumb--BoxShadow--base:
15187
15506
  0 0 0 2px var(--pf-t--global--background--color--primary--default),
@@ -15251,6 +15570,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15251
15570
  inset: 0;
15252
15571
  content: "";
15253
15572
  background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
15573
+ border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
15254
15574
  border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
15255
15575
  }
15256
15576
 
@@ -15286,6 +15606,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15286
15606
  width: var(--pf-v6-c-slider__step-tick--Width);
15287
15607
  height: var(--pf-v6-c-slider__step-tick--Height);
15288
15608
  background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
15609
+ border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
15289
15610
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
15290
15611
  }
15291
15612
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
@@ -15311,6 +15632,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15311
15632
  height: var(--pf-v6-c-slider__thumb--Height);
15312
15633
  cursor: pointer;
15313
15634
  background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
15635
+ border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
15314
15636
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
15315
15637
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
15316
15638
  }
@@ -15464,11 +15786,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15464
15786
  --pf-v6-c-switch--Height: auto;
15465
15787
  --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15466
15788
  --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
15467
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
15789
+ --pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
15790
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15468
15791
  --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15469
15792
  --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15470
15793
  --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15471
15794
  --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15795
+ --pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
15472
15796
  --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15473
15797
  --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15474
15798
  --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
@@ -15483,6 +15807,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15483
15807
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15484
15808
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15485
15809
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
15810
+ --pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15486
15811
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15487
15812
  --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15488
15813
  --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
@@ -15524,6 +15849,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15524
15849
  }
15525
15850
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15526
15851
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
15852
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
15527
15853
  background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15528
15854
  }
15529
15855
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
@@ -15549,6 +15875,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15549
15875
  }
15550
15876
  .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15551
15877
  --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
15878
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
15552
15879
  cursor: not-allowed;
15553
15880
  background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15554
15881
  }
@@ -15573,6 +15900,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15573
15900
  height: var(--pf-v6-c-switch__toggle--before--Height);
15574
15901
  content: "";
15575
15902
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
15903
+ border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
15576
15904
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15577
15905
  transition: var(--pf-v6-c-switch__toggle--before--Transition);
15578
15906
  transform: translateY(-50%);
@@ -17276,7 +17604,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17276
17604
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17277
17605
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
17278
17606
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
17279
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17607
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17608
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17280
17609
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17281
17610
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17282
17611
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17326,6 +17655,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17326
17655
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17327
17656
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17328
17657
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
17658
+ --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
17659
+ --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
17660
+ --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
17329
17661
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17330
17662
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17331
17663
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17355,6 +17687,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17355
17687
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17356
17688
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17357
17689
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17690
+ --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
17691
+ --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
17358
17692
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17359
17693
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17360
17694
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17376,10 +17710,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17376
17710
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17377
17711
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17378
17712
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
17713
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
17379
17714
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17380
17715
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17381
17716
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17382
17717
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17718
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
17383
17719
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17384
17720
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17385
17721
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17791,6 +18127,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17791
18127
  }
17792
18128
 
17793
18129
  .pf-v6-c-table__button {
18130
+ position: relative;
17794
18131
  width: auto;
17795
18132
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17796
18133
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17809,6 +18146,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17809
18146
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17810
18147
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17811
18148
  }
18149
+ .pf-v6-c-table__button::after {
18150
+ position: absolute;
18151
+ inset: 0;
18152
+ pointer-events: none;
18153
+ content: "";
18154
+ border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
18155
+ border-radius: inherit;
18156
+ }
17812
18157
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17813
18158
  margin-block-end: 0;
17814
18159
  }
@@ -17879,6 +18224,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17879
18224
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
17880
18225
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
17881
18226
  }
18227
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
18228
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
18229
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
18230
+ line-height: 1lh;
18231
+ }
18232
+
17882
18233
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
17883
18234
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17884
18235
  }
@@ -17978,6 +18329,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17978
18329
  content: "";
17979
18330
  border: 0;
17980
18331
  border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
18332
+ border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
17981
18333
  }
17982
18334
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17983
18335
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18001,6 +18353,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18001
18353
  align-self: last baseline;
18002
18354
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
18003
18355
  }
18356
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
18357
+ line-height: 1lh;
18358
+ }
18004
18359
 
18005
18360
  .pf-v6-c-table__sort {
18006
18361
  vertical-align: bottom;
@@ -18009,6 +18364,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18009
18364
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18010
18365
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18011
18366
  --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
18367
+ --pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
18012
18368
  }
18013
18369
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18014
18370
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18058,16 +18414,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18058
18414
  border-radius: 0;
18059
18415
  }
18060
18416
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18417
+ position: relative;
18061
18418
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18062
18419
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18063
18420
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18064
18421
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18065
18422
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18423
+ border: 0;
18066
18424
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18067
18425
  }
18068
18426
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18069
18427
  background-color: transparent;
18070
18428
  }
18429
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
18430
+ position: absolute;
18431
+ inset: 0;
18432
+ pointer-events: none;
18433
+ content: "";
18434
+ border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
18435
+ border-radius: inherit;
18436
+ }
18071
18437
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18072
18438
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18073
18439
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18111,6 +18477,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18111
18477
 
18112
18478
  .pf-v6-c-table__thead {
18113
18479
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
18480
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
18114
18481
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
18115
18482
  vertical-align: bottom;
18116
18483
  }
@@ -18124,6 +18491,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18124
18491
  vertical-align: top;
18125
18492
  }
18126
18493
  .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
18494
+ --pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
18127
18495
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18128
18496
  }
18129
18497
 
@@ -19122,7 +19490,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19122
19490
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19123
19491
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19124
19492
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
19125
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
19493
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
19126
19494
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19127
19495
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19128
19496
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
@@ -19150,6 +19518,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19150
19518
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19151
19519
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19152
19520
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
19521
+ --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
19522
+ --pf-v6-c-tabs__link--BorderColor: transparent;
19523
+ --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
19524
+ --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
19153
19525
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19154
19526
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19155
19527
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19185,11 +19557,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19185
19557
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19186
19558
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19187
19559
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
19188
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19560
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
19561
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
19562
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
19563
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
19189
19564
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19190
19565
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19191
19566
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19192
19567
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19568
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19193
19569
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19194
19570
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19195
19571
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19345,6 +19721,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19345
19721
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19346
19722
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19347
19723
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
19724
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
19725
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
19726
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
19727
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
19348
19728
  }
19349
19729
  .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 {
19350
19730
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19352,9 +19732,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19352
19732
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19353
19733
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19354
19734
  }
19355
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
19356
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19357
- }
19358
19735
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19359
19736
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19360
19737
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19372,7 +19749,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19372
19749
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19373
19750
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19374
19751
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
19375
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19376
19752
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19377
19753
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19378
19754
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19649,6 +20025,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19649
20025
  color: var(--pf-v6-c-tabs__link--Color);
19650
20026
  text-decoration-line: none;
19651
20027
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
20028
+ border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
19652
20029
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19653
20030
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19654
20031
  }
@@ -19671,7 +20048,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19671
20048
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19672
20049
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19673
20050
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19674
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
20051
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
19675
20052
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19676
20053
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19677
20054
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -19682,6 +20059,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19682
20059
 
19683
20060
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19684
20061
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
20062
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
19685
20063
  }
19686
20064
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19687
20065
  pointer-events: none;
@@ -19696,6 +20074,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19696
20074
 
19697
20075
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19698
20076
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
20077
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
19699
20078
  }
19700
20079
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19701
20080
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -20025,6 +20404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20025
20404
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
20026
20405
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
20027
20406
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
20407
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
20028
20408
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
20029
20409
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
20030
20410
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20071,6 +20451,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20071
20451
  }
20072
20452
  .pf-v6-c-text-input-group.pf-m-disabled {
20073
20453
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20454
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20455
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20074
20456
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20075
20457
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20076
20458
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20119,6 +20501,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20119
20501
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
20120
20502
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
20121
20503
  }
20504
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
20505
+ --pf-v6-c-text-input-group__text--Position: relative;
20506
+ }
20122
20507
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
20123
20508
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
20124
20509
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -20181,6 +20566,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20181
20566
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20182
20567
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20183
20568
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
20569
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
20184
20570
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20185
20571
  border: 0;
20186
20572
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -20470,6 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20470
20856
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
20471
20857
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
20472
20858
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
20859
+ --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20473
20860
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20474
20861
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
20475
20862
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
@@ -20481,12 +20868,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20481
20868
  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
20482
20869
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
20483
20870
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
20484
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20871
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
20485
20872
  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
20873
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
20486
20874
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20487
20875
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20488
20876
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
20489
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20877
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
20490
20878
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
20491
20879
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
20492
20880
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -20509,11 +20897,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20509
20897
  .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
20510
20898
  margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
20511
20899
  }
20512
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
20900
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
20513
20901
  border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
20514
20902
  border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
20515
20903
  }
20516
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
20904
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
20517
20905
  border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
20518
20906
  border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
20519
20907
  }
@@ -20532,25 +20920,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20532
20920
  background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
20533
20921
  border: 0;
20534
20922
  }
20535
- .pf-v6-c-toggle-group__button::before {
20923
+ .pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
20536
20924
  position: absolute;
20537
- inset-block-start: 0;
20538
- inset-block-end: 0;
20539
- inset-inline-start: 0;
20540
- inset-inline-end: 0;
20925
+ inset: 0;
20541
20926
  pointer-events: none;
20542
20927
  content: "";
20543
20928
  border-style: solid;
20929
+ border-radius: inherit;
20930
+ }
20931
+ .pf-v6-c-toggle-group__button::before {
20544
20932
  border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20545
20933
  border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20546
20934
  border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20547
20935
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20548
20936
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20549
20937
  }
20938
+ .pf-v6-c-toggle-group__button::after {
20939
+ inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20940
+ border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
20941
+ border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
20942
+ }
20550
20943
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
20551
20944
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
20552
20945
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
20553
20946
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
20947
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
20554
20948
  text-decoration-line: none;
20555
20949
  }
20556
20950
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -20558,6 +20952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20558
20952
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
20559
20953
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
20560
20954
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
20955
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
20561
20956
  }
20562
20957
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
20563
20958
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
@@ -20613,11 +21008,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20613
21008
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20614
21009
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20615
21010
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21011
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21012
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20616
21013
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20617
21014
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20618
21015
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20619
21016
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20620
21017
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21018
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21019
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20621
21020
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20622
21021
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20623
21022
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -20788,6 +21187,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20788
21187
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
20789
21188
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
20790
21189
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
21190
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
20791
21191
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
20792
21192
  }
20793
21193
  .pf-v6-c-toolbar.pf-m-static,
@@ -20934,12 +21334,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20934
21334
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
20935
21335
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
20936
21336
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
21337
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
20937
21338
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
20938
21339
  }
20939
21340
  @media screen and (min-width: 62rem) {
20940
21341
  .pf-v6-c-toolbar__expandable-content {
20941
21342
  position: static;
20942
21343
  padding: 0;
21344
+ border-block-end: 0;
20943
21345
  box-shadow: none;
20944
21346
  }
20945
21347
  }
@@ -22713,6 +23115,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22713
23115
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22714
23116
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22715
23117
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
23118
+ --pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
23119
+ --pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
23120
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23121
+ --pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23122
+ --pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
22716
23123
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22717
23124
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22718
23125
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -22998,8 +23405,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22998
23405
  color: var(--pf-v6-c-tree-view__node--Color);
22999
23406
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23000
23407
  }
23408
+ .pf-v6-c-tree-view__node::after {
23409
+ position: absolute;
23410
+ inset: 0;
23411
+ pointer-events: none;
23412
+ content: "";
23413
+ border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
23414
+ border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
23415
+ }
23001
23416
  .pf-v6-c-tree-view__node.pf-m-current {
23002
23417
  --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
23418
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
23003
23419
  }
23004
23420
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23005
23421
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23097,6 +23513,7 @@ label.pf-v6-c-tree-view__node-text {
23097
23513
 
23098
23514
  .pf-v6-c-tree-view__content:hover,
23099
23515
  .pf-v6-c-tree-view__content:focus-within {
23516
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
23100
23517
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23101
23518
  }
23102
23519
 
@@ -23233,6 +23650,10 @@ label.pf-v6-c-tree-view__node-text {
23233
23650
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23234
23651
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23235
23652
  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
23653
+ --pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
23654
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23655
+ --pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23656
+ --pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
23236
23657
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23237
23658
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23238
23659
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23244,15 +23665,20 @@ label.pf-v6-c-tree-view__node-text {
23244
23665
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23245
23666
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23246
23667
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23668
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
23669
+ --pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
23247
23670
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23248
23671
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23249
23672
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23250
23673
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23251
23674
  --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
23675
+ --pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
23252
23676
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23253
23677
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23678
+ --pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
23254
23679
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23255
23680
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23681
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23256
23682
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23257
23683
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23258
23684
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23271,6 +23697,7 @@ label.pf-v6-c-tree-view__node-text {
23271
23697
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23272
23698
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23273
23699
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23700
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23274
23701
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23275
23702
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23276
23703
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23281,6 +23708,8 @@ label.pf-v6-c-tree-view__node-text {
23281
23708
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23282
23709
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23283
23710
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23711
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23712
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23284
23713
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23285
23714
  --pf-v6-c-wizard__nav--Width: 100%;
23286
23715
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23314,6 +23743,7 @@ label.pf-v6-c-tree-view__node-text {
23314
23743
  .pf-v6-c-wizard {
23315
23744
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23316
23745
  --pf-v6-c-wizard__nav--BoxShadow: none;
23746
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23317
23747
  }
23318
23748
  }
23319
23749
 
@@ -23431,6 +23861,9 @@ label.pf-v6-c-tree-view__node-text {
23431
23861
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23432
23862
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23433
23863
  }
23864
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
23865
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
23866
+ }
23434
23867
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23435
23868
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23436
23869
  }
@@ -23497,6 +23930,7 @@ label.pf-v6-c-tree-view__node-text {
23497
23930
  overflow-y: auto;
23498
23931
  -webkit-overflow-scrolling: touch;
23499
23932
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
23933
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
23500
23934
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23501
23935
  }
23502
23936
  .pf-v6-c-wizard__nav.pf-m-expanded {
@@ -23564,6 +23998,7 @@ label.pf-v6-c-tree-view__node-text {
23564
23998
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
23565
23999
  position: relative;
23566
24000
  display: inline-flex;
24001
+ flex-shrink: 0;
23567
24002
  align-items: center;
23568
24003
  justify-content: center;
23569
24004
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23578,28 +24013,35 @@ label.pf-v6-c-tree-view__node-text {
23578
24013
  .pf-v6-c-wizard__nav-link::before {
23579
24014
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23580
24015
  content: counter(wizard-nav-count);
24016
+ border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
23581
24017
  }
23582
24018
  .pf-v6-c-wizard__nav-link.pf-m-current {
23583
24019
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23584
24020
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
24021
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
23585
24022
  }
23586
24023
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23587
24024
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23588
24025
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
24026
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
23589
24027
  }
23590
24028
 
23591
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
24029
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
23592
24030
  display: none;
23593
24031
  }
23594
24032
  .pf-v6-c-wizard__nav-link.pf-m-success {
23595
24033
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23596
24034
  }
24035
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
24036
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
24037
+ }
23597
24038
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23598
24039
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23599
24040
  }
23600
24041
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23601
24042
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23602
24043
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
24044
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
23603
24045
  }
23604
24046
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23605
24047
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23609,23 +24051,29 @@ label.pf-v6-c-tree-view__node-text {
23609
24051
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23610
24052
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23611
24053
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23612
- }
23613
-
23614
- .pf-v6-c-wizard__nav-link-text {
23615
- flex-grow: 1;
24054
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23616
24055
  }
23617
24056
 
23618
24057
  .pf-v6-c-wizard__nav-link-main {
24058
+ position: relative;
23619
24059
  display: flex;
24060
+ flex-grow: 1;
23620
24061
  justify-content: space-between;
23621
24062
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
23622
24063
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
23623
24064
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23624
24065
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23625
24066
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23626
- border: none;
23627
24067
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23628
24068
  }
24069
+ .pf-v6-c-wizard__nav-link-main::after {
24070
+ position: absolute;
24071
+ inset: 0;
24072
+ pointer-events: none;
24073
+ content: "";
24074
+ border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
24075
+ border-radius: inherit;
24076
+ }
23629
24077
 
23630
24078
  .pf-v6-c-wizard__nav-link-status-icon {
23631
24079
  position: relative;