@igniteui/angular-templates 13.0.901 → 13.0.905-beta.0

package/Update.spec.js

@@ -116,16 +116,12 @@ export class HomeComponent {
 }`
             }, {
                 path: "src/home.component.scss",
-                content: `@import '~igniteui-angular/theming';
-@import '~igniteui-dockmanager/styles/themes/test';
-@use 'igniteui-angular/theming';
-@forward 'igniteui-angular/theming';
+                content: `@use 'igniteui-angular/theming' as *;
+@use 'igniteui-dockmanager/styles/themes/test' as *;
 @include igx-core();
 `,
-                expected: `@import '~@infragistics/igniteui-angular/theming';
-@import '~@infragistics/igniteui-dockmanager/styles/themes/test';
-@use '@infragistics/igniteui-angular/theming';
-@forward '@infragistics/igniteui-angular/theming';
+                expected: `@use '@infragistics/igniteui-angular/theming' as *;
+@use '@infragistics/igniteui-dockmanager/styles/themes/test' as *;
 @include igx-core();
 `
             }, {

package/igx-ts/bullet-graph/default/index.js

@@ -15,7 +15,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 import: ["IgxBulletGraphModule"],
                 from: "igniteui-angular-gauges"
             }];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-gauges@~13.1.0"];
     }
 }
 module.exports = new IgxBulletGraphTemplate();

package/igx-ts/category-chart/default/index.js

@@ -15,7 +15,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForA
             { import: "IgxCategoryChartModule", from: "igniteui-angular-charts" },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0"];
     }
 }
 module.exports = new IgxCategoryChartTemplate();

package/igx-ts/custom-templates/awesome-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,5 +1,4 @@
-@import '~<%=igxPackage%>/theming';
-
+@use '<%=igxPackage%>/theming' as *;
 $grid-sample-theme: igx-grid-theme(
   $row-selected-background: #333,
   $row-selected-text-color: #ddd,

package/igx-ts/custom-templates/awesome-grid/index.js

@@ -33,7 +33,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0"];
     }
 }
 module.exports = new IgxGridAwesomeTemplate();

package/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,8 +1,7 @@
+@use '<%=igxPackage%>/theming' as *;
 @import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fontawesome.css");
 @import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fa-regular.css");
 @import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fa-solid.css");
-@import '~<%=igxPackage%>/theming';
-
 :host ::ng-deep {
 
     $crm-grid-palette: igx-palette(

package/igx-ts/custom-templates/crm-grid/index.js

@@ -43,7 +43,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngular
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0"];
     }
 }
 module.exports = new IgxGridCRMTemplate();

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,3 +1,6 @@
+@use '<%=igxPackage%>/theming' as *;
+@use './themes/_mixins' as *;
+
 :host {
     display: block;
     width: 100%;
@@ -224,12 +227,10 @@
     height: 100%;
 }
 
-@import '~<%=igxPackage%>/theming';
 @include igx-core();
 @include igx-typography($font-family: $material-typeface, $type-scale: $material-type-scale);
 @include igx-theme($default-palette);
 
-@import './themes/_mixins';
 
 @include scrollbar-love();
 

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/themes/_mixins.scss

@@ -1,7 +1,9 @@
+@use '<%=igxPackage%>/theming' as *;
+
 @mixin scrollbar-love($scrollbar-color: null) {
     $scrollbar-track: hexrgba(igx-color($default-palette, 'grays', 200));
     $scrollbar-thumb: hexrgba(igx-color($default-palette, 'grays', 400));
-    
+
     @if $scrollbar-color and luminance($scrollbar-color) < .5 {
         $scrollbar-track: darken($scrollbar-color, 8%);
         $scrollbar-thumb: lighten($scrollbar-color, 20%);

package/igx-ts/custom-templates/fintech-grid/index.js

@@ -29,7 +29,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0"];
     }
 }
 module.exports = new IgxFinTechGridTemplate();

package/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -1,3 +1,6 @@
+@use '<%=igxPackage%>/theming' as *;
+@use './themes/_mixins' as *;
+
 :host ::ng-deep {
     .finjs-icons {
         display: flex;
@@ -202,12 +205,10 @@
 // Custom Dark Theme
 
 // Import the theme utilities first
-@import '~<%=igxPackage%>/theming';
 @include igx-core();
 @include igx-typography($font-family: $material-typeface, $type-scale: $material-type-scale);
 @include igx-theme($default-palette);
 
-@import './themes/_mixins';
 
 $green-palette: igx-palette($primary: #09f,$secondary: #72da67, $surface: #333);
 

package/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/themes/_mixins.scss

@@ -1,3 +1,5 @@
+@use '<%=igxPackage%>/theming' as *;
+
 @mixin scrollbar-love($scrollbar-color: null) {
     $scrollbar-track: hexrgba(igx-color($default-palette, 'grays', 200));
     $scrollbar-thumb: hexrgba(igx-color($default-palette, 'grays', 400));
@@ -16,4 +18,4 @@
      ::-webkit-scrollbar-thumb {
         background-color: $scrollbar-thumb;
     }
-}
+}

package/igx-ts/dock-manager/default/index.js

@@ -16,7 +16,7 @@ class IgcDockManagerTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
             { import: "<%=ClassName%>Module", from: "./src/app/<%=path%>/<%=filePrefix%>.module.ts" }
         ];
         // "igniteui-dockmanager@~1.0.0":
-        this.packages = [`${(0, package_resolve_1.resolveIgxPackage)(package_resolve_1.NPM_DOCK_MANAGER)}@~1.0.0`];
+        this.packages = [`${(0, package_resolve_1.resolveIgxPackage)(package_resolve_1.NPM_DOCK_MANAGER)}@~1.6.0`];
     }
     addClassDeclaration(mainModule, projPath, name, modulePath) {
         // not applicable with custom module

package/igx-ts/financial-chart/default/index.js

@@ -13,7 +13,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate_1.IgniteUIFor
         this.dependencies = [
             { import: "IgxFinancialChartModule", from: "igniteui-angular-charts" }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0"];
     }
 }
 module.exports = new IgxFinancialChartTemplate();

package/igx-ts/linear-gauge/default/index.js

@@ -17,7 +17,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 from: "igniteui-angular-gauges"
             }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-gauges@~13.1.0"];
     }
 }
 module.exports = new IgxLinearGaugeTemplate();

package/igx-ts/map/default/index.js

@@ -21,7 +21,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForA
                 from: "igniteui-angular-charts"
             }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0", "igniteui-angular-maps@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-charts@~13.1.0", "igniteui-angular-maps@~13.1.0"];
     }
 }
 module.exports = new IgxGeographicMapTemplate();

package/igx-ts/projects/_base/files/package.json

@@ -10,14 +10,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~13.0.0",
-    "@angular/common": "~13.0.0",
-    "@angular/compiler": "~13.0.0",
-    "@angular/core": "~13.0.0",
-    "@angular/forms": "~13.0.0",
-    "@angular/platform-browser": "~13.0.0",
-    "@angular/platform-browser-dynamic": "~13.0.0",
-    "@angular/router": "~13.0.0",
+    "@angular/animations": "~13.1.1",
+    "@angular/common": "~13.1.1",
+    "@angular/compiler": "~13.1.1",
+    "@angular/core": "~13.1.1",
+    "@angular/forms": "~13.1.1",
+    "@angular/platform-browser": "~13.1.1",
+    "@angular/platform-browser-dynamic": "~13.1.1",
+    "@angular/router": "~13.1.1",
     "hammerjs": "^2.0.8",
     "igniteui-angular": "~13.0.0",
     "core-js": "^3.6.5",
@@ -28,14 +28,14 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.0.1",
+    "@angular-devkit/build-angular": "~13.1.2",
     "@angular-eslint/builder": "13.0.1",
     "@angular-eslint/eslint-plugin": "13.0.1",
     "@angular-eslint/eslint-plugin-template": "13.0.1",
     "@angular-eslint/schematics": "13.0.1",
     "@angular-eslint/template-parser": "13.0.1",
-    "@angular/cli": "~13.0.1",
-    "@angular/compiler-cli": "~13.0.0",
+    "@angular/cli": "~13.1.2",
+    "@angular/compiler-cli": "~13.1.1",
     "@types/jasmine": "~3.8.0",
     "@types/node": "^12.11.1",
     "@typescript-eslint/eslint-plugin": "5.3.0",
@@ -52,6 +52,6 @@
     "karma-jasmine-html-reporter": "~1.7.0",
     "protractor": "~7.0.0",
     "ts-node": "~9.1.1",
-    "typescript": "~4.4.4"
+    "typescript": "~4.5.2"
   }
 }

package/igx-ts/projects/_base/files/src/styles.scss

@@ -1,6 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
 // Standard CSS normalize, comment out if not required or using a different module
-@import "~minireset.css/minireset";
+@use "~minireset.css/minireset" as *;
+@forward "~minireset.css/minireset";
 
 <%=CustomTheme%>
 html, body {

package/igx-ts/projects/_base/index.js

@@ -33,7 +33,7 @@ class BaseIgxProject {
             }
         };
         this.CUSTOM_THEME = `/* See: https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/sass/index */
-@import "~igniteui-angular/theming";
+@use "igniteui-angular/theming" as *;
 
 $primary: #731963 !default;
 $secondary: #ce5712 !default;

package/igx-ts/projects/empty/files/src/app/home/home.component.scss

@@ -1,4 +1,4 @@
-@import "~igniteui-angular/theming";
+@use 'igniteui-angular/theming' as *;
 
 %content-display {
   width: 100%;

package/igx-ts/projects/side-nav-auth/files/package.json

@@ -10,14 +10,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~13.0.0",
-    "@angular/common": "~13.0.0",
-    "@angular/compiler": "~13.0.0",
-    "@angular/core": "~13.0.0",
-    "@angular/forms": "~13.0.0",
-    "@angular/platform-browser": "~13.0.0",
-    "@angular/platform-browser-dynamic": "~13.0.0",
-    "@angular/router": "~13.0.0",
+    "@angular/animations": "~13.1.1",
+    "@angular/common": "~13.1.1",
+    "@angular/compiler": "~13.1.1",
+    "@angular/core": "~13.1.1",
+    "@angular/forms": "~13.1.1",
+    "@angular/platform-browser": "~13.1.1",
+    "@angular/platform-browser-dynamic": "~13.1.1",
+    "@angular/router": "~13.1.1",
     "angular-auth-oidc-client": "^9.0.3",
     "hammerjs": "^2.0.8",
     "igniteui-angular": "~13.0.0",
@@ -29,15 +29,15 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.0.1",
+    "@angular-devkit/build-angular": "~13.1.2",
     "@angular-eslint/builder": "13.0.1",
     "@angular-eslint/eslint-plugin": "13.0.1",
     "@angular-eslint/eslint-plugin-template": "13.0.1",
     "@angular-eslint/schematics": "13.0.1",
     "@angular-eslint/template-parser": "13.0.1",
-    "@angular/cli": "~13.0.1",
-    "@angular/compiler-cli": "~13.0.0",
-    "@angular/language-service": "~13.0.0",
+    "@angular/cli": "~13.1.2",
+    "@angular/compiler-cli": "~13.1.1",
+    "@angular/language-service": "~13.1.1",
     "@types/facebook-js-sdk": "^2.8.6",
     "@types/hammerjs": "^2.0.35",
     "@types/jasmine": "~3.8.0",
@@ -57,6 +57,6 @@
     "karma-jasmine-html-reporter": "~1.7.0",
     "protractor": "~7.0.0",
     "ts-node": "~9.1.1",
-    "typescript": "~4.4.4"
+    "typescript": "~4.5.2"
   }
 }

package/igx-ts/radial-gauge/default/index.js

@@ -17,7 +17,7 @@ class IgxRadialGaugeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 from: "igniteui-angular-gauges"
             }
         ];
-        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
+        this.packages = ["igniteui-angular-core@~13.1.0", "igniteui-angular-gauges@~13.1.0"];
     }
 }
 module.exports = new IgxRadialGaugeTemplate();

package/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss

@@ -12,7 +12,7 @@ igx-tree {
 .node-refresh {
   cursor: pointer;
   padding: 0px 4px;
-  color: var(--igx-success-500);
+  color: hsla(var(--igx-success-500));
 }
 
 .node {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "13.0.901",
+  "version": "13.0.905-beta.0",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~9.0.1",
-    "typescript": "~4.4.4"
+    "@igniteui/cli-core": "~9.0.5-beta.0",
+    "typescript": "~4.5.2"
   }
 }