refactor(dock-manager): add typography mixin

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/components/dock-manager/_dock-manager-theme.scss

@@ -69,3 +69,17 @@
 
     @return extend($theme, (name: 'igc'), keywords($rest));
 }
+
+
+/// Adds typography styles for the dock manager component.
+/// @access private
+/// @group typography
+/// @requires {mixin} igx-type-style
+@mixin igx-dock-manager-typography() {
+    $scope: if(is-root(), ':root', '&');
+
+    #{$scope} {
+        @include css-vars-from-theme((font-family: inherit), 'igc');
+    }
+}
+

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

@@ -10,32 +10,33 @@
 @import '../components/button/button-theme';
 @import '../components/calendar/calendar-theme';
 @import '../components/card/card-theme';
+@import '../components/charts/data-chart-theme';
+@import '../components/charts/financial-chart-theme';
+@import '../components/charts/funnel-chart-theme';
+@import '../components/charts/gauge-theme';
+@import '../components/charts/graph-theme';
+@import '../components/charts/shape-chart-theme';
 @import '../components/checkbox/checkbox-theme';
 @import '../components/chip/chip-theme';
 @import '../components/column-hiding/column-hiding-theme';
+@import '../components/date-range-picker/date-range-picker-theme';
 @import '../components/dialog/dialog-theme';
+@import '../components/dock-manager/dock-manager-theme';
 @import '../components/drop-down/drop-down-theme';
-@import '../components/date-range-picker/date-range-picker-theme';
 @import '../components/expansion-panel/expansion-panel-theme';
 @import '../components/grid/excel-filtering-theme';
 @import '../components/input/input-group-theme';
+@import '../components/list/list-theme';
 @import '../components/navbar/navbar-theme';
 @import '../components/navdrawer/navdrawer-theme';
-@import '../components/list/list-theme';
 @import '../components/radio/radio-theme';
-@import '../components/snackbar/snackbar-theme';
 @import '../components/slider/slider-theme';
+@import '../components/snackbar/snackbar-theme';
 @import '../components/switch/switch-theme';
 @import '../components/tabs/tabs-theme';
 @import '../components/time-picker/time-picker-theme';
 @import '../components/toast/toast-theme';
 @import '../components/tooltip/tooltip-theme';
-@import '../components/charts/data-chart-theme';
-@import '../components/charts/financial-chart-theme';
-@import '../components/charts/graph-theme';
-@import '../components/charts/shape-chart-theme';
-@import '../components/charts/funnel-chart-theme';
-@import '../components/charts/gauge-theme';
 
 /// Adds typography styles for h1-h6, paragraph and creates
 /// custom typography class selectors. The produces styles
@@ -101,36 +102,37 @@
         }
 
         // Call the individual component styles with the type scale
-        @include igx-button-typography($type-scale);
-        @include igx-bottom-nav-typography($type-scale);
+        @include _excel-filtering-typography($type-scale);
         @include igx-banner-typography($type-scale);
+        @include igx-bottom-nav-typography($type-scale);
+        @include igx-button-typography($type-scale);
         @include igx-calendar-typography($type-scale);
         @include igx-card-typography($type-scale);
         @include igx-checkbox-typography($type-scale);
         @include igx-chip-typography($type-scale);
         @include igx-column-hiding-typography($type-scale);
+        @include igx-data-chart-typography($type-scale);
+        @include igx-date-range-typography($type-scale);
         @include igx-dialog-typography($type-scale);
+        @include igx-dock-manager-typography();
         @include igx-drop-down-typography($type-scale);
-        @include igx-date-range-typography($type-scale);
         @include igx-expansion-panel-typography($type-scale);
-        @include _excel-filtering-typography($type-scale);
+        @include igx-financial-chart-typography($type-scale);
+        @include igx-funnel-chart-typography($type-scale);
+        @include igx-gauge-typography();
+        @include igx-graph-typography();
         @include igx-input-group-typography($type-scale);
+        @include igx-list-typography($type-scale);
         @include igx-navbar-typography($type-scale);
         @include igx-navdrawer-typography($type-scale);
-        @include igx-list-typography($type-scale);
         @include igx-radio-typography($type-scale);
+        @include igx-shape-chart-typography($type-scale);
+        @include igx-slider-typography($type-scale);
         @include igx-snackbar-typography($type-scale);
         @include igx-switch-typography($type-scale);
-        @include igx-slider-typography($type-scale);
         @include igx-tabs-typography($type-scale);
         @include igx-time-picker-typography($type-scale);
         @include igx-toast-typography($type-scale);
         @include igx-tooltip-typography($type-scale);
-        @include igx-data-chart-typography($type-scale);
-        @include igx-financial-chart-typography($type-scale);
-        @include igx-graph-typography();
-        @include igx-shape-chart-typography($type-scale);
-        @include igx-funnel-chart-typography($type-scale);
-        @include igx-gauge-typography();
     }
 }