igniteui-theming 8.0.0-beta.3 → 8.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0-beta.4",
   "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
   "main": "index.js",
   "scripts": {

package/sass/themes/schemas/components/dark/_list.scss

@@ -90,7 +90,7 @@ $dark-bootstrap-list: extend(
 /// Generates a dark indigo list schema.
 /// @type {Map}
 /// @prop {Map} header-text-color [contrast-color: ('gray', 50, .6)] - The list header text color.
-/// @prop {Map} item-background-hover [color: ('primary', 500, .5)] - The list item hover background.
+/// @prop {Map} item-background-hover [color: ('primary', 400, .3)] - The list item hover background.
 /// @prop {Map} item-background-active [color: ('primary')] - The active list item background color.
 /// @prop {Map} item-text-color [contrast-color: ('gray', 50, .9)] - The list item text color.
 /// @prop {Map} item-text-color-hover [contrast-color: ('gray', 50)] - The list item text color.
@@ -119,8 +119,8 @@ $dark-indigo-list: extend(
         item-background-hover: (
             color: (
                 'primary',
-                500,
-                0.5,
+                400,
+                0.3,
             ),
         ),
 

package/sass/themes/schemas/components/light/_list.scss

@@ -216,22 +216,22 @@ $bootstrap-list: extend(
 /// @type {Map}
 /// @prop {Color} background [transparent] - The list background color.
 /// @prop {Color} header-background [transparent] - The list header background color.
-/// @prop {Map} header-text-color [color: ('grays', 600)] - The list header text color.
+/// @prop {Map} header-text-color [color: ('gray', 600)] - The list header text color.
 /// @prop {Color} item-background [transparent] - The list item background color.
 /// @prop {Map} item-background-hover [color: ('primary', 300, .3)] - The list item hover background.
 /// @prop {Map} item-background-active [ color: ('primary', 300, .3)] - The active list item background color.
 /// @prop {Map} item-text-color [color: ('gray', 800)] - The list item text color.
-/// @prop {Map} item-text-color-hover [color: ('gray', 800)] - The list item text color.
+/// @prop {Map} item-text-color-hover [color: ('gray', 900)] - The list item text color.
 /// @prop {Map} item-text-color-active [color: ('gray', 800)] - The active list item text color.
 /// @prop {Map} item-subtitle-color [color: ('gray', 600)] - The list item subtitle color.
-/// @prop {Map} item-subtitle-color-hover [color: ('gray', 600)] - The list item subtitle hover color.
-/// @prop {Map} item-subtitle-color-active [color: ('gray', 600)] - The list item subtitle active color.
+/// @prop {Map} item-subtitle-color-hover [color: ('gray', 700)] - The list item subtitle hover color.
+/// @prop {Map} item-subtitle-color-active [color: ('gray', 700)] - The list item subtitle active color.
 /// @prop {Map} item-action-color [color: ('gray', 600)] - The list item action color.
-/// @prop {Map} item-action-color-hover [color: ('gray', 600)] - The list item action hover color.
-/// @prop {Map} item-action-color-active [color: ('gray', 600)] - The list item action active color.
+/// @prop {Map} item-action-color-hover [color: ('gray', 700)] - The list item action hover color.
+/// @prop {Map} item-action-color-active [color: ('gray', 700)] - The list item action active color.
 /// @prop {Map} item-thumbnail-color [color: ('gray', 600)] - The list item thumbnail color.
 /// @prop {Map} item-thumbnail-color-hover [color: ('gray', 600)] - The list item thumbnail hover color.
-/// @prop {Map} item-thumbnail-color-active [color: ('gray', 600)] - The list item thumbnail active color.
+/// @prop {Map} item-thumbnail-color-active [color: ('gray', 700)] - The list item thumbnail active color.
 /// @prop {Number} item-border-radius [0] - The border radius used for list item.
 /// @requires {Map} $light-list
 $indigo-list: extend(
@@ -243,7 +243,7 @@ $indigo-list: extend(
 
         header-text-color: (
             color: (
-                'grays',
+                'gray',
                 600,
             ),
         ),
@@ -283,7 +283,7 @@ $indigo-list: extend(
         item-text-color-active: (
             color: (
                 'gray',
-                800,
+                900,
             ),
         ),
 
@@ -297,14 +297,14 @@ $indigo-list: extend(
         item-action-color-hover: (
             color: (
                 'gray',
-                600,
+                700,
             ),
         ),
 
         item-action-color-active: (
             color: (
                 'gray',
-                600,
+                700,
             ),
         ),
 
@@ -318,14 +318,14 @@ $indigo-list: extend(
         item-subtitle-color-hover: (
             color: (
                 'gray',
-                600,
+                700,
             ),
         ),
 
         item-subtitle-color-active: (
             color: (
                 'gray',
-                600,
+                700,
             ),
         ),
 
@@ -346,7 +346,7 @@ $indigo-list: extend(
         item-thumbnail-color-active: (
             color: (
                 'gray',
-                600,
+                700,
             ),
         ),