refactor(grid-summary): remove redundant code and colors (#15828)

* refactor(grid-summary): remove redundant code and colors

* deps(*): update theming version

Author: SisIvanova

package-lock.json

@@ -76,7 +76,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^18.0.1",
+    "igniteui-theming": "^18.0.2",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",

package.json

@@ -12,7 +12,6 @@
 
 /// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
 /// @param {Color} $background-color [null] - The summaries background color is inherited form igx-grid__tfoot
-/// @param {Color} $focus-background-color [null] - The background color when a summary item is on focus.
 /// @param {Color} $label-color [null] - The summaries label color.
 /// @param {Color} $result-color [null] - The summaries value/result color.
 /// @param {Color} $border-color [null] - The summaries border color.
@@ -32,7 +31,6 @@
     $schema: $light-material-schema,
 
     $background-color: null,
-    $focus-background-color: null,
     $label-color: null,
     $result-color: null,
     $border-color: null,
@@ -74,7 +72,6 @@
         name: $name,
         selector: $selector,
         background-color: $background-color,
-        focus-background-color: $focus-background-color,
         label-color: $label-color,
         result-color: $result-color,
         border-color: $border-color,
@@ -131,15 +128,6 @@
         overflow: hidden;
         outline-style: none;
 
-        &::after {
-            position: absolute;
-            inset: 0;
-        }
-
-        &:focus::after {
-            background: var-get($theme, 'focus-background-color');
-        }
-
         @if $variant == 'indigo' {
             border-top: rem(1px) solid var-get($theme, 'border-color');
         }

projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss

@@ -24,15 +24,6 @@ $_theme: $material;
         overflow: hidden;
         outline-style: none;
 
-        &::after {
-            position: absolute;
-            inset: 0;
-        }
-
-        &:focus::after {
-            background: var-get($_theme, 'focus-background-color');
-        }
-
         @include e(item) {
             display: flex;
             align-items: center;