@patternfly/patternfly 6.3.0-prerelease.52 → 6.3.0-prerelease.54

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 (77) hide show
  1. package/README.md +17 -11
  2. package/base/patternfly-variables.css +1208 -1
  3. package/base/patternfly-variables.scss +10 -0
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +13 -1
  7. package/base/tokens/tokens-default.scss +60 -2
  8. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  9. package/base/tokens/tokens-highcontrast.scss +703 -0
  10. package/base/tokens/tokens-local.scss +39 -0
  11. package/base/tokens/tokens-palette.scss +9 -1
  12. package/components/Accordion/accordion.css +21 -0
  13. package/components/Accordion/accordion.scss +27 -1
  14. package/components/Alert/alert-group.css +15 -2
  15. package/components/Alert/alert-group.scss +18 -2
  16. package/components/Badge/badge.css +2 -0
  17. package/components/Badge/badge.scss +2 -0
  18. package/components/Banner/banner.css +4 -0
  19. package/components/Banner/banner.scss +4 -0
  20. package/components/Button/button.css +32 -3
  21. package/components/Button/button.scss +34 -5
  22. package/components/Card/card.css +5 -3
  23. package/components/Card/card.scss +5 -3
  24. package/components/CodeBlock/code-block.css +3 -0
  25. package/components/CodeBlock/code-block.scss +3 -0
  26. package/components/CodeEditor/code-editor.css +8 -3
  27. package/components/CodeEditor/code-editor.scss +11 -6
  28. package/components/Drawer/drawer.css +44 -41
  29. package/components/Drawer/drawer.scss +42 -36
  30. package/components/DualListSelector/dual-list-selector.css +19 -1
  31. package/components/DualListSelector/dual-list-selector.scss +20 -1
  32. package/components/Label/label.css +20 -11
  33. package/components/Label/label.scss +21 -11
  34. package/components/Login/login.css +3 -0
  35. package/components/Login/login.scss +3 -0
  36. package/components/Menu/menu.css +11 -0
  37. package/components/Menu/menu.scss +12 -1
  38. package/components/MenuToggle/menu-toggle.css +12 -5
  39. package/components/MenuToggle/menu-toggle.scss +12 -5
  40. package/components/ModalBox/modal-box.css +3 -0
  41. package/components/ModalBox/modal-box.scss +3 -0
  42. package/components/Nav/nav.css +17 -0
  43. package/components/Nav/nav.scss +20 -0
  44. package/components/Page/page.css +2 -2
  45. package/components/Page/page.scss +2 -2
  46. package/components/Panel/panel.css +7 -1
  47. package/components/Panel/panel.scss +7 -1
  48. package/components/Popover/popover.css +4 -0
  49. package/components/Popover/popover.scss +4 -0
  50. package/components/Progress/progress.css +10 -0
  51. package/components/Progress/progress.scss +11 -0
  52. package/components/SimpleList/simple-list.css +15 -0
  53. package/components/SimpleList/simple-list.scss +17 -1
  54. package/components/Table/table.css +29 -0
  55. package/components/Table/table.scss +33 -0
  56. package/components/Tabs/tabs.css +7 -0
  57. package/components/Tabs/tabs.scss +8 -1
  58. package/components/TreeView/tree-view.css +15 -0
  59. package/components/TreeView/tree-view.scss +17 -0
  60. package/components/Wizard/wizard.css +22 -1
  61. package/components/Wizard/wizard.scss +25 -3
  62. package/components/_index.css +330 -73
  63. package/docs/components/DataList/examples/DataList.md +60 -184
  64. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  65. package/docs/components/Login/examples/Login.md +22 -22
  66. package/docs/components/Table/examples/Table.md +936 -1412
  67. package/docs/demos/Dashboard/examples/Dashboard.md +5 -20
  68. package/docs/demos/DataList/examples/DataList.md +528 -168
  69. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  70. package/docs/demos/Table/examples/Table.md +5 -20
  71. package/package.json +3 -2
  72. package/patternfly-base-no-globals.css +1208 -1
  73. package/patternfly-base.css +1208 -1
  74. package/patternfly-no-globals.css +1538 -74
  75. package/patternfly.css +1538 -74
  76. package/patternfly.min.css +1 -1
  77. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -206,6 +206,9 @@
206
206
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
207
207
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
208
208
  --pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
209
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
210
+ --pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
211
+ --pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
209
212
  --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
210
213
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
211
214
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -266,6 +269,11 @@
266
269
  --pf-v6-c-accordion--m-bordered--RowGap: 0;
267
270
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
268
271
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
272
+ --pf-v6-c-accordion__item--BorderWidth: 0;
273
+ --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
274
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
275
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
276
+ --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
269
277
  }
270
278
  @media screen and (prefers-reduced-motion: no-preference) {
271
279
  .pf-v6-c-accordion {
@@ -304,6 +312,7 @@
304
312
  --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
305
313
  --pf-v6-c-accordion__item--BorderRadius: 0;
306
314
  --pf-v6-c-accordion__toggle--BorderRadius: 0;
315
+ --pf-v6-c-accordion__item--BorderWidth: 0;
307
316
  }
308
317
  .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
309
318
  border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
@@ -318,6 +327,7 @@
318
327
  pointer-events: none;
319
328
  content: "";
320
329
  background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
330
+ border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
321
331
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
322
332
  opacity: var(--pf-v6-c-accordion__item--before--Opacity);
323
333
  transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
@@ -332,6 +342,7 @@
332
342
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
333
343
  --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
334
344
  --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
345
+ --pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
335
346
  --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
336
347
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
337
348
  --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
@@ -361,8 +372,17 @@
361
372
  border: 0;
362
373
  border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
363
374
  }
375
+ .pf-v6-c-accordion__toggle::after {
376
+ position: absolute;
377
+ inset: 0;
378
+ pointer-events: none;
379
+ content: "";
380
+ border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
381
+ border-radius: inherit;
382
+ }
364
383
  .pf-v6-c-accordion__toggle:is(:hover, :focus) {
365
384
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
385
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
366
386
  }
367
387
 
368
388
  .pf-v6-c-accordion__toggle-text {
@@ -395,6 +415,7 @@
395
415
  color: var(--pf-v6-c-accordion__expandable-content--Color);
396
416
  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
397
417
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
418
+ border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
398
419
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
399
420
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
400
421
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
@@ -709,7 +730,8 @@
709
730
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
710
731
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
711
732
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
712
- --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
733
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
734
+ --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
713
735
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
714
736
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
715
737
  --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -718,6 +740,7 @@
718
740
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
719
741
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
720
742
  --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);
721
744
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
722
745
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
723
746
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -748,10 +771,21 @@
748
771
  padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
749
772
  color: var(--pf-v6-c-alert-group__overflow-button--Color);
750
773
  background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
751
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
774
+ border: 0;
752
775
  border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
753
776
  box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
754
777
  }
778
+ .pf-v6-c-alert-group__overflow-button::after {
779
+ position: absolute;
780
+ inset: 0;
781
+ pointer-events: none;
782
+ content: "";
783
+ border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
784
+ border-radius: inherit;
785
+ }
786
+ .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
787
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
788
+ }
755
789
 
756
790
  .pf-v6-c-alert-group__item {
757
791
  display: grid;
@@ -1161,6 +1195,7 @@
1161
1195
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1162
1196
  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1163
1197
  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1198
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
1164
1199
  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1165
1200
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
1166
1201
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -1193,6 +1228,7 @@
1193
1228
  border-radius: inherit;
1194
1229
  }
1195
1230
  .pf-v6-c-badge.pf-m-read {
1231
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
1196
1232
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
1197
1233
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
1198
1234
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
@@ -1225,6 +1261,8 @@
1225
1261
  --pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
1226
1262
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1227
1263
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1264
+ --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);
1228
1266
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1229
1267
  --pf-v6-c-banner--link--TextDecoration: underline;
1230
1268
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1275,6 +1313,8 @@
1275
1313
  color: var(--pf-v6-c-banner--Color);
1276
1314
  white-space: nowrap;
1277
1315
  background-color: var(--pf-v6-c-banner--BackgroundColor);
1316
+ border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1317
+ border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1278
1318
  }
1279
1319
  .pf-v6-c-banner.pf-m-danger {
1280
1320
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
@@ -1557,6 +1597,7 @@ button.pf-v6-c-breadcrumb__link {
1557
1597
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1558
1598
  --pf-v6-c-button--ScaleX: 1;
1559
1599
  --pf-v6-c-button--ScaleY: 1;
1600
+ --pf-v6-c-button--border--offset: 0;
1560
1601
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1561
1602
  --pf-v6-c-button--hover--BorderColor: transparent;
1562
1603
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -1620,6 +1661,12 @@ button.pf-v6-c-breadcrumb__link {
1620
1661
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1621
1662
  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1622
1663
  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1664
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1665
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1666
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1667
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
1668
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1669
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1623
1670
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1624
1671
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1625
1672
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1670,6 +1717,12 @@ button.pf-v6-c-breadcrumb__link {
1670
1717
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1671
1718
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1672
1719
  --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1720
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1721
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1722
+ --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);
1724
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1725
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1673
1726
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
1674
1727
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
1675
1728
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -1682,7 +1735,7 @@ button.pf-v6-c-breadcrumb__link {
1682
1735
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1683
1736
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1684
1737
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1685
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
1738
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
1686
1739
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1687
1740
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1688
1741
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -1817,7 +1870,7 @@ button.pf-v6-c-breadcrumb__link {
1817
1870
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1818
1871
  --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1819
1872
  --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
1820
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1873
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
1821
1874
  --pf-v6-c-button--m-block--Display: flex;
1822
1875
  --pf-v6-c-button--m-block--Width: 100%;
1823
1876
  --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -1873,7 +1926,7 @@ button.pf-v6-c-breadcrumb__link {
1873
1926
  }
1874
1927
  .pf-v6-c-button::after {
1875
1928
  position: absolute;
1876
- inset: 0;
1929
+ inset: var(--pf-v6-c-button--border--offset);
1877
1930
  pointer-events: none;
1878
1931
  content: "";
1879
1932
  border: var(--pf-v6-c-button--BorderWidth) solid;
@@ -1937,6 +1990,12 @@ button.pf-v6-c-breadcrumb__link {
1937
1990
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
1938
1991
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
1939
1992
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
1993
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
1994
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
1995
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
1996
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
1997
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
1998
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
1940
1999
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
1941
2000
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
1942
2001
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
@@ -1976,6 +2035,9 @@ button.pf-v6-c-breadcrumb__link {
1976
2035
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
1977
2036
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
1978
2037
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2038
+ --pf-v6-c-button--BorderWidth: 0;
2039
+ --pf-v6-c-button--hover--BorderWidth: 0;
2040
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
1979
2041
  text-align: start;
1980
2042
  white-space: normal;
1981
2043
  background: transparent;
@@ -2083,6 +2145,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2083
2145
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
2084
2146
  }
2085
2147
  .pf-v6-c-button.pf-m-plain {
2148
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
2149
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
2150
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
2151
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
2152
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
2153
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
2086
2154
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
2087
2155
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
2088
2156
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
@@ -2111,6 +2179,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2111
2179
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
2112
2180
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
2113
2181
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
2182
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
2114
2183
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2115
2184
  background: var(--pf-v6-c-button--BackgroundColor);
2116
2185
  }
@@ -2596,6 +2665,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2596
2665
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2597
2666
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2598
2667
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2668
+ --pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
2599
2669
  --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2600
2670
  --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2601
2671
  --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2626,7 +2696,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2626
2696
  --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2627
2697
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2628
2698
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2629
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
2699
+ --pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
2630
2700
  --pf-v6-c-card--m-full-height--Height: 100%;
2631
2701
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2632
2702
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -2826,17 +2896,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2826
2896
  z-index: -1;
2827
2897
  content: "";
2828
2898
  background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
2829
- border: var(--pf-v6-c-card--m-selectable--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2899
+ border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2830
2900
  border-radius: var(--pf-v6-c-card--BorderRadius);
2831
2901
  }
2832
2902
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
2833
2903
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
2904
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
2834
2905
  }
2835
2906
 
2836
2907
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
2837
2908
  .pf-v6-c-card.pf-m-selected {
2838
2909
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
2839
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2910
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2840
2911
  }
2841
2912
 
2842
2913
  .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
@@ -3090,6 +3161,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3090
3161
  }
3091
3162
 
3092
3163
  .pf-v6-c-code-block {
3164
+ --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);
3093
3166
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3094
3167
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3095
3168
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -3108,6 +3181,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3108
3181
 
3109
3182
  .pf-v6-c-code-block {
3110
3183
  background-color: var(--pf-v6-c-code-block--BackgroundColor);
3184
+ border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
3111
3185
  border-radius: var(--pf-v6-c-code-block--BorderRadius);
3112
3186
  }
3113
3187
 
@@ -3148,6 +3222,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3148
3222
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
3149
3223
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
3150
3224
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3225
+ --pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
3226
+ --pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
3227
+ --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3228
+ --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3151
3229
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3152
3230
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3153
3231
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -3219,12 +3297,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3219
3297
  }
3220
3298
  .pf-v6-c-code-editor__header::before {
3221
3299
  position: absolute;
3222
- inset-block-end: 0;
3223
- inset-inline-start: 0;
3224
- inset-inline-end: 0;
3300
+ inset: 0;
3225
3301
  pointer-events: none;
3226
3302
  content: "";
3303
+ border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3227
3304
  border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3305
+ border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3306
+ border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3228
3307
  }
3229
3308
  .pf-v6-c-code-editor__header.pf-m-plain {
3230
3309
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
@@ -4882,8 +4961,12 @@ ul) {
4882
4961
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4883
4962
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4884
4963
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4964
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
4965
+ --pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
4885
4966
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4967
+ --pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
4886
4968
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4969
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
4887
4970
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4888
4971
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
4889
4972
  --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -4989,6 +5072,7 @@ ul) {
4989
5072
  overflow: auto;
4990
5073
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
4991
5074
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5075
+ outline-offset: 2px;
4992
5076
  }
4993
5077
 
4994
5078
  .pf-v6-c-dual-list-selector__list {
@@ -5013,7 +5097,7 @@ ul) {
5013
5097
  overflow-anchor: none;
5014
5098
  }
5015
5099
 
5016
- .pf-v6-c-dual-list-selector__list-item:focus {
5100
+ .pf-v6-c-dual-list-selector__list-item:focus-visible {
5017
5101
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5018
5102
  }
5019
5103
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
@@ -5047,12 +5131,22 @@ ul) {
5047
5131
  }
5048
5132
 
5049
5133
  .pf-v6-c-dual-list-selector__list-item-row {
5134
+ position: relative;
5050
5135
  display: flex;
5051
5136
  font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5052
5137
  background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
5053
5138
  }
5139
+ .pf-v6-c-dual-list-selector__list-item-row::before {
5140
+ position: absolute;
5141
+ inset: 0;
5142
+ pointer-events: none;
5143
+ content: "";
5144
+ border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5145
+ border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5146
+ }
5054
5147
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
5055
5148
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
5149
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
5056
5150
  }
5057
5151
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
5058
5152
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
@@ -5060,9 +5154,12 @@ ul) {
5060
5154
  }
5061
5155
  .pf-v6-c-dual-list-selector__list-item-row:hover {
5062
5156
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5157
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5063
5158
  }
5064
5159
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5065
5160
  --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;
5066
5163
  }
5067
5164
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5068
5165
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
@@ -5582,6 +5679,11 @@ ul) {
5582
5679
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5583
5680
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5584
5681
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5682
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5683
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
5684
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
5685
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
5686
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5585
5687
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5586
5688
  --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5587
5689
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5678,13 +5780,14 @@ ul) {
5678
5780
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5679
5781
  --pf-v6-c-drawer__panel--BoxShadow: none;
5680
5782
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5681
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5682
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5683
- --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
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);
5786
+ --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5684
5787
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
5685
- --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: var(--pf-v6-c-drawer__panel--after--Width);
5686
- --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
5687
- --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5788
+ --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
5789
+ --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
5790
+ --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
5688
5791
  }
5689
5792
  @media screen and (prefers-reduced-motion: no-preference) {
5690
5793
  .pf-v6-c-drawer {
@@ -5725,6 +5828,7 @@ ul) {
5725
5828
 
5726
5829
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5727
5830
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5831
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
5728
5832
  }
5729
5833
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
5730
5834
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -5825,6 +5929,11 @@ ul) {
5825
5929
  overflow: auto;
5826
5930
  visibility: hidden;
5827
5931
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5932
+ border: solid var(--pf-v6-c-drawer__panel--BorderColor);
5933
+ border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
5934
+ border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
5935
+ border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
5936
+ border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
5828
5937
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5829
5938
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
5830
5939
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -5833,15 +5942,6 @@ ul) {
5833
5942
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
5834
5943
  -webkit-overflow-scrolling: touch;
5835
5944
  }
5836
- .pf-v6-c-drawer__panel::after {
5837
- position: absolute;
5838
- inset-block-start: 0;
5839
- inset-inline-start: 0;
5840
- width: var(--pf-v6-c-drawer__panel--after--Width);
5841
- height: 100%;
5842
- content: "";
5843
- background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5844
- }
5845
5945
  .pf-v6-c-drawer__panel:not(.pf-m-resizable) {
5846
5946
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
5847
5947
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
@@ -5996,13 +6096,13 @@ ul) {
5996
6096
  }
5997
6097
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
5998
6098
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
6099
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6100
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6101
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6102
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5999
6103
  flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
6000
6104
  min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
6001
6105
  }
6002
- .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
6003
- width: 0;
6004
- height: 0;
6005
- }
6006
6106
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6007
6107
  flex-shrink: 0;
6008
6108
  }
@@ -6011,18 +6111,17 @@ ul) {
6011
6111
  }
6012
6112
  .pf-v6-c-drawer.pf-m-panel-left {
6013
6113
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
6114
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
6115
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6014
6116
  }
6015
6117
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6118
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6016
6119
  padding-inline-start: 0;
6017
6120
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
6018
6121
  }
6019
6122
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6020
6123
  transform: translateX(0);
6021
6124
  }
6022
- .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6023
- inset-inline-start: auto;
6024
- inset-inline-end: 0;
6025
- }
6026
6125
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6027
6126
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
6028
6127
  order: 1;
@@ -6031,19 +6130,16 @@ ul) {
6031
6130
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
6032
6131
  --pf-v6-c-drawer__panel--MaxHeight: 100%;
6033
6132
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
6133
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6134
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6034
6135
  min-width: auto;
6035
6136
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
6036
6137
  }
6037
6138
  .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6139
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6038
6140
  padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
6039
6141
  padding-inline-start: 0;
6040
6142
  }
6041
- .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6042
- inset-block-start: 0;
6043
- inset-inline-start: auto;
6044
- width: 100%;
6045
- height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6046
- }
6047
6143
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
6048
6144
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
6049
6145
  --pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
@@ -6072,6 +6168,10 @@ ul) {
6072
6168
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
6073
6169
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
6074
6170
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6171
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6172
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6173
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6174
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
6075
6175
  }
6076
6176
  .pf-v6-c-drawer__splitter {
6077
6177
  display: block;
@@ -6166,9 +6266,9 @@ ul) {
6166
6266
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6167
6267
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6168
6268
  }
6169
- .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6170
- .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6171
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6269
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6270
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6271
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6172
6272
  }
6173
6273
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6174
6274
  overflow-x: auto;
@@ -6233,9 +6333,9 @@ ul) {
6233
6333
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6234
6334
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6235
6335
  }
6236
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6237
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6238
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6336
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6337
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6338
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6239
6339
  }
6240
6340
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6241
6341
  overflow-x: auto;
@@ -6300,9 +6400,9 @@ ul) {
6300
6400
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6301
6401
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6302
6402
  }
6303
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6304
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6305
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6403
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6404
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6405
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6306
6406
  }
6307
6407
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6308
6408
  overflow-x: auto;
@@ -6367,9 +6467,9 @@ ul) {
6367
6467
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6368
6468
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6369
6469
  }
6370
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6371
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6372
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6470
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6471
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6472
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6373
6473
  }
6374
6474
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6375
6475
  overflow-x: auto;
@@ -8598,10 +8698,11 @@ label.pf-v6-c-input-group__text {
8598
8698
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8599
8699
  --pf-v6-c-label--MaxWidth: 100%;
8600
8700
  --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)));
8601
- --pf-v6-c-label--BorderWidth: 0;
8602
- --pf-v6-c-label--BorderColor: transparent;
8701
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
8702
+ --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8603
8703
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8604
8704
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
8705
+ --pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8605
8706
  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8606
8707
  --pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8607
8708
  --pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
@@ -8724,8 +8825,8 @@ label.pf-v6-c-input-group__text {
8724
8825
  --pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
8725
8826
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
8726
8827
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
8727
- --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
8728
- --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8828
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8829
+ --pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
8729
8830
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8730
8831
  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8731
8832
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
@@ -8738,8 +8839,10 @@ label.pf-v6-c-input-group__text {
8738
8839
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8739
8840
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8740
8841
  --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);
8741
8843
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8742
8844
  --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);
8743
8846
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8744
8847
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8745
8848
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -8760,15 +8863,15 @@ label.pf-v6-c-input-group__text {
8760
8863
  --pf-v6-c-label__content--Cursor: initial;
8761
8864
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8762
8865
  --pf-v6-c-label__text--MaxWidth: 100%;
8763
- --pf-v6-c-label__actions--MarginInlineEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd) * -1);
8866
+ --pf-v6-c-label__actions--MarginInlineEnd: 0;
8764
8867
  --pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8765
8868
  --pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
8766
- --pf-v6-c-label__actions--c-button--MarginBlockStart: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockStart) * -1);
8767
- --pf-v6-c-label__actions--c-button--MarginBlockEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd) * -1);
8768
- --pf-v6-c-label__actions--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8769
- --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8770
- --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8771
- --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8869
+ --pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
8870
+ --pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
8871
+ --pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
8872
+ --pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
8873
+ --pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
8874
+ --pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
8772
8875
  --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8773
8876
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8774
8877
  --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
@@ -8788,6 +8891,7 @@ label.pf-v6-c-input-group__text {
8788
8891
 
8789
8892
  .pf-v6-c-label {
8790
8893
  position: relative;
8894
+ gap: var(--pf-v6-c-label--Gap);
8791
8895
  min-width: var(--pf-v6-c-label--MinWidth);
8792
8896
  max-width: var(--pf-v6-c-label--MaxWidth);
8793
8897
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
@@ -8987,10 +9091,12 @@ label.pf-v6-c-input-group__text {
8987
9091
  .pf-v6-c-label.pf-m-overflow {
8988
9092
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
8989
9093
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
9094
+ --pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
8990
9095
  }
8991
9096
  .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
8992
9097
  --pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
8993
9098
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
9099
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
8994
9100
  }
8995
9101
  .pf-v6-c-label.pf-m-add {
8996
9102
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
@@ -9090,6 +9196,9 @@ input.pf-v6-c-label__content {
9090
9196
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9091
9197
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9092
9198
  }
9199
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9200
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9201
+ }
9093
9202
 
9094
9203
  .pf-v6-c-label-group {
9095
9204
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9328,6 +9437,8 @@ ul.pf-v6-c-list {
9328
9437
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9329
9438
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9330
9439
  --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);
9441
+ --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9331
9442
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9332
9443
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9333
9444
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -9459,6 +9570,7 @@ ul.pf-v6-c-list {
9459
9570
  align-self: start;
9460
9571
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
9461
9572
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
9573
+ border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
9462
9574
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
9463
9575
  }
9464
9576
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
@@ -10105,6 +10217,8 @@ ul.pf-v6-c-list {
10105
10217
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10106
10218
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10107
10219
  --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);
10221
+ --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10108
10222
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10109
10223
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
10110
10224
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
@@ -10125,6 +10239,9 @@ ul.pf-v6-c-list {
10125
10239
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
10126
10240
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10127
10241
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10242
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10243
+ --pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10244
+ --pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
10128
10245
  --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10129
10246
  --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10130
10247
  --pf-v6-c-menu__list-item--TransitionProperty: background-color;
@@ -10300,6 +10417,7 @@ ul.pf-v6-c-list {
10300
10417
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
10301
10418
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
10302
10419
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
10420
+ --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
10303
10421
  }
10304
10422
  .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
10305
10423
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
@@ -10324,6 +10442,7 @@ ul.pf-v6-c-list {
10324
10442
  overflow: hidden;
10325
10443
  color: var(--pf-v6-c-menu--Color);
10326
10444
  background-color: var(--pf-v6-c-menu--BackgroundColor);
10445
+ border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
10327
10446
  border-radius: var(--pf-v6-c-menu--BorderRadius);
10328
10447
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
10329
10448
  transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
@@ -10368,6 +10487,7 @@ ul.pf-v6-c-list {
10368
10487
  }
10369
10488
  .pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
10370
10489
  padding: 0;
10490
+ border: 0;
10371
10491
  }
10372
10492
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
10373
10493
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
@@ -10510,6 +10630,8 @@ ul.pf-v6-c-list {
10510
10630
  inset: 0;
10511
10631
  content: "";
10512
10632
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
10633
+ border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10634
+ border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10513
10635
  transition: inherit;
10514
10636
  }
10515
10637
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -10534,6 +10656,7 @@ ul.pf-v6-c-list {
10534
10656
  }
10535
10657
  .pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
10536
10658
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
10659
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
10537
10660
  }
10538
10661
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
10539
10662
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
@@ -10722,19 +10845,19 @@ ul.pf-v6-c-list {
10722
10845
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
10723
10846
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
10724
10847
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
10725
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
10848
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
10726
10849
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
10727
10850
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10728
10851
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10729
10852
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
10730
10853
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
10731
10854
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
10732
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
10855
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
10733
10856
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
10734
10857
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10735
10858
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
10736
10859
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
10737
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10860
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
10738
10861
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
10739
10862
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10740
10863
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10821,7 +10944,10 @@ ul.pf-v6-c-list {
10821
10944
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10822
10945
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10823
10946
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10824
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10947
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
10948
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10949
+ --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10950
+ --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10825
10951
  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10826
10952
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10827
10953
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -10947,6 +11073,7 @@ ul.pf-v6-c-list {
10947
11073
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10948
11074
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10949
11075
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
11076
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
10950
11077
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10951
11078
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10952
11079
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
@@ -10959,12 +11086,14 @@ ul.pf-v6-c-list {
10959
11086
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10960
11087
  }
10961
11088
  .pf-v6-c-menu-toggle.pf-m-plain::before {
10962
- border: none;
11089
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
11090
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10963
11091
  }
10964
11092
  .pf-v6-c-menu-toggle:is(:hover, :focus) {
10965
11093
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
10966
11094
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
10967
11095
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
11096
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
10968
11097
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10969
11098
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10970
11099
  --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
@@ -10976,6 +11105,7 @@ ul.pf-v6-c-list {
10976
11105
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
10977
11106
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
10978
11107
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
11108
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
10979
11109
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10980
11110
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10981
11111
  }
@@ -11224,6 +11354,8 @@ ul.pf-v6-c-list {
11224
11354
 
11225
11355
  .pf-v6-c-modal-box {
11226
11356
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11357
+ --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);
11227
11359
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11228
11360
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11229
11361
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -11290,6 +11422,7 @@ ul.pf-v6-c-list {
11290
11422
  max-height: var(--pf-v6-c-modal-box--MaxHeight);
11291
11423
  overflow: auto;
11292
11424
  background-color: var(--pf-v6-c-modal-box--BackgroundColor);
11425
+ border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
11293
11426
  border-radius: var(--pf-v6-c-modal-box--BorderRadius);
11294
11427
  box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
11295
11428
  }
@@ -11681,6 +11814,10 @@ ul.pf-v6-c-list {
11681
11814
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
11682
11815
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
11683
11816
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
11817
+ --pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
11818
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11819
+ --pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11820
+ --pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11684
11821
  --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
11685
11822
  --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
11686
11823
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
@@ -11715,6 +11852,8 @@ ul.pf-v6-c-list {
11715
11852
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
11716
11853
  --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11717
11854
  --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
11855
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11856
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
11718
11857
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11719
11858
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11720
11859
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -11874,12 +12013,22 @@ ul.pf-v6-c-list {
11874
12013
  transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
11875
12014
  transition-property: background-color, color;
11876
12015
  }
12016
+ .pf-v6-c-nav__link::after {
12017
+ position: absolute;
12018
+ inset: 0;
12019
+ pointer-events: none;
12020
+ content: "";
12021
+ border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
12022
+ border-radius: inherit;
12023
+ }
11877
12024
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
12025
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
11878
12026
  color: var(--pf-v6-c-nav__link--hover--Color);
11879
12027
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
11880
12028
  }
11881
12029
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
11882
12030
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
12031
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
11883
12032
  color: var(--pf-v6-c-nav__link--m-current--Color);
11884
12033
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
11885
12034
  }
@@ -11982,6 +12131,7 @@ ul.pf-v6-c-list {
11982
12131
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11983
12132
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11984
12133
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
12134
+ border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
11985
12135
  border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11986
12136
  }
11987
12137
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
@@ -12351,8 +12501,8 @@ ul.pf-v6-c-list {
12351
12501
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
12352
12502
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
12353
12503
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
12354
- --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
12355
- --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
12504
+ --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--border--width--main--default);
12505
+ --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
12356
12506
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
12357
12507
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
12358
12508
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
@@ -13371,11 +13521,14 @@ ul.pf-v6-c-list {
13371
13521
  --pf-v6-c-panel--BoxShadow: none;
13372
13522
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
13373
13523
  --pf-v6-c-panel--before--BorderWidth: 0;
13374
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
13524
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13375
13525
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13526
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13376
13527
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13528
+ --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13377
13529
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13378
13530
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13531
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13379
13532
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13380
13533
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13381
13534
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13417,13 +13570,16 @@ ul.pf-v6-c-list {
13417
13570
  }
13418
13571
  .pf-v6-c-panel.pf-m-bordered {
13419
13572
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
13573
+ --pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
13420
13574
  }
13421
13575
  .pf-v6-c-panel.pf-m-secondary {
13422
13576
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
13577
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
13423
13578
  }
13424
13579
  .pf-v6-c-panel.pf-m-raised {
13425
13580
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
13426
13581
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
13582
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
13427
13583
  }
13428
13584
  .pf-v6-c-panel.pf-m-scrollable {
13429
13585
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
@@ -13465,6 +13621,8 @@ ul.pf-v6-c-list {
13465
13621
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13466
13622
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13467
13623
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13624
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
13625
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13468
13626
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13469
13627
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13470
13628
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13515,6 +13673,7 @@ ul.pf-v6-c-list {
13515
13673
  min-width: var(--pf-v6-c-popover--MinWidth);
13516
13674
  max-width: var(--pf-v6-c-popover--MaxWidth);
13517
13675
  font-size: var(--pf-v6-c-popover--FontSize);
13676
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13518
13677
  border-radius: var(--pf-v6-c-popover--BorderRadius);
13519
13678
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
13520
13679
  }
@@ -13629,6 +13788,7 @@ ul.pf-v6-c-list {
13629
13788
  height: var(--pf-v6-c-popover__arrow--Height);
13630
13789
  pointer-events: none;
13631
13790
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13791
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13632
13792
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13633
13793
  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13634
13794
  }
@@ -13669,6 +13829,8 @@ ul.pf-v6-c-list {
13669
13829
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13670
13830
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13671
13831
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13832
+ --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13833
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
13672
13834
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13673
13835
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13674
13836
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13830,6 +13992,14 @@ ul.pf-v6-c-list {
13830
13992
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13831
13993
  border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
13832
13994
  }
13995
+ .pf-v6-c-progress__bar::before {
13996
+ position: absolute;
13997
+ inset: 0;
13998
+ pointer-events: none;
13999
+ content: "";
14000
+ border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
14001
+ border-radius: inherit;
14002
+ }
13833
14003
 
13834
14004
  .pf-v6-c-progress__indicator {
13835
14005
  position: absolute;
@@ -14896,6 +15066,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14896
15066
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
14897
15067
  --pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
14898
15068
  --pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
15069
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
15070
+ --pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
15071
+ --pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
15072
+ --pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
14899
15073
  --pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
14900
15074
  --pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
14901
15075
  --pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -14910,6 +15084,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14910
15084
  }
14911
15085
 
14912
15086
  .pf-v6-c-simple-list__item-link {
15087
+ position: relative;
14913
15088
  display: block;
14914
15089
  width: 100%;
14915
15090
  padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
@@ -14924,6 +15099,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14924
15099
  border: none;
14925
15100
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
14926
15101
  }
15102
+ .pf-v6-c-simple-list__item-link::after {
15103
+ position: absolute;
15104
+ inset: 0;
15105
+ pointer-events: none;
15106
+ content: "";
15107
+ border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
15108
+ border-radius: inherit;
15109
+ }
14927
15110
  .pf-v6-c-simple-list__item-link.pf-m-link {
14928
15111
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
14929
15112
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
@@ -14932,11 +15115,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14932
15115
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
14933
15116
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
14934
15117
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
15118
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
14935
15119
  text-decoration-line: none;
14936
15120
  }
14937
15121
  .pf-v6-c-simple-list__item-link.pf-m-current {
14938
15122
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14939
15123
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
15124
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
14940
15125
  }
14941
15126
 
14942
15127
  .pf-v6-c-simple-list__title {
@@ -17331,6 +17516,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17331
17516
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17332
17517
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17333
17518
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
17519
+ --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
17520
+ --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
17521
+ --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
17334
17522
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17335
17523
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17336
17524
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17360,6 +17548,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17360
17548
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17361
17549
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17362
17550
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17551
+ --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
17552
+ --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
17363
17553
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17364
17554
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17365
17555
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17381,10 +17571,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17381
17571
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17382
17572
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17383
17573
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
17574
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
17384
17575
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17385
17576
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17386
17577
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17387
17578
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17579
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
17388
17580
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17389
17581
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17390
17582
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17796,6 +17988,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17796
17988
  }
17797
17989
 
17798
17990
  .pf-v6-c-table__button {
17991
+ position: relative;
17799
17992
  width: auto;
17800
17993
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17801
17994
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17814,6 +18007,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17814
18007
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17815
18008
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17816
18009
  }
18010
+ .pf-v6-c-table__button::after {
18011
+ position: absolute;
18012
+ inset: 0;
18013
+ pointer-events: none;
18014
+ content: "";
18015
+ border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
18016
+ border-radius: inherit;
18017
+ }
17817
18018
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17818
18019
  margin-block-end: 0;
17819
18020
  }
@@ -17989,6 +18190,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17989
18190
  content: "";
17990
18191
  border: 0;
17991
18192
  border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
18193
+ border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
17992
18194
  }
17993
18195
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17994
18196
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18023,6 +18225,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18023
18225
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18024
18226
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18025
18227
  --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
18228
+ --pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
18026
18229
  }
18027
18230
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18028
18231
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18072,16 +18275,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18072
18275
  border-radius: 0;
18073
18276
  }
18074
18277
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18278
+ position: relative;
18075
18279
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18076
18280
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18077
18281
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18078
18282
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18079
18283
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18284
+ border: 0;
18080
18285
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18081
18286
  }
18082
18287
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18083
18288
  background-color: transparent;
18084
18289
  }
18290
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
18291
+ position: absolute;
18292
+ inset: 0;
18293
+ pointer-events: none;
18294
+ content: "";
18295
+ border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
18296
+ border-radius: inherit;
18297
+ }
18085
18298
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18086
18299
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18087
18300
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18139,6 +18352,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18139
18352
  vertical-align: top;
18140
18353
  }
18141
18354
  .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
18355
+ --pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
18142
18356
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18143
18357
  }
18144
18358
 
@@ -19165,6 +19379,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19165
19379
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19166
19380
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19167
19381
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
19382
+ --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
19383
+ --pf-v6-c-tabs__link--BorderColor: transparent;
19384
+ --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
19385
+ --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
19168
19386
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19169
19387
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19170
19388
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19664,6 +19882,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19664
19882
  color: var(--pf-v6-c-tabs__link--Color);
19665
19883
  text-decoration-line: none;
19666
19884
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
19885
+ border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
19667
19886
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19668
19887
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19669
19888
  }
@@ -19697,6 +19916,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19697
19916
 
19698
19917
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19699
19918
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
19919
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
19700
19920
  }
19701
19921
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19702
19922
  pointer-events: none;
@@ -19711,6 +19931,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19711
19931
 
19712
19932
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19713
19933
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
19934
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
19714
19935
  }
19715
19936
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19716
19937
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -22735,6 +22956,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22735
22956
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22736
22957
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22737
22958
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
22959
+ --pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
22960
+ --pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
22961
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
22962
+ --pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
22963
+ --pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
22738
22964
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22739
22965
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22740
22966
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -23020,8 +23246,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23020
23246
  color: var(--pf-v6-c-tree-view__node--Color);
23021
23247
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23022
23248
  }
23249
+ .pf-v6-c-tree-view__node::after {
23250
+ position: absolute;
23251
+ inset: 0;
23252
+ pointer-events: none;
23253
+ content: "";
23254
+ border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
23255
+ border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
23256
+ }
23023
23257
  .pf-v6-c-tree-view__node.pf-m-current {
23024
23258
  --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
23259
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
23025
23260
  }
23026
23261
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23027
23262
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23119,6 +23354,7 @@ label.pf-v6-c-tree-view__node-text {
23119
23354
 
23120
23355
  .pf-v6-c-tree-view__content:hover,
23121
23356
  .pf-v6-c-tree-view__content:focus-within {
23357
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
23122
23358
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23123
23359
  }
23124
23360
 
@@ -23255,6 +23491,10 @@ label.pf-v6-c-tree-view__node-text {
23255
23491
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23256
23492
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23257
23493
  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
23494
+ --pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
23495
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23496
+ --pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23497
+ --pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
23258
23498
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23259
23499
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23260
23500
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23266,13 +23506,17 @@ label.pf-v6-c-tree-view__node-text {
23266
23506
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23267
23507
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23268
23508
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23509
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
23510
+ --pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
23269
23511
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23270
23512
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23271
23513
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23272
23514
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23273
23515
  --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
23516
+ --pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
23274
23517
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23275
23518
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23519
+ --pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
23276
23520
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23277
23521
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23278
23522
  --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -23606,14 +23850,17 @@ label.pf-v6-c-tree-view__node-text {
23606
23850
  .pf-v6-c-wizard__nav-link::before {
23607
23851
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23608
23852
  content: counter(wizard-nav-count);
23853
+ border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
23609
23854
  }
23610
23855
  .pf-v6-c-wizard__nav-link.pf-m-current {
23611
23856
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23612
23857
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
23858
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
23613
23859
  }
23614
23860
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23615
23861
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23616
23862
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
23863
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
23617
23864
  }
23618
23865
 
23619
23866
  .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
@@ -23631,6 +23878,7 @@ label.pf-v6-c-tree-view__node-text {
23631
23878
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23632
23879
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23633
23880
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
23881
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
23634
23882
  }
23635
23883
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23636
23884
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23640,9 +23888,11 @@ label.pf-v6-c-tree-view__node-text {
23640
23888
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23641
23889
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23642
23890
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23891
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23643
23892
  }
23644
23893
 
23645
23894
  .pf-v6-c-wizard__nav-link-main {
23895
+ position: relative;
23646
23896
  display: flex;
23647
23897
  flex-grow: 1;
23648
23898
  justify-content: space-between;
@@ -23651,9 +23901,16 @@ label.pf-v6-c-tree-view__node-text {
23651
23901
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23652
23902
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23653
23903
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23654
- border: none;
23655
23904
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23656
23905
  }
23906
+ .pf-v6-c-wizard__nav-link-main::after {
23907
+ position: absolute;
23908
+ inset: 0;
23909
+ pointer-events: none;
23910
+ content: "";
23911
+ border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
23912
+ border-radius: inherit;
23913
+ }
23657
23914
 
23658
23915
  .pf-v6-c-wizard__nav-link-status-icon {
23659
23916
  position: relative;