@patternfly/react-styles 6.3.1-prerelease.0 → 6.3.1-prerelease.2

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 (38) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/components/Accordion/accordion.css +4 -2
  3. package/css/components/Alert/alert-group.css +4 -15
  4. package/css/components/Banner/banner.css +1 -1
  5. package/css/components/Button/button.css +2 -2
  6. package/css/components/CalendarMonth/calendar-month.css +35 -4
  7. package/css/components/Card/card.css +2 -0
  8. package/css/components/CodeBlock/code-block.css +1 -1
  9. package/css/components/CodeEditor/code-editor.css +17 -2
  10. package/css/components/DatePicker/date-picker.css +3 -0
  11. package/css/components/Divider/divider.css +2 -0
  12. package/css/components/Drawer/drawer.css +5 -3
  13. package/css/components/DualListSelector/dual-list-selector.css +4 -5
  14. package/css/components/ExpandableSection/expandable-section.css +6 -2
  15. package/css/components/FormControl/form-control.css +6 -7
  16. package/css/components/Label/label.css +3 -3
  17. package/css/components/Login/login.css +1 -1
  18. package/css/components/Menu/menu.css +8 -1
  19. package/css/components/MenuToggle/menu-toggle.css +1 -1
  20. package/css/components/ModalBox/modal-box.css +1 -1
  21. package/css/components/Page/page.css +14 -5
  22. package/css/components/Page/page.d.ts +3 -0
  23. package/css/components/Page/page.js +3 -0
  24. package/css/components/Page/page.mjs +3 -0
  25. package/css/components/Pagination/pagination.css +15 -2
  26. package/css/components/Panel/panel.css +9 -2
  27. package/css/components/Popover/popover.css +1 -1
  28. package/css/components/Progress/progress.css +10 -1
  29. package/css/components/Sidebar/sidebar.css +7 -0
  30. package/css/components/Slider/slider.css +9 -0
  31. package/css/components/Switch/switch.css +7 -1
  32. package/css/components/Table/table.css +1 -1
  33. package/css/components/Tabs/tabs.css +11 -7
  34. package/css/components/ToggleGroup/toggle-group.css +18 -9
  35. package/css/components/Toolbar/toolbar.css +7 -0
  36. package/css/components/Wizard/wizard.css +4 -0
  37. package/css/components/_index.css +219 -80
  38. package/package.json +3 -3
package/css/components/_index.css CHANGED
@@ -271,9 +271,10 @@
271
271
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
272
272
  --pf-v6-c-accordion__item--BorderWidth: 0;
273
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--high-contrast--border--width--regular);
275
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
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
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);
277
278
  }
278
279
  @media screen and (prefers-reduced-motion: no-preference) {
279
280
  .pf-v6-c-accordion {
@@ -352,6 +353,7 @@
352
353
  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
353
354
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
354
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);
355
357
  }
356
358
 
357
359
  .pf-v6-c-accordion__toggle {
@@ -730,7 +732,7 @@
730
732
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
731
733
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
732
734
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
733
- --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
735
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
734
736
  --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
735
737
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
736
738
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -740,7 +742,7 @@
740
742
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
741
743
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
742
744
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
743
- --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
745
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
744
746
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
745
747
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
746
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);
@@ -785,6 +787,8 @@
785
787
  }
786
788
  .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
787
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);
788
792
  }
789
793
 
790
794
  .pf-v6-c-alert-group__item {
@@ -841,19 +845,6 @@
841
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));
842
846
  }
843
847
  }
844
- .pf-v6-c-alert-group__item:hover {
845
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
846
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
847
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
848
- }
849
- .pf-v6-c-alert-group__item:focus {
850
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
851
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
852
- }
853
- .pf-v6-c-alert-group__item:active {
854
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
855
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
856
- }
857
848
 
858
849
  .pf-v6-c-avatar {
859
850
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -1262,7 +1253,7 @@
1262
1253
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1263
1254
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1264
1255
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1265
- --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
1256
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
1266
1257
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1267
1258
  --pf-v6-c-banner--link--TextDecoration: underline;
1268
1259
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1594,7 +1585,7 @@ button.pf-v6-c-breadcrumb__link {
1594
1585
  --pf-v6-c-button--TransitionDelay: 0s;
1595
1586
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1596
1587
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1597
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1588
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
1598
1589
  --pf-v6-c-button--ScaleX: 1;
1599
1590
  --pf-v6-c-button--ScaleY: 1;
1600
1591
  --pf-v6-c-button--border--offset: 0;
@@ -1720,7 +1711,7 @@ button.pf-v6-c-breadcrumb__link {
1720
1711
  --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1721
1712
  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1722
1713
  --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1723
- --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
1714
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
1724
1715
  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1725
1716
  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1726
1717
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
@@ -2452,6 +2443,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2452
2443
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2453
2444
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2454
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;
2455
2449
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2456
2450
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2457
2451
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -2459,15 +2453,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2459
2453
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2460
2454
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2461
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);
2462
2458
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2463
2459
  --pf-v6-c-calendar-month__date--Width: 4ch;
2464
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;
2465
2463
  --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2466
2464
  --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2467
2465
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2468
2466
  --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2469
2467
  --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2470
- --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;
2471
2469
  --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2472
2470
  --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2473
2471
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -2476,7 +2474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2476
2474
  --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2477
2475
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2478
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);
2479
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;
2480
2483
  }
2481
2484
 
2482
2485
  .pf-v6-c-calendar-month {
@@ -2549,13 +2552,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2549
2552
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2550
2553
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2551
2554
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2555
+ pointer-events: none;
2552
2556
  content: "";
2553
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);
2554
2560
  }
2555
2561
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2556
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);
2557
2565
  }
2558
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);
2559
2569
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2560
2570
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2561
2571
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -2574,14 +2584,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2574
2584
  .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2575
2585
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2576
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);
2577
2589
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2578
- --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);
2579
2591
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2580
2592
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2581
2593
  --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2582
2594
  }
2583
2595
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2584
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;
2585
2599
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2586
2600
  }
2587
2601
 
@@ -2597,6 +2611,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2597
2611
  background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2598
2612
  border: 0;
2599
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
+ }
2600
2620
  .pf-v6-c-calendar-month__date::after {
2601
2621
  position: absolute;
2602
2622
  inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
@@ -2606,15 +2626,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2606
2626
  content: "";
2607
2627
  border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2608
2628
  }
2609
- .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 {
2610
2630
  border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2611
2631
  }
2612
2632
  .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2613
2633
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2614
- 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);
2615
2636
  }
2616
2637
  .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2617
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);
2618
2640
  outline: 0;
2619
2641
  }
2620
2642
  .pf-v6-c-calendar-month__date:disabled {
@@ -2697,6 +2719,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2697
2719
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2698
2720
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2699
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);
2700
2723
  --pf-v6-c-card--m-full-height--Height: 100%;
2701
2724
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2702
2725
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -2783,6 +2806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2783
2806
  }
2784
2807
  .pf-v6-c-card.pf-m-secondary {
2785
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);
2786
2810
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
2787
2811
  }
2788
2812
  .pf-v6-c-card.pf-m-plain {
@@ -3162,7 +3186,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3162
3186
 
3163
3187
  .pf-v6-c-code-block {
3164
3188
  --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
3165
- --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
3189
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
3166
3190
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3167
3191
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3168
3192
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -3260,6 +3284,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3260
3284
  --pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3261
3285
  --pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3262
3286
  --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3287
+ --pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3263
3288
  --pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
3264
3289
  --pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3265
3290
  --pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
@@ -3279,6 +3304,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3279
3304
  flex-direction: column;
3280
3305
  }
3281
3306
  .pf-v6-c-code-editor.pf-m-read-only {
3307
+ --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
3282
3308
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3283
3309
  }
3284
3310
  .pf-v6-c-code-editor.pf-m-full-height {
@@ -3295,17 +3321,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3295
3321
  position: relative;
3296
3322
  display: flex;
3297
3323
  }
3298
- .pf-v6-c-code-editor__header::before {
3324
+ .pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
3325
+ position: absolute;
3326
+ pointer-events: none;
3327
+ content: "";
3328
+ }
3329
+ .pf-v6-c-code-editor__header::after {
3299
3330
  position: absolute;
3300
3331
  inset: 0;
3301
3332
  pointer-events: none;
3302
3333
  content: "";
3303
3334
  border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3304
- border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3335
+ border-block-end-width: 0;
3305
3336
  border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3306
3337
  border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3307
3338
  }
3339
+ .pf-v6-c-code-editor__header::before {
3340
+ inset-block-end: 0;
3341
+ inset-inline-start: 0;
3342
+ inset-inline-end: 0;
3343
+ border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3344
+ }
3308
3345
  .pf-v6-c-code-editor__header.pf-m-plain {
3346
+ --pf-v6-c-code-editor__header--BorderWidth: 0;
3309
3347
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
3310
3348
  }
3311
3349
 
@@ -3402,6 +3440,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3402
3440
  padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
3403
3441
  padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
3404
3442
  padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
3443
+ margin-inline-start: auto;
3405
3444
  color: var(--pf-v6-c-code-editor__tab--Color);
3406
3445
  background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
3407
3446
  border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
@@ -5152,14 +5191,13 @@ ul) {
5152
5191
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
5153
5192
  font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
5154
5193
  }
5155
- .pf-v6-c-dual-list-selector__list-item-row:hover {
5194
+ .pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
5156
5195
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5157
5196
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5158
5197
  }
5159
5198
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5160
5199
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
5161
- --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderColor: transparent;
5162
- --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
5200
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
5163
5201
  }
5164
5202
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5165
5203
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
@@ -5173,7 +5211,7 @@ ul) {
5173
5211
 
5174
5212
  .pf-v6-c-dual-list-selector__item,
5175
5213
  .pf-v6-c-dual-list-selector__item-main {
5176
- flex-basis: 100%;
5214
+ flex-grow: 1;
5177
5215
  }
5178
5216
 
5179
5217
  .pf-v6-c-dual-list-selector__draggable {
@@ -5192,7 +5230,7 @@ ul) {
5192
5230
 
5193
5231
  .pf-v6-c-dual-list-selector__item {
5194
5232
  position: relative;
5195
- width: 100%;
5233
+ min-width: 0;
5196
5234
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
5197
5235
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
5198
5236
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -5312,6 +5350,8 @@ ul) {
5312
5350
  --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));
5313
5351
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
5314
5352
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
5353
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
5354
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
5315
5355
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5316
5356
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
5317
5357
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -5342,6 +5382,7 @@ ul) {
5342
5382
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
5343
5383
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
5344
5384
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
5385
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
5345
5386
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
5346
5387
  }
5347
5388
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -5431,6 +5472,8 @@ ul) {
5431
5472
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5432
5473
  content: "";
5433
5474
  background-color: var(--pf-v6-c-divider--Color);
5475
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5476
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5434
5477
  }
5435
5478
  .pf-v6-c-divider.pf-m-horizontal {
5436
5479
  flex-direction: row;
@@ -5780,9 +5823,10 @@ ul) {
5780
5823
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5781
5824
  --pf-v6-c-drawer__panel--BoxShadow: none;
5782
5825
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5783
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
5784
- --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5785
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
5826
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
5827
+ --pf-v6-c-drawer--m-inline__panel--after--Width: 0;
5828
+ --pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
5829
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
5786
5830
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5787
5831
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
5788
5832
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -6089,6 +6133,7 @@ ul) {
6089
6133
 
6090
6134
  @media screen and (min-width: 48rem) {
6091
6135
  .pf-v6-c-drawer {
6136
+ --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
6092
6137
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6093
6138
  }
6094
6139
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -6685,6 +6730,7 @@ ul) {
6685
6730
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6686
6731
  --pf-v6-c-expandable-section__content--Opacity: 0;
6687
6732
  --pf-v6-c-expandable-section__content--TranslateY: 0;
6733
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
6688
6734
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
6689
6735
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6690
6736
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -6732,6 +6778,7 @@ ul) {
6732
6778
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6733
6779
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6734
6780
  --pf-v6-c-expandable-section__content--Visibility: auto;
6781
+ --pf-v6-c-expandable-section__content--Overflow: visible;
6735
6782
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6736
6783
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6737
6784
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -6767,6 +6814,7 @@ ul) {
6767
6814
  }
6768
6815
  .pf-v6-c-expandable-section.pf-m-truncate {
6769
6816
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
6817
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6770
6818
  }
6771
6819
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6772
6820
  display: -webkit-box;
@@ -6793,13 +6841,14 @@ ul) {
6793
6841
  .pf-v6-c-expandable-section__content {
6794
6842
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6795
6843
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6796
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6844
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
6797
6845
  }
6798
6846
  .pf-v6-c-expandable-section__content:where([hidden]) {
6799
6847
  display: revert;
6800
6848
  }
6801
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6849
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
6802
6850
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6851
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
6803
6852
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6804
6853
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6805
6854
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
@@ -7578,6 +7627,12 @@ ul) {
7578
7627
  .pf-v6-c-form-control > :is(input, select) {
7579
7628
  text-overflow: ellipsis;
7580
7629
  }
7630
+ .pf-v6-c-form-control > select {
7631
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
7632
+ }
7633
+ .pf-v6-c-form-control > select * {
7634
+ color: var(--pf-v6-c-form-control--Color);
7635
+ }
7581
7636
  .pf-v6-c-form-control:has(input) {
7582
7637
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
7583
7638
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -7723,17 +7778,10 @@ ul) {
7723
7778
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7724
7779
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7725
7780
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7726
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
7727
7781
  }
7728
7782
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7729
7783
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7730
7784
  }
7731
- @-moz-document url-prefix() {
7732
- .pf-v6-c-form-control:has(select) {
7733
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
7734
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
7735
- }
7736
- }
7737
7785
  .pf-v6-c-form-control.pf-m-placeholder > select {
7738
7786
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
7739
7787
  }
@@ -8698,7 +8746,7 @@ label.pf-v6-c-input-group__text {
8698
8746
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8699
8747
  --pf-v6-c-label--MaxWidth: 100%;
8700
8748
  --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)));
8701
- --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
8749
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8702
8750
  --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8703
8751
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8704
8752
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -8839,10 +8887,10 @@ label.pf-v6-c-input-group__text {
8839
8887
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8840
8888
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8841
8889
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8842
- --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
8890
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
8843
8891
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8844
8892
  --pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8845
- --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8893
+ --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
8846
8894
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8847
8895
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8848
8896
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -9437,7 +9485,7 @@ ul.pf-v6-c-list {
9437
9485
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9438
9486
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9439
9487
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9440
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
9488
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9441
9489
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9442
9490
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9443
9491
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -10217,7 +10265,7 @@ ul.pf-v6-c-list {
10217
10265
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10218
10266
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10219
10267
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
10220
- --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
10268
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10221
10269
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10222
10270
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10223
10271
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -10236,7 +10284,11 @@ ul.pf-v6-c-list {
10236
10284
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
10237
10285
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10238
10286
  --pf-v6-c-menu__footer--BoxShadow: none;
10287
+ --pf-v6-c-menu__footer--BorderColor: transparent;
10288
+ --pf-v6-c-menu__footer--BorderWidth: 0;
10239
10289
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
10290
+ --pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
10291
+ --pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10240
10292
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10241
10293
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10242
10294
  --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -10556,6 +10608,8 @@ ul.pf-v6-c-list {
10556
10608
  .pf-v6-c-menu.pf-m-scrollable {
10557
10609
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
10558
10610
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
10611
+ --pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
10612
+ --pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
10559
10613
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10560
10614
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10561
10615
  overflow: hidden;
@@ -10597,6 +10651,7 @@ ul.pf-v6-c-list {
10597
10651
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
10598
10652
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
10599
10653
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
10654
+ border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
10600
10655
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
10601
10656
  }
10602
10657
 
@@ -10926,7 +10981,7 @@ ul.pf-v6-c-list {
10926
10981
  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10927
10982
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10928
10983
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10929
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10984
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
10930
10985
  --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10931
10986
  --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
10932
10987
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
@@ -11355,7 +11410,7 @@ ul.pf-v6-c-list {
11355
11410
  .pf-v6-c-modal-box {
11356
11411
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11357
11412
  --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
11358
- --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
11413
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11359
11414
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11360
11415
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11361
11416
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -12562,6 +12617,8 @@ ul.pf-v6-c-list {
12562
12617
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12563
12618
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12564
12619
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
12620
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12621
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12565
12622
  }
12566
12623
  @media screen and (prefers-reduced-motion: no-preference) {
12567
12624
  .pf-v6-c-page {
@@ -12577,6 +12634,15 @@ ul.pf-v6-c-list {
12577
12634
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12578
12635
  }
12579
12636
  }
12637
+ @media screen and (max-width: calc(48rem - 1px)) {
12638
+ .pf-v6-c-page {
12639
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12640
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12641
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12642
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12643
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12644
+ }
12645
+ }
12580
12646
 
12581
12647
  .pf-v6-c-page {
12582
12648
  display: grid;
@@ -12967,13 +13033,8 @@ ul.pf-v6-c-list {
12967
13033
  @media screen and (max-width: calc(48rem - 1px)) {
12968
13034
  .pf-v6-c-page__main-container {
12969
13035
  --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
12970
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12971
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12972
13036
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12973
13037
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12974
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12975
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12976
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12977
13038
  }
12978
13039
  }
12979
13040
 
@@ -13184,6 +13245,9 @@ ul.pf-v6-c-list {
13184
13245
  flex-shrink: 0;
13185
13246
  }
13186
13247
 
13248
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13249
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
13250
+ }
13187
13251
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
13188
13252
  align-self: revert;
13189
13253
  }
@@ -13194,7 +13258,10 @@ ul.pf-v6-c-list {
13194
13258
  .pf-v6-c-pagination {
13195
13259
  --pf-v6-c-pagination--inset: 0;
13196
13260
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
13197
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
13261
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
13262
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
13263
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
13264
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
13198
13265
  --pf-v6-c-pagination__nav--Display: none;
13199
13266
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
13200
13267
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -13215,14 +13282,17 @@ ul.pf-v6-c-list {
13215
13282
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13216
13283
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
13217
13284
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
13285
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13218
13286
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13219
13287
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13220
13288
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13221
13289
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13290
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13222
13291
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13223
13292
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13224
13293
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
13225
13294
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13295
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13226
13296
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
13227
13297
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
13228
13298
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13237,6 +13307,7 @@ ul.pf-v6-c-list {
13237
13307
  @media screen and (min-width: 48rem) {
13238
13308
  .pf-v6-c-pagination {
13239
13309
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
13310
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13240
13311
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
13241
13312
  --pf-v6-c-pagination__nav--Display: inline-flex;
13242
13313
  --pf-v6-c-pagination__total-items--Display: none;
@@ -13256,6 +13327,9 @@ ul.pf-v6-c-list {
13256
13327
  justify-content: flex-end;
13257
13328
  padding-inline-start: var(--pf-v6-c-pagination--inset);
13258
13329
  padding-inline-end: var(--pf-v6-c-pagination--inset);
13330
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
13331
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
13332
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
13259
13333
  }
13260
13334
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
13261
13335
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -13263,6 +13337,7 @@ ul.pf-v6-c-list {
13263
13337
  .pf-v6-c-pagination.pf-m-bottom {
13264
13338
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
13265
13339
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
13340
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
13266
13341
  position: sticky;
13267
13342
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
13268
13343
  justify-content: center;
@@ -13289,7 +13364,6 @@ ul.pf-v6-c-list {
13289
13364
  }
13290
13365
  @media screen and (min-width: 48rem) {
13291
13366
  .pf-v6-c-pagination.pf-m-bottom {
13292
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13293
13367
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
13294
13368
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
13295
13369
  position: relative;
@@ -13321,10 +13395,13 @@ ul.pf-v6-c-list {
13321
13395
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
13322
13396
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
13323
13397
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
13398
+ border: 0;
13324
13399
  box-shadow: none;
13325
13400
  }
13326
13401
  .pf-v6-c-pagination.pf-m-sticky {
13327
13402
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13403
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
13404
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
13328
13405
  position: sticky;
13329
13406
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
13330
13407
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -13562,12 +13639,12 @@ ul.pf-v6-c-list {
13562
13639
  --pf-v6-c-panel--before--BorderWidth: 0;
13563
13640
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13564
13641
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13565
- --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13642
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13566
13643
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13567
13644
  --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13568
13645
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13569
13646
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13570
- --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13647
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13571
13648
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13572
13649
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13573
13650
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13583,11 +13660,15 @@ ul.pf-v6-c-list {
13583
13660
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13584
13661
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13585
13662
  --pf-v6-c-panel__footer--BoxShadow: none;
13663
+ --pf-v6-c-panel__footer--BorderColor: transparent;
13664
+ --pf-v6-c-panel__footer--BorderWidth: 0;
13586
13665
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
13587
13666
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
13588
13667
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
13589
13668
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
13590
13669
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
13670
+ --pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
13671
+ --pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13591
13672
  }
13592
13673
 
13593
13674
  .pf-v6-c-panel {
@@ -13626,6 +13707,8 @@ ul.pf-v6-c-list {
13626
13707
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
13627
13708
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
13628
13709
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
13710
+ --pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
13711
+ --pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
13629
13712
  }
13630
13713
 
13631
13714
  .pf-v6-c-panel__header {
@@ -13652,6 +13735,7 @@ ul.pf-v6-c-list {
13652
13735
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
13653
13736
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
13654
13737
  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
13738
+ border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
13655
13739
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
13656
13740
  }
13657
13741
 
@@ -13660,7 +13744,7 @@ ul.pf-v6-c-list {
13660
13744
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13661
13745
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13662
13746
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13663
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
13747
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13664
13748
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13665
13749
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13666
13750
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -13869,12 +13953,14 @@ ul.pf-v6-c-list {
13869
13953
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13870
13954
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13871
13955
  --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13872
- --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
13956
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13873
13957
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13874
13958
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13875
13959
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13876
13960
  --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13877
13961
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13962
+ --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
13963
+ --pf-v6-c-progress__indicator--BorderColor: transparent;
13878
13964
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13879
13965
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13880
13966
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -14045,6 +14131,13 @@ ul.pf-v6-c-list {
14045
14131
  height: var(--pf-v6-c-progress__indicator--Height);
14046
14132
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
14047
14133
  }
14134
+ .pf-v6-c-progress__indicator::before {
14135
+ position: absolute;
14136
+ inset: 0;
14137
+ content: "";
14138
+ border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
14139
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
14140
+ }
14048
14141
 
14049
14142
  .pf-v6-c-progress__helper-text {
14050
14143
  grid-row: 3/4;
@@ -14789,6 +14882,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14789
14882
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
14790
14883
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
14791
14884
  --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14885
+ --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14792
14886
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
14793
14887
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
14794
14888
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -14797,6 +14891,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14797
14891
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
14798
14892
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
14799
14893
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
14894
+ --pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
14895
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14800
14896
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
14801
14897
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14802
14898
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -14825,6 +14921,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14825
14921
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
14826
14922
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
14827
14923
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
14924
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14828
14925
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14829
14926
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
14830
14927
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -14854,6 +14951,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14854
14951
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
14855
14952
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
14856
14953
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
14954
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
14857
14955
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
14858
14956
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
14859
14957
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -14864,6 +14962,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14864
14962
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
14865
14963
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
14866
14964
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
14965
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14867
14966
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14868
14967
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
14869
14968
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -14895,6 +14994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14895
14994
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
14896
14995
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
14897
14996
  background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
14997
+ border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
14898
14998
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
14899
14999
  }
14900
15000
  .pf-v6-c-sidebar__panel.pf-m-padding {
@@ -15386,6 +15486,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15386
15486
  --pf-v6-c-slider__rail-track--Height: 0.25rem;
15387
15487
  --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15388
15488
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
15489
+ --pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15490
+ --pf-v6-c-slider__rail-track--before--BorderColor: transparent;
15389
15491
  --pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
15390
15492
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
15391
15493
  --pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
@@ -15395,6 +15497,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15395
15497
  --pf-v6-c-slider__step-tick--Height: 0.25rem;
15396
15498
  --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
15397
15499
  --pf-v6-c-slider__step-tick--TranslateX: -50%;
15500
+ --pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15501
+ --pf-v6-c-slider__step-tick--BorderColor: transparent;
15398
15502
  --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
15399
15503
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
15400
15504
  --pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
@@ -15410,6 +15514,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15410
15514
  --pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
15411
15515
  --pf-v6-c-slider__thumb--TranslateX: -50%;
15412
15516
  --pf-v6-c-slider__thumb--TranslateY: -50%;
15517
+ --pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15518
+ --pf-v6-c-slider__thumb--BorderColor: transparent;
15413
15519
  --pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
15414
15520
  --pf-v6-c-slider__thumb--BoxShadow--base:
15415
15521
  0 0 0 2px var(--pf-t--global--background--color--primary--default),
@@ -15479,6 +15585,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15479
15585
  inset: 0;
15480
15586
  content: "";
15481
15587
  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));
15588
+ border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
15482
15589
  border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
15483
15590
  }
15484
15591
 
@@ -15514,6 +15621,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15514
15621
  width: var(--pf-v6-c-slider__step-tick--Width);
15515
15622
  height: var(--pf-v6-c-slider__step-tick--Height);
15516
15623
  background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
15624
+ border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
15517
15625
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
15518
15626
  }
15519
15627
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
@@ -15539,6 +15647,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15539
15647
  height: var(--pf-v6-c-slider__thumb--Height);
15540
15648
  cursor: pointer;
15541
15649
  background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
15650
+ border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
15542
15651
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
15543
15652
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
15544
15653
  }
@@ -15692,11 +15801,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15692
15801
  --pf-v6-c-switch--Height: auto;
15693
15802
  --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15694
15803
  --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
15695
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
15804
+ --pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
15805
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15696
15806
  --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15697
15807
  --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15698
15808
  --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15699
15809
  --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15810
+ --pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
15700
15811
  --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15701
15812
  --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15702
15813
  --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
@@ -15711,6 +15822,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15711
15822
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15712
15823
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15713
15824
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
15825
+ --pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15714
15826
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15715
15827
  --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15716
15828
  --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
@@ -15752,6 +15864,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15752
15864
  }
15753
15865
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15754
15866
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
15867
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
15755
15868
  background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15756
15869
  }
15757
15870
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
@@ -15777,6 +15890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15777
15890
  }
15778
15891
  .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15779
15892
  --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
15893
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
15780
15894
  cursor: not-allowed;
15781
15895
  background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15782
15896
  }
@@ -15801,6 +15915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15801
15915
  height: var(--pf-v6-c-switch__toggle--before--Height);
15802
15916
  content: "";
15803
15917
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
15918
+ border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
15804
15919
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15805
15920
  transition: var(--pf-v6-c-switch__toggle--before--Transition);
15806
15921
  transform: translateY(-50%);
@@ -17615,7 +17730,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17615
17730
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17616
17731
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17617
17732
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17618
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
17733
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
17619
17734
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17620
17735
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17621
17736
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -19390,7 +19505,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19390
19505
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19391
19506
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19392
19507
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
19393
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
19508
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
19394
19509
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19395
19510
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19396
19511
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
@@ -19457,11 +19572,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19457
19572
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19458
19573
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19459
19574
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
19460
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19575
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
19576
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
19577
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
19578
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
19461
19579
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19462
19580
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19463
19581
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19464
19582
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19583
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19465
19584
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19466
19585
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19467
19586
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19617,6 +19736,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19617
19736
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19618
19737
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19619
19738
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
19739
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
19740
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
19741
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
19742
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
19620
19743
  }
19621
19744
  .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 {
19622
19745
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19624,9 +19747,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19624
19747
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19625
19748
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19626
19749
  }
19627
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
19628
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19629
- }
19630
19750
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19631
19751
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19632
19752
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19644,7 +19764,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19644
19764
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19645
19765
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19646
19766
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
19647
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19648
19767
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19649
19768
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19650
19769
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19944,7 +20063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19944
20063
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19945
20064
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19946
20065
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19947
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
20066
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
19948
20067
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19949
20068
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19950
20069
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -20752,6 +20871,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20752
20871
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
20753
20872
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
20754
20873
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
20874
+ --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20755
20875
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20756
20876
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
20757
20877
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
@@ -20763,12 +20883,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20763
20883
  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
20764
20884
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
20765
20885
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
20766
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20886
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
20767
20887
  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
20888
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
20768
20889
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20769
20890
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20770
20891
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
20771
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20892
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
20772
20893
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
20773
20894
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
20774
20895
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -20791,11 +20912,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20791
20912
  .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
20792
20913
  margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
20793
20914
  }
20794
- .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 {
20915
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
20795
20916
  border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
20796
20917
  border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
20797
20918
  }
20798
- .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 {
20919
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
20799
20920
  border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
20800
20921
  border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
20801
20922
  }
@@ -20814,25 +20935,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20814
20935
  background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
20815
20936
  border: 0;
20816
20937
  }
20817
- .pf-v6-c-toggle-group__button::before {
20938
+ .pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
20818
20939
  position: absolute;
20819
- inset-block-start: 0;
20820
- inset-block-end: 0;
20821
- inset-inline-start: 0;
20822
- inset-inline-end: 0;
20940
+ inset: 0;
20823
20941
  pointer-events: none;
20824
20942
  content: "";
20825
20943
  border-style: solid;
20944
+ border-radius: inherit;
20945
+ }
20946
+ .pf-v6-c-toggle-group__button::before {
20826
20947
  border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20827
20948
  border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20828
20949
  border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20829
20950
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20830
20951
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20831
20952
  }
20953
+ .pf-v6-c-toggle-group__button::after {
20954
+ inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20955
+ border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
20956
+ border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
20957
+ }
20832
20958
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
20833
20959
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
20834
20960
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
20835
20961
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
20962
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
20836
20963
  text-decoration-line: none;
20837
20964
  }
20838
20965
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -20840,6 +20967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20840
20967
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
20841
20968
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
20842
20969
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
20970
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
20843
20971
  }
20844
20972
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
20845
20973
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
@@ -20895,11 +21023,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20895
21023
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20896
21024
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20897
21025
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21026
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21027
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20898
21028
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20899
21029
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20900
21030
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20901
21031
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20902
21032
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21033
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21034
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20903
21035
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20904
21036
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20905
21037
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -21070,6 +21202,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21070
21202
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
21071
21203
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
21072
21204
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
21205
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
21073
21206
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
21074
21207
  }
21075
21208
  .pf-v6-c-toolbar.pf-m-static,
@@ -21216,12 +21349,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21216
21349
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
21217
21350
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
21218
21351
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
21352
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
21219
21353
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
21220
21354
  }
21221
21355
  @media screen and (min-width: 62rem) {
21222
21356
  .pf-v6-c-toolbar__expandable-content {
21223
21357
  position: static;
21224
21358
  padding: 0;
21359
+ border-block-end: 0;
21225
21360
  box-shadow: none;
21226
21361
  }
21227
21362
  }
@@ -23588,6 +23723,8 @@ label.pf-v6-c-tree-view__node-text {
23588
23723
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23589
23724
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23590
23725
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23726
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23727
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23591
23728
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23592
23729
  --pf-v6-c-wizard__nav--Width: 100%;
23593
23730
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23621,6 +23758,7 @@ label.pf-v6-c-tree-view__node-text {
23621
23758
  .pf-v6-c-wizard {
23622
23759
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23623
23760
  --pf-v6-c-wizard__nav--BoxShadow: none;
23761
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23624
23762
  }
23625
23763
  }
23626
23764
 
@@ -23807,6 +23945,7 @@ label.pf-v6-c-tree-view__node-text {
23807
23945
  overflow-y: auto;
23808
23946
  -webkit-overflow-scrolling: touch;
23809
23947
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
23948
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
23810
23949
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23811
23950
  }
23812
23951
  .pf-v6-c-wizard__nav.pf-m-expanded {