@patternfly/react-styles 6.3.0 → 6.3.1-prerelease.0

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 (35) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/Accordion/accordion.css +40 -15
  3. package/css/components/Alert/alert-group.css +15 -2
  4. package/css/components/Badge/badge.css +2 -0
  5. package/css/components/Banner/banner.css +4 -0
  6. package/css/components/Button/button.css +33 -3
  7. package/css/components/Card/card.css +5 -4
  8. package/css/components/CodeBlock/code-block.css +3 -0
  9. package/css/components/CodeEditor/code-editor.css +8 -3
  10. package/css/components/Drawer/drawer.css +44 -41
  11. package/css/components/DualListSelector/dual-list-selector.css +19 -1
  12. package/css/components/Label/label.css +20 -11
  13. package/css/components/Login/login.css +3 -0
  14. package/css/components/Menu/menu.css +11 -0
  15. package/css/components/MenuToggle/menu-toggle.css +12 -5
  16. package/css/components/ModalBox/modal-box.css +3 -0
  17. package/css/components/Nav/nav.css +17 -0
  18. package/css/components/Page/page.css +62 -23
  19. package/css/components/Panel/panel.css +7 -1
  20. package/css/components/Popover/popover.css +4 -0
  21. package/css/components/Progress/progress.css +10 -0
  22. package/css/components/SimpleList/simple-list.css +15 -0
  23. package/css/components/Table/table.css +41 -1
  24. package/css/components/Tabs/tabs.css +7 -0
  25. package/css/components/TextInputGroup/text-input-group.css +7 -0
  26. package/css/components/TreeView/tree-view.css +15 -0
  27. package/css/components/Wizard/wizard.css +33 -6
  28. package/css/components/Wizard/wizard.d.ts +1 -1
  29. package/css/components/Wizard/wizard.js +1 -1
  30. package/css/components/Wizard/wizard.mjs +1 -1
  31. package/css/components/_index.css +440 -116
  32. package/css/components/_index.d.ts +0 -1
  33. package/css/components/_index.js +0 -1
  34. package/css/components/_index.mjs +0 -1
  35. package/package.json +3 -3
@@ -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,11 @@
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--high-contrast--border--width--regular);
275
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
276
+ --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
262
277
  }
263
278
  @media screen and (prefers-reduced-motion: no-preference) {
264
279
  .pf-v6-c-accordion {
@@ -297,6 +312,7 @@
297
312
  --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
298
313
  --pf-v6-c-accordion__item--BorderRadius: 0;
299
314
  --pf-v6-c-accordion__toggle--BorderRadius: 0;
315
+ --pf-v6-c-accordion__item--BorderWidth: 0;
300
316
  }
301
317
  .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
302
318
  border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
@@ -311,6 +327,7 @@
311
327
  pointer-events: none;
312
328
  content: "";
313
329
  background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
330
+ border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
314
331
  border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
315
332
  opacity: var(--pf-v6-c-accordion__item--before--Opacity);
316
333
  transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
@@ -320,17 +337,21 @@
320
337
  .pf-v6-c-accordion__item.pf-m-expanded {
321
338
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
322
339
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
340
+ --pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
323
341
  --pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
324
342
  --pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
325
343
  --pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
326
344
  --pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
345
+ --pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
327
346
  --pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
328
347
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
329
348
  --pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
330
349
  --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));
350
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
351
+ --pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
352
+ --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
353
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
354
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
334
355
  }
335
356
 
336
357
  .pf-v6-c-accordion__toggle {
@@ -351,8 +372,17 @@
351
372
  border: 0;
352
373
  border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
353
374
  }
375
+ .pf-v6-c-accordion__toggle::after {
376
+ position: absolute;
377
+ inset: 0;
378
+ pointer-events: none;
379
+ content: "";
380
+ border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
381
+ border-radius: inherit;
382
+ }
354
383
  .pf-v6-c-accordion__toggle:is(:hover, :focus) {
355
384
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
385
+ --pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
356
386
  }
357
387
 
358
388
  .pf-v6-c-accordion__toggle-text {
@@ -366,6 +396,7 @@
366
396
 
367
397
  .pf-v6-c-accordion__toggle-icon {
368
398
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
399
+ transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
369
400
  }
370
401
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
371
402
  scale: -1 1;
@@ -376,13 +407,15 @@
376
407
  }
377
408
 
378
409
  .pf-v6-c-accordion__expandable-content {
379
- max-height: 0;
410
+ max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
411
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
380
412
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
381
413
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
382
414
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
383
415
  color: var(--pf-v6-c-accordion__expandable-content--Color);
384
- visibility: hidden;
416
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
385
417
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
418
+ border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
386
419
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
387
420
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
388
421
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
@@ -392,17 +425,9 @@
392
425
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
393
426
  }
394
427
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
428
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
395
429
  overflow-y: auto;
396
430
  }
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
431
 
407
432
  .pf-v6-c-accordion__expandable-content-body {
408
433
  padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
@@ -705,7 +730,8 @@
705
730
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
706
731
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
707
732
  --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;
733
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
734
+ --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
709
735
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
710
736
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
711
737
  --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -714,6 +740,7 @@
714
740
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
715
741
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
716
742
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
743
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
717
744
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
718
745
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
719
746
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -744,10 +771,21 @@
744
771
  padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
745
772
  color: var(--pf-v6-c-alert-group__overflow-button--Color);
746
773
  background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
747
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
774
+ border: 0;
748
775
  border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
749
776
  box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
750
777
  }
778
+ .pf-v6-c-alert-group__overflow-button::after {
779
+ position: absolute;
780
+ inset: 0;
781
+ pointer-events: none;
782
+ content: "";
783
+ border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
784
+ border-radius: inherit;
785
+ }
786
+ .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
787
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
788
+ }
751
789
 
752
790
  .pf-v6-c-alert-group__item {
753
791
  display: grid;
@@ -1157,6 +1195,7 @@
1157
1195
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1158
1196
  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1159
1197
  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1198
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
1160
1199
  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
1161
1200
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
1162
1201
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -1189,6 +1228,7 @@
1189
1228
  border-radius: inherit;
1190
1229
  }
1191
1230
  .pf-v6-c-badge.pf-m-read {
1231
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
1192
1232
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
1193
1233
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
1194
1234
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
@@ -1221,6 +1261,8 @@
1221
1261
  --pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
1222
1262
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
1223
1263
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
1264
+ --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
1265
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
1224
1266
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1225
1267
  --pf-v6-c-banner--link--TextDecoration: underline;
1226
1268
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -1271,6 +1313,8 @@
1271
1313
  color: var(--pf-v6-c-banner--Color);
1272
1314
  white-space: nowrap;
1273
1315
  background-color: var(--pf-v6-c-banner--BackgroundColor);
1316
+ border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1317
+ border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
1274
1318
  }
1275
1319
  .pf-v6-c-banner.pf-m-danger {
1276
1320
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
@@ -1553,6 +1597,7 @@ button.pf-v6-c-breadcrumb__link {
1553
1597
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1554
1598
  --pf-v6-c-button--ScaleX: 1;
1555
1599
  --pf-v6-c-button--ScaleY: 1;
1600
+ --pf-v6-c-button--border--offset: 0;
1556
1601
  --pf-v6-c-button--hover--BackgroundColor: transparent;
1557
1602
  --pf-v6-c-button--hover--BorderColor: transparent;
1558
1603
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
@@ -1616,6 +1661,12 @@ button.pf-v6-c-breadcrumb__link {
1616
1661
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1617
1662
  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1618
1663
  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1664
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1665
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1666
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1667
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
1668
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1669
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1619
1670
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1620
1671
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1621
1672
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1666,6 +1717,12 @@ button.pf-v6-c-breadcrumb__link {
1666
1717
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1667
1718
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1668
1719
  --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1720
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1721
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1722
+ --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1723
+ --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
1724
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1725
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1669
1726
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
1670
1727
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
1671
1728
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -1678,7 +1735,7 @@ button.pf-v6-c-breadcrumb__link {
1678
1735
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1679
1736
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1680
1737
  --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);
1738
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
1682
1739
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1683
1740
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1684
1741
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -1813,7 +1870,7 @@ button.pf-v6-c-breadcrumb__link {
1813
1870
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1814
1871
  --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1815
1872
  --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);
1873
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
1817
1874
  --pf-v6-c-button--m-block--Display: flex;
1818
1875
  --pf-v6-c-button--m-block--Width: 100%;
1819
1876
  --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -1869,7 +1926,7 @@ button.pf-v6-c-breadcrumb__link {
1869
1926
  }
1870
1927
  .pf-v6-c-button::after {
1871
1928
  position: absolute;
1872
- inset: 0;
1929
+ inset: var(--pf-v6-c-button--border--offset);
1873
1930
  pointer-events: none;
1874
1931
  content: "";
1875
1932
  border: var(--pf-v6-c-button--BorderWidth) solid;
@@ -1933,6 +1990,12 @@ button.pf-v6-c-breadcrumb__link {
1933
1990
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
1934
1991
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
1935
1992
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
1993
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
1994
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
1995
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
1996
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
1997
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
1998
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
1936
1999
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
1937
2000
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
1938
2001
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
@@ -1972,6 +2035,9 @@ button.pf-v6-c-breadcrumb__link {
1972
2035
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
1973
2036
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
1974
2037
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2038
+ --pf-v6-c-button--BorderWidth: 0;
2039
+ --pf-v6-c-button--hover--BorderWidth: 0;
2040
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
1975
2041
  text-align: start;
1976
2042
  white-space: normal;
1977
2043
  background: transparent;
@@ -2079,6 +2145,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2079
2145
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
2080
2146
  }
2081
2147
  .pf-v6-c-button.pf-m-plain {
2148
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
2149
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
2150
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
2151
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
2152
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
2153
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
2082
2154
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
2083
2155
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
2084
2156
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
@@ -2107,6 +2179,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2107
2179
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
2108
2180
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
2109
2181
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
2182
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
2110
2183
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
2111
2184
  background: var(--pf-v6-c-button--BackgroundColor);
2112
2185
  }
@@ -2199,6 +2272,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2199
2272
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
2200
2273
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
2201
2274
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
2275
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
2202
2276
  }
2203
2277
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
2204
2278
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -2591,6 +2665,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2591
2665
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2592
2666
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2593
2667
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2668
+ --pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
2594
2669
  --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2595
2670
  --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2596
2671
  --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -2621,7 +2696,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2621
2696
  --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2622
2697
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2623
2698
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2624
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
2699
+ --pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
2625
2700
  --pf-v6-c-card--m-full-height--Height: 100%;
2626
2701
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2627
2702
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -2780,7 +2855,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2780
2855
  }
2781
2856
 
2782
2857
  .pf-v6-c-card__title-text {
2783
- overflow: auto;
2784
2858
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
2785
2859
  font-size: var(--pf-v6-c-card__title-text--FontSize);
2786
2860
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
@@ -2822,17 +2896,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2822
2896
  z-index: -1;
2823
2897
  content: "";
2824
2898
  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);
2899
+ border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
2826
2900
  border-radius: var(--pf-v6-c-card--BorderRadius);
2827
2901
  }
2828
2902
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
2829
2903
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
2904
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
2830
2905
  }
2831
2906
 
2832
2907
  .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
2833
2908
  .pf-v6-c-card.pf-m-selected {
2834
2909
  --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);
2910
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2836
2911
  }
2837
2912
 
2838
2913
  .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
@@ -3086,6 +3161,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3086
3161
  }
3087
3162
 
3088
3163
  .pf-v6-c-code-block {
3164
+ --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
3165
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
3089
3166
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3090
3167
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3091
3168
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -3104,6 +3181,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3104
3181
 
3105
3182
  .pf-v6-c-code-block {
3106
3183
  background-color: var(--pf-v6-c-code-block--BackgroundColor);
3184
+ border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
3107
3185
  border-radius: var(--pf-v6-c-code-block--BorderRadius);
3108
3186
  }
3109
3187
 
@@ -3144,6 +3222,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3144
3222
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
3145
3223
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
3146
3224
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3225
+ --pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
3226
+ --pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
3227
+ --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3228
+ --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3147
3229
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3148
3230
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3149
3231
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -3215,12 +3297,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3215
3297
  }
3216
3298
  .pf-v6-c-code-editor__header::before {
3217
3299
  position: absolute;
3218
- inset-block-end: 0;
3219
- inset-inline-start: 0;
3220
- inset-inline-end: 0;
3300
+ inset: 0;
3221
3301
  pointer-events: none;
3222
3302
  content: "";
3303
+ border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
3223
3304
  border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
3305
+ border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
3306
+ border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
3224
3307
  }
3225
3308
  .pf-v6-c-code-editor__header.pf-m-plain {
3226
3309
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
@@ -4878,8 +4961,12 @@ ul) {
4878
4961
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
4879
4962
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
4880
4963
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4964
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
4965
+ --pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
4881
4966
  --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4967
+ --pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
4882
4968
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4969
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
4883
4970
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4884
4971
  --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
4885
4972
  --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -4985,6 +5072,7 @@ ul) {
4985
5072
  overflow: auto;
4986
5073
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
4987
5074
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5075
+ outline-offset: 2px;
4988
5076
  }
4989
5077
 
4990
5078
  .pf-v6-c-dual-list-selector__list {
@@ -5009,7 +5097,7 @@ ul) {
5009
5097
  overflow-anchor: none;
5010
5098
  }
5011
5099
 
5012
- .pf-v6-c-dual-list-selector__list-item:focus {
5100
+ .pf-v6-c-dual-list-selector__list-item:focus-visible {
5013
5101
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5014
5102
  }
5015
5103
  .pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
@@ -5043,12 +5131,22 @@ ul) {
5043
5131
  }
5044
5132
 
5045
5133
  .pf-v6-c-dual-list-selector__list-item-row {
5134
+ position: relative;
5046
5135
  display: flex;
5047
5136
  font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
5048
5137
  background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
5049
5138
  }
5139
+ .pf-v6-c-dual-list-selector__list-item-row::before {
5140
+ position: absolute;
5141
+ inset: 0;
5142
+ pointer-events: none;
5143
+ content: "";
5144
+ border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5145
+ border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
5146
+ }
5050
5147
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
5051
5148
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
5149
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
5052
5150
  }
5053
5151
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
5054
5152
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
@@ -5056,9 +5154,12 @@ ul) {
5056
5154
  }
5057
5155
  .pf-v6-c-dual-list-selector__list-item-row:hover {
5058
5156
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
5157
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
5059
5158
  }
5060
5159
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
5061
5160
  --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
5161
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderColor: transparent;
5162
+ --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
5062
5163
  }
5063
5164
  .pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
5064
5165
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
@@ -5578,6 +5679,11 @@ ul) {
5578
5679
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5579
5680
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5580
5681
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5682
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
5683
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
5684
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
5685
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
5686
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5581
5687
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5582
5688
  --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5583
5689
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5674,13 +5780,14 @@ ul) {
5674
5780
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5675
5781
  --pf-v6-c-drawer__panel--BoxShadow: none;
5676
5782
  --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;
5783
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
5784
+ --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5785
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
5786
+ --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
5680
5787
  --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);
5788
+ --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
5789
+ --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
5790
+ --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
5684
5791
  }
5685
5792
  @media screen and (prefers-reduced-motion: no-preference) {
5686
5793
  .pf-v6-c-drawer {
@@ -5721,6 +5828,7 @@ ul) {
5721
5828
 
5722
5829
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5723
5830
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5831
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
5724
5832
  }
5725
5833
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
5726
5834
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -5821,6 +5929,11 @@ ul) {
5821
5929
  overflow: auto;
5822
5930
  visibility: hidden;
5823
5931
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
5932
+ border: solid var(--pf-v6-c-drawer__panel--BorderColor);
5933
+ border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
5934
+ border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
5935
+ border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
5936
+ border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
5824
5937
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
5825
5938
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
5826
5939
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -5829,15 +5942,6 @@ ul) {
5829
5942
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
5830
5943
  -webkit-overflow-scrolling: touch;
5831
5944
  }
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
5945
  .pf-v6-c-drawer__panel:not(.pf-m-resizable) {
5842
5946
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
5843
5947
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
@@ -5992,13 +6096,13 @@ ul) {
5992
6096
  }
5993
6097
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
5994
6098
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
6099
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6100
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6101
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6102
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
5995
6103
  flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
5996
6104
  min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
5997
6105
  }
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
6106
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6003
6107
  flex-shrink: 0;
6004
6108
  }
@@ -6007,18 +6111,17 @@ ul) {
6007
6111
  }
6008
6112
  .pf-v6-c-drawer.pf-m-panel-left {
6009
6113
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
6114
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
6115
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6010
6116
  }
6011
6117
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6118
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6012
6119
  padding-inline-start: 0;
6013
6120
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
6014
6121
  }
6015
6122
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6016
6123
  transform: translateX(0);
6017
6124
  }
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
6125
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
6023
6126
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
6024
6127
  order: 1;
@@ -6027,19 +6130,16 @@ ul) {
6027
6130
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
6028
6131
  --pf-v6-c-drawer__panel--MaxHeight: 100%;
6029
6132
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
6133
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6134
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
6030
6135
  min-width: auto;
6031
6136
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
6032
6137
  }
6033
6138
  .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6139
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
6034
6140
  padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
6035
6141
  padding-inline-start: 0;
6036
6142
  }
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
6143
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
6044
6144
  --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
6045
6145
  --pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
@@ -6068,6 +6168,10 @@ ul) {
6068
6168
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
6069
6169
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
6070
6170
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6171
+ --pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
6172
+ --pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
6173
+ --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
6174
+ --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
6071
6175
  }
6072
6176
  .pf-v6-c-drawer__splitter {
6073
6177
  display: block;
@@ -6162,9 +6266,9 @@ ul) {
6162
6266
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6163
6267
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6164
6268
  }
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);
6269
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6270
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6271
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6168
6272
  }
6169
6273
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6170
6274
  overflow-x: auto;
@@ -6229,9 +6333,9 @@ ul) {
6229
6333
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6230
6334
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6231
6335
  }
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);
6336
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6337
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6338
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6235
6339
  }
6236
6340
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6237
6341
  overflow-x: auto;
@@ -6296,9 +6400,9 @@ ul) {
6296
6400
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6297
6401
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6298
6402
  }
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);
6403
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6404
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6405
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6302
6406
  }
6303
6407
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6304
6408
  overflow-x: auto;
@@ -6363,9 +6467,9 @@ ul) {
6363
6467
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6364
6468
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
6365
6469
  }
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);
6470
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
6471
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
6472
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
6369
6473
  }
6370
6474
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
6371
6475
  overflow-x: auto;
@@ -8594,10 +8698,11 @@ label.pf-v6-c-input-group__text {
8594
8698
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8595
8699
  --pf-v6-c-label--MaxWidth: 100%;
8596
8700
  --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
8597
- --pf-v6-c-label--BorderWidth: 0;
8598
- --pf-v6-c-label--BorderColor: transparent;
8701
+ --pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
8702
+ --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
8599
8703
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
8600
8704
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
8705
+ --pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8601
8706
  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8602
8707
  --pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8603
8708
  --pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
@@ -8720,8 +8825,8 @@ label.pf-v6-c-input-group__text {
8720
8825
  --pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
8721
8826
  --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
8722
8827
  --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;
8828
+ --pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8829
+ --pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
8725
8830
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8726
8831
  --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8727
8832
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
@@ -8734,8 +8839,10 @@ label.pf-v6-c-input-group__text {
8734
8839
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8735
8840
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
8736
8841
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8842
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
8737
8843
  --pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
8738
8844
  --pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8845
+ --pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8739
8846
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8740
8847
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8741
8848
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -8756,15 +8863,15 @@ label.pf-v6-c-input-group__text {
8756
8863
  --pf-v6-c-label__content--Cursor: initial;
8757
8864
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8758
8865
  --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);
8866
+ --pf-v6-c-label__actions--MarginInlineEnd: 0;
8760
8867
  --pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8761
8868
  --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);
8869
+ --pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
8870
+ --pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
8871
+ --pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
8872
+ --pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
8873
+ --pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
8874
+ --pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
8768
8875
  --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
8769
8876
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
8770
8877
  --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
@@ -8784,6 +8891,7 @@ label.pf-v6-c-input-group__text {
8784
8891
 
8785
8892
  .pf-v6-c-label {
8786
8893
  position: relative;
8894
+ gap: var(--pf-v6-c-label--Gap);
8787
8895
  min-width: var(--pf-v6-c-label--MinWidth);
8788
8896
  max-width: var(--pf-v6-c-label--MaxWidth);
8789
8897
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
@@ -8983,10 +9091,12 @@ label.pf-v6-c-input-group__text {
8983
9091
  .pf-v6-c-label.pf-m-overflow {
8984
9092
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
8985
9093
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
9094
+ --pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
8986
9095
  }
8987
9096
  .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
8988
9097
  --pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
8989
9098
  --pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
9099
+ --pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
8990
9100
  }
8991
9101
  .pf-v6-c-label.pf-m-add {
8992
9102
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
@@ -9086,6 +9196,9 @@ input.pf-v6-c-label__content {
9086
9196
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
9087
9197
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9088
9198
  }
9199
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
9200
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
9201
+ }
9089
9202
 
9090
9203
  .pf-v6-c-label-group {
9091
9204
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -9324,6 +9437,8 @@ ul.pf-v6-c-list {
9324
9437
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9325
9438
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9326
9439
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9440
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
9441
+ --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
9327
9442
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9328
9443
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9329
9444
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -9455,6 +9570,7 @@ ul.pf-v6-c-list {
9455
9570
  align-self: start;
9456
9571
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
9457
9572
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
9573
+ border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
9458
9574
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
9459
9575
  }
9460
9576
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
@@ -10101,6 +10217,8 @@ ul.pf-v6-c-list {
10101
10217
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10102
10218
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
10103
10219
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
10220
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
10221
+ --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
10104
10222
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
10105
10223
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
10106
10224
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
@@ -10121,6 +10239,9 @@ ul.pf-v6-c-list {
10121
10239
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
10122
10240
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
10123
10241
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10242
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10243
+ --pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10244
+ --pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
10124
10245
  --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10125
10246
  --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10126
10247
  --pf-v6-c-menu__list-item--TransitionProperty: background-color;
@@ -10296,6 +10417,7 @@ ul.pf-v6-c-list {
10296
10417
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
10297
10418
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
10298
10419
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
10420
+ --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
10299
10421
  }
10300
10422
  .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
10301
10423
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
@@ -10320,6 +10442,7 @@ ul.pf-v6-c-list {
10320
10442
  overflow: hidden;
10321
10443
  color: var(--pf-v6-c-menu--Color);
10322
10444
  background-color: var(--pf-v6-c-menu--BackgroundColor);
10445
+ border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
10323
10446
  border-radius: var(--pf-v6-c-menu--BorderRadius);
10324
10447
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
10325
10448
  transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
@@ -10364,6 +10487,7 @@ ul.pf-v6-c-list {
10364
10487
  }
10365
10488
  .pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
10366
10489
  padding: 0;
10490
+ border: 0;
10367
10491
  }
10368
10492
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
10369
10493
  .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
@@ -10506,6 +10630,8 @@ ul.pf-v6-c-list {
10506
10630
  inset: 0;
10507
10631
  content: "";
10508
10632
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
10633
+ border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10634
+ border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
10509
10635
  transition: inherit;
10510
10636
  }
10511
10637
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -10530,6 +10656,7 @@ ul.pf-v6-c-list {
10530
10656
  }
10531
10657
  .pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
10532
10658
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
10659
+ --pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
10533
10660
  }
10534
10661
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
10535
10662
  .pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
@@ -10718,19 +10845,19 @@ ul.pf-v6-c-list {
10718
10845
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
10719
10846
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
10720
10847
  --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);
10848
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
10722
10849
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
10723
10850
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
10724
10851
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
10725
10852
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
10726
10853
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
10727
10854
  --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);
10855
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
10729
10856
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
10730
10857
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10731
10858
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
10732
10859
  --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);
10860
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
10734
10861
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
10735
10862
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10736
10863
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10817,7 +10944,10 @@ ul.pf-v6-c-list {
10817
10944
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10818
10945
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10819
10946
  --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;
10947
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
10948
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10949
+ --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10950
+ --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10821
10951
  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10822
10952
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10823
10953
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -10943,6 +11073,7 @@ ul.pf-v6-c-list {
10943
11073
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
10944
11074
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10945
11075
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
11076
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
10946
11077
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
10947
11078
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10948
11079
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
@@ -10955,12 +11086,14 @@ ul.pf-v6-c-list {
10955
11086
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10956
11087
  }
10957
11088
  .pf-v6-c-menu-toggle.pf-m-plain::before {
10958
- border: none;
11089
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
11090
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10959
11091
  }
10960
11092
  .pf-v6-c-menu-toggle:is(:hover, :focus) {
10961
11093
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
10962
11094
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
10963
11095
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
11096
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
10964
11097
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
10965
11098
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
10966
11099
  --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
@@ -10972,6 +11105,7 @@ ul.pf-v6-c-list {
10972
11105
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
10973
11106
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
10974
11107
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
11108
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
10975
11109
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10976
11110
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10977
11111
  }
@@ -11220,6 +11354,8 @@ ul.pf-v6-c-list {
11220
11354
 
11221
11355
  .pf-v6-c-modal-box {
11222
11356
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11357
+ --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
11358
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
11223
11359
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
11224
11360
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
11225
11361
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -11286,6 +11422,7 @@ ul.pf-v6-c-list {
11286
11422
  max-height: var(--pf-v6-c-modal-box--MaxHeight);
11287
11423
  overflow: auto;
11288
11424
  background-color: var(--pf-v6-c-modal-box--BackgroundColor);
11425
+ border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
11289
11426
  border-radius: var(--pf-v6-c-modal-box--BorderRadius);
11290
11427
  box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
11291
11428
  }
@@ -11677,6 +11814,10 @@ ul.pf-v6-c-list {
11677
11814
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
11678
11815
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
11679
11816
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
11817
+ --pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
11818
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11819
+ --pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11820
+ --pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11680
11821
  --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
11681
11822
  --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
11682
11823
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
@@ -11711,6 +11852,8 @@ ul.pf-v6-c-list {
11711
11852
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
11712
11853
  --pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11713
11854
  --pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
11855
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11856
+ --pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
11714
11857
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11715
11858
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11716
11859
  --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -11870,12 +12013,22 @@ ul.pf-v6-c-list {
11870
12013
  transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
11871
12014
  transition-property: background-color, color;
11872
12015
  }
12016
+ .pf-v6-c-nav__link::after {
12017
+ position: absolute;
12018
+ inset: 0;
12019
+ pointer-events: none;
12020
+ content: "";
12021
+ border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
12022
+ border-radius: inherit;
12023
+ }
11873
12024
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
12025
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
11874
12026
  color: var(--pf-v6-c-nav__link--hover--Color);
11875
12027
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
11876
12028
  }
11877
12029
  .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
11878
12030
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
12031
+ --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
11879
12032
  color: var(--pf-v6-c-nav__link--m-current--Color);
11880
12033
  background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
11881
12034
  }
@@ -11978,6 +12131,7 @@ ul.pf-v6-c-list {
11978
12131
  --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11979
12132
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11980
12133
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
12134
+ border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
11981
12135
  border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11982
12136
  }
11983
12137
  .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
@@ -12308,7 +12462,7 @@ ul.pf-v6-c-list {
12308
12462
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
12309
12463
  --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
12310
12464
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12311
- --pf-v6-c-page__sidebar--BoxShadow: none;
12465
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
12312
12466
  --pf-v6-c-page__sidebar--TransitionProperty: opacity;
12313
12467
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
12314
12468
  --pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
@@ -12323,6 +12477,8 @@ ul.pf-v6-c-list {
12323
12477
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12324
12478
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
12325
12479
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
12480
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12481
+ --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
12326
12482
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12327
12483
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
12328
12484
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12347,13 +12503,19 @@ ul.pf-v6-c-list {
12347
12503
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
12348
12504
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
12349
12505
  --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);
12506
+ --pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
12507
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
12508
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
12509
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
12510
+ --pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
12352
12511
  --pf-v6-c-page__main-container--xs--AlignSelf: stretch;
12353
12512
  --pf-v6-c-page__main-container--xs--BorderRadius: 0;
12354
12513
  --pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
12355
12514
  --pf-v6-c-page__main-container--xs--MaxHeight: 100%;
12356
12515
  --pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
12516
+ --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
12517
+ --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
12518
+ --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
12357
12519
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
12358
12520
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12359
12521
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -12366,22 +12528,30 @@ ul.pf-v6-c-list {
12366
12528
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
12367
12529
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
12368
12530
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12531
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12532
+ --pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12369
12533
  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
12370
12534
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12535
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12536
+ --pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12371
12537
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12372
12538
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
12539
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
12540
+ --pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
12373
12541
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12374
12542
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
12543
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12544
+ --pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12375
12545
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12376
12546
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
12377
12547
  --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));
12548
+ --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12549
+ --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12380
12550
  --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12381
12551
  --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));
12552
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12383
12553
  --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));
12554
+ --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
12385
12555
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12386
12556
  --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12387
12557
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
@@ -12404,6 +12574,7 @@ ul.pf-v6-c-list {
12404
12574
  .pf-v6-c-page {
12405
12575
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
12406
12576
  --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
12577
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
12407
12578
  }
12408
12579
  }
12409
12580
 
@@ -12497,6 +12668,7 @@ ul.pf-v6-c-list {
12497
12668
  overflow-y: auto;
12498
12669
  -webkit-overflow-scrolling: touch;
12499
12670
  background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
12671
+ border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
12500
12672
  opacity: var(--pf-v6-c-page__sidebar--Opacity);
12501
12673
  transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
12502
12674
  transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
@@ -12512,7 +12684,7 @@ ul.pf-v6-c-list {
12512
12684
  }
12513
12685
  @media screen and (min-width: 75rem) {
12514
12686
  .pf-v6-c-page__sidebar.pf-m-expanded {
12515
- --pf-v6-c-page__sidebar--BoxShadow: none;
12687
+ --pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
12516
12688
  }
12517
12689
  }
12518
12690
  .pf-v6-c-page__sidebar.pf-m-collapsed {
@@ -12609,6 +12781,7 @@ ul.pf-v6-c-list {
12609
12781
  .pf-v6-c-page__main-group.pf-m-shadow-bottom,
12610
12782
  .pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
12611
12783
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
12784
+ border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
12612
12785
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
12613
12786
  }
12614
12787
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
@@ -12618,6 +12791,7 @@ ul.pf-v6-c-list {
12618
12791
  .pf-v6-c-page__main-group.pf-m-shadow-top,
12619
12792
  .pf-v6-c-page__main-subnav.pf-m-shadow-top {
12620
12793
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
12794
+ border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
12621
12795
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
12622
12796
  }
12623
12797
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
@@ -12629,6 +12803,7 @@ ul.pf-v6-c-list {
12629
12803
  position: sticky;
12630
12804
  inset-block-start: 0;
12631
12805
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12806
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12632
12807
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12633
12808
  }
12634
12809
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
@@ -12640,6 +12815,7 @@ ul.pf-v6-c-list {
12640
12815
  position: sticky;
12641
12816
  inset-block-end: 0;
12642
12817
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12818
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12643
12819
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12644
12820
  }
12645
12821
  @media (min-height: 0) {
@@ -12652,6 +12828,7 @@ ul.pf-v6-c-list {
12652
12828
  position: sticky;
12653
12829
  inset-block-start: 0;
12654
12830
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12831
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12655
12832
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12656
12833
  }
12657
12834
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
@@ -12663,6 +12840,7 @@ ul.pf-v6-c-list {
12663
12840
  position: sticky;
12664
12841
  inset-block-end: 0;
12665
12842
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12843
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12666
12844
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12667
12845
  }
12668
12846
  }
@@ -12676,6 +12854,7 @@ ul.pf-v6-c-list {
12676
12854
  position: sticky;
12677
12855
  inset-block-start: 0;
12678
12856
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12857
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12679
12858
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12680
12859
  }
12681
12860
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
@@ -12687,6 +12866,7 @@ ul.pf-v6-c-list {
12687
12866
  position: sticky;
12688
12867
  inset-block-end: 0;
12689
12868
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12869
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12690
12870
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12691
12871
  }
12692
12872
  }
@@ -12700,6 +12880,7 @@ ul.pf-v6-c-list {
12700
12880
  position: sticky;
12701
12881
  inset-block-start: 0;
12702
12882
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12883
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12703
12884
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12704
12885
  }
12705
12886
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
@@ -12711,6 +12892,7 @@ ul.pf-v6-c-list {
12711
12892
  position: sticky;
12712
12893
  inset-block-end: 0;
12713
12894
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12895
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12714
12896
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12715
12897
  }
12716
12898
  }
@@ -12724,6 +12906,7 @@ ul.pf-v6-c-list {
12724
12906
  position: sticky;
12725
12907
  inset-block-start: 0;
12726
12908
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12909
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12727
12910
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12728
12911
  }
12729
12912
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
@@ -12735,6 +12918,7 @@ ul.pf-v6-c-list {
12735
12918
  position: sticky;
12736
12919
  inset-block-end: 0;
12737
12920
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12921
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12738
12922
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12739
12923
  }
12740
12924
  }
@@ -12748,6 +12932,7 @@ ul.pf-v6-c-list {
12748
12932
  position: sticky;
12749
12933
  inset-block-start: 0;
12750
12934
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
12935
+ border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
12751
12936
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
12752
12937
  }
12753
12938
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
@@ -12759,6 +12944,7 @@ ul.pf-v6-c-list {
12759
12944
  position: sticky;
12760
12945
  inset-block-end: 0;
12761
12946
  z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
12947
+ border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
12762
12948
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
12763
12949
  }
12764
12950
  }
@@ -12771,7 +12957,11 @@ ul.pf-v6-c-list {
12771
12957
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
12772
12958
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
12773
12959
  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);
12960
+ border: solid var(--pf-v6-c-page__main-container--BorderColor);
12961
+ border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
12962
+ border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
12963
+ border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
12964
+ border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
12775
12965
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
12776
12966
  }
12777
12967
  @media screen and (max-width: calc(48rem - 1px)) {
@@ -12781,6 +12971,9 @@ ul.pf-v6-c-list {
12781
12971
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
12782
12972
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
12783
12973
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
12974
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
12975
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
12976
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
12784
12977
  }
12785
12978
  }
12786
12979
 
@@ -12901,8 +13094,8 @@ ul.pf-v6-c-list {
12901
13094
  gap: var(--pf-v6-c-page__main-section--RowGap);
12902
13095
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12903
13096
  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));
13097
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13098
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12906
13099
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12907
13100
  }
12908
13101
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12911,8 +13104,8 @@ ul.pf-v6-c-list {
12911
13104
  .pf-v6-c-page__main-section.pf-m-padding {
12912
13105
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12913
13106
  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));
13107
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13108
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12916
13109
  }
12917
13110
  .pf-v6-c-page__main-section.pf-m-no-padding {
12918
13111
  padding: 0;
@@ -12921,8 +13114,8 @@ ul.pf-v6-c-list {
12921
13114
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12922
13115
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12923
13116
  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));
13117
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13118
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12926
13119
  }
12927
13120
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12928
13121
  padding: 0;
@@ -12932,8 +13125,8 @@ ul.pf-v6-c-list {
12932
13125
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12933
13126
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12934
13127
  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));
13128
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13129
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12937
13130
  }
12938
13131
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12939
13132
  padding: 0;
@@ -12943,8 +13136,8 @@ ul.pf-v6-c-list {
12943
13136
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12944
13137
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12945
13138
  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));
13139
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13140
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12948
13141
  }
12949
13142
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12950
13143
  padding: 0;
@@ -12954,8 +13147,8 @@ ul.pf-v6-c-list {
12954
13147
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12955
13148
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12956
13149
  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));
13150
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13151
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12959
13152
  }
12960
13153
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12961
13154
  padding: 0;
@@ -12965,8 +13158,8 @@ ul.pf-v6-c-list {
12965
13158
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12966
13159
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12967
13160
  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));
13161
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
13162
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
12970
13163
  }
12971
13164
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12972
13165
  padding: 0;
@@ -13367,11 +13560,14 @@ ul.pf-v6-c-list {
13367
13560
  --pf-v6-c-panel--BoxShadow: none;
13368
13561
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
13369
13562
  --pf-v6-c-panel--before--BorderWidth: 0;
13370
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
13563
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
13371
13564
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13565
+ --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13372
13566
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13567
+ --pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
13373
13568
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
13374
13569
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13570
+ --pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
13375
13571
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
13376
13572
  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13377
13573
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13413,13 +13609,16 @@ ul.pf-v6-c-list {
13413
13609
  }
13414
13610
  .pf-v6-c-panel.pf-m-bordered {
13415
13611
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
13612
+ --pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
13416
13613
  }
13417
13614
  .pf-v6-c-panel.pf-m-secondary {
13418
13615
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
13616
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
13419
13617
  }
13420
13618
  .pf-v6-c-panel.pf-m-raised {
13421
13619
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
13422
13620
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
13621
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
13423
13622
  }
13424
13623
  .pf-v6-c-panel.pf-m-scrollable {
13425
13624
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
@@ -13461,6 +13660,8 @@ ul.pf-v6-c-list {
13461
13660
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13462
13661
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
13463
13662
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
13663
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
13664
+ --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
13464
13665
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
13465
13666
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13466
13667
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -13511,6 +13712,7 @@ ul.pf-v6-c-list {
13511
13712
  min-width: var(--pf-v6-c-popover--MinWidth);
13512
13713
  max-width: var(--pf-v6-c-popover--MaxWidth);
13513
13714
  font-size: var(--pf-v6-c-popover--FontSize);
13715
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13514
13716
  border-radius: var(--pf-v6-c-popover--BorderRadius);
13515
13717
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
13516
13718
  }
@@ -13625,6 +13827,7 @@ ul.pf-v6-c-list {
13625
13827
  height: var(--pf-v6-c-popover__arrow--Height);
13626
13828
  pointer-events: none;
13627
13829
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13830
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
13628
13831
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13629
13832
  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13630
13833
  }
@@ -13665,6 +13868,8 @@ ul.pf-v6-c-list {
13665
13868
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13666
13869
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13667
13870
  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
13871
+ --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
13872
+ --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
13668
13873
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13669
13874
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13670
13875
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13826,6 +14031,14 @@ ul.pf-v6-c-list {
13826
14031
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13827
14032
  border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
13828
14033
  }
14034
+ .pf-v6-c-progress__bar::before {
14035
+ position: absolute;
14036
+ inset: 0;
14037
+ pointer-events: none;
14038
+ content: "";
14039
+ border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
14040
+ border-radius: inherit;
14041
+ }
13829
14042
 
13830
14043
  .pf-v6-c-progress__indicator {
13831
14044
  position: absolute;
@@ -14892,6 +15105,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14892
15105
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
14893
15106
  --pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
14894
15107
  --pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
15108
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
15109
+ --pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
15110
+ --pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
15111
+ --pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
14895
15112
  --pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
14896
15113
  --pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
14897
15114
  --pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -14906,6 +15123,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14906
15123
  }
14907
15124
 
14908
15125
  .pf-v6-c-simple-list__item-link {
15126
+ position: relative;
14909
15127
  display: block;
14910
15128
  width: 100%;
14911
15129
  padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
@@ -14920,6 +15138,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14920
15138
  border: none;
14921
15139
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
14922
15140
  }
15141
+ .pf-v6-c-simple-list__item-link::after {
15142
+ position: absolute;
15143
+ inset: 0;
15144
+ pointer-events: none;
15145
+ content: "";
15146
+ border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
15147
+ border-radius: inherit;
15148
+ }
14923
15149
  .pf-v6-c-simple-list__item-link.pf-m-link {
14924
15150
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
14925
15151
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
@@ -14928,11 +15154,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14928
15154
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
14929
15155
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
14930
15156
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
15157
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
14931
15158
  text-decoration-line: none;
14932
15159
  }
14933
15160
  .pf-v6-c-simple-list__item-link.pf-m-current {
14934
15161
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14935
15162
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
15163
+ --pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
14936
15164
  }
14937
15165
 
14938
15166
  .pf-v6-c-simple-list__title {
@@ -17276,7 +17504,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17276
17504
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17277
17505
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
17278
17506
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
17279
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17507
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17508
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17280
17509
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17281
17510
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17282
17511
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17326,6 +17555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17326
17555
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17327
17556
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17328
17557
  --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
17558
+ --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
17559
+ --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
17560
+ --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
17329
17561
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17330
17562
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17331
17563
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17355,6 +17587,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17355
17587
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17356
17588
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17357
17589
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17590
+ --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
17591
+ --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
17358
17592
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17359
17593
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17360
17594
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17376,10 +17610,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17376
17610
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17377
17611
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17378
17612
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
17613
+ --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
17379
17614
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17380
17615
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17381
17616
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17382
17617
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
17618
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
17383
17619
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17384
17620
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17385
17621
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17791,6 +18027,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17791
18027
  }
17792
18028
 
17793
18029
  .pf-v6-c-table__button {
18030
+ position: relative;
17794
18031
  width: auto;
17795
18032
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17796
18033
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17809,6 +18046,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17809
18046
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17810
18047
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17811
18048
  }
18049
+ .pf-v6-c-table__button::after {
18050
+ position: absolute;
18051
+ inset: 0;
18052
+ pointer-events: none;
18053
+ content: "";
18054
+ border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
18055
+ border-radius: inherit;
18056
+ }
17812
18057
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17813
18058
  margin-block-end: 0;
17814
18059
  }
@@ -17879,6 +18124,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17879
18124
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
17880
18125
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
17881
18126
  }
18127
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
18128
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
18129
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
18130
+ line-height: 1lh;
18131
+ }
18132
+
17882
18133
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
17883
18134
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17884
18135
  }
@@ -17978,6 +18229,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17978
18229
  content: "";
17979
18230
  border: 0;
17980
18231
  border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
18232
+ border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
17981
18233
  }
17982
18234
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17983
18235
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -18001,6 +18253,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18001
18253
  align-self: last baseline;
18002
18254
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
18003
18255
  }
18256
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
18257
+ line-height: 1lh;
18258
+ }
18004
18259
 
18005
18260
  .pf-v6-c-table__sort {
18006
18261
  vertical-align: bottom;
@@ -18009,6 +18264,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18009
18264
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
18010
18265
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
18011
18266
  --pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
18267
+ --pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
18012
18268
  }
18013
18269
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
18014
18270
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18058,16 +18314,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18058
18314
  border-radius: 0;
18059
18315
  }
18060
18316
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18317
+ position: relative;
18061
18318
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18062
18319
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18063
18320
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18064
18321
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18065
18322
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18323
+ border: 0;
18066
18324
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18067
18325
  }
18068
18326
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18069
18327
  background-color: transparent;
18070
18328
  }
18329
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
18330
+ position: absolute;
18331
+ inset: 0;
18332
+ pointer-events: none;
18333
+ content: "";
18334
+ border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
18335
+ border-radius: inherit;
18336
+ }
18071
18337
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18072
18338
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18073
18339
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18111,6 +18377,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18111
18377
 
18112
18378
  .pf-v6-c-table__thead {
18113
18379
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
18380
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
18114
18381
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
18115
18382
  vertical-align: bottom;
18116
18383
  }
@@ -18124,6 +18391,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18124
18391
  vertical-align: top;
18125
18392
  }
18126
18393
  .pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
18394
+ --pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
18127
18395
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18128
18396
  }
18129
18397
 
@@ -19150,6 +19418,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19150
19418
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19151
19419
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19152
19420
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
19421
+ --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
19422
+ --pf-v6-c-tabs__link--BorderColor: transparent;
19423
+ --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
19424
+ --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
19153
19425
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19154
19426
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19155
19427
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19649,6 +19921,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19649
19921
  color: var(--pf-v6-c-tabs__link--Color);
19650
19922
  text-decoration-line: none;
19651
19923
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
19924
+ border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
19652
19925
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19653
19926
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19654
19927
  }
@@ -19682,6 +19955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19682
19955
 
19683
19956
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19684
19957
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
19958
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
19685
19959
  }
19686
19960
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19687
19961
  pointer-events: none;
@@ -19696,6 +19970,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19696
19970
 
19697
19971
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19698
19972
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
19973
+ --pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
19699
19974
  }
19700
19975
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19701
19976
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -20025,6 +20300,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20025
20300
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
20026
20301
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
20027
20302
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
20303
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
20028
20304
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
20029
20305
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
20030
20306
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20071,6 +20347,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20071
20347
  }
20072
20348
  .pf-v6-c-text-input-group.pf-m-disabled {
20073
20349
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20350
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20351
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20074
20352
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20075
20353
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20076
20354
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20119,6 +20397,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20119
20397
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
20120
20398
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
20121
20399
  }
20400
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
20401
+ --pf-v6-c-text-input-group__text--Position: relative;
20402
+ }
20122
20403
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
20123
20404
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
20124
20405
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -20181,6 +20462,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20181
20462
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20182
20463
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20183
20464
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
20465
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
20184
20466
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20185
20467
  border: 0;
20186
20468
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -22713,6 +22995,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22713
22995
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22714
22996
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22715
22997
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
22998
+ --pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
22999
+ --pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
23000
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23001
+ --pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23002
+ --pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
22716
23003
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22717
23004
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22718
23005
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -22998,8 +23285,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22998
23285
  color: var(--pf-v6-c-tree-view__node--Color);
22999
23286
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
23000
23287
  }
23288
+ .pf-v6-c-tree-view__node::after {
23289
+ position: absolute;
23290
+ inset: 0;
23291
+ pointer-events: none;
23292
+ content: "";
23293
+ border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
23294
+ border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
23295
+ }
23001
23296
  .pf-v6-c-tree-view__node.pf-m-current {
23002
23297
  --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
23298
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
23003
23299
  }
23004
23300
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
23005
23301
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23097,6 +23393,7 @@ label.pf-v6-c-tree-view__node-text {
23097
23393
 
23098
23394
  .pf-v6-c-tree-view__content:hover,
23099
23395
  .pf-v6-c-tree-view__content:focus-within {
23396
+ --pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
23100
23397
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23101
23398
  }
23102
23399
 
@@ -23233,6 +23530,10 @@ label.pf-v6-c-tree-view__node-text {
23233
23530
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23234
23531
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23235
23532
  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
23533
+ --pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
23534
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
23535
+ --pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
23536
+ --pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
23236
23537
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23237
23538
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23238
23539
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23244,15 +23545,20 @@ label.pf-v6-c-tree-view__node-text {
23244
23545
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23245
23546
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23246
23547
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23548
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
23549
+ --pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
23247
23550
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23248
23551
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23249
23552
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23250
23553
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23251
23554
  --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
23555
+ --pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
23252
23556
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23253
23557
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23558
+ --pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
23254
23559
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23255
23560
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23561
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23256
23562
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23257
23563
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23258
23564
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23271,6 +23577,7 @@ label.pf-v6-c-tree-view__node-text {
23271
23577
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23272
23578
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23273
23579
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23580
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23274
23581
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23275
23582
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23276
23583
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23431,6 +23738,9 @@ label.pf-v6-c-tree-view__node-text {
23431
23738
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23432
23739
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23433
23740
  }
23741
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
23742
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
23743
+ }
23434
23744
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23435
23745
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23436
23746
  }
@@ -23564,6 +23874,7 @@ label.pf-v6-c-tree-view__node-text {
23564
23874
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
23565
23875
  position: relative;
23566
23876
  display: inline-flex;
23877
+ flex-shrink: 0;
23567
23878
  align-items: center;
23568
23879
  justify-content: center;
23569
23880
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23578,28 +23889,35 @@ label.pf-v6-c-tree-view__node-text {
23578
23889
  .pf-v6-c-wizard__nav-link::before {
23579
23890
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23580
23891
  content: counter(wizard-nav-count);
23892
+ border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
23581
23893
  }
23582
23894
  .pf-v6-c-wizard__nav-link.pf-m-current {
23583
23895
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23584
23896
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
23897
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
23585
23898
  }
23586
23899
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23587
23900
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23588
23901
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
23902
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
23589
23903
  }
23590
23904
 
23591
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
23905
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
23592
23906
  display: none;
23593
23907
  }
23594
23908
  .pf-v6-c-wizard__nav-link.pf-m-success {
23595
23909
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23596
23910
  }
23911
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
23912
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
23913
+ }
23597
23914
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23598
23915
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23599
23916
  }
23600
23917
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23601
23918
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23602
23919
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
23920
+ --pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
23603
23921
  }
23604
23922
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23605
23923
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23609,23 +23927,29 @@ label.pf-v6-c-tree-view__node-text {
23609
23927
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23610
23928
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23611
23929
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23612
- }
23613
-
23614
- .pf-v6-c-wizard__nav-link-text {
23615
- flex-grow: 1;
23930
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23616
23931
  }
23617
23932
 
23618
23933
  .pf-v6-c-wizard__nav-link-main {
23934
+ position: relative;
23619
23935
  display: flex;
23936
+ flex-grow: 1;
23620
23937
  justify-content: space-between;
23621
23938
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
23622
23939
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
23623
23940
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23624
23941
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23625
23942
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23626
- border: none;
23627
23943
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23628
23944
  }
23945
+ .pf-v6-c-wizard__nav-link-main::after {
23946
+ position: absolute;
23947
+ inset: 0;
23948
+ pointer-events: none;
23949
+ content: "";
23950
+ border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
23951
+ border-radius: inherit;
23952
+ }
23629
23953
 
23630
23954
  .pf-v6-c-wizard__nav-link-status-icon {
23631
23955
  position: relative;