From 71a0353303709af116748bd4bbf69b81c9cf1661 Mon Sep 17 00:00:00 2001
From: Vera Crabtree <Vera.Crabtree@ibm.com>
Date: Tue, 13 Dec 2022 17:12:39 -0500
Subject: [PATCH] feat(tutorial): complete step 5

---
 .cfignore       |  1 +
 Staticfile      |  1 +
 manifest.yml    |  5 +++++
 package.json    |  3 ++-
 src/styles.scss | 21 ++++++++++++++-------
 5 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 .cfignore
 create mode 100644 Staticfile
 create mode 100644 manifest.yml

diff --git a/.cfignore b/.cfignore
new file mode 100644
index 0000000000..cc956533cc
--- /dev/null
+++ b/.cfignore
@@ -0,0 +1 @@
+node_modules/.cache
diff --git a/Staticfile b/Staticfile
new file mode 100644
index 0000000000..91377cd2b9
--- /dev/null
+++ b/Staticfile
@@ -0,0 +1 @@
+root: dist
diff --git a/manifest.yml b/manifest.yml
new file mode 100644
index 0000000000..de47faabbc
--- /dev/null
+++ b/manifest.yml
@@ -0,0 +1,5 @@
+---
+applications:
+  - name: carbon-tutorial-angular-vcrabtree
+    memory: 64M
+    buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
diff --git a/package.json b/package.json
index f508cc279e..d0451544d4 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
 		"test": "ng test",
 		"test:once": "ng test --watch=false",
 		"lint": "ng lint",
-		"e2e": "ng e2e"
+		"e2e": "ng e2e",
+		"deploy": "rm -rf ./dist && ng build --prod --aot && cf push -f manifest.yml",
 	},
 	"engines": {
 		"node": ">= 10.9"
diff --git a/src/styles.scss b/src/styles.scss
index e6089cac78..5e7f5c1799 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2,12 +2,19 @@ $feature-flags: (
 	grid-columns-16: true,
 );
 
-// To change the theme uncomment the below import and which ever carbon theme you want to use
-// @import '~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/theme-maps';
-// $carbon--theme: $carbon--theme--g100;
-// $carbon--theme: $carbon--theme--g90;
-// $carbon--theme: $carbon--theme--g10;
+// Feature flags
+$css--font-face: true;
+$css--plex: true;
 
-@import "~carbon-components/scss/globals/scss/styles";
+// Global styles
+@import "~carbon-components/scss/globals/scss/css--font-face";
+@import "~carbon-components/scss/globals/grid/grid";
 
-@import './assets/scss/carbon-overrides.scss';
+// Carbon components
+@import "~carbon-components/scss/components/breadcrumb/breadcrumb";
+@import "~carbon-components/scss/components/button/button";
+@import "~carbon-components/scss/components/data-table/data-table";
+@import "~carbon-components/scss/components/link/link";
+@import "~carbon-components/scss/components/pagination/pagination";
+@import "~carbon-components/scss/components/tabs/tabs";
+@import "~carbon-components/scss/components/ui-shell/ui-shell";