Merge branch '20.1.x' into randriova/calendar-i18n-20.1.x

Author: ddaribo

projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss

@@ -426,6 +426,7 @@
         &:active {
             background: var-get($flat-theme, 'focus-background');
             color: var-get($flat-theme, 'focus-foreground');
+            border-color: var-get($flat-theme, 'focus-border-color');
 
             igx-icon {
                 color: var-get($flat-theme, 'focus-foreground');
@@ -524,18 +525,20 @@
         color: var-get($outlined-theme, 'focus-visible-foreground');
         border-color: var-get($outlined-theme, 'focus-visible-border-color');
 
-        igx-icon {
-            color: var-get($outlined-theme, 'focus-visible-foreground');
+        @if $variant == 'material'  or $variant == 'bootstrap' {
+            igx-icon {
+                color: var-get($outlined-theme, 'icon-color-hover');
+            }
+        } @else {
+            igx-icon {
+                color: var-get($outlined-theme, 'icon-color');
+            }
         }
 
         @if $variant == 'bootstrap' {
             box-shadow: 0 0 0 rem(4px) var-get($outlined-theme, 'shadow-color');
         } @else if $variant == 'indigo' {
             box-shadow: 0 0 0 rem(3px) var-get($outlined-theme, 'shadow-color');
-
-            igx-icon {
-                color: var-get($outlined-theme, 'icon-color');
-            }
         }
 
         &:hover {
@@ -551,15 +554,10 @@
         &:active {
             background: var-get($outlined-theme, 'focus-background');
             color: var-get($outlined-theme, 'focus-foreground');
+            border-color: var-get($outlined-theme, 'focus-border-color');
 
-            @if $variant == 'material' {
-                border-color: var-get($outlined-theme, 'focus-border-color');
-
-                igx-icon {
-                    color: var-get($outlined-theme, 'focus-foreground');
-                }
-            } @else {
-                border-color: var-get($outlined-theme, 'active-border-color');
+            igx-icon {
+                color: var-get($outlined-theme, 'focus-foreground');
             }
 
             @if $variant == 'indigo' {
@@ -681,6 +679,11 @@
         &:active {
             color: var-get($contained-theme, 'focus-foreground');
             background: var-get($contained-theme, 'focus-background');
+            border-color: var-get($contained-theme, 'focus-border-color');
+
+            igx-icon {
+                color: var-get($contained-theme, 'focus-foreground');
+            }
 
             @if $variant == 'indigo' {
                 igx-icon {
@@ -818,6 +821,11 @@
         &:active {
             background: var-get($fab-theme, 'focus-background');
             color: var-get($fab-theme, 'focus-foreground');
+            border-color: var-get($fab-theme, 'focus-border-color');
+
+            igx-icon {
+                color: var-get($contained-theme, 'focus-foreground');
+            }
 
             @if $variant == 'indigo' {
                 igx-icon {

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -177,7 +177,7 @@
         igx-date-picker,
         igx-time-picker {
             position: relative;
-            height: calc(100% - #{$editing-outline-width * 2});
+            height: auto;
             width: 100% !important;
             overflow: hidden;
         }
@@ -211,6 +211,10 @@
             min-height: 100% !important;
             border: none !important;
 
+            .igx-input-group__filler {
+                border: none !important;
+            }
+
             &::before {
                 content: none !important;
             }
@@ -1006,10 +1010,10 @@
         }
 
         %igx-icon--error {
-            @if $variant == 'fluent' and $theme-variant == 'light' or $variant == 'material' and $theme-variant == 'light' {
-                color: color($color: 'gray', $variant: 600);
-            } @else {
+            @if $variant == 'indigo' or $theme-variant == 'dark' {
                 color: color($color: 'gray', $variant: 500);
+            } @else {
+                color: color($color: 'gray', $variant: 600);
             }
         }
     }
@@ -1204,15 +1208,6 @@
 
         @extend %cell-input-overrides;
 
-        > igx-input-group,
-        igx-combo,
-        igx-simple-combo,
-        igx-select,
-        igx-date-picker,
-        igx-time-picker {
-            height: auto;
-        }
-
         igx-input-group {
             background: transparent;
         }