Merge pull request #5526 from IgniteUI/fix-for-5432-master

docs(Grid): Fix missing @param in sassdocs and remove unnecessary properties in the light schema

Author: Lipata

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

@@ -18,6 +18,7 @@
 /// @param {Color} $header-border-color [null] - The color used for header borders.
 ///
 /// @param {Color} $sorted-header-icon-color [null] - The sort icon color when sorted.
+/// @param {color} $sortable-header-icon-hover-color [null] - The icon color on hover in grid header when the column is sortable.
 ///
 /// @param {Color} $content-background [null] - The table body background color.
 /// @param {Color} $content-text-color [null] - The table body text color.
@@ -192,6 +193,7 @@
     $row-ghost-background: null,
     $row-drag-color: null,
     $drop-area-border-radius: null,
+    $sortable-header-icon-hover-color: null
 ) {
     $name: 'igx-grid';
     $grid-schema: map-get($schema, $name);
@@ -474,7 +476,8 @@
         drag-shadow: $drag-shadow,
         row-ghost-background: $row-ghost-background,
         row-drag-color: $row-drag-color,
-        drop-area-border-radius: $drop-area-border-radius
+        drop-area-border-radius: $drop-area-border-radius,
+        sortable-header-icon-hover-color: $sortable-header-icon-hover-color
     ));
 }
 

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_grid.scss

@@ -12,7 +12,8 @@
 /// @prop {Map} header-background [igx-color: ('grays', 100), hexrgba: #fff] - The table header background color.
 /// @prop {Map} header-text-color [igx-color: ('grays', 600)] - The table header text color.
 ///
-/// @prop {Map} $sorted-header-icon-color [igx-color: ('secondary', 500)] - The sorted table header icon color.
+/// @prop {Map} sorted-header-icon-color [igx-color: ('secondary', 500)] - The sorted table header icon color.
+/// @prop {Map} sortable-header-icon-hover-color [igx-color: ('secondary', 500)] - The icon color on hover in grid header when the column is sortable.
 ///
 /// @prop {Number} header-border-width [1px] - The border width used for header borders.
 /// @prop {String} header-border-style [solid] - The border style used for header borders.
@@ -85,22 +86,10 @@ $_light-grid: extend(
             igx-color: ('grays', 600)
         ),
 
-        sortable-header-hover-color: (
-            igx-color: ('grays', 900)
-        ),
-
-        sortable-header-hover-icon-color: (
-            igx-color: ('grays', 500)
-        ),
-
         sortable-header-icon-hover-color: (
             igx-color: ('secondary', 500)
         ),
 
-        sorted-header-color: (
-            igx-color: ('grays', 900)
-        ),
-
         sorted-header-icon-color: (
             igx-color: ('secondary', 500)
         ),