@patternfly/patternfly 6.3.0-prerelease.53 → 6.3.0-prerelease.55

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 (72) 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 +62 -23
  45. package/components/Page/page.scss +42 -13
  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 +390 -94
  63. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  64. package/docs/components/Login/examples/Login.md +22 -22
  65. package/docs/components/Table/examples/Table.md +936 -1412
  66. package/package.json +3 -2
  67. package/patternfly-base-no-globals.css +1208 -1
  68. package/patternfly-base.css +1208 -1
  69. package/patternfly-no-globals.css +1598 -95
  70. package/patternfly.css +1598 -95
  71. package/patternfly.min.css +1 -1
  72. package/patternfly.min.css.map +1 -1
@@ -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 {
@@ -12312,7 +12462,7 @@ ul.pf-v6-c-list {
12312
12462
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
12313
12463
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
12314
12464
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12315
- --pf-v6-c-page__sidebar--BoxShadow: none;
12465
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
12316
12466
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12317
12467
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12318
12468
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -12327,6 +12477,8 @@ ul.pf-v6-c-list {
12327
12477
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12328
12478
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
12329
12479
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
12480
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12481
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
12330
12482
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12331
12483
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
12332
12484
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12351,13 +12503,19 @@ ul.pf-v6-c-list {
12351
12503
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
12352
12504
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
12353
12505
  --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);
12506
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
12507
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
12508
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
12509
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
12510
+ --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
12356
12511
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
12357
12512
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
12358
12513
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
12359
12514
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
12360
12515
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
12516
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
12517
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
12518
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
12361
12519
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
12362
12520
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12363
12521
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -12370,22 +12528,30 @@ ul.pf-v6-c-list {
12370
12528
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
12371
12529
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
12372
12530
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12531
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12532
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12373
12533
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
12374
12534
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12535
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12536
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12375
12537
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12376
12538
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
12539
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12540
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12377
12541
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12378
12542
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
12543
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12544
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12379
12545
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12380
12546
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
12381
12547
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
12382
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12383
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12548
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12549
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12384
12550
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12385
12551
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
12386
- --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12552
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12387
12553
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
12388
- --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12554
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12389
12555
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12390
12556
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12391
12557
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -12408,6 +12574,7 @@ ul.pf-v6-c-list {
12408
12574
  .pf-v6-c-page {
12409
12575
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12410
12576
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
12577
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12411
12578
  }
12412
12579
  }
12413
12580
 
@@ -12501,6 +12668,7 @@ ul.pf-v6-c-list {
12501
12668
  overflow-y: auto;
12502
12669
  -webkit-overflow-scrolling: touch;
12503
12670
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
12671
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
12504
12672
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
12505
12673
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12506
12674
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -12516,7 +12684,7 @@ ul.pf-v6-c-list {
12516
12684
  }
12517
12685
  @media screen and (min-width: 75rem) {
12518
12686
  .pf-v6-c-page__sidebar.pf-m-expanded {
12519
- --pf-v6-c-page__sidebar--BoxShadow: none;
12687
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
12520
12688
  }
12521
12689
  }
12522
12690
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -12613,6 +12781,7 @@ ul.pf-v6-c-list {
12613
12781
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
12614
12782
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
12615
12783
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
12784
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
12616
12785
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
12617
12786
  }
12618
12787
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -12622,6 +12791,7 @@ ul.pf-v6-c-list {
12622
12791
  .pf-v6-c-page__main-group.pf-m-shadow-top,
12623
12792
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
12624
12793
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
12794
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
12625
12795
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
12626
12796
  }
12627
12797
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -12633,6 +12803,7 @@ ul.pf-v6-c-list {
12633
12803
  position: sticky;
12634
12804
  inset-block-start: 0;
12635
12805
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12806
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12636
12807
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12637
12808
  }
12638
12809
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -12644,6 +12815,7 @@ ul.pf-v6-c-list {
12644
12815
  position: sticky;
12645
12816
  inset-block-end: 0;
12646
12817
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12818
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12647
12819
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12648
12820
  }
12649
12821
  @media (min-height: 0) {
@@ -12656,6 +12828,7 @@ ul.pf-v6-c-list {
12656
12828
  position: sticky;
12657
12829
  inset-block-start: 0;
12658
12830
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12831
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12659
12832
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12660
12833
  }
12661
12834
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -12667,6 +12840,7 @@ ul.pf-v6-c-list {
12667
12840
  position: sticky;
12668
12841
  inset-block-end: 0;
12669
12842
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12843
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12670
12844
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12671
12845
  }
12672
12846
  }
@@ -12680,6 +12854,7 @@ ul.pf-v6-c-list {
12680
12854
  position: sticky;
12681
12855
  inset-block-start: 0;
12682
12856
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12857
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12683
12858
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12684
12859
  }
12685
12860
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -12691,6 +12866,7 @@ ul.pf-v6-c-list {
12691
12866
  position: sticky;
12692
12867
  inset-block-end: 0;
12693
12868
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12869
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12694
12870
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12695
12871
  }
12696
12872
  }
@@ -12704,6 +12880,7 @@ ul.pf-v6-c-list {
12704
12880
  position: sticky;
12705
12881
  inset-block-start: 0;
12706
12882
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12883
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12707
12884
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12708
12885
  }
12709
12886
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -12715,6 +12892,7 @@ ul.pf-v6-c-list {
12715
12892
  position: sticky;
12716
12893
  inset-block-end: 0;
12717
12894
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12895
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12718
12896
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12719
12897
  }
12720
12898
  }
@@ -12728,6 +12906,7 @@ ul.pf-v6-c-list {
12728
12906
  position: sticky;
12729
12907
  inset-block-start: 0;
12730
12908
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12909
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12731
12910
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12732
12911
  }
12733
12912
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -12739,6 +12918,7 @@ ul.pf-v6-c-list {
12739
12918
  position: sticky;
12740
12919
  inset-block-end: 0;
12741
12920
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12921
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12742
12922
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12743
12923
  }
12744
12924
  }
@@ -12752,6 +12932,7 @@ ul.pf-v6-c-list {
12752
12932
  position: sticky;
12753
12933
  inset-block-start: 0;
12754
12934
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12935
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12755
12936
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12756
12937
  }
12757
12938
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -12763,6 +12944,7 @@ ul.pf-v6-c-list {
12763
12944
  position: sticky;
12764
12945
  inset-block-end: 0;
12765
12946
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12947
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12766
12948
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12767
12949
  }
12768
12950
  }
@@ -12775,7 +12957,11 @@ ul.pf-v6-c-list {
12775
12957
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
12776
12958
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
12777
12959
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
12778
- border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
12960
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
12961
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
12962
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
12963
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
12964
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
12779
12965
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
12780
12966
  }
12781
12967
  @media screen and (max-width: calc(48rem - 1px)) {
@@ -12785,6 +12971,9 @@ ul.pf-v6-c-list {
12785
12971
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12786
12972
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12787
12973
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12974
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12975
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12976
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12788
12977
  }
12789
12978
  }
12790
12979
 
@@ -12905,8 +13094,8 @@ ul.pf-v6-c-list {
12905
13094
  gap: var(--pf-v6-c-page__main-section--RowGap);
12906
13095
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12907
13096
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12908
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12909
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13097
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13098
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12910
13099
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12911
13100
  }
12912
13101
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12915,8 +13104,8 @@ ul.pf-v6-c-list {
12915
13104
  .pf-v6-c-page__main-section.pf-m-padding {
12916
13105
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12917
13106
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12918
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12919
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13107
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13108
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12920
13109
  }
12921
13110
  .pf-v6-c-page__main-section.pf-m-no-padding {
12922
13111
  padding: 0;
@@ -12925,8 +13114,8 @@ ul.pf-v6-c-list {
12925
13114
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12926
13115
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12927
13116
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12928
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12929
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13117
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13118
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12930
13119
  }
12931
13120
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12932
13121
  padding: 0;
@@ -12936,8 +13125,8 @@ ul.pf-v6-c-list {
12936
13125
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12937
13126
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12938
13127
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12939
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12940
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13128
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13129
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12941
13130
  }
12942
13131
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12943
13132
  padding: 0;
@@ -12947,8 +13136,8 @@ ul.pf-v6-c-list {
12947
13136
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12948
13137
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12949
13138
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12950
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12951
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13139
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13140
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12952
13141
  }
12953
13142
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12954
13143
  padding: 0;
@@ -12958,8 +13147,8 @@ ul.pf-v6-c-list {
12958
13147
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12959
13148
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12960
13149
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12961
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12962
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13150
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13151
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12963
13152
  }
12964
13153
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12965
13154
  padding: 0;
@@ -12969,8 +13158,8 @@ ul.pf-v6-c-list {
12969
13158
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12970
13159
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12971
13160
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12972
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12973
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13161
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13162
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12974
13163
  }
12975
13164
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12976
13165
  padding: 0;
@@ -13371,11 +13560,14 @@ ul.pf-v6-c-list {
13371
13560
  --pf-v6-c-panel--BoxShadow: none;
13372
13561
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
13373
13562
  --pf-v6-c-panel--before--BorderWidth: 0;
13374
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
13563
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13375
13564
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13565
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13376
13566
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13567
+ --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13377
13568
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13378
13569
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13570
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13379
13571
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13380
13572
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13381
13573
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13417,13 +13609,16 @@ ul.pf-v6-c-list {
13417
13609
  }
13418
13610
  .pf-v6-c-panel.pf-m-bordered {
13419
13611
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
13612
+ --pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
13420
13613
  }
13421
13614
  .pf-v6-c-panel.pf-m-secondary {
13422
13615
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
13616
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
13423
13617
  }
13424
13618
  .pf-v6-c-panel.pf-m-raised {
13425
13619
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
13426
13620
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
13621
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
13427
13622
  }
13428
13623
  .pf-v6-c-panel.pf-m-scrollable {
13429
13624
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
@@ -13465,6 +13660,8 @@ ul.pf-v6-c-list {
13465
13660
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13466
13661
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13467
13662
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13663
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
13664
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13468
13665
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13469
13666
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13470
13667
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13515,6 +13712,7 @@ ul.pf-v6-c-list {
13515
13712
  min-width: var(--pf-v6-c-popover--MinWidth);
13516
13713
  max-width: var(--pf-v6-c-popover--MaxWidth);
13517
13714
  font-size: var(--pf-v6-c-popover--FontSize);
13715
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13518
13716
  border-radius: var(--pf-v6-c-popover--BorderRadius);
13519
13717
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
13520
13718
  }
@@ -13629,6 +13827,7 @@ ul.pf-v6-c-list {
13629
13827
  height: var(--pf-v6-c-popover__arrow--Height);
13630
13828
  pointer-events: none;
13631
13829
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13830
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13632
13831
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13633
13832
  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
13833
  }
@@ -13669,6 +13868,8 @@ ul.pf-v6-c-list {
13669
13868
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13670
13869
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13671
13870
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13871
+ --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13872
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
13672
13873
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13673
13874
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13674
13875
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13830,6 +14031,14 @@ ul.pf-v6-c-list {
13830
14031
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13831
14032
  border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
13832
14033
  }
14034
+ .pf-v6-c-progress__bar::before {
14035
+ position: absolute;
14036
+ inset: 0;
14037
+ pointer-events: none;
14038
+ content: "";
14039
+ border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
14040
+ border-radius: inherit;
14041
+ }
13833
14042
 
13834
14043
  .pf-v6-c-progress__indicator {
13835
14044
  position: absolute;
@@ -14896,6 +15105,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14896
15105
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
14897
15106
  --pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
14898
15107
  --pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
15108
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
15109
+ --pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
15110
+ --pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
15111
+ --pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
14899
15112
  --pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
14900
15113
  --pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
14901
15114
  --pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -14910,6 +15123,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14910
15123
  }
14911
15124
 
14912
15125
  .pf-v6-c-simple-list__item-link {
15126
+ position: relative;
14913
15127
  display: block;
14914
15128
  width: 100%;
14915
15129
  padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
@@ -14924,6 +15138,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14924
15138
  border: none;
14925
15139
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
14926
15140
  }
15141
+ .pf-v6-c-simple-list__item-link::after {
15142
+ position: absolute;
15143
+ inset: 0;
15144
+ pointer-events: none;
15145
+ content: "";
15146
+ border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
15147
+ border-radius: inherit;
15148
+ }
14927
15149
  .pf-v6-c-simple-list__item-link.pf-m-link {
14928
15150
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
14929
15151
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
@@ -14932,11 +15154,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14932
15154
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
14933
15155
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
14934
15156
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
15157
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
14935
15158
  text-decoration-line: none;
14936
15159
  }
14937
15160
  .pf-v6-c-simple-list__item-link.pf-m-current {
14938
15161
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14939
15162
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
15163
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
14940
15164
  }
14941
15165
 
14942
15166
  .pf-v6-c-simple-list__title {
@@ -17331,6 +17555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17331
17555
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17332
17556
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17333
17557
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
17558
+ --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
17559
+ --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
17560
+ --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
17334
17561
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17335
17562
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17336
17563
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17360,6 +17587,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17360
17587
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17361
17588
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17362
17589
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17590
+ --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
17591
+ --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
17363
17592
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17364
17593
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17365
17594
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17381,10 +17610,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17381
17610
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17382
17611
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17383
17612
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
17613
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
17384
17614
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17385
17615
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17386
17616
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17387
17617
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17618
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
17388
17619
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17389
17620
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17390
17621
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17796,6 +18027,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17796
18027
  }
17797
18028
 
17798
18029
  .pf-v6-c-table__button {
18030
+ position: relative;
17799
18031
  width: auto;
17800
18032
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17801
18033
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17814,6 +18046,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17814
18046
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17815
18047
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17816
18048
  }
18049
+ .pf-v6-c-table__button::after {
18050
+ position: absolute;
18051
+ inset: 0;
18052
+ pointer-events: none;
18053
+ content: "";
18054
+ border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
18055
+ border-radius: inherit;
18056
+ }
17817
18057
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17818
18058
  margin-block-end: 0;
17819
18059
  }
@@ -17989,6 +18229,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17989
18229
  content: "";
17990
18230
  border: 0;
17991
18231
  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);
18232
+ border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
17992
18233
  }
17993
18234
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17994
18235
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18023,6 +18264,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18023
18264
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18024
18265
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18025
18266
  --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
18267
+ --pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
18026
18268
  }
18027
18269
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18028
18270
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18072,16 +18314,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18072
18314
  border-radius: 0;
18073
18315
  }
18074
18316
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18317
+ position: relative;
18075
18318
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18076
18319
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18077
18320
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18078
18321
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18079
18322
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18323
+ border: 0;
18080
18324
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18081
18325
  }
18082
18326
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18083
18327
  background-color: transparent;
18084
18328
  }
18329
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
18330
+ position: absolute;
18331
+ inset: 0;
18332
+ pointer-events: none;
18333
+ content: "";
18334
+ border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
18335
+ border-radius: inherit;
18336
+ }
18085
18337
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18086
18338
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18087
18339
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18139,6 +18391,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18139
18391
  vertical-align: top;
18140
18392
  }
18141
18393
  .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
18394
+ --pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
18142
18395
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18143
18396
  }
18144
18397
 
@@ -19165,6 +19418,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19165
19418
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19166
19419
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19167
19420
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
19421
+ --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
19422
+ --pf-v6-c-tabs__link--BorderColor: transparent;
19423
+ --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
19424
+ --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
19168
19425
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19169
19426
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19170
19427
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19664,6 +19921,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19664
19921
  color: var(--pf-v6-c-tabs__link--Color);
19665
19922
  text-decoration-line: none;
19666
19923
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
19924
+ border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
19667
19925
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19668
19926
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19669
19927
  }
@@ -19697,6 +19955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19697
19955
 
19698
19956
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19699
19957
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
19958
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
19700
19959
  }
19701
19960
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19702
19961
  pointer-events: none;
@@ -19711,6 +19970,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19711
19970
 
19712
19971
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19713
19972
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
19973
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
19714
19974
  }
19715
19975
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19716
19976
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -22735,6 +22995,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22735
22995
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22736
22996
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22737
22997
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
22998
+ --pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
22999
+ --pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
23000
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23001
+ --pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23002
+ --pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
22738
23003
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22739
23004
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22740
23005
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -23020,8 +23285,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23020
23285
  color: var(--pf-v6-c-tree-view__node--Color);
23021
23286
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23022
23287
  }
23288
+ .pf-v6-c-tree-view__node::after {
23289
+ position: absolute;
23290
+ inset: 0;
23291
+ pointer-events: none;
23292
+ content: "";
23293
+ border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
23294
+ border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
23295
+ }
23023
23296
  .pf-v6-c-tree-view__node.pf-m-current {
23024
23297
  --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
23298
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
23025
23299
  }
23026
23300
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23027
23301
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23119,6 +23393,7 @@ label.pf-v6-c-tree-view__node-text {
23119
23393
 
23120
23394
  .pf-v6-c-tree-view__content:hover,
23121
23395
  .pf-v6-c-tree-view__content:focus-within {
23396
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
23122
23397
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23123
23398
  }
23124
23399
 
@@ -23255,6 +23530,10 @@ label.pf-v6-c-tree-view__node-text {
23255
23530
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23256
23531
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23257
23532
  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
23533
+ --pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
23534
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23535
+ --pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23536
+ --pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
23258
23537
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23259
23538
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23260
23539
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23266,13 +23545,17 @@ label.pf-v6-c-tree-view__node-text {
23266
23545
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23267
23546
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23268
23547
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23548
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
23549
+ --pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
23269
23550
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23270
23551
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23271
23552
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23272
23553
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23273
23554
  --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
23555
+ --pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
23274
23556
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23275
23557
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23558
+ --pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
23276
23559
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23277
23560
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23278
23561
  --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -23606,14 +23889,17 @@ label.pf-v6-c-tree-view__node-text {
23606
23889
  .pf-v6-c-wizard__nav-link::before {
23607
23890
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23608
23891
  content: counter(wizard-nav-count);
23892
+ border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
23609
23893
  }
23610
23894
  .pf-v6-c-wizard__nav-link.pf-m-current {
23611
23895
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23612
23896
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
23897
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
23613
23898
  }
23614
23899
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23615
23900
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23616
23901
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
23902
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
23617
23903
  }
23618
23904
 
23619
23905
  .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
@@ -23631,6 +23917,7 @@ label.pf-v6-c-tree-view__node-text {
23631
23917
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23632
23918
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23633
23919
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
23920
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
23634
23921
  }
23635
23922
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23636
23923
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23640,9 +23927,11 @@ label.pf-v6-c-tree-view__node-text {
23640
23927
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23641
23928
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23642
23929
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23930
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23643
23931
  }
23644
23932
 
23645
23933
  .pf-v6-c-wizard__nav-link-main {
23934
+ position: relative;
23646
23935
  display: flex;
23647
23936
  flex-grow: 1;
23648
23937
  justify-content: space-between;
@@ -23651,9 +23940,16 @@ label.pf-v6-c-tree-view__node-text {
23651
23940
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23652
23941
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23653
23942
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23654
- border: none;
23655
23943
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23656
23944
  }
23945
+ .pf-v6-c-wizard__nav-link-main::after {
23946
+ position: absolute;
23947
+ inset: 0;
23948
+ pointer-events: none;
23949
+ content: "";
23950
+ border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
23951
+ border-radius: inherit;
23952
+ }
23657
23953
 
23658
23954
  .pf-v6-c-wizard__nav-link-status-icon {
23659
23955
  position: relative;