@patternfly/react-styles 6.3.0-prerelease.9 → 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 (39) hide show
  1. package/CHANGELOG.md +36 -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 +35 -5
  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-grid.css +30 -0
  24. package/css/components/Table/table-grid.d.ts +2 -1
  25. package/css/components/Table/table-grid.js +2 -1
  26. package/css/components/Table/table-grid.mjs +2 -1
  27. package/css/components/Table/table.css +59 -15
  28. package/css/components/Tabs/tabs.css +7 -0
  29. package/css/components/TextInputGroup/text-input-group.css +7 -0
  30. package/css/components/TreeView/tree-view.css +15 -0
  31. package/css/components/Wizard/wizard.css +33 -6
  32. package/css/components/Wizard/wizard.d.ts +1 -1
  33. package/css/components/Wizard/wizard.js +1 -1
  34. package/css/components/Wizard/wizard.mjs +1 -1
  35. package/css/components/_index.css +490 -132
  36. package/css/components/_index.d.ts +0 -1
  37. package/css/components/_index.js +0 -1
  38. package/css/components/_index.mjs +0 -1
  39. 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);
@@ -1855,7 +1912,7 @@ button.pf-v6-c-breadcrumb__link {
1855
1912
  cursor: pointer;
1856
1913
  -webkit-user-select: none;
1857
1914
  user-select: none;
1858
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
1915
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1859
1916
  border: 0;
1860
1917
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
1861
1918
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -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);
@@ -2208,7 +2282,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2208
2282
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
2209
2283
  }
2210
2284
  .pf-v6-c-button:active {
2211
- background-size: 100%;
2285
+ background-size: 100% 100%;
2212
2286
  transition-duration: 0s;
2213
2287
  }
2214
2288
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
@@ -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 {
@@ -15747,6 +15975,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15747
15975
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15748
15976
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15749
15977
  }
15978
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
15979
+ --pf-v6-c-table__expandable-row--Display: block;
15980
+ }
15981
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
15982
+ content: none;
15983
+ }
15750
15984
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
15751
15985
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15752
15986
  }
@@ -16050,6 +16284,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16050
16284
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16051
16285
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16052
16286
  }
16287
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
16288
+ --pf-v6-c-table__expandable-row--Display: block;
16289
+ }
16290
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
16291
+ content: none;
16292
+ }
16053
16293
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
16054
16294
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16055
16295
  }
@@ -16356,6 +16596,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16356
16596
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16357
16597
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16358
16598
  }
16599
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
16600
+ --pf-v6-c-table__expandable-row--Display: block;
16601
+ }
16602
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
16603
+ content: none;
16604
+ }
16359
16605
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
16360
16606
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16361
16607
  }
@@ -16662,6 +16908,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16662
16908
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16663
16909
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16664
16910
  }
16911
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
16912
+ --pf-v6-c-table__expandable-row--Display: block;
16913
+ }
16914
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
16915
+ content: none;
16916
+ }
16665
16917
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
16666
16918
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16667
16919
  }
@@ -16968,6 +17220,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16968
17220
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16969
17221
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16970
17222
  }
17223
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
17224
+ --pf-v6-c-table__expandable-row--Display: block;
17225
+ }
17226
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
17227
+ content: none;
17228
+ }
16971
17229
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
16972
17230
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16973
17231
  }
@@ -17246,7 +17504,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17246
17504
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17247
17505
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
17248
17506
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
17249
- --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);
17250
17509
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17251
17510
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17252
17511
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17296,6 +17555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17296
17555
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
17297
17556
  --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17298
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);
17299
17561
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
17300
17562
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
17301
17563
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -17325,6 +17587,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17325
17587
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17326
17588
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
17327
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;
17328
17592
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17329
17593
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17330
17594
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17346,10 +17610,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17346
17610
  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17347
17611
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17348
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;
17349
17614
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
17350
17615
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17351
17616
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
17352
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);
17353
17619
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
17354
17620
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17355
17621
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -17658,8 +17924,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17658
17924
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17659
17925
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17660
17926
  }
17927
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
17928
+ border-block-end: 0;
17929
+ }
17661
17930
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17662
- display: revert;
17931
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17663
17932
  visibility: hidden;
17664
17933
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17665
17934
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -17669,7 +17938,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17669
17938
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17670
17939
  }
17671
17940
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17672
- display: revert;
17941
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17673
17942
  }
17674
17943
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17675
17944
  visibility: visible;
@@ -17691,6 +17960,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17691
17960
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
17692
17961
  max-height: 0;
17693
17962
  }
17963
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
17964
+ border-block-end: 0;
17965
+ }
17694
17966
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
17695
17967
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17696
17968
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
@@ -17755,6 +18027,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17755
18027
  }
17756
18028
 
17757
18029
  .pf-v6-c-table__button {
18030
+ position: relative;
17758
18031
  width: auto;
17759
18032
  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
17760
18033
  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
@@ -17773,6 +18046,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17773
18046
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
17774
18047
  outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
17775
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
+ }
17776
18057
  .pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
17777
18058
  margin-block-end: 0;
17778
18059
  }
@@ -17843,6 +18124,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17843
18124
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
17844
18125
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
17845
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
+
17846
18133
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
17847
18134
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17848
18135
  }
@@ -17942,6 +18229,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17942
18229
  content: "";
17943
18230
  border: 0;
17944
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);
17945
18233
  }
17946
18234
  .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
17947
18235
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
@@ -17965,6 +18253,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17965
18253
  align-self: last baseline;
17966
18254
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
17967
18255
  }
18256
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
18257
+ line-height: 1lh;
18258
+ }
17968
18259
 
17969
18260
  .pf-v6-c-table__sort {
17970
18261
  vertical-align: bottom;
@@ -17973,6 +18264,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17973
18264
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
17974
18265
  --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
17975
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);
17976
18268
  }
17977
18269
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
17978
18270
  color: var(--pf-v6-c-table__sort__button__text--Color);
@@ -18002,37 +18294,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18002
18294
  position: relative;
18003
18295
  border-block-end: 0 solid transparent;
18004
18296
  }
18005
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18006
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18297
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18298
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18007
18299
  padding-block-start: 0;
18008
18300
  }
18009
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18010
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18301
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
18011
18302
  padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18012
18303
  }
18013
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
18014
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
18304
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
18305
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
18015
18306
  padding-block-start: 0;
18016
18307
  padding-block-end: 0;
18017
18308
  padding-inline-start: 0;
18018
18309
  padding-inline-end: 0;
18019
18310
  }
18020
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18021
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
18311
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18312
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
18022
18313
  padding: 0;
18023
18314
  border-radius: 0;
18024
18315
  }
18025
18316
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18317
+ position: relative;
18026
18318
  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18027
18319
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18028
18320
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18029
18321
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18030
18322
  background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18323
+ border: 0;
18031
18324
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18032
18325
  }
18033
18326
  .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18034
18327
  background-color: transparent;
18035
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
+ }
18036
18337
  .pf-v6-c-table__expandable-row.pf-m-expanded {
18037
18338
  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18038
18339
  border-block-end-width: var(--pf-v6-c-table--border-width--base);
@@ -18044,10 +18345,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18044
18345
  border-block-end: 0;
18045
18346
  }
18046
18347
 
18047
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
18048
- border-block-end: 0;
18049
- }
18050
-
18051
18348
  .pf-v6-c-table.pf-m-compact {
18052
18349
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18053
18350
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -18080,6 +18377,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18080
18377
 
18081
18378
  .pf-v6-c-table__thead {
18082
18379
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
18380
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
18083
18381
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
18084
18382
  vertical-align: bottom;
18085
18383
  }
@@ -18093,6 +18391,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18093
18391
  vertical-align: top;
18094
18392
  }
18095
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);
18096
18395
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18097
18396
  }
18098
18397
 
@@ -18107,6 +18406,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18107
18406
  }
18108
18407
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18109
18408
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
18409
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
18410
+ }
18411
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
18110
18412
  border-block-end: 0;
18111
18413
  }
18112
18414
 
@@ -19116,6 +19418,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19116
19418
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
19117
19419
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19118
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;
19119
19425
  --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19120
19426
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19121
19427
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19615,6 +19921,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19615
19921
  color: var(--pf-v6-c-tabs__link--Color);
19616
19922
  text-decoration-line: none;
19617
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);
19618
19925
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
19619
19926
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
19620
19927
  }
@@ -19648,6 +19955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19648
19955
 
19649
19956
  .pf-v6-c-tabs__link:where(:hover, :focus) {
19650
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);
19651
19959
  }
19652
19960
  .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
19653
19961
  pointer-events: none;
@@ -19662,6 +19970,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19662
19970
 
19663
19971
  .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
19664
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);
19665
19974
  }
19666
19975
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
19667
19976
  --pf-v6-c-tabs__link--BackgroundColor: transparent;
@@ -19991,6 +20300,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19991
20300
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
19992
20301
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
19993
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);
19994
20304
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
19995
20305
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
19996
20306
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20037,6 +20347,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20037
20347
  }
20038
20348
  .pf-v6-c-text-input-group.pf-m-disabled {
20039
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);
20040
20352
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20041
20353
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20042
20354
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20085,6 +20397,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20085
20397
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
20086
20398
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
20087
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
+ }
20088
20403
  .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
20089
20404
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
20090
20405
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
@@ -20147,6 +20462,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20147
20462
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20148
20463
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20149
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);
20150
20466
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20151
20467
  border: 0;
20152
20468
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
@@ -22679,6 +22995,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22679
22995
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
22680
22996
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
22681
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);
22682
23003
  --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
22683
23004
  --pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
22684
23005
  --pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -22964,8 +23285,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22964
23285
  color: var(--pf-v6-c-tree-view__node--Color);
22965
23286
  background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
22966
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
+ }
22967
23296
  .pf-v6-c-tree-view__node.pf-m-current {
22968
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);
22969
23299
  }
22970
23300
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
22971
23301
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
@@ -23063,6 +23393,7 @@ label.pf-v6-c-tree-view__node-text {
23063
23393
 
23064
23394
  .pf-v6-c-tree-view__content:hover,
23065
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);
23066
23397
  background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
23067
23398
  }
23068
23399
 
@@ -23199,6 +23530,10 @@ label.pf-v6-c-tree-view__node-text {
23199
23530
  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23200
23531
  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
23201
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);
23202
23537
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
23203
23538
  --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
23204
23539
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -23210,15 +23545,20 @@ label.pf-v6-c-tree-view__node-text {
23210
23545
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
23211
23546
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
23212
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);
23213
23550
  --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
23214
23551
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
23215
23552
  --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
23216
23553
  --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
23217
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;
23218
23556
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
23219
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;
23220
23559
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23221
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);
23222
23562
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23223
23563
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23224
23564
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23237,6 +23577,7 @@ label.pf-v6-c-tree-view__node-text {
23237
23577
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23238
23578
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23239
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);
23240
23581
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23241
23582
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23242
23583
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23397,6 +23738,9 @@ label.pf-v6-c-tree-view__node-text {
23397
23738
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23398
23739
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23399
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
+ }
23400
23744
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23401
23745
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23402
23746
  }
@@ -23530,6 +23874,7 @@ label.pf-v6-c-tree-view__node-text {
23530
23874
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
23531
23875
  position: relative;
23532
23876
  display: inline-flex;
23877
+ flex-shrink: 0;
23533
23878
  align-items: center;
23534
23879
  justify-content: center;
23535
23880
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23544,28 +23889,35 @@ label.pf-v6-c-tree-view__node-text {
23544
23889
  .pf-v6-c-wizard__nav-link::before {
23545
23890
  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
23546
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);
23547
23893
  }
23548
23894
  .pf-v6-c-wizard__nav-link.pf-m-current {
23549
23895
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
23550
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);
23551
23898
  }
23552
23899
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
23553
23900
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
23554
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);
23555
23903
  }
23556
23904
 
23557
- .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 {
23558
23906
  display: none;
23559
23907
  }
23560
23908
  .pf-v6-c-wizard__nav-link.pf-m-success {
23561
23909
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23562
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
+ }
23563
23914
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23564
23915
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23565
23916
  }
23566
23917
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
23567
23918
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
23568
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);
23569
23921
  }
23570
23922
  .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
23571
23923
  --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
@@ -23575,23 +23927,29 @@ label.pf-v6-c-tree-view__node-text {
23575
23927
  .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
23576
23928
  --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
23577
23929
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
23578
- }
23579
-
23580
- .pf-v6-c-wizard__nav-link-text {
23581
- flex-grow: 1;
23930
+ --pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
23582
23931
  }
23583
23932
 
23584
23933
  .pf-v6-c-wizard__nav-link-main {
23934
+ position: relative;
23585
23935
  display: flex;
23936
+ flex-grow: 1;
23586
23937
  justify-content: space-between;
23587
23938
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
23588
23939
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
23589
23940
  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
23590
23941
  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
23591
23942
  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
23592
- border: none;
23593
23943
  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
23594
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
+ }
23595
23953
 
23596
23954
  .pf-v6-c-wizard__nav-link-status-icon {
23597
23955
  position: relative;