From 2294d888d73406cae4f533390c7e58bd39ce7f5e Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Thu, 17 May 2018 09:37:42 +0300
Subject: [PATCH] fix: Update sample because of api changes.

---
 .../src/app/__path__/__name__.component.scss  | 70 ++++++++++---------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/templates/angular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss b/templates/angular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss
index 921ac1f12..f742c8b9b 100644
--- a/templates/angular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss
+++ b/templates/angular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss
@@ -9,7 +9,7 @@
     $primary: #09f,
     $secondary: #ffc800
   );
-  
+
   $primary-100: igx-color($crm-grid-palette, "primary", 100);
   $primary-200: igx-color($crm-grid-palette, "primary", 200);
   $primary-300: igx-color($crm-grid-palette, "primary", 300);
@@ -17,7 +17,7 @@
   $primary-500: igx-color($crm-grid-palette, "primary", 500);
   $primary-600: igx-color($crm-grid-palette, "primary", 600);
   $primary-700: igx-color($crm-grid-palette, "primary", 700);
-  
+
   $secondary-100: igx-color($crm-grid-palette, "secondary", 100);
   $secondary-200: igx-color($crm-grid-palette, "secondary", 200);
   $secondary-300: igx-color($crm-grid-palette, "secondary", 300);
@@ -25,37 +25,40 @@
   $secondary-500: igx-color($crm-grid-palette, "secondary", 500);
   $secondary-600: igx-color($crm-grid-palette, "secondary", 600);
   $secondary-700: igx-color($crm-grid-palette, "secondary", 700);
-  
+
   $checkbox-theme: igx-checkbox-theme(
     $fill-color: igx-color($crm-grid-palette, "secondary", 500),
     $tick-color: black
   );
-  
-  @include igx-checkbox($checkbox-theme, $crm-grid-palette);
-  
+
+  @include igx-checkbox($checkbox-theme);
+
   $summary-theme: igx-grid-summary-theme(
+    $palette: $crm-grid-palette,
     $label-color: igx-color($crm-grid-palette, "primary", 500)
   );
-  
-  @include igx-grid-summary($summary-theme, $crm-grid-palette);
-  
+
+  @include igx-grid-summary($summary-theme);
+
   $filtering-theme: igx-grid-filtering-theme(
+    $palette: $crm-grid-palette,
     $toggle-active-background: igx-color($crm-grid-palette, "secondary", 500)
   );
-  
-  @include igx-grid-filtering($filtering-theme, $crm-grid-palette);
-  
+
+  @include igx-grid-filtering($filtering-theme);
+
   // grid theme
   $crm-grid-theme: igx-grid-theme(
+    $palette: $crm-grid-palette,
     $header-background: lighten($primary-100, 15),
     $header-text-color: $primary-600,
     $cell-selected-background: $primary-100,
     $row-selected-background: $primary-200,
     $row-hover-background: lighten($primary-100, 10)
   );
-  
-  @include igx-grid($crm-grid-theme, $crm-grid-palette);
-  
+
+  @include igx-grid($crm-grid-theme);
+
   // button theme
   $crm-button-theme: igx-button-theme(
     $flat-background: $primary-400,
@@ -65,18 +68,19 @@
     $flat-focus-background: $primary-200,
     $flat-focus-text-color: $primary-100
   );
-  
+
   // Pass the theme to the igx-button component mixin
-  @include igx-button($crm-button-theme, $crm-grid-palette);
-  
+  @include igx-button($crm-button-theme);
+
   // linear bar theme
   $crm-linear-bar-theme: igx-progress-linear-theme(
+    $palette: $crm-grid-palette,
     $fill-color-default: igx-color($crm-grid-palette, "success", 500),
     $track-color: igx-color($crm-grid-palette, "error", 500)
   );
-  
-  @include igx-progress-linear($crm-linear-bar-theme, $crm-grid-palette);
-  
+
+  @include igx-progress-linear($crm-linear-bar-theme);
+
   .sample-wrapper {
     width: inherit;
     position: relative;
@@ -84,11 +88,11 @@
     margin: 0 auto;
     background: transparent;
   }
-  
+
   .avatar-cell {
     margin:-11px auto;
   }
-  
+
   // grid caption styling
   .crm-sample {
     background: $primary-500;
@@ -104,7 +108,7 @@
       margin-right: auto;
     }
   }
-  
+
   // button styling
   .toggle-button {
     margin-left: 8px;
@@ -118,11 +122,11 @@
       height: 1rem;
     }
   }
-  
+
   .relative-container {
     position: relative;
   }
-  
+
   .toggle-content {
     display: flex;
     width: 240px;
@@ -135,7 +139,7 @@
     top: 100%;
     box-shadow: igx-elevation($elevations, 4);
   }
-  
+
   .toggle-section {
     display: flex;
     flex-direction: column;
@@ -143,30 +147,30 @@
     height: 100%;
     font-size: 0.8em;
   }
-  
+
   .dd-title {
     color: $primary-600;
     margin:0;
     padding: 16px;
     font-size: 14px;
   }
-  
+
   .dd-list {
     list-style-type: none;
   }
-  
+
   .dd-list__item {
     display: flex;
     align-items: center;
     padding: 16px;
-    
+
     &:hover {
       background: lighten($primary-100, 10);
     }
   }
-  
+
   //resize handle
-  
+
   .igx-grid__th-resize-line {
     background: $secondary-500;
   }