igniteui-theming 3.0.3 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "3.0.3",
+  "version": "3.0.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/light/_checkbox.scss

@@ -18,7 +18,7 @@
 /// @prop {Map} fill-color [color: ('secondary', 500)] - The checked border and fill colors.
 /// @prop {Map} fill-color-hover [color: ('secondary', 500)] - The checked border and fill colors on hover.
 /// @prop {Map} disabled-color [color: ('gray', 400)] - The disabled border and fill colors.
-/// @prop {Map} disabled-indeterminate-color [color: ('secondary', 200)] - The disabled border and fill colors in indeterminate state.
+/// @prop {Map} disabled-indeterminate-color [color: ('secondary', 100)] - The disabled border and fill colors in indeterminate state.
 /// @prop {Map} disabled-color-label [color: ('gray', 500)] - The disabled color of the label.
 /// @prop {Map} error-color [color: ('error', 500)] - The border and fill colors in invalid state.
 /// @prop {Map} error-color-hover [color: ('error', 500)] - The border and fill colors in invalid state on hover.
@@ -176,6 +176,7 @@ $fluent-checkbox: extend(
 /// Generates a bootstrap checkbox schema.
 /// @type {Map}
 /// @prop {Map} fill-color [color: ('primary', 500)] - The checked border and fill colors.
+/// @prop {Map} fill-color-hover [color: ('primary', 500)] - The checked border and fill colors on hover.
 /// @prop {Map} empty-color [color: ('gray', 500)] - The unchecked border color.
 /// @prop {Map} disabled-color [color: ('primary', 200)] - The disabled border and fill colors.
 /// @prop {Map} disabled-color-label [color: ('gray', 400)] - The disabled color of the label.
@@ -199,6 +200,12 @@ $bootstrap-checkbox: extend(
                 500,
             ),
         ),
+        fill-color-hover: (
+            color: (
+                'primary',
+                500,
+            ),
+        ),
         empty-color: (
             color: (
                 'gray',
@@ -241,8 +248,10 @@ $bootstrap-checkbox: extend(
 /// @prop {Color} tick-color [color: 'surface'] - The checked mark color.
 /// @prop {Color} tick-color-hover [color: 'surface'] - The checked mark color on hover.
 /// @prop {Map} fill-color [color: ('primary', 500)] - The checked border and fill colors.
+/// @prop {Map} fill-color-hover [color: ('primary', 400)] - The checked border and fill colors on hover.
 /// @prop {Map} empty-color [color: ('gray', 500)] - The unchecked border color.
 /// @prop {Map} disabled-color [color: ('gray', 300)] - The disabled border and fill colors.
+/// @prop {Map} disabled-indeterminate-color [color: ('primary', 500, .3)] - The disabled border and fill colors in checked/indeterminate state.
 /// @prop {Map} disabled-color-label [color: ('gray', 300)] - The disabled label color.
 /// @prop {Map} focus-outline-color [color: ('gray', 300)] - The focus outlined color.
 /// @prop {Map} focus-outline-color-focused [color: ('primary', 200)] - The focus outlined color for focused state.
@@ -277,6 +286,12 @@ $indigo-checkbox: extend(
                 500,
             ),
         ),
+        fill-color-hover: (
+            color: (
+                'primary',
+                400,
+            ),
+        ),
         empty-color: (
             color: (
                 'gray',
@@ -295,6 +310,13 @@ $indigo-checkbox: extend(
                 300,
             ),
         ),
+        disabled-indeterminate-color: (
+            color: (
+                'primary',
+                500,
+                0.3,
+            ),
+        ),
         error-color-hover: (
             color: (
                 'error',

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

@@ -76,13 +76,18 @@
 /// @prop {Map} drop-area-on-drop-background [color: ('gray', 200)] - The drop area background on drop color.
 /// @prop {Map} tree-filtered-text-color [color: ('gray', 500)] - grouping row background color on focus.
 /// @prop {Color} filtering-header-background [color: ('gray', 50)] - The background color of the filtered column header.
-/// @prop {Map} filtering-header-text-color [color: ('gray', 800)] - The text color color of the filtered column header.
+/// @prop {Map} filtering-header-text-color [color: ('gray', 800)] - The text color of the filtered column header.
 /// @prop {Map} filtering-background-and [color: ('primary', 300)] - The background color of advanced filtering "AND" condition.
 /// @prop {Map} filtering-background-and--focus [color: ('primary', 700)] - The background color on focus/selected of advanced filtering "AND" condition.
 /// @prop {Map} filtering-background-or [color: ('secondary', 300)] - The background color of advanced filtering "OR" condition.
 /// @prop {Map} filtering-background-or--focus [color: ('secondary', 700)] - The background color on focus/selected of advanced filtering "OR" condition.
 /// @prop {Color} filtering-row-background [color: 'gray', 50)] - The background color of the filtering row.
-/// @prop {Map} filtering-row-text-color [color: ('gray', 800)] - The text-color color of the filtering row.
+/// @prop {Map} filtering-row-text-color [color: ('gray', 800)] - The text color of the filtering row.
+/// @prop {Map} excel-filtering-header-foreground [color: ('gray', 700)] - The text color of the header in the excel style filtering.
+/// @prop {Map} excel-filtering-subheader-foreground [color: ('gray', 700)] - The text color of the sorting and moving headers in the excel style filtering.
+/// @prop {Map} excel-filtering-actions-foreground [color: ('gray', 700)] - The text color of the excel style filtering options.
+/// @prop {Map} excel-filtering-actions-hover-foreground [color: ('gray', 700)] - The text color of the excel style filtering options in hover/focus state.
+/// @prop {Map} excel-filtering-actions-disabled-foreground [color: ('gray', 400)] - The text color of the excel style filtering options in disabled state.
 /// @prop {Map} body-summaries-background [color: ('gray', 100)] - The background color of the summary groups located the body.
 /// @prop {Map} body-summaries-text-color [contrast-color: ('gray', 100)] - The text color of the summary groups located the body.
 /// @prop {Map} root-summaries-background [color: ('gray', 300)] - The background color of the summary groups located the footer.
@@ -245,6 +250,41 @@ $light-grid: extend(
             ),
         ),
 
+        excel-filtering-header-foreground: (
+            color: (
+                'gray',
+                700,
+            ),
+        ),
+
+        excel-filtering-subheader-foreground: (
+            color: (
+                'gray',
+                700,
+            ),
+        ),
+
+        excel-filtering-actions-foreground: (
+            color: (
+                'gray',
+                700,
+            ),
+        ),
+
+        excel-filtering-actions-hover-foreground: (
+            color: (
+                'gray',
+                700,
+            ),
+        ),
+
+        excel-filtering-actions-disabled-foreground: (
+            color: (
+                'gray',
+                400,
+            ),
+        ),
+
         grid-border-color: transparent,
 
         content-background: (
@@ -678,7 +718,7 @@ $light-grid: extend(
 /// @prop {Map} group-row-background [color: ('gray', 50)] - The grid group row background color.
 /// @prop {Map} group-row-selected-background [color: ('gray', 100)] - The drop area background on drop color.
 /// @prop {Map} filtering-header-background [color: ('gray', 50)] - The background color of the filtered column header.
-/// @prop {Map} filtering-header-text-color [color: ('gray', 900)] - The text color color of the filtered column header.
+/// @prop {Map} filtering-header-text-color [color: ('gray', 900)] - The text color of the filtered column header.
 /// @prop {Map} filtering-row-background [color: ('gray', 200)] - The background color of the filtering row.
 /// @prop {Map} root-summaries-background [color: 'surface'] - The background color of the summary groups located the footer.
 /// @prop {Map} row-ghost-background [color: 'surface'] - The background color of the dragged row.
@@ -1034,7 +1074,7 @@ $bootstrap-grid: extend(
 /// @prop {Map} header-selected-background [color: ('primary', 100)] - The table header background color when selected (ex. column selection).
 /// @prop {Map} header-selected-text-color [color: 'primary'] - The table header text color when selected (ex. column selection).
 /// @prop {Map} header-border-color [color: ('primary', 500, .24)] - The color used for header borders.
-/// @prop {Map} filtering-header-text-color [color: ('primary', 900)] - The text color color of the filtered column header.
+/// @prop {Map} filtering-header-text-color [color: ('primary', 900)] - The text color of the filtered column header.
 /// @prop {Map} filtering-background-or [color: ('warn', 500, .72)] - The background color of advanced filtering "OR" condition.
 /// @prop {Map} filtering-background-or--focus [color: 'warn'] - The background color on focus/selected of advanced filtering "OR" condition.
 /// @prop {Map} edited-row-indicator [color: 'primary'] - The indicator's color of edited row.