@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.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
  /**
@@ -1418,7 +1433,6 @@ pre) {
1418
1433
  }
1419
1434
 
1420
1435
  :where(a) {
1421
- font-weight: var(--pf-v5-global--link--FontWeight);
1422
1436
  color: var(--pf-t--global--text--color--link--default);
1423
1437
  text-decoration: var(--pf-t--global--link--text-decoration);
1424
1438
  }
@@ -9497,75 +9511,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9497
9511
  }
9498
9512
 
9499
9513
  .pf-v5-c-content {
9500
- --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
9501
- --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
9502
- --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
9503
- --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
9504
- --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
9505
- --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
9506
- --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
9507
- --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
9508
- --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
9509
- --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
9510
- --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
9511
- --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
9512
- --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
9513
- --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
9514
- --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
9515
- --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
9516
- --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
9517
- --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
9518
- --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
9519
- --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
9520
- --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
9521
- --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
9522
- --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
9523
- --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
9524
- --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
9525
- --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
9526
- --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
9527
- --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
9528
- --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
9529
- --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
9530
- --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
9531
- --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
9532
- --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
9533
- --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
9534
- --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
9535
- --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
9536
- --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
9537
- --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
9538
- --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
9539
- --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
9540
- --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
9541
- --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
9542
- --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
9543
- --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
9544
- --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
9545
- --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
9546
- --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
9547
- --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
9548
- --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
9549
- --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
9550
- --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
9551
- --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
9552
- --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
9553
- --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
9554
- --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9555
- --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9556
- --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
9557
- --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
9558
- --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
9559
- --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
9514
+ --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9515
+ --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9516
+ --pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
9517
+ --pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
9518
+ --pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
9519
+ --pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
9520
+ --pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
9521
+ --pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
9522
+ --pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
9523
+ --pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
9524
+ --pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
9525
+ --pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
9526
+ --pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
9527
+ --pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
9528
+ --pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
9529
+ --pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
9530
+ --pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
9531
+ --pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
9532
+ --pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
9533
+ --pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
9534
+ --pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
9535
+ --pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
9536
+ --pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
9537
+ --pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
9538
+ --pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
9539
+ --pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
9540
+ --pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
9541
+ --pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
9542
+ --pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
9543
+ --pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
9544
+ --pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
9545
+ --pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
9546
+ --pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
9547
+ --pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
9548
+ --pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
9549
+ --pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
9550
+ --pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
9551
+ --pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9552
+ --pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9553
+ --pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9554
+ --pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9555
+ --pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9556
+ --pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9557
+ --pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9558
+ --pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9559
+ --pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
9560
+ --pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
9561
+ --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
9562
+ --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
9563
+ --pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9564
+ --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
9565
+ --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
9566
+ --pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
9567
+ --pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
9568
+ --pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
9569
+ --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9570
+ --pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
9571
+ --pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9572
+ --pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9573
+ --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9560
9574
  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
9561
- --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
9562
- --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
9563
- --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
9564
- --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
9565
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
9575
+ --pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9576
+ --pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9577
+ --pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9578
+ --pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9579
+ --pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
9566
9580
  --pf-v5-c-content--dt--sm--MarginTop: 0;
9567
- --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
9568
- --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
9581
+ --pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
9582
+ --pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
9569
9583
  font-size: var(--pf-v5-c-content--FontSize);
9570
9584
  line-height: var(--pf-v5-c-content--LineHeight);
9571
9585
  color: var(--pf-v5-c-content--Color);
@@ -11605,7 +11619,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11605
11619
 
11606
11620
  .pf-v5-c-toolbar {
11607
11621
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11608
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11609
11622
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11610
11623
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11611
11624
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -18858,38 +18871,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18858
18871
  }
18859
18872
 
18860
18873
  .pf-v5-c-menu-toggle {
18861
- --pf-v5-c-menu-toggle--BorderRadius: 0;
18862
- --pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
18863
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
18864
- --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
18865
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
18866
- --pf-v5-c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--md);
18867
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-global--Color--100);
18868
- --pf-v5-c-menu-toggle--LineHeight: var(--pf-v5-global--LineHeight--md);
18869
- --pf-v5-c-menu-toggle--BackgroundColor: transparent;
18870
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
18871
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
18872
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0;
18873
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18874
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-global--BorderColor--300);
18875
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-global--BorderColor--300);
18876
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
18877
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
18878
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18879
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
18874
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
18875
+ --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
18876
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
18877
+ --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
18878
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
18879
+ --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
18880
+ --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
18881
+ --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
18882
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
18883
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
18884
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
18885
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
18886
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
18887
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
18888
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
18889
+ --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
18890
+ --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
18891
+ --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
18892
+ --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
18893
+ --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
18894
+ --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
18895
+ --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
18896
+ --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
18880
18897
  --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
18881
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18882
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18898
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
18899
+ --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
18883
18900
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
18884
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18885
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18901
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18902
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18886
18903
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
18887
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18888
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18904
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18905
+ --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18889
18906
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
18890
18907
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
18891
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18892
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
18908
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
18909
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
18893
18910
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
18894
18911
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18895
18912
  --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
@@ -18922,20 +18939,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18922
18939
  --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
18923
18940
  --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
18924
18941
  --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
18925
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-v5-global--spacer--sm);
18926
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-v5-global--spacer--sm);
18927
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
18942
+ --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
18943
+ --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
18944
+ --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
18928
18945
  --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
18929
18946
  --pf-v5-c-menu-toggle__controls--MarginRight: 0;
18930
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-v5-global--spacer--sm);
18931
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-global--Color--200);
18947
+ --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
18948
+ --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18932
18949
  --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
18933
18950
  --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
18934
18951
  --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
18935
18952
  --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
18936
18953
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
18937
18954
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
18938
- --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
18939
18955
  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
18940
18956
  --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
18941
18957
  --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -18945,7 +18961,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18945
18961
  --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18946
18962
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
18947
18963
  --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
18948
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-v5-global--spacer--sm);
18964
+ --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
18949
18965
  --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
18950
18966
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
18951
18967
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
@@ -18968,13 +18984,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18968
18984
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
18969
18985
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
18970
18986
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
18971
- --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
18972
- --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
18973
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18974
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18975
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
18976
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18977
- --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18987
+ --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
18988
+ --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
18989
+ --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
18990
+ --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18991
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
18992
+ --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
18993
+ --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18978
18994
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18979
18995
  position: relative;
18980
18996
  display: inline-flex;
@@ -18987,9 +19003,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18987
19003
  cursor: pointer;
18988
19004
  background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
18989
19005
  border: 0;
19006
+ }
19007
+ .pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
18990
19008
  border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
18991
19009
  }
18992
- .pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after {
19010
+ .pf-v5-c-menu-toggle::before {
18993
19011
  position: absolute;
18994
19012
  top: 0;
18995
19013
  right: 0;
@@ -18997,14 +19015,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18997
19015
  left: 0;
18998
19016
  pointer-events: none;
18999
19017
  content: "";
19000
- }
19001
- .pf-v5-c-menu-toggle::before {
19002
- 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);
19003
- border-style: solid;
19004
- 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);
19018
+ border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
19005
19019
  }
19006
19020
  .pf-v5-c-menu-toggle::after {
19007
- border-bottom: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
19021
+ border-bottom: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
19008
19022
  }
19009
19023
  .pf-v5-c-menu-toggle.pf-m-primary {
19010
19024
  --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
@@ -19049,15 +19063,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19049
19063
  --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
19050
19064
  --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
19051
19065
  }
19052
- .pf-v5-c-menu-toggle.pf-m-plain {
19053
- --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
19054
- }
19055
19066
  .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
19056
19067
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
19057
19068
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
19058
19069
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
19059
19070
  display: inline-block;
19060
- color: var(--pf-v5-c-menu-toggle--m-plain--Color);
19061
19071
  }
19062
19072
  .pf-v5-c-menu-toggle.pf-m-full-height {
19063
19073
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
@@ -19072,25 +19082,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19072
19082
  height: 100%;
19073
19083
  }
19074
19084
  .pf-v5-c-menu-toggle:hover {
19075
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
19076
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
19077
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor);
19078
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
19079
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
19080
- }
19081
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
19082
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
19083
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
19084
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
19085
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
19086
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
19087
- }
19088
- .pf-v5-c-menu-toggle:active {
19089
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
19090
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
19091
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
19092
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
19093
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
19085
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
19086
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
19087
+ }
19088
+ .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
19089
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
19090
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
19094
19091
  }
19095
19092
  .pf-v5-c-menu-toggle.pf-m-expanded {
19096
19093
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
@@ -19106,7 +19103,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19106
19103
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
19107
19104
  pointer-events: none;
19108
19105
  }
19109
- .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 {
19106
+ .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 {
19110
19107
  border: 0;
19111
19108
  }
19112
19109
  .pf-v5-c-menu-toggle.pf-m-typeahead {
@@ -19266,7 +19263,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19266
19263
 
19267
19264
  .pf-v5-c-menu-toggle__toggle-icon {
19268
19265
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19269
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19266
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19270
19267
  }
19271
19268
 
19272
19269
  :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,
@@ -27134,26 +27131,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27134
27131
  }
27135
27132
 
27136
27133
  .pf-v5-c-table {
27137
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27138
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27139
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27140
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27141
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27134
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27135
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27136
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27137
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27138
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27142
27139
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27143
27140
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27144
27141
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27145
27142
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27146
27143
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27147
27144
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27148
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27149
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27150
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27151
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27145
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27146
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27147
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27148
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27152
27149
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27153
27150
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27154
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27155
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27156
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27151
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27152
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27153
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27157
27154
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27158
27155
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27159
27156
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27170,10 +27167,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27170
27167
  --pf-v5-c-table--cell--TextOverflow: clip;
27171
27168
  --pf-v5-c-table--cell--WhiteSpace: normal;
27172
27169
  --pf-v5-c-table--cell--WordBreak: normal;
27173
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27174
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27175
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27176
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27170
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27171
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27172
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27173
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27177
27174
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27178
27175
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27179
27176
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27184,33 +27181,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27184
27181
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27185
27182
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27186
27183
  --pf-v5-c-table__button--BackgroundColor: transparent;
27187
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27188
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27189
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27190
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27184
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27185
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27186
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27187
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27191
27188
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27192
27189
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27193
27190
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27194
27191
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27195
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27196
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27197
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27198
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27192
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27193
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27194
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27195
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27199
27196
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27200
27197
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27201
27198
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27202
27199
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27203
27200
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27204
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27205
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27206
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27207
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27201
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27202
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27203
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27204
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27208
27205
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27209
27206
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27210
27207
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27211
27208
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27212
27209
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27213
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27210
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27214
27211
  --pf-v5-c-table__action--PaddingTop: 0;
27215
27212
  --pf-v5-c-table__action--PaddingRight: 0;
27216
27213
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27228,7 +27225,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27228
27225
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27229
27226
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27230
27227
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27231
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27228
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27232
27229
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27233
27230
  --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));
27234
27231
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27238,19 +27235,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27238
27235
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27239
27236
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27240
27237
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27241
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27242
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27238
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27239
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27243
27240
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27244
27241
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27245
27242
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27246
27243
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27247
27244
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27248
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27245
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27249
27246
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27250
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27251
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27252
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27253
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27247
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27248
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27249
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27250
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27254
27251
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27255
27252
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27256
27253
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27258,18 +27255,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27258
27255
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27259
27256
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27260
27257
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27261
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27262
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27263
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27264
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27265
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27266
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27258
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27259
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27260
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27261
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27262
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27263
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27267
27264
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27268
27265
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27269
27266
  --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);
27270
27267
  --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);
27271
27268
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27272
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27269
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27273
27270
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27274
27271
  --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);
27275
27272
  --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);
@@ -27283,60 +27280,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27283
27280
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27284
27281
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27285
27282
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27286
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27283
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27287
27284
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27288
27285
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27289
27286
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27290
27287
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27291
27288
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27292
27289
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27293
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27290
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27294
27291
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27295
27292
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27296
27293
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27294
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27297
27295
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27298
- --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);
27299
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27300
- --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);
27301
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27302
- --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);
27303
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27304
- --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);
27296
+ --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);
27297
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27298
+ --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);
27299
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27300
+ --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);
27301
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27302
+ --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);
27305
27303
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27306
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27307
- --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);
27308
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27304
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27305
+ --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);
27306
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27309
27307
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27310
27308
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27311
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27312
- --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);
27313
- --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);
27309
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27310
+ --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);
27311
+ --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);
27314
27312
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27315
27313
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27316
27314
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27317
27315
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27318
- --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);
27319
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27320
- --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);
27321
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27322
- --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);
27323
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27324
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27325
- --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);
27326
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27316
+ --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);
27317
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27318
+ --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);
27319
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27320
+ --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);
27321
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27322
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27323
+ --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);
27324
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27327
27325
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27328
- --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);
27326
+ --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);
27329
27327
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27330
27328
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27331
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27332
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27333
- --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);
27334
- --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);
27329
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27330
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27331
+ --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);
27332
+ --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);
27335
27333
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27336
27334
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27337
27335
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27338
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27339
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27336
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27337
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27340
27338
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27341
27339
  color: var(--pf-v5-global--Color--100);
27342
27340
  width: 100%;
@@ -27585,27 +27583,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27585
27583
  .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 {
27586
27584
  border-left-width: 0;
27587
27585
  }
27586
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
27587
+ border-bottom-color: transparent;
27588
+ }
27589
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27590
+ position: relative;
27591
+ }
27592
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27593
+ position: absolute;
27594
+ inset: 0;
27595
+ content: "";
27596
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27597
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27598
+ }
27588
27599
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27589
27600
  cursor: pointer;
27590
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27591
27601
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27592
27602
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27593
27603
  }
27594
- .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 {
27595
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27596
- }
27597
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27598
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27604
+ .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 {
27599
27605
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27600
27606
  }
27601
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27602
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27603
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27604
- }
27605
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27606
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27607
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27608
- }
27609
27607
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27610
27608
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27611
27609
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);