Merge branch 'main' into 8078-datagrid-focus-centered

docs/CHANGELOG.md

@@ -7,9 +7,11 @@
 ## v4.90.0 Fixes
 
 - `[Datagrid]` Adjusted hover styling for search and expand buttons. ([#8078](https://github.com/infor-design/enterprise/issues/8078))
+- `[Button]` Adjusted personalize button hover colors. ([#8035](https://github.com/infor-design/enterprise/issues/8035))
 - `[Datagrid]` Fixed an issue where the new row did not display an error tooltip on the first cell. ([#8071](https://github.com/infor-design/enterprise/issues/8071))
 - `[Fileupload]` Added condition to not allow for input clearing for readonly and disabled. ([#8024](https://github.com/infor-design/enterprise/issues/8024))
 - `[Modal]` Adjusted modal title spacing to avoid icon from cropping. ([#8031](https://github.com/infor-design/enterprise/issues/8031))
+- `[Page-Patterns]` Fixed background on hovered selected tab. ([#8088](https://github.com/infor-design/enterprise/issues/8088))
 - `[Timepicker]` Remove `disabled` prop in trigger button on enable call. ([NG#1567](https://github.com/infor-design/enterprise-ng/issues/1567))
 
 ## v4.89.0

src/components/personalize/personalize.styles.js

@@ -64,12 +64,20 @@ html[class*="theme-classic-"]:not(.theme-classic-dark) .btn-primary:not(.destruc
   border-color: ${colors.baseDisabled};
 }
 
+.is-personalizable:not(.header) .btn-tertiary:not(:disabled):hover {
+  background-color: ${colors.lightestPalette};
+}
+
 .is-personalizable:not(.header) .btn-link:not(:disabled):hover {
   background-color: ${colors.lightestPalette};
 }
 
+html[class*="new-"] .is-personalizable:not(.header) .btn-link:not(:disabled):hover {
+  background-color: ${colors.btnTertiaryBgHoverColor};
+}
+
 html[class*="new-"] .is-personalizable:not(.header) .btn-menu:not(.btn-secondary):not([disabled]):not(:disabled):hover {
-  background-color: ${colors.lightestPalette};
+  background-color: ${colors.btnTertiaryBgHoverColor};
 }
 
 .is-personalizable:not(.header) .btn-link:not(:disabled),
@@ -128,7 +136,7 @@ html.theme-new-dark .is-personalizable:not(.header) .btn-primary:not(.destructiv
 
 html[class*="new-"]:not(.theme-new-dark) .is-personalizable:not(.header) .btn-secondary:not(.go-button):not(.is-select):not(.is-select-month-pane):not(.is-cancel):not(.is-cancel-month-pane):hover:not(:disabled),
 html[class*="new-"]:not(.theme-new-dark) .is-personalizable:not(.header) .btn-secondary.btn-menu.is-open:not(.go-button):not(.is-select):not(.is-select-month-pane):not(.is-cancel):not(.is-cancel-month-pane):not(:disabled) {
-  background-color: ${colors.lightestPalette};
+  background-color: ${colors.btnTertiaryBgHoverColor}; 
 }
 
 html.theme-new-dark .is-personalizable:not(.header) .btn-secondary:not(.go-button):not(.is-select):not(.is-select-month-pane):not(.is-cancel):not(.is-cancel-month-pane):hover:not(:disabled),
@@ -496,6 +504,7 @@ html.theme-classic-dark .header.is-personalizable .buttonset .searchfield-wrappe
 .personalize-header.tab-container.header-tabs:not(.alternate) > .tab-list-container .tab.is-selected:not(.is-disabled) {
   color: ${colors.headerTabsSelectedTextColor} !important;
   opacity: 1;
+  background-color: transparent;
 }
 
 .header.is-personalizable .flex-toolbar .has-collapse-button .collapse-button {