igniteui-theming 18.2.0 → 19.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "18.2.0",
+  "version": "19.0.0",
   "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/_grid-summary.scss

@@ -81,7 +81,6 @@ $dark-bootstrap-grid-summary: extend(
 /// Generates a dark indigo grid-summary schema.
 /// @type {Map}
 /// @prop {Map} background-color [color: ('surface')] - The summaries background color.
-/// @prop {Map} focus-background-color [color: ('gray', 100)] - The background color when a summary item is on focus.
 /// @prop {Map} label-color [color: ('primary', 200)] - The summaries label color.
 /// @prop {Map} label-hover-color [color: ('primary', 200)] - The summaries hover label color.
 /// @prop {Map} result-color [contrast-color: 'surface'] - The summaries value/result color.
@@ -97,13 +96,6 @@ $dark-indigo-grid-summary: extend(
             ),
         ),
 
-        focus-background-color: (
-            color: (
-                'gray',
-                100,
-            ),
-        ),
-
         label-color: (
             color: (
                 'primary',

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

@@ -10,7 +10,6 @@
 /// Generates a light grid-summary schema.
 /// @type {Map}
 /// @prop {Map} background-color [color: ('gray', 300)] - The summaries background color.
-/// @prop {Map} focus-background-color [color: ('gray', 100)] - The background color when a summary item is on focus.
 /// @prop {Map} label-color [color: ('primary', 500)] - The summaries label color.
 /// @prop {Map} label-hover-color [color: ('primary', 700)] - The summaries hover label color.
 /// @prop {Map} result-color [contrast-color: ('gray', 300)] - The summaries value/result color.
@@ -26,13 +25,6 @@ $light-grid-summary: (
         ),
     ),
 
-    focus-background-color: (
-        color: (
-            'gray',
-            100,
-        ),
-    ),
-
     label-color: (
         color: (
             'primary',

package/sass/themes/schemas/components/light/_input-group.scss

@@ -28,7 +28,6 @@
 /// @prop {Map} idle-bottom-line-color [color: ('gray', 500)] - The bottom line and border colors in the idle state.
 /// @prop {Map} hover-bottom-line-color [color: ('gray', 900)] - The bottom line and border colors in the hover state.
 /// @prop {Map} focused-bottom-line-color [color: ('primary', 500)] - The bottom line and border colors in the focused state.
-/// @prop {Map} interim-bottom-line-color [color: ('primary', 500, .12)] - The bottom line and border colors during the to-focused transition.
 /// @prop {Map} disabled-bottom-line-color [color: ('gray', 500)] - The bottom line and border colors in the disabled state.
 /// @prop {Map} border-color [color: ('gray', 400)] - The border color for input groups of type border and fluent.
 /// @prop {Map} hover-border-color [color: ('gray', 900)] - The hover input border for input groups of type border and fluent.
@@ -186,13 +185,6 @@ $light-input-group: (
             500,
         ),
     ),
-    interim-bottom-line-color: (
-        color: (
-            'primary',
-            500,
-            0.12,
-        ),
-    ),
     disabled-bottom-line-color: (
         color: (
             'gray',
@@ -564,7 +556,6 @@ $fluent-input-group: extend(
 /// @prop {Map} border-disabled-background [color: ('gray', 100)] - The background color of an input group of type border in the disabled state.
 /// @prop {Map} focused-secondary-color [color: ('primary', 500, .38)] - The label color in the focused state.
 /// @prop {Map} disabled-text-color [color: ('gray', 400)] - The input text color in the disabled state.
-/// @prop {Map} interim-bottom-line-color [color: ('primary', 500)] - The bottom line and border colors during the to-focused transition.
 /// @prop {Map} disabled-placeholder-color [color: ('gray', 400)] - The disabled placeholder color of an input group.
 /// @prop {Map} input-prefix-color [color: ('gray', 800)] - The input prefix color in the idle state.
 /// @prop {Map} input-prefix-color--filled [color: ('gray', 800)] - The input prefix color in the filled state.
@@ -589,12 +580,6 @@ $bootstrap-input-group: extend(
     $light-input-group,
     $bootstrap-elevation-input-group,
     (
-        interim-bottom-line-color: (
-            color: (
-                'primary',
-                500,
-            ),
-        ),
         border-disabled-background: (
             color: (
                 'gray',