@patternfly/react-styles 6.3.1-prerelease.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 (37) hide show
  1. package/CHANGELOG.md +4 -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/DatePicker/date-picker.css +3 -0
  10. package/css/components/Divider/divider.css +2 -0
  11. package/css/components/Drawer/drawer.css +5 -3
  12. package/css/components/DualListSelector/dual-list-selector.css +4 -5
  13. package/css/components/ExpandableSection/expandable-section.css +6 -2
  14. package/css/components/FormControl/form-control.css +6 -7
  15. package/css/components/Label/label.css +3 -3
  16. package/css/components/Login/login.css +1 -1
  17. package/css/components/Menu/menu.css +8 -1
  18. package/css/components/MenuToggle/menu-toggle.css +1 -1
  19. package/css/components/ModalBox/modal-box.css +1 -1
  20. package/css/components/Page/page.css +14 -5
  21. package/css/components/Page/page.d.ts +3 -0
  22. package/css/components/Page/page.js +3 -0
  23. package/css/components/Page/page.mjs +3 -0
  24. package/css/components/Pagination/pagination.css +15 -2
  25. package/css/components/Panel/panel.css +9 -2
  26. package/css/components/Popover/popover.css +1 -1
  27. package/css/components/Progress/progress.css +10 -1
  28. package/css/components/Sidebar/sidebar.css +7 -0
  29. package/css/components/Slider/slider.css +9 -0
  30. package/css/components/Switch/switch.css +7 -1
  31. package/css/components/Table/table.css +1 -1
  32. package/css/components/Tabs/tabs.css +11 -7
  33. package/css/components/ToggleGroup/toggle-group.css +18 -9
  34. package/css/components/Toolbar/toolbar.css +7 -0
  35. package/css/components/Wizard/wizard.css +4 -0
  36. package/css/components/_index.css +202 -78
  37. package/package.json +3 -3
@@ -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);
@@ -5152,14 +5176,13 @@ ul) {
5152
5176
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
5153
5177
  font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
5154
5178
  }
5155
- .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 {
5156
5180
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5157
5181
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5158
5182
  }
5159
5183
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5160
5184
  --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;
5185
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
5163
5186
  }
5164
5187
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5165
5188
  --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 +5196,7 @@ ul) {
5173
5196
 
5174
5197
  .pf-v6-c-dual-list-selector__item,
5175
5198
  .pf-v6-c-dual-list-selector__item-main {
5176
- flex-basis: 100%;
5199
+ flex-grow: 1;
5177
5200
  }
5178
5201
 
5179
5202
  .pf-v6-c-dual-list-selector__draggable {
@@ -5192,7 +5215,7 @@ ul) {
5192
5215
 
5193
5216
  .pf-v6-c-dual-list-selector__item {
5194
5217
  position: relative;
5195
- width: 100%;
5218
+ min-width: 0;
5196
5219
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
5197
5220
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
5198
5221
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -5312,6 +5335,8 @@ ul) {
5312
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));
5313
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));
5314
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);
5315
5340
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5316
5341
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
5317
5342
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -5342,6 +5367,7 @@ ul) {
5342
5367
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
5343
5368
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
5344
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);
5345
5371
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
5346
5372
  }
5347
5373
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -5431,6 +5457,8 @@ ul) {
5431
5457
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5432
5458
  content: "";
5433
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;
5434
5462
  }
5435
5463
  .pf-v6-c-divider.pf-m-horizontal {
5436
5464
  flex-direction: row;
@@ -5780,9 +5808,10 @@ ul) {
5780
5808
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5781
5809
  --pf-v6-c-drawer__panel--BoxShadow: none;
5782
5810
  --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);
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);
5786
5815
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5787
5816
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
5788
5817
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -6089,6 +6118,7 @@ ul) {
6089
6118
 
6090
6119
  @media screen and (min-width: 48rem) {
6091
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);
6092
6122
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6093
6123
  }
6094
6124
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -6685,6 +6715,7 @@ ul) {
6685
6715
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6686
6716
  --pf-v6-c-expandable-section__content--Opacity: 0;
6687
6717
  --pf-v6-c-expandable-section__content--TranslateY: 0;
6718
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
6688
6719
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
6689
6720
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6690
6721
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -6732,6 +6763,7 @@ ul) {
6732
6763
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6733
6764
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6734
6765
  --pf-v6-c-expandable-section__content--Visibility: auto;
6766
+ --pf-v6-c-expandable-section__content--Overflow: visible;
6735
6767
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6736
6768
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6737
6769
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -6767,6 +6799,7 @@ ul) {
6767
6799
  }
6768
6800
  .pf-v6-c-expandable-section.pf-m-truncate {
6769
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;
6770
6803
  }
6771
6804
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6772
6805
  display: -webkit-box;
@@ -6793,13 +6826,14 @@ ul) {
6793
6826
  .pf-v6-c-expandable-section__content {
6794
6827
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6795
6828
  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);
6829
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
6797
6830
  }
6798
6831
  .pf-v6-c-expandable-section__content:where([hidden]) {
6799
6832
  display: revert;
6800
6833
  }
6801
- .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 {
6802
6835
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6836
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
6803
6837
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6804
6838
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6805
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);
@@ -7578,6 +7612,12 @@ ul) {
7578
7612
  .pf-v6-c-form-control > :is(input, select) {
7579
7613
  text-overflow: ellipsis;
7580
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
+ }
7581
7621
  .pf-v6-c-form-control:has(input) {
7582
7622
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
7583
7623
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -7723,17 +7763,10 @@ ul) {
7723
7763
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7724
7764
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7725
7765
  --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
7766
  }
7728
7767
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7729
7768
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7730
7769
  }
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
7770
  .pf-v6-c-form-control.pf-m-placeholder > select {
7738
7771
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
7739
7772
  }
@@ -8698,7 +8731,7 @@ label.pf-v6-c-input-group__text {
8698
8731
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8699
8732
  --pf-v6-c-label--MaxWidth: 100%;
8700
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)));
8701
- --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
8734
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8702
8735
  --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8703
8736
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8704
8737
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -8839,10 +8872,10 @@ label.pf-v6-c-input-group__text {
8839
8872
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8840
8873
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8841
8874
  --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);
8875
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
8843
8876
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8844
8877
  --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);
8878
+ --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
8846
8879
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8847
8880
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8848
8881
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -9437,7 +9470,7 @@ ul.pf-v6-c-list {
9437
9470
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9438
9471
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9439
9472
  --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);
9473
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9441
9474
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9442
9475
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9443
9476
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -10217,7 +10250,7 @@ ul.pf-v6-c-list {
10217
10250
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10218
10251
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10219
10252
  --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);
10253
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10221
10254
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10222
10255
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10223
10256
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -10236,7 +10269,11 @@ ul.pf-v6-c-list {
10236
10269
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
10237
10270
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10238
10271
  --pf-v6-c-menu__footer--BoxShadow: none;
10272
+ --pf-v6-c-menu__footer--BorderColor: transparent;
10273
+ --pf-v6-c-menu__footer--BorderWidth: 0;
10239
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);
10240
10277
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10241
10278
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10242
10279
  --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -10556,6 +10593,8 @@ ul.pf-v6-c-list {
10556
10593
  .pf-v6-c-menu.pf-m-scrollable {
10557
10594
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
10558
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);
10559
10598
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10560
10599
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10561
10600
  overflow: hidden;
@@ -10597,6 +10636,7 @@ ul.pf-v6-c-list {
10597
10636
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
10598
10637
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
10599
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);
10600
10640
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
10601
10641
  }
10602
10642
 
@@ -10926,7 +10966,7 @@ ul.pf-v6-c-list {
10926
10966
  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10927
10967
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10928
10968
  --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);
10969
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
10930
10970
  --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10931
10971
  --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
10932
10972
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
@@ -11355,7 +11395,7 @@ ul.pf-v6-c-list {
11355
11395
  .pf-v6-c-modal-box {
11356
11396
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11357
11397
  --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);
11398
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11359
11399
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11360
11400
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11361
11401
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -12562,6 +12602,8 @@ ul.pf-v6-c-list {
12562
12602
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12563
12603
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12564
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);
12565
12607
  }
12566
12608
  @media screen and (prefers-reduced-motion: no-preference) {
12567
12609
  .pf-v6-c-page {
@@ -12577,6 +12619,15 @@ ul.pf-v6-c-list {
12577
12619
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12578
12620
  }
12579
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);
12629
+ }
12630
+ }
12580
12631
 
12581
12632
  .pf-v6-c-page {
12582
12633
  display: grid;
@@ -12967,13 +13018,8 @@ ul.pf-v6-c-list {
12967
13018
  @media screen and (max-width: calc(48rem - 1px)) {
12968
13019
  .pf-v6-c-page__main-container {
12969
13020
  --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
13021
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12973
13022
  --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
13023
  }
12978
13024
  }
12979
13025
 
@@ -13184,6 +13230,9 @@ ul.pf-v6-c-list {
13184
13230
  flex-shrink: 0;
13185
13231
  }
13186
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
+ }
13187
13236
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
13188
13237
  align-self: revert;
13189
13238
  }
@@ -13194,7 +13243,10 @@ ul.pf-v6-c-list {
13194
13243
  .pf-v6-c-pagination {
13195
13244
  --pf-v6-c-pagination--inset: 0;
13196
13245
  --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);
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));
13198
13250
  --pf-v6-c-pagination__nav--Display: none;
13199
13251
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
13200
13252
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -13215,14 +13267,17 @@ ul.pf-v6-c-list {
13215
13267
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13216
13268
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
13217
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);
13218
13271
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13219
13272
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13220
13273
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13221
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);
13222
13276
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13223
13277
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13224
13278
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
13225
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);
13226
13281
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
13227
13282
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
13228
13283
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13237,6 +13292,7 @@ ul.pf-v6-c-list {
13237
13292
  @media screen and (min-width: 48rem) {
13238
13293
  .pf-v6-c-pagination {
13239
13294
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
13295
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13240
13296
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
13241
13297
  --pf-v6-c-pagination__nav--Display: inline-flex;
13242
13298
  --pf-v6-c-pagination__total-items--Display: none;
@@ -13256,6 +13312,9 @@ ul.pf-v6-c-list {
13256
13312
  justify-content: flex-end;
13257
13313
  padding-inline-start: var(--pf-v6-c-pagination--inset);
13258
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);
13259
13318
  }
13260
13319
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
13261
13320
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -13263,6 +13322,7 @@ ul.pf-v6-c-list {
13263
13322
  .pf-v6-c-pagination.pf-m-bottom {
13264
13323
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
13265
13324
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
13325
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
13266
13326
  position: sticky;
13267
13327
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
13268
13328
  justify-content: center;
@@ -13289,7 +13349,6 @@ ul.pf-v6-c-list {
13289
13349
  }
13290
13350
  @media screen and (min-width: 48rem) {
13291
13351
  .pf-v6-c-pagination.pf-m-bottom {
13292
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13293
13352
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
13294
13353
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
13295
13354
  position: relative;
@@ -13321,10 +13380,13 @@ ul.pf-v6-c-list {
13321
13380
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
13322
13381
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
13323
13382
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
13383
+ border: 0;
13324
13384
  box-shadow: none;
13325
13385
  }
13326
13386
  .pf-v6-c-pagination.pf-m-sticky {
13327
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);
13328
13390
  position: sticky;
13329
13391
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
13330
13392
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -13562,12 +13624,12 @@ ul.pf-v6-c-list {
13562
13624
  --pf-v6-c-panel--before--BorderWidth: 0;
13563
13625
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13564
13626
  --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);
13627
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13566
13628
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13567
13629
  --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13568
13630
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13569
13631
  --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);
13632
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13571
13633
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13572
13634
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13573
13635
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13583,11 +13645,15 @@ ul.pf-v6-c-list {
13583
13645
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13584
13646
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13585
13647
  --pf-v6-c-panel__footer--BoxShadow: none;
13648
+ --pf-v6-c-panel__footer--BorderColor: transparent;
13649
+ --pf-v6-c-panel__footer--BorderWidth: 0;
13586
13650
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
13587
13651
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
13588
13652
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
13589
13653
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
13590
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);
13591
13657
  }
13592
13658
 
13593
13659
  .pf-v6-c-panel {
@@ -13626,6 +13692,8 @@ ul.pf-v6-c-list {
13626
13692
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
13627
13693
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
13628
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);
13629
13697
  }
13630
13698
 
13631
13699
  .pf-v6-c-panel__header {
@@ -13652,6 +13720,7 @@ ul.pf-v6-c-list {
13652
13720
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
13653
13721
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
13654
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);
13655
13724
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
13656
13725
  }
13657
13726
 
@@ -13660,7 +13729,7 @@ ul.pf-v6-c-list {
13660
13729
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13661
13730
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13662
13731
  --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);
13732
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13664
13733
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13665
13734
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13666
13735
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -13869,12 +13938,14 @@ ul.pf-v6-c-list {
13869
13938
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13870
13939
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13871
13940
  --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);
13941
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13873
13942
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13874
13943
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13875
13944
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13876
13945
  --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13877
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;
13878
13949
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13879
13950
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13880
13951
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -14045,6 +14116,13 @@ ul.pf-v6-c-list {
14045
14116
  height: var(--pf-v6-c-progress__indicator--Height);
14046
14117
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
14047
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
+ }
14048
14126
 
14049
14127
  .pf-v6-c-progress__helper-text {
14050
14128
  grid-row: 3/4;
@@ -14789,6 +14867,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14789
14867
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
14790
14868
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
14791
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);
14792
14871
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
14793
14872
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
14794
14873
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -14797,6 +14876,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14797
14876
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
14798
14877
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
14799
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);
14800
14881
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
14801
14882
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14802
14883
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -14825,6 +14906,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14825
14906
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
14826
14907
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
14827
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;
14828
14910
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14829
14911
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
14830
14912
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -14854,6 +14936,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14854
14936
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
14855
14937
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
14856
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);
14857
14940
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
14858
14941
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
14859
14942
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -14864,6 +14947,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14864
14947
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
14865
14948
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
14866
14949
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
14950
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14867
14951
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14868
14952
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
14869
14953
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -14895,6 +14979,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14895
14979
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
14896
14980
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
14897
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);
14898
14983
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
14899
14984
  }
14900
14985
  .pf-v6-c-sidebar__panel.pf-m-padding {
@@ -15386,6 +15471,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15386
15471
  --pf-v6-c-slider__rail-track--Height: 0.25rem;
15387
15472
  --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15388
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;
15389
15476
  --pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
15390
15477
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
15391
15478
  --pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
@@ -15395,6 +15482,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15395
15482
  --pf-v6-c-slider__step-tick--Height: 0.25rem;
15396
15483
  --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
15397
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;
15398
15487
  --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
15399
15488
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
15400
15489
  --pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
@@ -15410,6 +15499,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15410
15499
  --pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
15411
15500
  --pf-v6-c-slider__thumb--TranslateX: -50%;
15412
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;
15413
15504
  --pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
15414
15505
  --pf-v6-c-slider__thumb--BoxShadow--base:
15415
15506
  0 0 0 2px var(--pf-t--global--background--color--primary--default),
@@ -15479,6 +15570,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15479
15570
  inset: 0;
15480
15571
  content: "";
15481
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);
15482
15574
  border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
15483
15575
  }
15484
15576
 
@@ -15514,6 +15606,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15514
15606
  width: var(--pf-v6-c-slider__step-tick--Width);
15515
15607
  height: var(--pf-v6-c-slider__step-tick--Height);
15516
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);
15517
15610
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
15518
15611
  }
15519
15612
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
@@ -15539,6 +15632,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15539
15632
  height: var(--pf-v6-c-slider__thumb--Height);
15540
15633
  cursor: pointer;
15541
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);
15542
15636
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
15543
15637
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
15544
15638
  }
@@ -15692,11 +15786,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15692
15786
  --pf-v6-c-switch--Height: auto;
15693
15787
  --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15694
15788
  --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;
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);
15696
15791
  --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15697
15792
  --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15698
15793
  --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15699
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);
15700
15796
  --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15701
15797
  --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15702
15798
  --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
@@ -15711,6 +15807,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15711
15807
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15712
15808
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15713
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);
15714
15811
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15715
15812
  --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15716
15813
  --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
@@ -15752,6 +15849,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15752
15849
  }
15753
15850
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15754
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);
15755
15853
  background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15756
15854
  }
15757
15855
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
@@ -15777,6 +15875,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15777
15875
  }
15778
15876
  .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15779
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);
15780
15879
  cursor: not-allowed;
15781
15880
  background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15782
15881
  }
@@ -15801,6 +15900,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15801
15900
  height: var(--pf-v6-c-switch__toggle--before--Height);
15802
15901
  content: "";
15803
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;
15804
15904
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15805
15905
  transition: var(--pf-v6-c-switch__toggle--before--Transition);
15806
15906
  transform: translateY(-50%);
@@ -17615,7 +17715,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17615
17715
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17616
17716
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17617
17717
  --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);
17718
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
17619
17719
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17620
17720
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17621
17721
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -19390,7 +19490,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19390
19490
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19391
19491
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19392
19492
  --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);
19493
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
19394
19494
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19395
19495
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19396
19496
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
@@ -19457,11 +19557,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19457
19557
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19458
19558
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19459
19559
  --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);
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);
19461
19564
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19462
19565
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19463
19566
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19464
19567
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19568
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19465
19569
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19466
19570
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19467
19571
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19617,6 +19721,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19617
19721
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19618
19722
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19619
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);
19620
19728
  }
19621
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 {
19622
19730
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19624,9 +19732,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19624
19732
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19625
19733
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19626
19734
  }
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
19735
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19631
19736
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19632
19737
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19644,7 +19749,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19644
19749
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19645
19750
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19646
19751
  --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
19752
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19649
19753
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19650
19754
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19944,7 +20048,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19944
20048
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19945
20049
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19946
20050
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19947
- 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));
19948
20052
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19949
20053
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19950
20054
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -20752,6 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20752
20856
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
20753
20857
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
20754
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);
20755
20860
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20756
20861
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
20757
20862
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
@@ -20763,12 +20868,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20763
20868
  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
20764
20869
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
20765
20870
  --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);
20871
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
20767
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);
20768
20874
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20769
20875
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20770
20876
  --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);
20877
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
20772
20878
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
20773
20879
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
20774
20880
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -20791,11 +20897,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20791
20897
  .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
20792
20898
  margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
20793
20899
  }
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 {
20900
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
20795
20901
  border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
20796
20902
  border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
20797
20903
  }
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 {
20904
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
20799
20905
  border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
20800
20906
  border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
20801
20907
  }
@@ -20814,25 +20920,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20814
20920
  background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
20815
20921
  border: 0;
20816
20922
  }
20817
- .pf-v6-c-toggle-group__button::before {
20923
+ .pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
20818
20924
  position: absolute;
20819
- inset-block-start: 0;
20820
- inset-block-end: 0;
20821
- inset-inline-start: 0;
20822
- inset-inline-end: 0;
20925
+ inset: 0;
20823
20926
  pointer-events: none;
20824
20927
  content: "";
20825
20928
  border-style: solid;
20929
+ border-radius: inherit;
20930
+ }
20931
+ .pf-v6-c-toggle-group__button::before {
20826
20932
  border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20827
20933
  border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20828
20934
  border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20829
20935
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20830
20936
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20831
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
+ }
20832
20943
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
20833
20944
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
20834
20945
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
20835
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);
20836
20948
  text-decoration-line: none;
20837
20949
  }
20838
20950
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -20840,6 +20952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20840
20952
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
20841
20953
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
20842
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);
20843
20956
  }
20844
20957
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
20845
20958
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
@@ -20895,11 +21008,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20895
21008
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20896
21009
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20897
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);
20898
21013
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20899
21014
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20900
21015
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20901
21016
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20902
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);
20903
21020
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20904
21021
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20905
21022
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -21070,6 +21187,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21070
21187
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
21071
21188
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
21072
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);
21073
21191
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
21074
21192
  }
21075
21193
  .pf-v6-c-toolbar.pf-m-static,
@@ -21216,12 +21334,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21216
21334
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
21217
21335
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
21218
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);
21219
21338
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
21220
21339
  }
21221
21340
  @media screen and (min-width: 62rem) {
21222
21341
  .pf-v6-c-toolbar__expandable-content {
21223
21342
  position: static;
21224
21343
  padding: 0;
21344
+ border-block-end: 0;
21225
21345
  box-shadow: none;
21226
21346
  }
21227
21347
  }
@@ -23588,6 +23708,8 @@ label.pf-v6-c-tree-view__node-text {
23588
23708
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23589
23709
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23590
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);
23591
23713
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23592
23714
  --pf-v6-c-wizard__nav--Width: 100%;
23593
23715
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23621,6 +23743,7 @@ label.pf-v6-c-tree-view__node-text {
23621
23743
  .pf-v6-c-wizard {
23622
23744
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23623
23745
  --pf-v6-c-wizard__nav--BoxShadow: none;
23746
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23624
23747
  }
23625
23748
  }
23626
23749
 
@@ -23807,6 +23930,7 @@ label.pf-v6-c-tree-view__node-text {
23807
23930
  overflow-y: auto;
23808
23931
  -webkit-overflow-scrolling: touch;
23809
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);
23810
23934
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23811
23935
  }
23812
23936
  .pf-v6-c-wizard__nav.pf-m-expanded {