igniteui-theming 6.0.0-beta.4 → 6.0.0-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "6.0.0-beta.4",
+  "version": "6.0.0-beta.6",
   "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/_calendar.scss

@@ -605,6 +605,8 @@ $dark-bootstrap-calendar: extend(
 /// @prop {Map} date-special-hover-background [color: ('primary', 600)] - The background color of a special date.
 /// @prop {Map} date-special-focus-foreground [contrast-color: ('primary', 600)] - The foreground color of a special date.
 /// @prop {Map} date-special-focus-background [color: ('primary', 600)] - The background color of a special date.
+/// @prop {Map} navigation-hover-color [color: ('primary', 300)] - The :hover color of the icon button responsible for month navigation.
+/// @prop {Map} navigation-focus-color [color: ('primary', 300)] - The :focus color of the icon button responsible for month navigation.
 /// @requires $indigo-calendar
 $dark-indigo-calendar: extend(
     $indigo-calendar,
@@ -713,5 +715,17 @@ $dark-indigo-calendar: extend(
                 600,
             ),
         ),
+        navigation-hover-color: (
+            color: (
+                'primary',
+                300,
+            ),
+        ),
+        navigation-focus-color: (
+            color: (
+                'primary',
+                300,
+            ),
+        ),
     )
 );

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

@@ -2436,8 +2436,8 @@ $bootstrap-calendar: extend(
 /// @prop {Map} picker-focus-foreground [color: 'gray' 900] - The :focus foreground color of the month and year pickers.
 ///
 /// @prop {Map} navigation-color [color: ('gray', 600)] - the color of the buttons responsible for navigation.
-/// @prop {Map} navigation-hover-color [color: ('gray', 800)] - The :hover color of the icon button responsible for month navigation.
-/// @prop {Map} navigation-focus-color [color: ('gray', 800)] - The :focus color of the icon button responsible for month navigation.
+/// @prop {Map} navigation-hover-color [color: ('primary', 500)] - The :hover color of the icon button responsible for month navigation.
+/// @prop {Map} navigation-focus-color [color: ('primary', 500)] - The :focus color of the icon button responsible for month navigation.
 /// @prop {Map} week-number-foreground [color: ('gray', 600)] - The foreground color of the week number column.
 ///
 /// @prop {Map} week-number-background [color: ('gray', 900, .05)] - The background color of the week number column.
@@ -2610,14 +2610,14 @@ $indigo-calendar: extend(
         ),
         navigation-hover-color: (
             color: (
-                'secondary',
-                800,
+                'primary',
+                500,
             ),
         ),
         navigation-focus-color: (
             color: (
-                'secondary',
-                800,
+                'primary',
+                500,
             ),
         ),