igniteui-theming 6.3.0 → 6.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "6.3.0",
+  "version": "6.3.2",
   "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/_button-group.scss

@@ -132,6 +132,7 @@ $light-button-group: extend(
 /// @prop {Map} disabled-selected-icon-color [color: ('gray', 400)] - The disabled icon color for a selected item in the button group.
 /// @prop {Map} disabled-selected-border-color [color: ('gray', 400)] - The disabled border color for a selected item from the button group.
 /// @prop {List} border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for button-group component.
+/// @prop {Number} default-size [3] - The default size used for the button-group component.
 /// @requires {Map} $light-button-group
 /// @requires {Map} $default-elevation-button-group
 $material-button-group: extend(
@@ -297,6 +298,8 @@ $material-button-group: extend(
                 400,
             ),
         ),
+
+        default-size: 3,
     )
 );
 

package/sass/themes/schemas/components/light/_icon-button.scss

@@ -29,7 +29,7 @@
 /// @prop {Map} disabled-border-color [color: ('gray', 100)] - The disabled border color of the material icon button.
 /// @prop {List} border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the material icon button.
 /// @prop {List} size [(rem(24px), rem(30px), rem(36px))] - The size used for the material icon button.
-/// @prop {Number} default-size [2] - The default size used for the icon button.
+/// @prop {Number} default-size [3] - The default size used for the icon button.
 $material-base-icon-button: (
     shadow-color: transparent,
     background: transparent,
@@ -121,7 +121,7 @@ $material-base-icon-button: (
             rem(36px),
         ),
     ),
-    default-size: 2,
+    default-size: 3,
 );
 
 /// Generates a material flat icon button schema.

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',