Update Bootstrap typography (#10908)

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

* feat(typography): Update bootstrap typography.

* feat(typography): Update h6 font-weight in bootstrap.

* Update projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_bootstrap.scss

Co-authored-by: Stefan Ivanov <[email protected]>

* Update projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_bootstrap.scss

Co-authored-by: Stefan Ivanov <[email protected]>

* Update projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_bootstrap.scss

Co-authored-by: Stefan Ivanov <[email protected]>

* Update projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_bootstrap.scss

Co-authored-by: Stefan Ivanov <[email protected]>

* Update projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_bootstrap.scss

Co-authored-by: Stefan Ivanov <[email protected]>

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

Co-authored-by: Stefan Ivanov <[email protected]>

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

Co-authored-by: Stefan Ivanov <[email protected]>

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

Co-authored-by: Stefan Ivanov <[email protected]>

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

Author: 3 people

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

@@ -182,7 +182,6 @@
 
         @include igx-dialog-typography($type-scale, $categories: (
             title: 'h5',
-            content: 'body-1',
         ));
 
         @include igx-drop-down-typography($type-scale, $categories: (
@@ -197,6 +196,29 @@
             subtitle: 'subtitle-1',
             header: 'overline',
         ));
+
+        @include igx-checkbox-typography($type-scale, $categories: (
+            label: 'body-2',
+        ));
+
+        @include igx-input-group-typography($type-scale, $categories: (
+            helper-text: 'body-2',
+            input-text: 'body-1'
+        ));
+
+        @include igx-navbar-typography($type-scale, $categories: (
+            title: 'h5'
+        ));
+
+        @include igx-drop-down-typography($type-scale, $categories: (
+            header: 'body-1',
+            item: 'body-1',
+            select-item: 'body-1'
+        ));
+
+        @include igx-expansion-panel-typography($type-scale, $categories: (
+            description: 'body-1',
+        ));
     }
 
     @if ($_variant == 'indigo') {

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

@@ -48,7 +48,7 @@ $bootstrap_h5: igx-type-style(
 
 $bootstrap_h6: igx-type-style(
     $font-size: rem(16px),
-    $font-weight: 400,
+    $font-weight: 500,
     $line-height: rem(19.2px),
     $text-transform: none,
     $margin-top: 0,
@@ -95,7 +95,7 @@ $bootstrap_button: igx-type-style(
     $font-size: rem(16px),
     $font-weight: 500,
     $line-height: rem(24px),
-    $text-transform: capitalize,
+    $text-transform: none,
     $margin-top: 0,
     $margin-bottom: 0
 );