@patternfly/patternfly 6.3.1 → 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 +29 -0
  74. package/components/Table/table.scss +33 -0
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +3 -0
  78. package/components/TextInputGroup/text-input-group.scss +4 -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 +615 -167
  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 +1787 -168
  138. package/patternfly.css +1822 -199
  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%);
@@ -17327,6 +17670,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17327
17670
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17328
17671
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17329
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);
17330
17676
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17331
17677
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17332
17678
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17356,6 +17702,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17356
17702
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17357
17703
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17358
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;
17359
17707
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17360
17708
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17361
17709
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17377,10 +17725,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17377
17725
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17378
17726
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17379
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;
17380
17729
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17381
17730
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17382
17731
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17383
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);
17384
17734
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17385
17735
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17386
17736
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17792,6 +18142,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17792
18142
  }
17793
18143
 
17794
18144
  .pf-v6-c-table__button {
18145
+ position: relative;
17795
18146
  width: auto;
17796
18147
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17797
18148
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17810,6 +18161,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17810
18161
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17811
18162
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17812
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
+ }
17813
18172
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17814
18173
  margin-block-end: 0;
17815
18174
  }
@@ -17985,6 +18344,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17985
18344
  content: "";
17986
18345
  border: 0;
17987
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);
17988
18348
  }
17989
18349
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17990
18350
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18019,6 +18379,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18019
18379
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18020
18380
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18021
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);
18022
18383
  }
18023
18384
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18024
18385
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18068,16 +18429,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18068
18429
  border-radius: 0;
18069
18430
  }
18070
18431
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18432
+ position: relative;
18071
18433
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18072
18434
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18073
18435
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18074
18436
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18075
18437
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18438
+ border: 0;
18076
18439
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18077
18440
  }
18078
18441
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18079
18442
  background-color: transparent;
18080
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
+ }
18081
18452
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18082
18453
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18083
18454
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18135,6 +18506,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18135
18506
  vertical-align: top;
18136
18507
  }
18137
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);
18138
18510
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18139
18511
  }
18140
18512
 
@@ -19133,7 +19505,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19133
19505
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19134
19506
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19135
19507
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
19136
- --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));
19137
19509
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19138
19510
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19139
19511
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
@@ -19161,6 +19533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19161
19533
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19162
19534
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19163
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;
19164
19540
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19165
19541
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19166
19542
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19196,11 +19572,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19196
19572
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
19197
19573
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
19198
19574
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
19199
- --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);
19200
19579
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
19201
19580
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19202
19581
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
19203
19582
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
19583
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
19204
19584
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
19205
19585
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
19206
19586
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -19356,6 +19736,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19356
19736
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
19357
19737
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
19358
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);
19359
19743
  }
19360
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 {
19361
19745
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -19363,9 +19747,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19363
19747
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
19364
19748
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
19365
19749
  }
19366
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
19367
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19368
- }
19369
19750
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
19370
19751
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
19371
19752
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -19383,7 +19764,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19383
19764
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
19384
19765
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
19385
19766
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
19386
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
19387
19767
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
19388
19768
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
19389
19769
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -19660,6 +20040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19660
20040
  color: var(--pf-v6-c-tabs__link--Color);
19661
20041
  text-decoration-line: none;
19662
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);
19663
20044
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19664
20045
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19665
20046
  }
@@ -19682,7 +20063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19682
20063
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
19683
20064
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
19684
20065
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
19685
- 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));
19686
20067
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
19687
20068
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
19688
20069
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -19693,6 +20074,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19693
20074
 
19694
20075
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19695
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);
19696
20078
  }
19697
20079
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19698
20080
  pointer-events: none;
@@ -19707,6 +20089,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19707
20089
 
19708
20090
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19709
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);
19710
20093
  }
19711
20094
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19712
20095
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -20133,6 +20516,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20133
20516
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
20134
20517
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
20135
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
+ }
20136
20522
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
20137
20523
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
20138
20524
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -20485,6 +20871,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20485
20871
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
20486
20872
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
20487
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);
20488
20875
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
20489
20876
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
20490
20877
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
@@ -20496,12 +20883,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20496
20883
  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
20497
20884
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
20498
20885
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
20499
- --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);
20500
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);
20501
20889
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20502
20890
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20503
20891
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
20504
- --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);
20505
20893
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
20506
20894
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
20507
20895
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -20524,11 +20912,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20524
20912
  .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
20525
20913
  margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
20526
20914
  }
20527
- .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 {
20528
20916
  border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
20529
20917
  border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
20530
20918
  }
20531
- .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 {
20532
20920
  border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
20533
20921
  border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
20534
20922
  }
@@ -20547,25 +20935,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20547
20935
  background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
20548
20936
  border: 0;
20549
20937
  }
20550
- .pf-v6-c-toggle-group__button::before {
20938
+ .pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
20551
20939
  position: absolute;
20552
- inset-block-start: 0;
20553
- inset-block-end: 0;
20554
- inset-inline-start: 0;
20555
- inset-inline-end: 0;
20940
+ inset: 0;
20556
20941
  pointer-events: none;
20557
20942
  content: "";
20558
20943
  border-style: solid;
20944
+ border-radius: inherit;
20945
+ }
20946
+ .pf-v6-c-toggle-group__button::before {
20559
20947
  border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
20560
20948
  border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20561
20949
  border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20562
20950
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20563
20951
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
20564
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
+ }
20565
20958
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
20566
20959
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
20567
20960
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
20568
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);
20569
20963
  text-decoration-line: none;
20570
20964
  }
20571
20965
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -20573,6 +20967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20573
20967
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
20574
20968
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
20575
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);
20576
20971
  }
20577
20972
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
20578
20973
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
@@ -20628,11 +21023,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20628
21023
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20629
21024
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20630
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);
20631
21028
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
20632
21029
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
20633
21030
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20634
21031
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
20635
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);
20636
21035
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
20637
21036
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20638
21037
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -20803,6 +21202,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20803
21202
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
20804
21203
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
20805
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);
20806
21206
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
20807
21207
  }
20808
21208
  .pf-v6-c-toolbar.pf-m-static,
@@ -20949,12 +21349,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20949
21349
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
20950
21350
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
20951
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);
20952
21353
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
20953
21354
  }
20954
21355
  @media screen and (min-width: 62rem) {
20955
21356
  .pf-v6-c-toolbar__expandable-content {
20956
21357
  position: static;
20957
21358
  padding: 0;
21359
+ border-block-end: 0;
20958
21360
  box-shadow: none;
20959
21361
  }
20960
21362
  }
@@ -22728,6 +23130,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22728
23130
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22729
23131
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22730
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);
22731
23138
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22732
23139
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22733
23140
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -23013,8 +23420,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23013
23420
  color: var(--pf-v6-c-tree-view__node--Color);
23014
23421
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23015
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
+ }
23016
23431
  .pf-v6-c-tree-view__node.pf-m-current {
23017
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);
23018
23434
  }
23019
23435
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23020
23436
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23112,6 +23528,7 @@ label.pf-v6-c-tree-view__node-text {
23112
23528
 
23113
23529
  .pf-v6-c-tree-view__content:hover,
23114
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);
23115
23532
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23116
23533
  }
23117
23534
 
@@ -23248,6 +23665,10 @@ label.pf-v6-c-tree-view__node-text {
23248
23665
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23249
23666
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23250
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);
23251
23672
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23252
23673
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23253
23674
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23259,15 +23680,20 @@ label.pf-v6-c-tree-view__node-text {
23259
23680
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23260
23681
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23261
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);
23262
23685
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23263
23686
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23264
23687
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23265
23688
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23266
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;
23267
23691
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23268
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;
23269
23694
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23270
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);
23271
23697
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23272
23698
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23273
23699
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23286,6 +23712,7 @@ label.pf-v6-c-tree-view__node-text {
23286
23712
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23287
23713
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23288
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);
23289
23716
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23290
23717
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23291
23718
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23296,6 +23723,8 @@ label.pf-v6-c-tree-view__node-text {
23296
23723
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23297
23724
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23298
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);
23299
23728
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23300
23729
  --pf-v6-c-wizard__nav--Width: 100%;
23301
23730
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23329,6 +23758,7 @@ label.pf-v6-c-tree-view__node-text {
23329
23758
  .pf-v6-c-wizard {
23330
23759
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23331
23760
  --pf-v6-c-wizard__nav--BoxShadow: none;
23761
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23332
23762
  }
23333
23763
  }
23334
23764
 
@@ -23446,6 +23876,9 @@ label.pf-v6-c-tree-view__node-text {
23446
23876
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23447
23877
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23448
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
+ }
23449
23882
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23450
23883
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23451
23884
  }
@@ -23512,6 +23945,7 @@ label.pf-v6-c-tree-view__node-text {
23512
23945
  overflow-y: auto;
23513
23946
  -webkit-overflow-scrolling: touch;
23514
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);
23515
23949
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23516
23950
  }
23517
23951
  .pf-v6-c-wizard__nav.pf-m-expanded {
@@ -23579,6 +24013,7 @@ label.pf-v6-c-tree-view__node-text {
23579
24013
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
23580
24014
  position: relative;
23581
24015
  display: inline-flex;
24016
+ flex-shrink: 0;
23582
24017
  align-items: center;
23583
24018
  justify-content: center;
23584
24019
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23593,28 +24028,35 @@ label.pf-v6-c-tree-view__node-text {
23593
24028
  .pf-v6-c-wizard__nav-link::before {
23594
24029
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23595
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);
23596
24032
  }
23597
24033
  .pf-v6-c-wizard__nav-link.pf-m-current {
23598
24034
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23599
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);
23600
24037
  }
23601
24038
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23602
24039
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23603
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);
23604
24042
  }
23605
24043
 
23606
- .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 {
23607
24045
  display: none;
23608
24046
  }
23609
24047
  .pf-v6-c-wizard__nav-link.pf-m-success {
23610
24048
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23611
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
+ }
23612
24053
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23613
24054
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23614
24055
  }
23615
24056
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23616
24057
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23617
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);
23618
24060
  }
23619
24061
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23620
24062
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23624,23 +24066,29 @@ label.pf-v6-c-tree-view__node-text {
23624
24066
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23625
24067
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23626
24068
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23627
- }
23628
-
23629
- .pf-v6-c-wizard__nav-link-text {
23630
- flex-grow: 1;
24069
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23631
24070
  }
23632
24071
 
23633
24072
  .pf-v6-c-wizard__nav-link-main {
24073
+ position: relative;
23634
24074
  display: flex;
24075
+ flex-grow: 1;
23635
24076
  justify-content: space-between;
23636
24077
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
23637
24078
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
23638
24079
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23639
24080
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23640
24081
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23641
- border: none;
23642
24082
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23643
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
+ }
23644
24092
 
23645
24093
  .pf-v6-c-wizard__nav-link-status-icon {
23646
24094
  position: relative;