Navbar - Fix button size in context of navbar and add missing border variable (#14253)

Author: desig9stein

package-lock.json

@@ -70,7 +70,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.19.2",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^6.3.0",
+    "igniteui-theming": "^6.3.1",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.0",

package.json

@@ -74,7 +74,7 @@
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "uuid": "^9.0.0",
-        "igniteui-theming": "^6.3.0",
+        "igniteui-theming": "^6.3.1",
         "@igniteui/material-icons-extended": "^3.0.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -12,9 +12,9 @@
 
 /// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
 /// @param {Map} $elevations [null] - The elevations (shadows) map to be used.
-///
 /// @param {Color} $background [null] - The navbar background color.
 /// @param {Color} $text-color [null] - The navbar text color.
+/// @param {Color} $border-color [null] - The navbar border color.
 /// @param {box-shadow} $shadow [null] - The shadow of the navbar.
 /// @param {Color} $idle-icon-color [null] - The navbar idle icon color.
 /// @param {Color} $hover-icon-color [null] - The navbar hover icon color.
@@ -27,8 +27,8 @@
 @function navbar-theme(
     $schema: $light-material-schema,
     $elevations: null,
-
     $background: null,
+    $border-color: null,
     $text-color: null,
     $shadow: null,
     $idle-icon-color: null,
@@ -71,6 +71,7 @@
     @return extend($theme, (
         name: $name,
         background: $background,
+        border-color: $border-color,
         text-color: $text-color,
         idle-icon-color: $idle-icon-color,
         hover-icon-color: $hover-icon-color,
@@ -111,18 +112,21 @@
 
         igx-avatar,
         igx-input-group,
-        [igxButton],
         [igxIconButton],
         igc-avatar,
         igc-input,
-        igc-button,
         igc-icon-button {
             --ig-size: 1;
         }
-	    
+
+        [igxButton],
+        igc-button {
+            --ig-size: 2;
+        }
+
         @if $variant == 'indigo-design' {
             igc-icon-button,
-            [igxIconButton], {
+            [igxIconButton] {
                 --ig-size: 2;
             }
         }