Merge pull request #1508 from HealthCatalyst/dev

Cashmere 10.1.1 (hc-icons patch)

guides/getting-started.md

@@ -50,6 +50,7 @@ export class CashmereModule {}
 
 ```typescript
 @NgModule({
+    imports: [CashmereModule],
     exports: [CommonModule, CashmereModule]
 })
 export class SharedModule {}
@@ -80,9 +81,9 @@ In `angular.json`, place references for each font in your project's build target
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "styles": [
-                "../node_modules/font-awesome/css/font-awesome.css",
-                "../node_modules/notosans-fontface/css/notosans-fontface-allweight.css",
-                "src/styles.scss"
+                "./node_modules/font-awesome/css/font-awesome.css",
+                "./node_modules/notosans-fontface/css/notosans-fontface-allweight.css",
+                "src/styles.scss" // your app's global stylesheet
             ]
           }
         }
@@ -92,14 +93,10 @@ In `angular.json`, place references for each font in your project's build target
 ```
 
 ### C) *(Optional)* Add Health Catalyst icons (`hcicons`).
-If your app needs access to Health Catalyst & healthcare-specific icons, perform the following:
+If your app needs access to the [Health Catalyst icon font](/foundations/icons), add the following to your app's global style sheet (`src/styles.scss`):
 
-1. Download `hcicons` [here](
-https://cashmere.healthcatalyst.net/foundations/icons) and decompress the .zip file.
-2. Move the included `hcicons` folder into your app's /assets directory
-3. Import the `hcicons` stylesheet in your app's global style sheet (`src/styles.scss`):
 ```scss
-@import "assets/hcicons/style.scss";
+@import "~@healthcatalyst/cashmere/hcicons/hcicons";
 ```
 
 :::

projects/cashmere/src/lib/icon-font/hcicons.scss

@@ -1,3 +1,5 @@
+$hc-icons-font-path: "." !default;
+
 @font-face {
     font-family: 'hcicons';
     src: url('#{$hc-icons-font-path}/hcicons.eot');