igniteui-theming 6.3.0-beta.4 → 6.3.1

package/package.json

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

@@ -50,8 +50,6 @@ $dark-bootstrap-checkbox: extend(
 /// @prop {Map} label-color [color: ('gray', 900, .8)]- The text color used for the label text.
 /// @prop {Map} label-color-hover [color: ('gray', 900)]- The text color used for the label text on hover.
 /// @prop {Map} focus-outline-color [color: ('gray', 900, .2)] - The focus outlined color.
-/// @prop {Map} fill-color [color: ('primary', 400)] - The checked border and fill colors.
-/// @prop {Map} fill-color-hover [color: ('primary', 300)] - The checked border and fill colors on hover.
 /// @prop {Map} empty-color [color: ('gray', 900, .6)] - The unchecked border color.
 /// @prop {Map} empty-color-hover [color: ('gray', 900, .8)] - The unchecked border color on hover.
 /// @prop {Map} error-color [color: ('error', 400)] - The border and fill colors in invalid state.
@@ -82,18 +80,6 @@ $dark-indigo-checkbox: extend(
                 0.2,
             ),
         ),
-        fill-color: (
-            color: (
-                'primary',
-                400,
-            ),
-        ),
-        fill-color-hover: (
-            color: (
-                'primary',
-                300,
-            ),
-        ),
         empty-color: (
             contrast-color: (
                 'gray',

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

@@ -109,9 +109,6 @@ $dark-bootstrap-radio: extend($bootstrap-radio, $base-dark-radio);
 /// @prop {Map} label-color-hover [contrast-color: ('primary', 500)] - The text color used for the label text on hover.
 /// @prop {Map} hover-color [contrast-color: ('primary', 500, 0.8)] - The text color used for the label text.
 /// @prop {Map} focus-outline-color [contrast-color: ('primary', 500, 0.2)] - The focus outlined color.
-/// @prop {Map} fill-color [color: ('primary', 400)] - The checked border and dot colors.
-/// @prop {Map} fill-hover-border-color [color: ('primary', 300)] - The text color used for the label text.
-/// @prop {Map} fill-color-hover [color: ('primary', 300)] - The checked border and dot colors on hover.
 /// @prop {Map} empty-color [contrast-color: ('primary', 500, 0.6)] - The unchecked border color.
 /// @prop {Map} disabled-color [contrast-color: ('primary', 500, 0.2)] - The disabled border and dot colors.
 /// @prop {Map} disabled-label-color [contrast-color: ('primary', 500, 0.2)] - The disabled label color.
@@ -150,24 +147,6 @@ $dark-indigo-radio: extend(
                 0.2,
             ),
         ),
-        fill-color: (
-            color: (
-                'primary',
-                400,
-            ),
-        ),
-        fill-hover-border-color: (
-            color: (
-                'primary',
-                300,
-            ),
-        ),
-        fill-color-hover: (
-            color: (
-                'primary',
-                300,
-            ),
-        ),
         error-color: (
             color: (
                 'error',

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

@@ -144,11 +144,9 @@ $dark-bootstrap-switch: extend(
 /// @prop {Map} thumb-on-color [contrast-color: ('gray', 50)] - The color of the thumb when the switch is on.
 /// @prop {Map} thumb-disabled-color [contrast-color: ('gray', 50, .2)] - The color of the thumb when the switch is disabled.
 /// @prop {Map} thumb-on-disabled-color [contrast-color: ('gray', 50, .2)] - The color of the thumb when the switch is on and disabled.
-/// @prop {Map} track-on-hover-color [color: ('primary', 300)] - The color of the track when the switch is on and hovered.
 /// @prop {Map} border-color [contrast-color: ('gray', 50, .6)] - The border color of the switch.
 /// @prop {Map} border-hover-color [contrast-color: ('gray', 50, .8)] - The border color of the switch on hover.
 /// @prop {Map} border-disabled-color [contrast-color: ('gray', 50, .2)] - The border color of the disabled switch.
-/// @prop {Map} border-on-hover-color [color: ('primary', 300)] - The border color of the  on-switch.
 /// @prop {Map} error-color [contrast-color: ('gray', 50, .6)] - The border and thumb color in invalid state.
 /// @prop {Map} focus-outline-color [contrast-color: ('gray', 50, .2)] - The focus outlined color.
 /// @requires $indigo-switch
@@ -209,12 +207,6 @@ $dark-indigo-switch: extend(
                 0.2,
             ),
         ),
-        track-on-hover-color: (
-            color: (
-                'primary',
-                300,
-            ),
-        ),
         border-color: (
             contrast-color: (
                 'gray',
@@ -236,12 +228,6 @@ $dark-indigo-switch: extend(
                 0.2,
             ),
         ),
-        border-on-hover-color: (
-            color: (
-                'primary',
-                300,
-            ),
-        ),
         error-color: (
             contrast-color: (
                 'gray',

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

@@ -11,7 +11,7 @@
 /// Generates a base light navbar schema.
 /// @type {Map}
 /// @prop {Map} background [color: ('primary', 500)] - The navbar background color.
-/// @prop {Map} border-color [color: ('primary', 500)] - The navbar border color.
+/// @prop {Color} border-color [transparent] - The navbar border color.
 /// @prop {Map} text-color [contrast-color: ('primary', 500)] - The navbar text color.
 /// @prop {Map} idle-icon-color [contrast-color: ('primary', 500)] - The navbar idle icon color.
 /// @prop {Map} hover-icon-color [contrast-color: ('primary', 500)] - The navbar hover icon color.
@@ -26,12 +26,7 @@ $light-navbar: extend(
                 500,
             ),
         ),
-        border-color: (
-            color: (
-                'primary',
-                500,
-            ),
-        ),
+        border-color: transparent,
         text-color: (
             contrast-color: (
                 'primary',
@@ -61,7 +56,6 @@ $material-navbar: $light-navbar;
 /// Generates a fluent navbar schema.
 /// @type {Map}
 /// @prop {Map} background [color: 'surface'] - The navbar background color.
-/// @prop {Map} border-color [color: 'surface'] - The navbar border color.
 /// @prop {Map} text-color [color: ('gray', 900)] - The navbar text color.
 /// @prop {Map} idle-icon-color [color: ('primary', 500)] - The navbar idle icon color.
 /// @prop {Map} hover-icon-color [color: ('primary', 500)] - The navbar hover icon color.
@@ -72,9 +66,6 @@ $fluent-navbar: extend(
         background: (
             color: 'surface',
         ),
-        border-color: (
-            color: 'surface',
-        ),
         text-color: (
             color: (
                 'gray',