@patternfly/patternfly 6.0.0-alpha.3 → 6.0.0-alpha.5

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 (46) hide show
  1. package/base/_globals.scss +0 -2
  2. package/base/patternfly-globals.css +0 -1
  3. package/base/patternfly-variables.css +15 -0
  4. package/base/tokens/_tokens-font.scss +29 -0
  5. package/components/Content/content.css +67 -67
  6. package/components/Content/content.scss +68 -68
  7. package/components/MenuToggle/menu-toggle.css +57 -73
  8. package/components/MenuToggle/menu-toggle.scss +60 -82
  9. package/components/Table/table.css +90 -89
  10. package/components/Table/table.scss +92 -95
  11. package/components/Toolbar/toolbar.css +0 -1
  12. package/components/Toolbar/toolbar.scss +0 -1
  13. package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
  14. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  15. package/docs/demos/Alert/examples/Alert.md +3 -3
  16. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  17. package/docs/demos/Banner/examples/Banner.md +2 -2
  18. package/docs/demos/CardView/examples/CardView.md +1 -1
  19. package/docs/demos/ContextSelector/examples/ContextSelector.md +4 -4
  20. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  21. package/docs/demos/DataList/examples/DataList.md +4 -4
  22. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  23. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  24. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  25. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  26. package/docs/demos/Modal/examples/Modal.md +6 -6
  27. package/docs/demos/Nav/examples/Nav.md +8 -8
  28. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  29. package/docs/demos/Page/examples/Page.md +9 -9
  30. package/docs/demos/Page/examples/Penta.md +672 -0
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  32. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  33. package/docs/demos/Table/examples/Table.md +15 -15
  34. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  35. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  36. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  37. package/package.json +1 -1
  38. package/patternfly-base-no-globals-theme-dark-unversioned.css +15 -0
  39. package/patternfly-base-no-globals.css +15 -0
  40. package/patternfly-base-theme-dark-unversioned.css +15 -1
  41. package/patternfly-base.css +15 -1
  42. package/patternfly-no-globals.css +229 -230
  43. package/patternfly-theme-dark-unversioned.css +229 -231
  44. package/patternfly.css +229 -231
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -881,6 +881,21 @@
881
881
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
882
882
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
883
883
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
884
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
885
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
886
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
887
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
888
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
889
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
890
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
891
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
892
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
893
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
894
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
895
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
896
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
897
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
898
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
884
899
  }
885
900
 
886
901
  /**
@@ -9380,75 +9395,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9380
9395
  }
9381
9396
 
9382
9397
  .pf-v5-c-content {
9383
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
9384
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
9385
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
9386
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
9387
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
9388
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
9389
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
9390
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
9391
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
9392
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
9393
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
9394
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
9395
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
9396
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
9397
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
9398
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
9399
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
9400
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
9401
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
9402
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
9403
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
9404
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
9405
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
9406
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
9407
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
9408
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
9409
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
9410
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
9411
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
9412
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
9413
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
9414
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
9415
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
9416
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
9417
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
9418
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
9419
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
9420
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
9421
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
9422
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
9423
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
9424
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
9425
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
9426
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
9427
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
9428
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
9429
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
9430
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
9431
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
9432
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
9433
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
9434
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
9435
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
9436
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
9437
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9438
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9439
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
9440
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
9441
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9442
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9398
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9399
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9400
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9401
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9402
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9403
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9404
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9405
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9406
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9407
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9408
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9409
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9410
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9411
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9412
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9413
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9414
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9415
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9416
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9417
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9418
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9419
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9420
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9421
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9422
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9423
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9424
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9425
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9426
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9427
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9428
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9429
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9430
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9431
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9432
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9433
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9434
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9435
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9436
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9437
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9438
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9439
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9440
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9441
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9442
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9443
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9444
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9445
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9446
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9447
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9448
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9449
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9450
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9451
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9452
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9453
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9454
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9455
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9456
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9457
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9443
9458
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
9444
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
9445
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
9446
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
9447
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
9448
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9459
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9460
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9461
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9462
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9463
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
9449
9464
  --pf-v5-c-content--dt--sm--MarginTop: 0;
9450
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
9451
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9465
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9466
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
9452
9467
  font-size: var(--pf-v5-c-content--FontSize);
9453
9468
  line-height: var(--pf-v5-c-content--LineHeight);
9454
9469
  color: var(--pf-v5-c-content--Color);
@@ -11488,7 +11503,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11488
11503
 
11489
11504
  .pf-v5-c-toolbar {
11490
11505
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11491
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11492
11506
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11493
11507
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11494
11508
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -18741,38 +18755,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18741
18755
  }
18742
18756
 
18743
18757
  .pf-v5-c-menu-toggle {
18744
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18745
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18746
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18747
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18748
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18749
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18750
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18751
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18752
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18753
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18754
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18755
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18756
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18757
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18758
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18759
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18760
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18761
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18762
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
18758
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
18759
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
18760
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
18761
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
18762
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
18763
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
18764
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
18765
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
18766
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
18767
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
18768
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
18769
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
18770
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
18771
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
18772
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
18773
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
18774
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
18775
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
18776
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
18777
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
18778
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
18779
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
18780
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18763
18781
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18764
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18765
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18782
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
18783
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18766
18784
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18767
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18768
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18785
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18786
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18769
18787
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18770
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18771
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18788
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18789
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18772
18790
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18773
18791
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18774
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18775
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18792
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18793
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18776
18794
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18777
18795
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18778
18796
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18805,20 +18823,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18805
18823
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18806
18824
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18807
18825
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18808
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18809
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18810
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
18826
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
18827
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
18828
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18811
18829
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18812
18830
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18813
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18814
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
18831
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
18832
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18815
18833
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18816
18834
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18817
18835
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18818
18836
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18819
18837
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18820
18838
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18821
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18822
18839
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18823
18840
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18824
18841
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18828,7 +18845,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18828
18845
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18829
18846
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18830
18847
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18831
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18848
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18832
18849
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18833
18850
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18834
18851
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18851,13 +18868,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18851
18868
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18852
18869
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18853
18870
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18854
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18855
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18856
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18857
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18858
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18859
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18860
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18871
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
18872
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
18873
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
18874
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18875
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
18876
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18877
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18861
18878
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18862
18879
  position: relative;
18863
18880
  display: inline-flex;
@@ -18870,9 +18887,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18870
18887
  cursor: pointer;
18871
18888
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
18872
18889
  border: 0;
18890
+ }
18891
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
18873
18892
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
18874
18893
  }
18875
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
18894
+ .pf-v5-c-menu-toggle::before {
18876
18895
  position: absolute;
18877
18896
  top: 0;
18878
18897
  right: 0;
@@ -18880,14 +18899,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18880
18899
  left: 0;
18881
18900
  pointer-events: none;
18882
18901
  content: "";
18883
- }
18884
- .pf-v5-c-menu-toggle::before {
18885
- border-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor) var(--pf-v5-c-menu-toggle--before--BorderRightColor) var(--pf-v5-c-menu-toggle--before--BorderBottomColor) var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
18886
- border-style: solid;
18887
- border-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth) var(--pf-v5-c-menu-toggle--before--BorderRightWidth) var(--pf-v5-c-menu-toggle--before--BorderBottomWidth) var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
18902
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
18888
18903
  }
18889
18904
  .pf-v5-c-menu-toggle::after {
18890
- border-bottom: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
18905
+ border-bottom: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
18891
18906
  }
18892
18907
  .pf-v5-c-menu-toggle.pf-m-primary {
18893
18908
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -18932,15 +18947,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18932
18947
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
18933
18948
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
18934
18949
  }
18935
- .pf-v5-c-menu-toggle.pf-m-plain {
18936
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
18937
- }
18938
18950
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
18939
18951
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
18940
18952
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
18941
18953
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
18942
18954
  display: inline-block;
18943
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
18944
18955
  }
18945
18956
  .pf-v5-c-menu-toggle.pf-m-full-height {
18946
18957
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -18955,25 +18966,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18955
18966
  height: 100%;
18956
18967
  }
18957
18968
  .pf-v5-c-menu-toggle:hover {
18958
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
18959
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
18960
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
18961
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
18962
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
18963
- }
18964
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
18965
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
18966
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
18967
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
18968
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
18969
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
18970
- }
18971
- .pf-v5-c-menu-toggle:active {
18972
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
18973
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
18974
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
18975
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
18976
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
18969
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
18970
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
18971
+ }
18972
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
18973
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
18974
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
18977
18975
  }
18978
18976
  .pf-v5-c-menu-toggle.pf-m-expanded {
18979
18977
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -18989,7 +18987,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18989
18987
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
18990
18988
  pointer-events: none;
18991
18989
  }
18992
- .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle.pf-m-plain::before, .pf-v5-c-menu-toggle.pf-m-plain::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
18990
+ .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
18993
18991
  border: 0;
18994
18992
  }
18995
18993
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -19149,7 +19147,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19149
19147
 
19150
19148
  .pf-v5-c-menu-toggle__toggle-icon {
19151
19149
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19152
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19150
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19153
19151
  }
19154
19152
 
19155
19153
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
@@ -27017,26 +27015,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27017
27015
  }
27018
27016
 
27019
27017
  .pf-v5-c-table {
27020
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27021
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27022
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27023
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27024
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27018
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27019
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27020
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27021
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27022
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27025
27023
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27026
27024
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27027
27025
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27028
27026
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27029
27027
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27030
27028
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27031
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27032
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27033
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27034
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27029
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27030
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27031
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27032
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27035
27033
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27036
27034
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27037
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27038
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27039
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27035
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27036
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27037
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27040
27038
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27041
27039
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27042
27040
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27053,10 +27051,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27053
27051
  --pf-v5-c-table--cell--TextOverflow: clip;
27054
27052
  --pf-v5-c-table--cell--WhiteSpace: normal;
27055
27053
  --pf-v5-c-table--cell--WordBreak: normal;
27056
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27057
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27058
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27059
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27054
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27055
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27056
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27057
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27060
27058
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27061
27059
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27062
27060
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27067,33 +27065,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27067
27065
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27068
27066
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27069
27067
  --pf-v5-c-table__button--BackgroundColor: transparent;
27070
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27071
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27072
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27073
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27068
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27069
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27070
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27071
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27074
27072
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27075
27073
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27076
27074
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27077
27075
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27078
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27079
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27080
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27081
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27076
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27077
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27078
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27079
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27082
27080
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27083
27081
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27084
27082
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27085
27083
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27086
27084
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27087
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27088
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27089
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27090
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27085
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27086
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27087
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27088
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27091
27089
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27092
27090
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27093
27091
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27094
27092
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27095
27093
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27096
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27094
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27097
27095
  --pf-v5-c-table__action--PaddingTop: 0;
27098
27096
  --pf-v5-c-table__action--PaddingRight: 0;
27099
27097
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27111,7 +27109,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27111
27109
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27112
27110
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27113
27111
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27114
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27112
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27115
27113
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27116
27114
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
27117
27115
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27121,19 +27119,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27121
27119
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27122
27120
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27123
27121
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27124
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27125
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27122
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27123
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27126
27124
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27127
27125
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27128
27126
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27129
27127
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27130
27128
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27131
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27129
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27132
27130
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27133
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27134
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27135
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27136
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27131
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27132
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27133
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27134
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27137
27135
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27138
27136
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27139
27137
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27141,18 +27139,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27141
27139
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27142
27140
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27143
27141
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27144
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27145
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27146
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27147
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27148
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27149
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27142
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27143
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27144
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27145
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27146
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27147
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27150
27148
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27151
27149
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27152
27150
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27153
27151
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27154
27152
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27155
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27153
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27156
27154
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27157
27155
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27158
27156
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -27166,60 +27164,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27166
27164
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27167
27165
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27168
27166
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27169
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27167
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27170
27168
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27171
27169
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27172
27170
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27173
27171
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27174
27172
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27175
27173
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27176
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27174
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27177
27175
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27178
27176
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27179
27177
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27178
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27180
27179
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27181
- --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27182
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27183
- --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27184
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27185
- --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27186
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27187
- --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27180
+ --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27181
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27182
+ --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27183
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27184
+ --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27185
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27186
+ --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27188
27187
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27189
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27190
- --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27191
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27188
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27189
+ --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27190
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27192
27191
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27193
27192
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27194
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27195
- --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27196
- --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27193
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27194
+ --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27195
+ --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27197
27196
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27198
27197
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27199
27198
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27200
27199
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27201
- --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27202
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27203
- --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27204
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27205
- --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27206
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27207
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27208
- --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27209
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27200
+ --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27201
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27202
+ --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27203
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27204
+ --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27205
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27206
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27207
+ --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27208
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27210
27209
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27211
- --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27210
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27212
27211
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27213
27212
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27214
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27215
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27216
- --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27217
- --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27213
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27214
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27215
+ --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27216
+ --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27218
27217
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27219
27218
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27220
27219
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27221
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27222
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27220
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27221
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27223
27222
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27224
27223
  color: var(--pf-v5-global--Color--100);
27225
27224
  width: 100%;
@@ -27468,27 +27467,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27468
27467
  .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27469
27468
  border-left-width: 0;
27470
27469
  }
27470
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
27471
+ border-bottom-color: transparent;
27472
+ }
27473
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27474
+ position: relative;
27475
+ }
27476
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27477
+ position: absolute;
27478
+ inset: 0;
27479
+ content: "";
27480
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27481
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27482
+ }
27471
27483
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27472
27484
  cursor: pointer;
27473
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27474
27485
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27475
27486
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27476
27487
  }
27477
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27478
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27479
- }
27480
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27481
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27488
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27482
27489
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27483
27490
  }
27484
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27485
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27486
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27487
- }
27488
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27489
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27490
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27491
- }
27492
27491
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27493
27492
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27494
27493
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);