feat(typography): Update indigo typography to match the UI kit (#10894)

* feat(typography): Update indigo typography to match the UI kit

* feat(typography): Update material calendar typography.

Co-authored-by: Simeon Simeonoff <[email protected]>

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss

@@ -1118,7 +1118,7 @@
 /// @param {Map} $categories [(header-year: 'subtitle-1', header-date: 'h4', picker-date: 'subtitle-1', content: 'body-1')] - The categories from the typographic scale used for type styles.
 /// @requires {mixin} igx-type-style
 @mixin igx-calendar-typography($type-scale, $categories: (
-    header-year: 'subtitle-1',
+    header-year: 'overline',
     header-date: 'h4',
     weekday-label: 'body-1',
     picker-date: 'subtitle-1',

projects/igniteui-angular/src/lib/core/styles/typography/_typography.scss

@@ -224,11 +224,22 @@
     @if ($_variant == 'indigo') {
         @include igx-calendar-typography($type-scale);
 
-        @include igx-card-typography($type-scale, $categories: (
-            title: 'h5',
-            title-small: 'subtitle-2',
-            subtitle: 'subtitle-2',
-            content: 'body-2',
+        @include igx-checkbox-typography($type-scale, $categories: (
+            label: 'body-1',
+        ));
+
+        @include igx-input-group-typography($type-scale, $categories: (
+            input-text: 'body-1'
+        ));
+
+        @include igx-list-typography($type-scale, $categories: (
+            header: 'overline',
+            subtitle: 'body-2'
+        ));
+
+
+        @include igx-expansion-panel-typography($type-scale, $categories: (
+            body: 'body-1'
         ));
 
         @include igx-dialog-typography($type-scale);

projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_indigo.scss

@@ -5,7 +5,7 @@ $indigo_h1: igx-type-style(
     $font-size: rem(96px),
     $font-weight: 200,
     $line-height: rem(112px),
-    $letter-spacing: rem(-1.54px),
+    $letter-spacing: rem(-1.5px),
     $text-transform: none,
     $margin-top: 0,
     $margin-bottom: 0
@@ -15,7 +15,7 @@ $indigo_h2: igx-type-style(
     $font-size: rem(60px),
     $font-weight: 200,
     $line-height: rem(72px),
-    $letter-spacing: rem(-.48px),
+    $letter-spacing: rem(-.5px),
     $text-transform: none,
     $margin-top: 0,
     $margin-bottom: 0