igniteui-theming 8.1.0 → 8.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "8.1.0",
+  "version": "8.2.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/_divider.scss

@@ -7,37 +7,33 @@
 /// @access public
 ////
 
-/// Generates a base dark divider schema.
-/// @type {Map}
-/// @property {Map} color [color: ('gray', 100)] - The color used for the divider.
-$base-dark-divider: (
-    color: (
-        color: (
-            'gray',
-            100,
-        ),
-    ),
-);
-
 /// Generates a dark material divider schema.
 /// @type {Map}
 /// @requires $material-divider
-/// @requires $base-dark-divider
-$dark-material-divider: extend($material-divider, $base-dark-divider);
+$dark-material-divider: $material-divider;
 
 /// Generates a dark fluent divider schema.
 /// @type {Map}
 /// @requires $fluent-divider
-$dark-fluent-divider: extend($fluent-divider, $base-dark-divider);
+$dark-fluent-divider: $fluent-divider;
 
 /// Generates a dark bootstrap divider schema.
 /// @type {Map}
 /// @requires $bootstrap-divider
-/// @requires $base-dark-divider
-$dark-bootstrap-divider: extend($bootstrap-divider, $base-dark-divider);
+$dark-bootstrap-divider: $bootstrap-divider;
 
 /// Generates a dark indigo divider schema.
 /// @type {Map}
+/// @prop {Map} color [color: ('gray', 100)] - The color used for the divider.
 /// @requires $indigo-divider
-/// @requires $base-dark-divider
-$dark-indigo-divider: extend($indigo-divider, $base-dark-divider);
+$dark-indigo-divider: extend(
+    $indigo-divider,
+    (
+        color: (
+            color: (
+                'gray',
+                100,
+            ),
+        ),
+    )
+);

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

@@ -42,8 +42,20 @@ $dark-fluent-progress-linear: extend($fluent-progress-linear, $dark-base-progres
 
 /// Generates a dark bootstrap progress-linear schema.
 /// @type {Map}
+/// @prop {Map} stripes-color [color: ('gray', 900, .2)] - The track stripes color.
 /// @requires $bootstrap-progress-linear
-$dark-bootstrap-progress-linear: $bootstrap-progress-linear;
+$dark-bootstrap-progress-linear: extend(
+    $bootstrap-progress-linear,
+    (
+        stripes-color: (
+            color: (
+                'gray',
+                900,
+                0.2,
+            ),
+        ),
+    )
+);
 
 /// Generates a dark indigo progress-linear schema.
 /// @type {Map}

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

@@ -411,9 +411,9 @@ $bootstrap-chip: extend(
 /// @prop {Map} hover-background [color: ('gray', 200)] - The chip hover background color.
 /// @prop {Map} focus-background [color: ('surface')] The focused chip background color.
 /// @prop {Map} selected-text-color [contrast-color: ('primary', 500)] - The selected chip text color.
-/// @prop {Map} hover-selected-text-color [contrast-color: ('primary', 400)] - The selected chip hover text color.
+/// @prop {Map} hover-selected-text-color [contrast-color: ('primary', 500)] - The selected chip hover text color.
 /// @prop {Map} hover-selected-background [color: ('primary', 400)] - The selected chip hover background color.
-/// @prop {Map} focus-selected-text-color [contrast-color: ('primary', 400)] - The selected chip text focus color.
+/// @prop {Map} focus-selected-text-color [contrast-color: ('primary', 500)] - The selected chip text focus color.
 /// @prop {Map} focus-selected-background [color: ('primary', 400)] - The selected chip focus background color.
 /// @prop {Map} focus-outline-color [color: ('gray', 300)] - The chip focus outline color.
 /// @prop {Map} focus-selected-outline-color [color: ('primary', 200)] - The selected chip focus outline color.
@@ -505,7 +505,7 @@ $indigo-chip: extend(
         hover-selected-text-color: (
             contrast-color: (
                 'primary',
-                400,
+                500,
             ),
         ),
 

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

@@ -95,7 +95,7 @@ $fluent-progress-linear: $light-progress-linear;
 
 /// Generates a bootstrap progress-linear schema.
 /// @type {Map}
-/// @prop {Map} stripes-color [color: ('gray', 50, .15)] - The track stripes color.
+/// @prop {Map} stripes-color [color: ('gray', 50, .2)] - The track stripes color.
 /// @prop {List} track-border-radius [(rem(4px), rem(0), rem(8px))] - The border radius used for the progress bar track.
 /// @requires $light-progress-linear
 $bootstrap-progress-linear: extend(
@@ -105,7 +105,7 @@ $bootstrap-progress-linear: extend(
             color: (
                 'gray',
                 50,
-                0.15,
+                0.2,
             ),
         ),