@patternfly/patternfly 6.3.0 → 6.4.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +41 -1
  74. package/components/Table/table.scss +48 -2
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +7 -0
  78. package/components/TextInputGroup/text-input-group.scss +8 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +631 -168
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1803 -169
  138. package/patternfly.css +1838 -200
  139. package/patternfly.min.css +1 -1
  140. 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);
@@ -214,15 +217,22 @@
214
217
  --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
215
218
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
216
219
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
220
+ --pf-v6-c-accordion__toggle-icon--Rotate: 0;
217
221
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
218
222
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
219
- --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
223
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
220
224
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
221
225
  --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
222
226
  --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
223
227
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
224
228
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
229
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
225
230
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
231
+ --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
232
+ --pf-v6-c-accordion__expandable-content--Visibility: hidden;
233
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
234
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
235
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
226
236
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
227
237
  --pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
228
238
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
@@ -259,6 +269,12 @@
259
269
  --pf-v6-c-accordion--m-bordered--RowGap: 0;
260
270
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
261
271
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
272
+ --pf-v6-c-accordion__item--BorderWidth: 0;
273
+ --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
274
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
275
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
276
+ --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
277
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
262
278
  }
263
279
  @media screen and (prefers-reduced-motion: no-preference) {
264
280
  .pf-v6-c-accordion {
@@ -297,6 +313,7 @@
297
313
  --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
298
314
  --pf-v6-c-accordion__item--BorderRadius: 0;
299
315
  --pf-v6-c-accordion__toggle--BorderRadius: 0;
316
+ --pf-v6-c-accordion__item--BorderWidth: 0;
300
317
  }
301
318
  .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
302
319
  border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
@@ -311,6 +328,7 @@
311
328
  pointer-events: none;
312
329
  content: "";
313
330
  background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
331
+ border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
314
332
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
315
333
  opacity: var(--pf-v6-c-accordion__item--before--Opacity);
316
334
  transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
@@ -320,17 +338,22 @@
320
338
  .pf-v6-c-accordion__item.pf-m-expanded {
321
339
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
322
340
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
341
+ --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
323
342
  --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
324
343
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
325
344
  --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
326
345
  --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
346
+ --pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
327
347
  --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
328
348
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
329
349
  --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
330
350
  --pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
331
- }
332
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
333
- transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
351
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
352
+ --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
353
+ --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
354
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
355
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
356
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
334
357
  }
335
358
 
336
359
  .pf-v6-c-accordion__toggle {
@@ -351,8 +374,17 @@
351
374
  border: 0;
352
375
  border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
353
376
  }
377
+ .pf-v6-c-accordion__toggle::after {
378
+ position: absolute;
379
+ inset: 0;
380
+ pointer-events: none;
381
+ content: "";
382
+ border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
383
+ border-radius: inherit;
384
+ }
354
385
  .pf-v6-c-accordion__toggle:is(:hover, :focus) {
355
386
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
387
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
356
388
  }
357
389
 
358
390
  .pf-v6-c-accordion__toggle-text {
@@ -366,6 +398,7 @@
366
398
 
367
399
  .pf-v6-c-accordion__toggle-icon {
368
400
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
401
+ transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
369
402
  }
370
403
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
371
404
  scale: -1 1;
@@ -376,13 +409,15 @@
376
409
  }
377
410
 
378
411
  .pf-v6-c-accordion__expandable-content {
379
- max-height: 0;
412
+ max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
413
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
380
414
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
381
415
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
382
416
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
383
417
  color: var(--pf-v6-c-accordion__expandable-content--Color);
384
- visibility: hidden;
418
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
385
419
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
420
+ border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
386
421
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
387
422
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
388
423
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
@@ -392,17 +427,9 @@
392
427
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
393
428
  }
394
429
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
430
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
395
431
  overflow-y: auto;
396
432
  }
397
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
398
- max-height: 99999px;
399
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
- visibility: revert;
401
- transition-delay: 0s;
402
- }
403
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
404
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
405
- }
406
433
 
407
434
  .pf-v6-c-accordion__expandable-content-body {
408
435
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -705,7 +732,8 @@
705
732
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
706
733
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
707
734
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
708
- --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
735
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
736
+ --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
709
737
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
710
738
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
711
739
  --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -714,6 +742,7 @@
714
742
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
715
743
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
716
744
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
745
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
717
746
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
718
747
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
719
748
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -744,10 +773,23 @@
744
773
  padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
745
774
  color: var(--pf-v6-c-alert-group__overflow-button--Color);
746
775
  background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
747
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
776
+ border: 0;
748
777
  border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
749
778
  box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
750
779
  }
780
+ .pf-v6-c-alert-group__overflow-button::after {
781
+ position: absolute;
782
+ inset: 0;
783
+ pointer-events: none;
784
+ content: "";
785
+ border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
786
+ border-radius: inherit;
787
+ }
788
+ .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
789
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
790
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
791
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
792
+ }
751
793
 
752
794
  .pf-v6-c-alert-group__item {
753
795
  display: grid;
@@ -803,19 +845,6 @@
803
845
  transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
804
846
  }
805
847
  }
806
- .pf-v6-c-alert-group__item:hover {
807
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
808
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
809
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
810
- }
811
- .pf-v6-c-alert-group__item:focus {
812
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
813
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
814
- }
815
- .pf-v6-c-alert-group__item:active {
816
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
817
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
818
- }
819
848
 
820
849
  .pf-v6-c-avatar {
821
850
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -1157,6 +1186,7 @@
1157
1186
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1158
1187
  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1159
1188
  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1189
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
1160
1190
  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1161
1191
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
1162
1192
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -1189,6 +1219,7 @@
1189
1219
  border-radius: inherit;
1190
1220
  }
1191
1221
  .pf-v6-c-badge.pf-m-read {
1222
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
1192
1223
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
1193
1224
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
1194
1225
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
@@ -1221,6 +1252,8 @@
1221
1252
  --pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
1222
1253
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1223
1254
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1255
+ --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1256
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
1224
1257
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1225
1258
  --pf-v6-c-banner--link--TextDecoration: underline;
1226
1259
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1271,6 +1304,8 @@
1271
1304
  color: var(--pf-v6-c-banner--Color);
1272
1305
  white-space: nowrap;
1273
1306
  background-color: var(--pf-v6-c-banner--BackgroundColor);
1307
+ border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1308
+ border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1274
1309
  }
1275
1310
  .pf-v6-c-banner.pf-m-danger {
1276
1311
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
@@ -1550,9 +1585,10 @@ button.pf-v6-c-breadcrumb__link {
1550
1585
  --pf-v6-c-button--TransitionDelay: 0s;
1551
1586
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1552
1587
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1553
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1588
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
1554
1589
  --pf-v6-c-button--ScaleX: 1;
1555
1590
  --pf-v6-c-button--ScaleY: 1;
1591
+ --pf-v6-c-button--border--offset: 0;
1556
1592
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1557
1593
  --pf-v6-c-button--hover--BorderColor: transparent;
1558
1594
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -1616,6 +1652,12 @@ button.pf-v6-c-breadcrumb__link {
1616
1652
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1617
1653
  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1618
1654
  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1655
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1656
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1657
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1658
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
1659
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1660
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1619
1661
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1620
1662
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1621
1663
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1666,6 +1708,12 @@ button.pf-v6-c-breadcrumb__link {
1666
1708
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1667
1709
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1668
1710
  --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1711
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1712
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1713
+ --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1714
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
1715
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1716
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1669
1717
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
1670
1718
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
1671
1719
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -1678,7 +1726,7 @@ button.pf-v6-c-breadcrumb__link {
1678
1726
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1679
1727
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1680
1728
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1681
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
1729
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
1682
1730
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1683
1731
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1684
1732
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -1813,7 +1861,7 @@ button.pf-v6-c-breadcrumb__link {
1813
1861
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1814
1862
  --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1815
1863
  --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
1816
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1864
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
1817
1865
  --pf-v6-c-button--m-block--Display: flex;
1818
1866
  --pf-v6-c-button--m-block--Width: 100%;
1819
1867
  --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -1869,7 +1917,7 @@ button.pf-v6-c-breadcrumb__link {
1869
1917
  }
1870
1918
  .pf-v6-c-button::after {
1871
1919
  position: absolute;
1872
- inset: 0;
1920
+ inset: var(--pf-v6-c-button--border--offset);
1873
1921
  pointer-events: none;
1874
1922
  content: "";
1875
1923
  border: var(--pf-v6-c-button--BorderWidth) solid;
@@ -1933,6 +1981,12 @@ button.pf-v6-c-breadcrumb__link {
1933
1981
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
1934
1982
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
1935
1983
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
1984
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
1985
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
1986
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
1987
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
1988
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
1989
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
1936
1990
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
1937
1991
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
1938
1992
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
@@ -1972,6 +2026,9 @@ button.pf-v6-c-breadcrumb__link {
1972
2026
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
1973
2027
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
1974
2028
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2029
+ --pf-v6-c-button--BorderWidth: 0;
2030
+ --pf-v6-c-button--hover--BorderWidth: 0;
2031
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
1975
2032
  text-align: start;
1976
2033
  white-space: normal;
1977
2034
  background: transparent;
@@ -2079,6 +2136,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2079
2136
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
2080
2137
  }
2081
2138
  .pf-v6-c-button.pf-m-plain {
2139
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
2140
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
2141
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
2142
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
2143
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
2144
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
2082
2145
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
2083
2146
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
2084
2147
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
@@ -2107,6 +2170,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2107
2170
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
2108
2171
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
2109
2172
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
2173
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
2110
2174
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2111
2175
  background: var(--pf-v6-c-button--BackgroundColor);
2112
2176
  }
@@ -2199,6 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2199
2263
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2200
2264
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2201
2265
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
2266
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
2202
2267
  }
2203
2268
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
2204
2269
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -2378,6 +2443,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2378
2443
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2379
2444
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2380
2445
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2446
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
2447
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2448
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2381
2449
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2382
2450
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2383
2451
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -2385,15 +2453,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2385
2453
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2386
2454
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2387
2455
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2456
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
2457
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
2388
2458
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2389
2459
  --pf-v6-c-calendar-month__date--Width: 4ch;
2390
2460
  --pf-v6-c-calendar-month__date--Height: 4ch;
2461
+ --pf-v6-c-calendar-month__date--BorderWidth: 0;
2462
+ --pf-v6-c-calendar-month__date--BorderColor: transparent;
2391
2463
  --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2392
2464
  --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2393
2465
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2394
2466
  --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2395
2467
  --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2396
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2468
+ --pf-v6-c-calendar-month__date--after--BorderWidth: 0;
2397
2469
  --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2398
2470
  --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2399
2471
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -2402,7 +2474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2402
2474
  --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2403
2475
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2404
2476
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2477
+ --pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
2405
2478
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2479
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
2480
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
2481
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
2482
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
2406
2483
  }
2407
2484
 
2408
2485
  .pf-v6-c-calendar-month {
@@ -2475,13 +2552,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2475
2552
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2476
2553
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2477
2554
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2555
+ pointer-events: none;
2478
2556
  content: "";
2479
2557
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2558
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
2559
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
2480
2560
  }
2481
2561
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2482
2562
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2563
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
2564
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
2483
2565
  }
2484
2566
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2567
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
2568
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
2485
2569
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2486
2570
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2487
2571
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -2500,14 +2584,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2500
2584
  .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2501
2585
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2502
2586
  --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2587
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
2588
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
2503
2589
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2504
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2590
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
2505
2591
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2506
2592
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2507
2593
  --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2508
2594
  }
2509
2595
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2510
2596
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2597
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2598
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2511
2599
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2512
2600
  }
2513
2601
 
@@ -2523,6 +2611,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2523
2611
  background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2524
2612
  border: 0;
2525
2613
  }
2614
+ .pf-v6-c-calendar-month__date::before {
2615
+ position: absolute;
2616
+ inset: 0;
2617
+ content: "";
2618
+ border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
2619
+ }
2526
2620
  .pf-v6-c-calendar-month__date::after {
2527
2621
  position: absolute;
2528
2622
  inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
@@ -2532,15 +2626,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2532
2626
  content: "";
2533
2627
  border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2534
2628
  }
2535
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2629
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
2536
2630
  border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2537
2631
  }
2538
2632
  .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2539
2633
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2540
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2634
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2635
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
2541
2636
  }
2542
2637
  .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2543
2638
  --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2639
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
2544
2640
  outline: 0;
2545
2641
  }
2546
2642
  .pf-v6-c-calendar-month__date:disabled {
@@ -2591,6 +2687,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2591
2687
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2592
2688
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2593
2689
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2690
+ --pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
2594
2691
  --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2595
2692
  --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2596
2693
  --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2621,7 +2718,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2621
2718
  --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2622
2719
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2623
2720
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2624
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
2721
+ --pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
2722
+ --pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
2625
2723
  --pf-v6-c-card--m-full-height--Height: 100%;
2626
2724
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2627
2725
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -2708,6 +2806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2708
2806
  }
2709
2807
  .pf-v6-c-card.pf-m-secondary {
2710
2808
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
2809
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
2711
2810
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
2712
2811
  }
2713
2812
  .pf-v6-c-card.pf-m-plain {
@@ -2780,7 +2879,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2780
2879
  }
2781
2880
 
2782
2881
  .pf-v6-c-card__title-text {
2783
- overflow: auto;
2784
2882
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
2785
2883
  font-size: var(--pf-v6-c-card__title-text--FontSize);
2786
2884
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
@@ -2822,17 +2920,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2822
2920
  z-index: -1;
2823
2921
  content: "";
2824
2922
  background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
2825
- border: var(--pf-v6-c-card--m-selectable--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2923
+ border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2826
2924
  border-radius: var(--pf-v6-c-card--BorderRadius);
2827
2925
  }
2828
2926
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
2829
2927
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
2928
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
2830
2929
  }
2831
2930
 
2832
2931
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
2833
2932
  .pf-v6-c-card.pf-m-selected {
2834
2933
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
2835
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2934
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2836
2935
  }
2837
2936
 
2838
2937
  .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
@@ -3086,6 +3185,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3086
3185
  }
3087
3186
 
3088
3187
  .pf-v6-c-code-block {
3188
+ --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
3189
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
3089
3190
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3090
3191
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3091
3192
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -3104,6 +3205,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3104
3205
 
3105
3206
  .pf-v6-c-code-block {
3106
3207
  background-color: var(--pf-v6-c-code-block--BackgroundColor);
3208
+ border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
3107
3209
  border-radius: var(--pf-v6-c-code-block--BorderRadius);
3108
3210
  }
3109
3211
 
@@ -3144,6 +3246,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3144
3246
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
3145
3247
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
3146
3248
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3249
+ --pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
3250
+ --pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
3251
+ --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3252
+ --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3147
3253
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3148
3254
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3149
3255
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -3178,6 +3284,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3178
3284
  --pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3179
3285
  --pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3180
3286
  --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3287
+ --pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3181
3288
  --pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
3182
3289
  --pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3183
3290
  --pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
@@ -3197,6 +3304,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3197
3304
  flex-direction: column;
3198
3305
  }
3199
3306
  .pf-v6-c-code-editor.pf-m-read-only {
3307
+ --pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
3200
3308
  --pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
3201
3309
  }
3202
3310
  .pf-v6-c-code-editor.pf-m-full-height {
@@ -3213,16 +3321,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3213
3321
  position: relative;
3214
3322
  display: flex;
3215
3323
  }
3216
- .pf-v6-c-code-editor__header::before {
3324
+ .pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
3325
+ position: absolute;
3326
+ pointer-events: none;
3327
+ content: "";
3328
+ }
3329
+ .pf-v6-c-code-editor__header::after {
3217
3330
  position: absolute;
3331
+ inset: 0;
3332
+ pointer-events: none;
3333
+ content: "";
3334
+ border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3335
+ border-block-end-width: 0;
3336
+ border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3337
+ border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3338
+ }
3339
+ .pf-v6-c-code-editor__header::before {
3218
3340
  inset-block-end: 0;
3219
3341
  inset-inline-start: 0;
3220
3342
  inset-inline-end: 0;
3221
- pointer-events: none;
3222
- content: "";
3223
3343
  border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3224
3344
  }
3225
3345
  .pf-v6-c-code-editor__header.pf-m-plain {
3346
+ --pf-v6-c-code-editor__header--BorderWidth: 0;
3226
3347
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
3227
3348
  }
3228
3349
 
@@ -3319,6 +3440,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3319
3440
  padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
3320
3441
  padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
3321
3442
  padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
3443
+ margin-inline-start: auto;
3322
3444
  color: var(--pf-v6-c-code-editor__tab--Color);
3323
3445
  background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
3324
3446
  border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
@@ -4878,8 +5000,12 @@ ul) {
4878
5000
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4879
5001
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4880
5002
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5003
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5004
+ --pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
4881
5005
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
5006
+ --pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
4882
5007
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
5008
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
4883
5009
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4884
5010
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
4885
5011
  --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -4985,6 +5111,7 @@ ul) {
4985
5111
  overflow: auto;
4986
5112
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
4987
5113
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5114
+ outline-offset: 2px;
4988
5115
  }
4989
5116
 
4990
5117
  .pf-v6-c-dual-list-selector__list {
@@ -5009,7 +5136,7 @@ ul) {
5009
5136
  overflow-anchor: none;
5010
5137
  }
5011
5138
 
5012
- .pf-v6-c-dual-list-selector__list-item:focus {
5139
+ .pf-v6-c-dual-list-selector__list-item:focus-visible {
5013
5140
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5014
5141
  }
5015
5142
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
@@ -5043,22 +5170,34 @@ ul) {
5043
5170
  }
5044
5171
 
5045
5172
  .pf-v6-c-dual-list-selector__list-item-row {
5173
+ position: relative;
5046
5174
  display: flex;
5047
5175
  font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5048
5176
  background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
5049
5177
  }
5178
+ .pf-v6-c-dual-list-selector__list-item-row::before {
5179
+ position: absolute;
5180
+ inset: 0;
5181
+ pointer-events: none;
5182
+ content: "";
5183
+ 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);
5184
+ 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);
5185
+ }
5050
5186
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
5051
5187
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
5188
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
5052
5189
  }
5053
5190
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
5054
5191
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
5055
5192
  font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
5056
5193
  }
5057
- .pf-v6-c-dual-list-selector__list-item-row:hover {
5194
+ .pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
5058
5195
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5196
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5059
5197
  }
5060
5198
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5061
5199
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
5200
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
5062
5201
  }
5063
5202
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5064
5203
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
@@ -5072,7 +5211,7 @@ ul) {
5072
5211
 
5073
5212
  .pf-v6-c-dual-list-selector__item,
5074
5213
  .pf-v6-c-dual-list-selector__item-main {
5075
- flex-basis: 100%;
5214
+ flex-grow: 1;
5076
5215
  }
5077
5216
 
5078
5217
  .pf-v6-c-dual-list-selector__draggable {
@@ -5091,7 +5230,7 @@ ul) {
5091
5230
 
5092
5231
  .pf-v6-c-dual-list-selector__item {
5093
5232
  position: relative;
5094
- width: 100%;
5233
+ min-width: 0;
5095
5234
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
5096
5235
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
5097
5236
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -5211,6 +5350,8 @@ ul) {
5211
5350
  --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
5212
5351
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
5213
5352
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
5353
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
5354
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
5214
5355
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5215
5356
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
5216
5357
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -5241,6 +5382,7 @@ ul) {
5241
5382
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
5242
5383
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
5243
5384
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
5385
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
5244
5386
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
5245
5387
  }
5246
5388
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -5330,6 +5472,8 @@ ul) {
5330
5472
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5331
5473
  content: "";
5332
5474
  background-color: var(--pf-v6-c-divider--Color);
5475
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5476
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5333
5477
  }
5334
5478
  .pf-v6-c-divider.pf-m-horizontal {
5335
5479
  flex-direction: row;
@@ -5578,6 +5722,11 @@ ul) {
5578
5722
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5579
5723
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5580
5724
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5725
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5726
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
5727
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
5728
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
5729
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5581
5730
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5582
5731
  --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5583
5732
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5674,13 +5823,15 @@ ul) {
5674
5823
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5675
5824
  --pf-v6-c-drawer__panel--BoxShadow: none;
5676
5825
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5677
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5678
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5679
- --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
5826
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
5827
+ --pf-v6-c-drawer--m-inline__panel--after--Width: 0;
5828
+ --pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
5829
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
5830
+ --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5680
5831
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
5681
- --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: var(--pf-v6-c-drawer__panel--after--Width);
5682
- --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
5683
- --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5832
+ --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
5833
+ --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
5834
+ --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
5684
5835
  }
5685
5836
  @media screen and (prefers-reduced-motion: no-preference) {
5686
5837
  .pf-v6-c-drawer {
@@ -5721,6 +5872,7 @@ ul) {
5721
5872
 
5722
5873
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5723
5874
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5875
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
5724
5876
  }
5725
5877
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
5726
5878
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -5821,6 +5973,11 @@ ul) {
5821
5973
  overflow: auto;
5822
5974
  visibility: hidden;
5823
5975
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5976
+ border: solid var(--pf-v6-c-drawer__panel--BorderColor);
5977
+ border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
5978
+ border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
5979
+ border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
5980
+ border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
5824
5981
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5825
5982
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
5826
5983
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -5829,15 +5986,6 @@ ul) {
5829
5986
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
5830
5987
  -webkit-overflow-scrolling: touch;
5831
5988
  }
5832
- .pf-v6-c-drawer__panel::after {
5833
- position: absolute;
5834
- inset-block-start: 0;
5835
- inset-inline-start: 0;
5836
- width: var(--pf-v6-c-drawer__panel--after--Width);
5837
- height: 100%;
5838
- content: "";
5839
- background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5840
- }
5841
5989
  .pf-v6-c-drawer__panel:not(.pf-m-resizable) {
5842
5990
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
5843
5991
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
@@ -5985,6 +6133,7 @@ ul) {
5985
6133
 
5986
6134
  @media screen and (min-width: 48rem) {
5987
6135
  .pf-v6-c-drawer {
6136
+ --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
5988
6137
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
5989
6138
  }
5990
6139
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -5992,13 +6141,13 @@ ul) {
5992
6141
  }
5993
6142
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
5994
6143
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
6144
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6145
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6146
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6147
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5995
6148
  flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
5996
6149
  min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
5997
6150
  }
5998
- .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
5999
- width: 0;
6000
- height: 0;
6001
- }
6002
6151
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6003
6152
  flex-shrink: 0;
6004
6153
  }
@@ -6007,18 +6156,17 @@ ul) {
6007
6156
  }
6008
6157
  .pf-v6-c-drawer.pf-m-panel-left {
6009
6158
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
6159
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
6160
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6010
6161
  }
6011
6162
  .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) {
6163
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6012
6164
  padding-inline-start: 0;
6013
6165
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
6014
6166
  }
6015
6167
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6016
6168
  transform: translateX(0);
6017
6169
  }
6018
- .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6019
- inset-inline-start: auto;
6020
- inset-inline-end: 0;
6021
- }
6022
6170
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6023
6171
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
6024
6172
  order: 1;
@@ -6027,19 +6175,16 @@ ul) {
6027
6175
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
6028
6176
  --pf-v6-c-drawer__panel--MaxHeight: 100%;
6029
6177
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
6178
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6179
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6030
6180
  min-width: auto;
6031
6181
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
6032
6182
  }
6033
6183
  .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) {
6184
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6034
6185
  padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
6035
6186
  padding-inline-start: 0;
6036
6187
  }
6037
- .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
6038
- inset-block-start: 0;
6039
- inset-inline-start: auto;
6040
- width: 100%;
6041
- height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6042
- }
6043
6188
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
6044
6189
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
6045
6190
  --pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
@@ -6068,6 +6213,10 @@ ul) {
6068
6213
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
6069
6214
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
6070
6215
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6216
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6217
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6218
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6219
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
6071
6220
  }
6072
6221
  .pf-v6-c-drawer__splitter {
6073
6222
  display: block;
@@ -6162,9 +6311,9 @@ ul) {
6162
6311
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6163
6312
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6164
6313
  }
6165
- .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6166
- .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6167
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6314
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6315
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6316
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6168
6317
  }
6169
6318
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6170
6319
  overflow-x: auto;
@@ -6229,9 +6378,9 @@ ul) {
6229
6378
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6230
6379
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6231
6380
  }
6232
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6233
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6234
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6381
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6382
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6383
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6235
6384
  }
6236
6385
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6237
6386
  overflow-x: auto;
@@ -6296,9 +6445,9 @@ ul) {
6296
6445
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6297
6446
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6298
6447
  }
6299
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6300
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6301
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6448
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6449
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6450
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6302
6451
  }
6303
6452
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6304
6453
  overflow-x: auto;
@@ -6363,9 +6512,9 @@ ul) {
6363
6512
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6364
6513
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6365
6514
  }
6366
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
6367
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
6368
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6515
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6516
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6517
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6369
6518
  }
6370
6519
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6371
6520
  overflow-x: auto;
@@ -6581,6 +6730,7 @@ ul) {
6581
6730
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6582
6731
  --pf-v6-c-expandable-section__content--Opacity: 0;
6583
6732
  --pf-v6-c-expandable-section__content--TranslateY: 0;
6733
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
6584
6734
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
6585
6735
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6586
6736
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -6628,6 +6778,7 @@ ul) {
6628
6778
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6629
6779
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6630
6780
  --pf-v6-c-expandable-section__content--Visibility: auto;
6781
+ --pf-v6-c-expandable-section__content--Overflow: visible;
6631
6782
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6632
6783
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6633
6784
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -6663,6 +6814,7 @@ ul) {
6663
6814
  }
6664
6815
  .pf-v6-c-expandable-section.pf-m-truncate {
6665
6816
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
6817
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6666
6818
  }
6667
6819
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6668
6820
  display: -webkit-box;
@@ -6689,13 +6841,14 @@ ul) {
6689
6841
  .pf-v6-c-expandable-section__content {
6690
6842
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6691
6843
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6692
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6844
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
6693
6845
  }
6694
6846
  .pf-v6-c-expandable-section__content:where([hidden]) {
6695
6847
  display: revert;
6696
6848
  }
6697
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6849
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
6698
6850
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6851
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
6699
6852
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6700
6853
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6701
6854
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
@@ -7474,6 +7627,12 @@ ul) {
7474
7627
  .pf-v6-c-form-control > :is(input, select) {
7475
7628
  text-overflow: ellipsis;
7476
7629
  }
7630
+ .pf-v6-c-form-control > select {
7631
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
7632
+ }
7633
+ .pf-v6-c-form-control > select * {
7634
+ color: var(--pf-v6-c-form-control--Color);
7635
+ }
7477
7636
  .pf-v6-c-form-control:has(input) {
7478
7637
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
7479
7638
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
@@ -7619,17 +7778,10 @@ ul) {
7619
7778
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7620
7779
  --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7621
7780
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7622
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
7623
7781
  }
7624
7782
  .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7625
7783
  padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7626
7784
  }
7627
- @-moz-document url-prefix() {
7628
- .pf-v6-c-form-control:has(select) {
7629
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
7630
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
7631
- }
7632
- }
7633
7785
  .pf-v6-c-form-control.pf-m-placeholder > select {
7634
7786
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
7635
7787
  }
@@ -8594,10 +8746,11 @@ label.pf-v6-c-input-group__text {
8594
8746
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8595
8747
  --pf-v6-c-label--MaxWidth: 100%;
8596
8748
  --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
8597
- --pf-v6-c-label--BorderWidth: 0;
8598
- --pf-v6-c-label--BorderColor: transparent;
8749
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8750
+ --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8599
8751
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8600
8752
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
8753
+ --pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8601
8754
  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8602
8755
  --pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8603
8756
  --pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
@@ -8720,8 +8873,8 @@ label.pf-v6-c-input-group__text {
8720
8873
  --pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
8721
8874
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
8722
8875
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
8723
- --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
8724
- --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8876
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8877
+ --pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
8725
8878
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8726
8879
  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8727
8880
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
@@ -8734,8 +8887,10 @@ label.pf-v6-c-input-group__text {
8734
8887
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8735
8888
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8736
8889
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8890
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
8737
8891
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8738
8892
  --pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8893
+ --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
8739
8894
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8740
8895
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8741
8896
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -8756,15 +8911,15 @@ label.pf-v6-c-input-group__text {
8756
8911
  --pf-v6-c-label__content--Cursor: initial;
8757
8912
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8758
8913
  --pf-v6-c-label__text--MaxWidth: 100%;
8759
- --pf-v6-c-label__actions--MarginInlineEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd) * -1);
8914
+ --pf-v6-c-label__actions--MarginInlineEnd: 0;
8760
8915
  --pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8761
8916
  --pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
8762
- --pf-v6-c-label__actions--c-button--MarginBlockStart: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockStart) * -1);
8763
- --pf-v6-c-label__actions--c-button--MarginBlockEnd: calc(var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd) * -1);
8764
- --pf-v6-c-label__actions--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8765
- --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8766
- --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8767
- --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8917
+ --pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
8918
+ --pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
8919
+ --pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
8920
+ --pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
8921
+ --pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
8922
+ --pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
8768
8923
  --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8769
8924
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8770
8925
  --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
@@ -8784,6 +8939,7 @@ label.pf-v6-c-input-group__text {
8784
8939
 
8785
8940
  .pf-v6-c-label {
8786
8941
  position: relative;
8942
+ gap: var(--pf-v6-c-label--Gap);
8787
8943
  min-width: var(--pf-v6-c-label--MinWidth);
8788
8944
  max-width: var(--pf-v6-c-label--MaxWidth);
8789
8945
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
@@ -8983,10 +9139,12 @@ label.pf-v6-c-input-group__text {
8983
9139
  .pf-v6-c-label.pf-m-overflow {
8984
9140
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
8985
9141
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
9142
+ --pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
8986
9143
  }
8987
9144
  .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
8988
9145
  --pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
8989
9146
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
9147
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
8990
9148
  }
8991
9149
  .pf-v6-c-label.pf-m-add {
8992
9150
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
@@ -9086,6 +9244,9 @@ input.pf-v6-c-label__content {
9086
9244
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9087
9245
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9088
9246
  }
9247
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9248
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9249
+ }
9089
9250
 
9090
9251
  .pf-v6-c-label-group {
9091
9252
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9324,6 +9485,8 @@ ul.pf-v6-c-list {
9324
9485
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9325
9486
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9326
9487
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9488
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9489
+ --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9327
9490
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9328
9491
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9329
9492
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -9455,6 +9618,7 @@ ul.pf-v6-c-list {
9455
9618
  align-self: start;
9456
9619
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
9457
9620
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
9621
+ border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
9458
9622
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
9459
9623
  }
9460
9624
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
@@ -10101,6 +10265,8 @@ ul.pf-v6-c-list {
10101
10265
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10102
10266
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10103
10267
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
10268
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10269
+ --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10104
10270
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10105
10271
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
10106
10272
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
@@ -10118,9 +10284,16 @@ ul.pf-v6-c-list {
10118
10284
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
10119
10285
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10120
10286
  --pf-v6-c-menu__footer--BoxShadow: none;
10287
+ --pf-v6-c-menu__footer--BorderColor: transparent;
10288
+ --pf-v6-c-menu__footer--BorderWidth: 0;
10121
10289
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
10290
+ --pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
10291
+ --pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10122
10292
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10123
10293
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10294
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10295
+ --pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10296
+ --pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
10124
10297
  --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10125
10298
  --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10126
10299
  --pf-v6-c-menu__list-item--TransitionProperty: background-color;
@@ -10296,6 +10469,7 @@ ul.pf-v6-c-list {
10296
10469
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
10297
10470
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
10298
10471
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
10472
+ --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
10299
10473
  }
10300
10474
  .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
10301
10475
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
@@ -10320,6 +10494,7 @@ ul.pf-v6-c-list {
10320
10494
  overflow: hidden;
10321
10495
  color: var(--pf-v6-c-menu--Color);
10322
10496
  background-color: var(--pf-v6-c-menu--BackgroundColor);
10497
+ border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
10323
10498
  border-radius: var(--pf-v6-c-menu--BorderRadius);
10324
10499
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
10325
10500
  transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
@@ -10364,6 +10539,7 @@ ul.pf-v6-c-list {
10364
10539
  }
10365
10540
  .pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
10366
10541
  padding: 0;
10542
+ border: 0;
10367
10543
  }
10368
10544
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
10369
10545
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
@@ -10432,6 +10608,8 @@ ul.pf-v6-c-list {
10432
10608
  .pf-v6-c-menu.pf-m-scrollable {
10433
10609
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
10434
10610
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
10611
+ --pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
10612
+ --pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
10435
10613
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10436
10614
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
10437
10615
  overflow: hidden;
@@ -10473,6 +10651,7 @@ ul.pf-v6-c-list {
10473
10651
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
10474
10652
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
10475
10653
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
10654
+ border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
10476
10655
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
10477
10656
  }
10478
10657
 
@@ -10506,6 +10685,8 @@ ul.pf-v6-c-list {
10506
10685
  inset: 0;
10507
10686
  content: "";
10508
10687
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
10688
+ border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10689
+ border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10509
10690
  transition: inherit;
10510
10691
  }
10511
10692
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -10530,6 +10711,7 @@ ul.pf-v6-c-list {
10530
10711
  }
10531
10712
  .pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
10532
10713
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
10714
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
10533
10715
  }
10534
10716
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
10535
10717
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
@@ -10718,19 +10900,19 @@ ul.pf-v6-c-list {
10718
10900
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
10719
10901
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
10720
10902
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
10721
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
10903
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
10722
10904
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
10723
10905
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10724
10906
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10725
10907
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
10726
10908
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
10727
10909
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
10728
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
10910
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
10729
10911
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
10730
10912
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10731
10913
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
10732
10914
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
10733
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10915
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
10734
10916
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
10735
10917
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10736
10918
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10799,7 +10981,7 @@ ul.pf-v6-c-list {
10799
10981
  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10800
10982
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10801
10983
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10802
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10984
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
10803
10985
  --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10804
10986
  --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
10805
10987
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
@@ -10817,7 +10999,10 @@ ul.pf-v6-c-list {
10817
10999
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10818
11000
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10819
11001
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10820
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
11002
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
11003
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11004
+ --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11005
+ --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10821
11006
  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10822
11007
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10823
11008
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -10943,6 +11128,7 @@ ul.pf-v6-c-list {
10943
11128
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10944
11129
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10945
11130
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
11131
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
10946
11132
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10947
11133
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10948
11134
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
@@ -10955,12 +11141,14 @@ ul.pf-v6-c-list {
10955
11141
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10956
11142
  }
10957
11143
  .pf-v6-c-menu-toggle.pf-m-plain::before {
10958
- border: none;
11144
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
11145
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10959
11146
  }
10960
11147
  .pf-v6-c-menu-toggle:is(:hover, :focus) {
10961
11148
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
10962
11149
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
10963
11150
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
11151
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
10964
11152
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10965
11153
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10966
11154
  --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
@@ -10972,6 +11160,7 @@ ul.pf-v6-c-list {
10972
11160
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
10973
11161
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
10974
11162
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
11163
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
10975
11164
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10976
11165
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10977
11166
  }
@@ -11220,6 +11409,8 @@ ul.pf-v6-c-list {
11220
11409
 
11221
11410
  .pf-v6-c-modal-box {
11222
11411
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11412
+ --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
11413
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11223
11414
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11224
11415
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11225
11416
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -11286,6 +11477,7 @@ ul.pf-v6-c-list {
11286
11477
  max-height: var(--pf-v6-c-modal-box--MaxHeight);
11287
11478
  overflow: auto;
11288
11479
  background-color: var(--pf-v6-c-modal-box--BackgroundColor);
11480
+ border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
11289
11481
  border-radius: var(--pf-v6-c-modal-box--BorderRadius);
11290
11482
  box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
11291
11483
  }
@@ -11677,6 +11869,10 @@ ul.pf-v6-c-list {
11677
11869
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
11678
11870
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
11679
11871
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
11872
+ --pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
11873
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11874
+ --pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11875
+ --pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11680
11876
  --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
11681
11877
  --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
11682
11878
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
@@ -11711,6 +11907,8 @@ ul.pf-v6-c-list {
11711
11907
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
11712
11908
  --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11713
11909
  --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
11910
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11911
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
11714
11912
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11715
11913
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11716
11914
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -11870,12 +12068,22 @@ ul.pf-v6-c-list {
11870
12068
  transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
11871
12069
  transition-property: background-color, color;
11872
12070
  }
12071
+ .pf-v6-c-nav__link::after {
12072
+ position: absolute;
12073
+ inset: 0;
12074
+ pointer-events: none;
12075
+ content: "";
12076
+ border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
12077
+ border-radius: inherit;
12078
+ }
11873
12079
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
12080
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
11874
12081
  color: var(--pf-v6-c-nav__link--hover--Color);
11875
12082
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
11876
12083
  }
11877
12084
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
11878
12085
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
12086
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
11879
12087
  color: var(--pf-v6-c-nav__link--m-current--Color);
11880
12088
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
11881
12089
  }
@@ -11978,6 +12186,7 @@ ul.pf-v6-c-list {
11978
12186
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11979
12187
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11980
12188
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
12189
+ border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
11981
12190
  border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11982
12191
  }
11983
12192
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
@@ -12308,7 +12517,7 @@ ul.pf-v6-c-list {
12308
12517
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
12309
12518
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
12310
12519
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12311
- --pf-v6-c-page__sidebar--BoxShadow: none;
12520
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
12312
12521
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12313
12522
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12314
12523
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -12323,6 +12532,8 @@ ul.pf-v6-c-list {
12323
12532
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12324
12533
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
12325
12534
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
12535
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12536
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
12326
12537
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12327
12538
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
12328
12539
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12347,13 +12558,19 @@ ul.pf-v6-c-list {
12347
12558
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
12348
12559
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
12349
12560
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
12350
- --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
12351
- --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
12561
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
12562
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
12563
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
12564
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
12565
+ --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
12352
12566
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
12353
12567
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
12354
12568
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
12355
12569
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
12356
12570
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
12571
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
12572
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
12573
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
12357
12574
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
12358
12575
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12359
12576
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -12366,22 +12583,30 @@ ul.pf-v6-c-list {
12366
12583
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
12367
12584
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
12368
12585
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12586
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12587
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12369
12588
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
12370
12589
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12590
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12591
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12371
12592
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12372
12593
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
12594
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12595
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12373
12596
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12374
12597
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
12598
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12599
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12375
12600
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12376
12601
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
12377
12602
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
12378
- --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12379
- --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12603
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12604
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12380
12605
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12381
12606
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
12382
- --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12607
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12383
12608
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
12384
- --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
12609
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12385
12610
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12386
12611
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12387
12612
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -12392,6 +12617,8 @@ ul.pf-v6-c-list {
12392
12617
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12393
12618
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12394
12619
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
12620
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12621
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12395
12622
  }
12396
12623
  @media screen and (prefers-reduced-motion: no-preference) {
12397
12624
  .pf-v6-c-page {
@@ -12404,6 +12631,16 @@ ul.pf-v6-c-list {
12404
12631
  .pf-v6-c-page {
12405
12632
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12406
12633
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
12634
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12635
+ }
12636
+ }
12637
+ @media screen and (max-width: calc(48rem - 1px)) {
12638
+ .pf-v6-c-page {
12639
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12640
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12641
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12642
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12643
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12407
12644
  }
12408
12645
  }
12409
12646
 
@@ -12497,6 +12734,7 @@ ul.pf-v6-c-list {
12497
12734
  overflow-y: auto;
12498
12735
  -webkit-overflow-scrolling: touch;
12499
12736
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
12737
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
12500
12738
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
12501
12739
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12502
12740
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -12512,7 +12750,7 @@ ul.pf-v6-c-list {
12512
12750
  }
12513
12751
  @media screen and (min-width: 75rem) {
12514
12752
  .pf-v6-c-page__sidebar.pf-m-expanded {
12515
- --pf-v6-c-page__sidebar--BoxShadow: none;
12753
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
12516
12754
  }
12517
12755
  }
12518
12756
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -12609,6 +12847,7 @@ ul.pf-v6-c-list {
12609
12847
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
12610
12848
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
12611
12849
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
12850
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
12612
12851
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
12613
12852
  }
12614
12853
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -12618,6 +12857,7 @@ ul.pf-v6-c-list {
12618
12857
  .pf-v6-c-page__main-group.pf-m-shadow-top,
12619
12858
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
12620
12859
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
12860
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
12621
12861
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
12622
12862
  }
12623
12863
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -12629,6 +12869,7 @@ ul.pf-v6-c-list {
12629
12869
  position: sticky;
12630
12870
  inset-block-start: 0;
12631
12871
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12872
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12632
12873
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12633
12874
  }
12634
12875
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -12640,6 +12881,7 @@ ul.pf-v6-c-list {
12640
12881
  position: sticky;
12641
12882
  inset-block-end: 0;
12642
12883
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12884
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12643
12885
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12644
12886
  }
12645
12887
  @media (min-height: 0) {
@@ -12652,6 +12894,7 @@ ul.pf-v6-c-list {
12652
12894
  position: sticky;
12653
12895
  inset-block-start: 0;
12654
12896
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12897
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12655
12898
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12656
12899
  }
12657
12900
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -12663,6 +12906,7 @@ ul.pf-v6-c-list {
12663
12906
  position: sticky;
12664
12907
  inset-block-end: 0;
12665
12908
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12909
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12666
12910
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12667
12911
  }
12668
12912
  }
@@ -12676,6 +12920,7 @@ ul.pf-v6-c-list {
12676
12920
  position: sticky;
12677
12921
  inset-block-start: 0;
12678
12922
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12923
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12679
12924
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12680
12925
  }
12681
12926
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -12687,6 +12932,7 @@ ul.pf-v6-c-list {
12687
12932
  position: sticky;
12688
12933
  inset-block-end: 0;
12689
12934
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12935
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12690
12936
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12691
12937
  }
12692
12938
  }
@@ -12700,6 +12946,7 @@ ul.pf-v6-c-list {
12700
12946
  position: sticky;
12701
12947
  inset-block-start: 0;
12702
12948
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12949
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12703
12950
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12704
12951
  }
12705
12952
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -12711,6 +12958,7 @@ ul.pf-v6-c-list {
12711
12958
  position: sticky;
12712
12959
  inset-block-end: 0;
12713
12960
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12961
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12714
12962
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12715
12963
  }
12716
12964
  }
@@ -12724,6 +12972,7 @@ ul.pf-v6-c-list {
12724
12972
  position: sticky;
12725
12973
  inset-block-start: 0;
12726
12974
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12975
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12727
12976
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12728
12977
  }
12729
12978
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -12735,6 +12984,7 @@ ul.pf-v6-c-list {
12735
12984
  position: sticky;
12736
12985
  inset-block-end: 0;
12737
12986
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12987
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12738
12988
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12739
12989
  }
12740
12990
  }
@@ -12748,6 +12998,7 @@ ul.pf-v6-c-list {
12748
12998
  position: sticky;
12749
12999
  inset-block-start: 0;
12750
13000
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
13001
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12751
13002
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12752
13003
  }
12753
13004
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -12759,6 +13010,7 @@ ul.pf-v6-c-list {
12759
13010
  position: sticky;
12760
13011
  inset-block-end: 0;
12761
13012
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
13013
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12762
13014
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12763
13015
  }
12764
13016
  }
@@ -12771,14 +13023,16 @@ ul.pf-v6-c-list {
12771
13023
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
12772
13024
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
12773
13025
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
12774
- border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
13026
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
13027
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
13028
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
13029
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
13030
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
12775
13031
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
12776
13032
  }
12777
13033
  @media screen and (max-width: calc(48rem - 1px)) {
12778
13034
  .pf-v6-c-page__main-container {
12779
13035
  --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
12780
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
12781
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12782
13036
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12783
13037
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12784
13038
  }
@@ -12901,8 +13155,8 @@ ul.pf-v6-c-list {
12901
13155
  gap: var(--pf-v6-c-page__main-section--RowGap);
12902
13156
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12903
13157
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12904
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12905
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13158
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13159
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12906
13160
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12907
13161
  }
12908
13162
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12911,8 +13165,8 @@ ul.pf-v6-c-list {
12911
13165
  .pf-v6-c-page__main-section.pf-m-padding {
12912
13166
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12913
13167
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12914
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12915
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13168
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13169
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12916
13170
  }
12917
13171
  .pf-v6-c-page__main-section.pf-m-no-padding {
12918
13172
  padding: 0;
@@ -12921,8 +13175,8 @@ ul.pf-v6-c-list {
12921
13175
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12922
13176
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12923
13177
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12924
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12925
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13178
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13179
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12926
13180
  }
12927
13181
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12928
13182
  padding: 0;
@@ -12932,8 +13186,8 @@ ul.pf-v6-c-list {
12932
13186
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12933
13187
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12934
13188
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12935
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12936
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13189
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13190
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12937
13191
  }
12938
13192
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12939
13193
  padding: 0;
@@ -12943,8 +13197,8 @@ ul.pf-v6-c-list {
12943
13197
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12944
13198
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12945
13199
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12946
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12947
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13200
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13201
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12948
13202
  }
12949
13203
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12950
13204
  padding: 0;
@@ -12954,8 +13208,8 @@ ul.pf-v6-c-list {
12954
13208
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12955
13209
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12956
13210
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12957
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12958
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13211
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13212
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12959
13213
  }
12960
13214
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12961
13215
  padding: 0;
@@ -12965,8 +13219,8 @@ ul.pf-v6-c-list {
12965
13219
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12966
13220
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12967
13221
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12968
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12969
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
13222
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13223
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12970
13224
  }
12971
13225
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12972
13226
  padding: 0;
@@ -12991,6 +13245,9 @@ ul.pf-v6-c-list {
12991
13245
  flex-shrink: 0;
12992
13246
  }
12993
13247
 
13248
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13249
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
13250
+ }
12994
13251
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
12995
13252
  align-self: revert;
12996
13253
  }
@@ -13001,7 +13258,10 @@ ul.pf-v6-c-list {
13001
13258
  .pf-v6-c-pagination {
13002
13259
  --pf-v6-c-pagination--inset: 0;
13003
13260
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
13004
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
13261
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
13262
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
13263
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
13264
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
13005
13265
  --pf-v6-c-pagination__nav--Display: none;
13006
13266
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
13007
13267
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -13022,14 +13282,17 @@ ul.pf-v6-c-list {
13022
13282
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13023
13283
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
13024
13284
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
13285
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
13025
13286
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13026
13287
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13027
13288
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
13028
13289
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13290
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13029
13291
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13030
13292
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13031
13293
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
13032
13294
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13295
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13033
13296
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
13034
13297
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
13035
13298
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13044,6 +13307,7 @@ ul.pf-v6-c-list {
13044
13307
  @media screen and (min-width: 48rem) {
13045
13308
  .pf-v6-c-pagination {
13046
13309
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
13310
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13047
13311
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
13048
13312
  --pf-v6-c-pagination__nav--Display: inline-flex;
13049
13313
  --pf-v6-c-pagination__total-items--Display: none;
@@ -13063,6 +13327,9 @@ ul.pf-v6-c-list {
13063
13327
  justify-content: flex-end;
13064
13328
  padding-inline-start: var(--pf-v6-c-pagination--inset);
13065
13329
  padding-inline-end: var(--pf-v6-c-pagination--inset);
13330
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
13331
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
13332
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
13066
13333
  }
13067
13334
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
13068
13335
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -13070,6 +13337,7 @@ ul.pf-v6-c-list {
13070
13337
  .pf-v6-c-pagination.pf-m-bottom {
13071
13338
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
13072
13339
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
13340
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
13073
13341
  position: sticky;
13074
13342
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
13075
13343
  justify-content: center;
@@ -13096,7 +13364,6 @@ ul.pf-v6-c-list {
13096
13364
  }
13097
13365
  @media screen and (min-width: 48rem) {
13098
13366
  .pf-v6-c-pagination.pf-m-bottom {
13099
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
13100
13367
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
13101
13368
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
13102
13369
  position: relative;
@@ -13128,10 +13395,13 @@ ul.pf-v6-c-list {
13128
13395
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
13129
13396
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
13130
13397
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
13398
+ border: 0;
13131
13399
  box-shadow: none;
13132
13400
  }
13133
13401
  .pf-v6-c-pagination.pf-m-sticky {
13134
13402
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
13403
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
13404
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
13135
13405
  position: sticky;
13136
13406
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
13137
13407
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -13367,11 +13637,14 @@ ul.pf-v6-c-list {
13367
13637
  --pf-v6-c-panel--BoxShadow: none;
13368
13638
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
13369
13639
  --pf-v6-c-panel--before--BorderWidth: 0;
13370
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
13640
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13371
13641
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13642
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13372
13643
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13644
+ --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13373
13645
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13374
13646
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13647
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13375
13648
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13376
13649
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13377
13650
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13387,11 +13660,15 @@ ul.pf-v6-c-list {
13387
13660
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13388
13661
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13389
13662
  --pf-v6-c-panel__footer--BoxShadow: none;
13663
+ --pf-v6-c-panel__footer--BorderColor: transparent;
13664
+ --pf-v6-c-panel__footer--BorderWidth: 0;
13390
13665
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
13391
13666
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
13392
13667
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
13393
13668
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
13394
13669
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
13670
+ --pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
13671
+ --pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13395
13672
  }
13396
13673
 
13397
13674
  .pf-v6-c-panel {
@@ -13413,13 +13690,16 @@ ul.pf-v6-c-list {
13413
13690
  }
13414
13691
  .pf-v6-c-panel.pf-m-bordered {
13415
13692
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
13693
+ --pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
13416
13694
  }
13417
13695
  .pf-v6-c-panel.pf-m-secondary {
13418
13696
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
13697
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
13419
13698
  }
13420
13699
  .pf-v6-c-panel.pf-m-raised {
13421
13700
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
13422
13701
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
13702
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
13423
13703
  }
13424
13704
  .pf-v6-c-panel.pf-m-scrollable {
13425
13705
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
@@ -13427,6 +13707,8 @@ ul.pf-v6-c-list {
13427
13707
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
13428
13708
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
13429
13709
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
13710
+ --pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
13711
+ --pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
13430
13712
  }
13431
13713
 
13432
13714
  .pf-v6-c-panel__header {
@@ -13453,6 +13735,7 @@ ul.pf-v6-c-list {
13453
13735
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
13454
13736
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
13455
13737
  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
13738
+ border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
13456
13739
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
13457
13740
  }
13458
13741
 
@@ -13461,6 +13744,8 @@ ul.pf-v6-c-list {
13461
13744
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13462
13745
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13463
13746
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13747
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13748
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13464
13749
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13465
13750
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13466
13751
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13511,6 +13796,7 @@ ul.pf-v6-c-list {
13511
13796
  min-width: var(--pf-v6-c-popover--MinWidth);
13512
13797
  max-width: var(--pf-v6-c-popover--MaxWidth);
13513
13798
  font-size: var(--pf-v6-c-popover--FontSize);
13799
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13514
13800
  border-radius: var(--pf-v6-c-popover--BorderRadius);
13515
13801
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
13516
13802
  }
@@ -13625,6 +13911,7 @@ ul.pf-v6-c-list {
13625
13911
  height: var(--pf-v6-c-popover__arrow--Height);
13626
13912
  pointer-events: none;
13627
13913
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13914
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13628
13915
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13629
13916
  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13630
13917
  }
@@ -13665,11 +13952,15 @@ ul.pf-v6-c-list {
13665
13952
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13666
13953
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13667
13954
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13955
+ --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13956
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13668
13957
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13669
13958
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13670
13959
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13671
13960
  --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13672
13961
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13962
+ --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
13963
+ --pf-v6-c-progress__indicator--BorderColor: transparent;
13673
13964
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13674
13965
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13675
13966
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -13826,12 +14117,27 @@ ul.pf-v6-c-list {
13826
14117
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13827
14118
  border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
13828
14119
  }
14120
+ .pf-v6-c-progress__bar::before {
14121
+ position: absolute;
14122
+ inset: 0;
14123
+ pointer-events: none;
14124
+ content: "";
14125
+ border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
14126
+ border-radius: inherit;
14127
+ }
13829
14128
 
13830
14129
  .pf-v6-c-progress__indicator {
13831
14130
  position: absolute;
13832
14131
  height: var(--pf-v6-c-progress__indicator--Height);
13833
14132
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13834
14133
  }
14134
+ .pf-v6-c-progress__indicator::before {
14135
+ position: absolute;
14136
+ inset: 0;
14137
+ content: "";
14138
+ border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
14139
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
14140
+ }
13835
14141
 
13836
14142
  .pf-v6-c-progress__helper-text {
13837
14143
  grid-row: 3/4;
@@ -14576,6 +14882,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14576
14882
  --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
14577
14883
  --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
14578
14884
  --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14885
+ --pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14579
14886
  --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
14580
14887
  --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
14581
14888
  --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
@@ -14584,6 +14891,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14584
14891
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
14585
14892
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
14586
14893
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
14894
+ --pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
14895
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
14587
14896
  --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
14588
14897
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
14589
14898
  --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
@@ -14612,6 +14921,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14612
14921
  --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
14613
14922
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
14614
14923
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
14924
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14615
14925
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14616
14926
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
14617
14927
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
@@ -14641,6 +14951,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14641
14951
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
14642
14952
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
14643
14953
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
14954
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
14644
14955
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
14645
14956
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
14646
14957
  --pf-v6-c-sidebar__main--m-border--before--Display: none;
@@ -14651,6 +14962,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14651
14962
  --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
14652
14963
  --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
14653
14964
  --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
14965
+ --pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
14654
14966
  --pf-v6-c-sidebar__panel--BoxShadow: none;
14655
14967
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
14656
14968
  --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
@@ -14682,6 +14994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14682
14994
  padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
14683
14995
  padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
14684
14996
  background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
14997
+ border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
14685
14998
  box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
14686
14999
  }
14687
15000
  .pf-v6-c-sidebar__panel.pf-m-padding {
@@ -14892,6 +15205,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14892
15205
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
14893
15206
  --pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
14894
15207
  --pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
15208
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
15209
+ --pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
15210
+ --pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
15211
+ --pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
14895
15212
  --pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
14896
15213
  --pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
14897
15214
  --pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -14906,6 +15223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14906
15223
  }
14907
15224
 
14908
15225
  .pf-v6-c-simple-list__item-link {
15226
+ position: relative;
14909
15227
  display: block;
14910
15228
  width: 100%;
14911
15229
  padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
@@ -14920,6 +15238,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14920
15238
  border: none;
14921
15239
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
14922
15240
  }
15241
+ .pf-v6-c-simple-list__item-link::after {
15242
+ position: absolute;
15243
+ inset: 0;
15244
+ pointer-events: none;
15245
+ content: "";
15246
+ border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
15247
+ border-radius: inherit;
15248
+ }
14923
15249
  .pf-v6-c-simple-list__item-link.pf-m-link {
14924
15250
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
14925
15251
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
@@ -14928,11 +15254,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14928
15254
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
14929
15255
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
14930
15256
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
15257
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
14931
15258
  text-decoration-line: none;
14932
15259
  }
14933
15260
  .pf-v6-c-simple-list__item-link.pf-m-current {
14934
15261
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14935
15262
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
15263
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
14936
15264
  }
14937
15265
 
14938
15266
  .pf-v6-c-simple-list__title {
@@ -15158,6 +15486,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15158
15486
  --pf-v6-c-slider__rail-track--Height: 0.25rem;
15159
15487
  --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15160
15488
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
15489
+ --pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15490
+ --pf-v6-c-slider__rail-track--before--BorderColor: transparent;
15161
15491
  --pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
15162
15492
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
15163
15493
  --pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
@@ -15167,6 +15497,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15167
15497
  --pf-v6-c-slider__step-tick--Height: 0.25rem;
15168
15498
  --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
15169
15499
  --pf-v6-c-slider__step-tick--TranslateX: -50%;
15500
+ --pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15501
+ --pf-v6-c-slider__step-tick--BorderColor: transparent;
15170
15502
  --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
15171
15503
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
15172
15504
  --pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
@@ -15182,6 +15514,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15182
15514
  --pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
15183
15515
  --pf-v6-c-slider__thumb--TranslateX: -50%;
15184
15516
  --pf-v6-c-slider__thumb--TranslateY: -50%;
15517
+ --pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15518
+ --pf-v6-c-slider__thumb--BorderColor: transparent;
15185
15519
  --pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
15186
15520
  --pf-v6-c-slider__thumb--BoxShadow--base:
15187
15521
  0 0 0 2px var(--pf-t--global--background--color--primary--default),
@@ -15251,6 +15585,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15251
15585
  inset: 0;
15252
15586
  content: "";
15253
15587
  background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
15588
+ border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
15254
15589
  border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
15255
15590
  }
15256
15591
 
@@ -15286,6 +15621,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15286
15621
  width: var(--pf-v6-c-slider__step-tick--Width);
15287
15622
  height: var(--pf-v6-c-slider__step-tick--Height);
15288
15623
  background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
15624
+ border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
15289
15625
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
15290
15626
  }
15291
15627
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
@@ -15311,6 +15647,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15311
15647
  height: var(--pf-v6-c-slider__thumb--Height);
15312
15648
  cursor: pointer;
15313
15649
  background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
15650
+ border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
15314
15651
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
15315
15652
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
15316
15653
  }
@@ -15464,11 +15801,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15464
15801
  --pf-v6-c-switch--Height: auto;
15465
15802
  --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15466
15803
  --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
15467
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
15804
+ --pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
15805
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15468
15806
  --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15469
15807
  --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15470
15808
  --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15471
15809
  --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15810
+ --pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
15472
15811
  --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15473
15812
  --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15474
15813
  --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
@@ -15483,6 +15822,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15483
15822
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15484
15823
  --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15485
15824
  --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
15825
+ --pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15486
15826
  --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15487
15827
  --pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15488
15828
  --pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
@@ -15524,6 +15864,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15524
15864
  }
15525
15865
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15526
15866
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
15867
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
15527
15868
  background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15528
15869
  }
15529
15870
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
@@ -15549,6 +15890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15549
15890
  }
15550
15891
  .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15551
15892
  --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
15893
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
15552
15894
  cursor: not-allowed;
15553
15895
  background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15554
15896
  }
@@ -15573,6 +15915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15573
15915
  height: var(--pf-v6-c-switch__toggle--before--Height);
15574
15916
  content: "";
15575
15917
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
15918
+ border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
15576
15919
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15577
15920
  transition: var(--pf-v6-c-switch__toggle--before--Transition);
15578
15921
  transform: translateY(-50%);
@@ -17276,7 +17619,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17276
17619
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17277
17620
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
17278
17621
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
17279
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17622
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17623
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17280
17624
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17281
17625
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17282
17626
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17326,6 +17670,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17326
17670
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17327
17671
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17328
17672
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
17673
+ --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
17674
+ --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
17675
+ --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
17329
17676
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17330
17677
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17331
17678
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17355,6 +17702,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17355
17702
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17356
17703
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17357
17704
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17705
+ --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
17706
+ --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
17358
17707
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17359
17708
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17360
17709
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17376,10 +17725,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17376
17725
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17377
17726
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17378
17727
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
17728
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
17379
17729
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17380
17730
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17381
17731
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17382
17732
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17733
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
17383
17734
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17384
17735
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17385
17736
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17791,6 +18142,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17791
18142
  }
17792
18143
 
17793
18144
  .pf-v6-c-table__button {
18145
+ position: relative;
17794
18146
  width: auto;
17795
18147
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17796
18148
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17809,6 +18161,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17809
18161
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17810
18162
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17811
18163
  }
18164
+ .pf-v6-c-table__button::after {
18165
+ position: absolute;
18166
+ inset: 0;
18167
+ pointer-events: none;
18168
+ content: "";
18169
+ border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
18170
+ border-radius: inherit;
18171
+ }
17812
18172
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17813
18173
  margin-block-end: 0;
17814
18174
  }
@@ -17879,6 +18239,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17879
18239
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
17880
18240
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
17881
18241
  }
18242
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
18243
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
18244
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
18245
+ line-height: 1lh;
18246
+ }
18247
+
17882
18248
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
17883
18249
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17884
18250
  }
@@ -17978,6 +18344,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17978
18344
  content: "";
17979
18345
  border: 0;
17980
18346
  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);
18347
+ border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
17981
18348
  }
17982
18349
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17983
18350
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18001,6 +18368,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18001
18368
  align-self: last baseline;
18002
18369
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
18003
18370
  }
18371
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
18372
+ line-height: 1lh;
18373
+ }
18004
18374
 
18005
18375
  .pf-v6-c-table__sort {
18006
18376
  vertical-align: bottom;
@@ -18009,6 +18379,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18009
18379
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18010
18380
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18011
18381
  --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
18382
+ --pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
18012
18383
  }
18013
18384
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18014
18385
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18058,16 +18429,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18058
18429
  border-radius: 0;
18059
18430
  }
18060
18431
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18432
+ position: relative;
18061
18433
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18062
18434
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18063
18435
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18064
18436
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18065
18437
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18438
+ border: 0;
18066
18439
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18067
18440
  }
18068
18441
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18069
18442
  background-color: transparent;
18070
18443
  }
18444
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
18445
+ position: absolute;
18446
+ inset: 0;
18447
+ pointer-events: none;
18448
+ content: "";
18449
+ border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
18450
+ border-radius: inherit;
18451
+ }
18071
18452
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18072
18453
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18073
18454
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18111,6 +18492,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18111
18492
 
18112
18493
  .pf-v6-c-table__thead {
18113
18494
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
18495
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
18114
18496
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
18115
18497
  vertical-align: bottom;
18116
18498
  }
@@ -18124,6 +18506,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18124
18506
  vertical-align: top;
18125
18507
  }
18126
18508
  .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
18509
+ --pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
18127
18510
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18128
18511
  }
18129
18512
 
@@ -19122,7 +19505,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19122
19505
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19123
19506
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19124
19507
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
19125
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
19508
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
19126
19509
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19127
19510
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19128
19511
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
@@ -19150,6 +19533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19150
19533
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19151
19534
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19152
19535
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
19536
+ --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
19537
+ --pf-v6-c-tabs__link--BorderColor: transparent;
19538
+ --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
19539
+ --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
19153
19540
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19154
19541
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19155
19542
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19185,11 +19572,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19185
19572
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19186
19573
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19187
19574
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
19188
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19575
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
19576
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
19577
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
19578
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
19189
19579
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19190
19580
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19191
19581
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19192
19582
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19583
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19193
19584
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19194
19585
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19195
19586
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19345,6 +19736,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19345
19736
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19346
19737
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19347
19738
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
19739
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
19740
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
19741
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
19742
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
19348
19743
  }
19349
19744
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
19350
19745
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19352,9 +19747,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19352
19747
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19353
19748
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19354
19749
  }
19355
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
19356
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19357
- }
19358
19750
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19359
19751
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19360
19752
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19372,7 +19764,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19372
19764
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19373
19765
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19374
19766
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
19375
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19376
19767
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19377
19768
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19378
19769
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19649,6 +20040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19649
20040
  color: var(--pf-v6-c-tabs__link--Color);
19650
20041
  text-decoration-line: none;
19651
20042
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
20043
+ border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
19652
20044
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19653
20045
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19654
20046
  }
@@ -19671,7 +20063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19671
20063
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19672
20064
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19673
20065
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19674
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
20066
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
19675
20067
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19676
20068
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19677
20069
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -19682,6 +20074,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19682
20074
 
19683
20075
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19684
20076
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
20077
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
19685
20078
  }
19686
20079
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19687
20080
  pointer-events: none;
@@ -19696,6 +20089,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19696
20089
 
19697
20090
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19698
20091
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
20092
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
19699
20093
  }
19700
20094
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19701
20095
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -20025,6 +20419,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20025
20419
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
20026
20420
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
20027
20421
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
20422
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
20028
20423
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
20029
20424
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
20030
20425
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20071,6 +20466,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20071
20466
  }
20072
20467
  .pf-v6-c-text-input-group.pf-m-disabled {
20073
20468
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20469
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20470
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20074
20471
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20075
20472
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20076
20473
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20119,6 +20516,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20119
20516
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
20120
20517
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
20121
20518
  }
20519
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
20520
+ --pf-v6-c-text-input-group__text--Position: relative;
20521
+ }
20122
20522
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
20123
20523
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
20124
20524
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -20181,6 +20581,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20181
20581
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20182
20582
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20183
20583
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
20584
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
20184
20585
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20185
20586
  border: 0;
20186
20587
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -20470,6 +20871,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20470
20871
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
20471
20872
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
20472
20873
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
20874
+ --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20473
20875
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20474
20876
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
20475
20877
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
@@ -20481,12 +20883,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20481
20883
  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
20482
20884
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
20483
20885
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
20484
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20886
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
20485
20887
  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
20888
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
20486
20889
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20487
20890
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20488
20891
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
20489
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
20892
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
20490
20893
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
20491
20894
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
20492
20895
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -20509,11 +20912,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20509
20912
  .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
20510
20913
  margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
20511
20914
  }
20512
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
20915
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
20513
20916
  border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
20514
20917
  border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
20515
20918
  }
20516
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
20919
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
20517
20920
  border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
20518
20921
  border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
20519
20922
  }
@@ -20532,25 +20935,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20532
20935
  background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
20533
20936
  border: 0;
20534
20937
  }
20535
- .pf-v6-c-toggle-group__button::before {
20938
+ .pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
20536
20939
  position: absolute;
20537
- inset-block-start: 0;
20538
- inset-block-end: 0;
20539
- inset-inline-start: 0;
20540
- inset-inline-end: 0;
20940
+ inset: 0;
20541
20941
  pointer-events: none;
20542
20942
  content: "";
20543
20943
  border-style: solid;
20944
+ border-radius: inherit;
20945
+ }
20946
+ .pf-v6-c-toggle-group__button::before {
20544
20947
  border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20545
20948
  border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20546
20949
  border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20547
20950
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20548
20951
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20549
20952
  }
20953
+ .pf-v6-c-toggle-group__button::after {
20954
+ inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20955
+ border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
20956
+ border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
20957
+ }
20550
20958
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
20551
20959
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
20552
20960
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
20553
20961
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
20962
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
20554
20963
  text-decoration-line: none;
20555
20964
  }
20556
20965
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -20558,6 +20967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20558
20967
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
20559
20968
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
20560
20969
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
20970
+ --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
20561
20971
  }
20562
20972
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
20563
20973
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
@@ -20613,11 +21023,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20613
21023
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20614
21024
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20615
21025
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21026
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21027
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20616
21028
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20617
21029
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20618
21030
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20619
21031
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20620
21032
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21033
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21034
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
20621
21035
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20622
21036
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20623
21037
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -20788,6 +21202,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20788
21202
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
20789
21203
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
20790
21204
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
21205
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
20791
21206
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
20792
21207
  }
20793
21208
  .pf-v6-c-toolbar.pf-m-static,
@@ -20934,12 +21349,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20934
21349
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
20935
21350
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
20936
21351
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
21352
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
20937
21353
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
20938
21354
  }
20939
21355
  @media screen and (min-width: 62rem) {
20940
21356
  .pf-v6-c-toolbar__expandable-content {
20941
21357
  position: static;
20942
21358
  padding: 0;
21359
+ border-block-end: 0;
20943
21360
  box-shadow: none;
20944
21361
  }
20945
21362
  }
@@ -22713,6 +23130,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22713
23130
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22714
23131
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22715
23132
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
23133
+ --pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
23134
+ --pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
23135
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23136
+ --pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23137
+ --pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
22716
23138
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22717
23139
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22718
23140
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -22998,8 +23420,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22998
23420
  color: var(--pf-v6-c-tree-view__node--Color);
22999
23421
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23000
23422
  }
23423
+ .pf-v6-c-tree-view__node::after {
23424
+ position: absolute;
23425
+ inset: 0;
23426
+ pointer-events: none;
23427
+ content: "";
23428
+ border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
23429
+ border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
23430
+ }
23001
23431
  .pf-v6-c-tree-view__node.pf-m-current {
23002
23432
  --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
23433
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
23003
23434
  }
23004
23435
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23005
23436
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23097,6 +23528,7 @@ label.pf-v6-c-tree-view__node-text {
23097
23528
 
23098
23529
  .pf-v6-c-tree-view__content:hover,
23099
23530
  .pf-v6-c-tree-view__content:focus-within {
23531
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
23100
23532
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23101
23533
  }
23102
23534
 
@@ -23233,6 +23665,10 @@ label.pf-v6-c-tree-view__node-text {
23233
23665
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23234
23666
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23235
23667
  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
23668
+ --pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
23669
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23670
+ --pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23671
+ --pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
23236
23672
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23237
23673
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23238
23674
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23244,15 +23680,20 @@ label.pf-v6-c-tree-view__node-text {
23244
23680
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23245
23681
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23246
23682
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23683
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
23684
+ --pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
23247
23685
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23248
23686
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23249
23687
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23250
23688
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23251
23689
  --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
23690
+ --pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
23252
23691
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23253
23692
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23693
+ --pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
23254
23694
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23255
23695
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23696
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23256
23697
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23257
23698
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23258
23699
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23271,6 +23712,7 @@ label.pf-v6-c-tree-view__node-text {
23271
23712
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23272
23713
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23273
23714
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23715
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23274
23716
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23275
23717
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23276
23718
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23281,6 +23723,8 @@ label.pf-v6-c-tree-view__node-text {
23281
23723
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23282
23724
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23283
23725
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23726
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23727
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23284
23728
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23285
23729
  --pf-v6-c-wizard__nav--Width: 100%;
23286
23730
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23314,6 +23758,7 @@ label.pf-v6-c-tree-view__node-text {
23314
23758
  .pf-v6-c-wizard {
23315
23759
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23316
23760
  --pf-v6-c-wizard__nav--BoxShadow: none;
23761
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23317
23762
  }
23318
23763
  }
23319
23764
 
@@ -23431,6 +23876,9 @@ label.pf-v6-c-tree-view__node-text {
23431
23876
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23432
23877
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23433
23878
  }
23879
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
23880
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
23881
+ }
23434
23882
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23435
23883
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23436
23884
  }
@@ -23497,6 +23945,7 @@ label.pf-v6-c-tree-view__node-text {
23497
23945
  overflow-y: auto;
23498
23946
  -webkit-overflow-scrolling: touch;
23499
23947
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
23948
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
23500
23949
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23501
23950
  }
23502
23951
  .pf-v6-c-wizard__nav.pf-m-expanded {
@@ -23564,6 +24013,7 @@ label.pf-v6-c-tree-view__node-text {
23564
24013
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
23565
24014
  position: relative;
23566
24015
  display: inline-flex;
24016
+ flex-shrink: 0;
23567
24017
  align-items: center;
23568
24018
  justify-content: center;
23569
24019
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23578,28 +24028,35 @@ label.pf-v6-c-tree-view__node-text {
23578
24028
  .pf-v6-c-wizard__nav-link::before {
23579
24029
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23580
24030
  content: counter(wizard-nav-count);
24031
+ border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
23581
24032
  }
23582
24033
  .pf-v6-c-wizard__nav-link.pf-m-current {
23583
24034
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23584
24035
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
24036
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
23585
24037
  }
23586
24038
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23587
24039
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23588
24040
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
24041
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
23589
24042
  }
23590
24043
 
23591
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
24044
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
23592
24045
  display: none;
23593
24046
  }
23594
24047
  .pf-v6-c-wizard__nav-link.pf-m-success {
23595
24048
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23596
24049
  }
24050
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
24051
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
24052
+ }
23597
24053
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23598
24054
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23599
24055
  }
23600
24056
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23601
24057
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23602
24058
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
24059
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
23603
24060
  }
23604
24061
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23605
24062
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23609,23 +24066,29 @@ label.pf-v6-c-tree-view__node-text {
23609
24066
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23610
24067
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23611
24068
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23612
- }
23613
-
23614
- .pf-v6-c-wizard__nav-link-text {
23615
- flex-grow: 1;
24069
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23616
24070
  }
23617
24071
 
23618
24072
  .pf-v6-c-wizard__nav-link-main {
24073
+ position: relative;
23619
24074
  display: flex;
24075
+ flex-grow: 1;
23620
24076
  justify-content: space-between;
23621
24077
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
23622
24078
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
23623
24079
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23624
24080
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23625
24081
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23626
- border: none;
23627
24082
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23628
24083
  }
24084
+ .pf-v6-c-wizard__nav-link-main::after {
24085
+ position: absolute;
24086
+ inset: 0;
24087
+ pointer-events: none;
24088
+ content: "";
24089
+ border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
24090
+ border-radius: inherit;
24091
+ }
23629
24092
 
23630
24093
  .pf-v6-c-wizard__nav-link-status-icon {
23631
24094
  position: relative;