From a46222d553e4a25efe6ee397200904e7a27fbb1f Mon Sep 17 00:00:00 2001
From: Callum Smith <1744185+cal-smith@users.noreply.github.com>
Date: Mon, 25 Mar 2019 10:30:53 -0400
Subject: [PATCH 1/3] Refactor the build system and deploy process (#220)

* chore(build): improve build, make it locally reproduceable

* chore(build): fix up react build

* chore(build): refactor core

* chore(build): refactor to use lerna run and lerna exec

* format react rollup.config
---
 .gitignore                          |  4 +--
 .travis/after_success.sh            |  6 ++--
 package.json                        |  4 ++-
 packages/angular/package.json       | 56 +++++++++++++----------------
 packages/core/build.sh              | 11 ++++++
 packages/core/demo/index.ts         |  1 +
 packages/core/index.js              |  4 ---
 packages/core/package.json          |  4 +--
 packages/core/src/index.ts          |  2 --
 packages/core/src/polyfills.ts      |  8 ++---
 packages/core/tsconfig-demo.json    | 33 +++++++++++++++++
 packages/core/tsconfig.json         | 11 +++---
 packages/core/webpack.build.js      |  2 +-
 packages/core/webpack.config.js     |  2 +-
 packages/react/build.sh             | 10 ++++++
 packages/react/index.js             |  3 --
 packages/react/package.json         |  6 ++--
 packages/react/rollup.config.js     | 31 ++++++++--------
 packages/vue/build.sh               |  9 +++++
 packages/vue/package.json           |  9 ++---
 scripts/build-packages-and-demos.sh | 52 ++++++++++-----------------
 scripts/netlify.sh                  |  2 +-
 22 files changed, 155 insertions(+), 115 deletions(-)
 create mode 100644 packages/core/build.sh
 delete mode 100644 packages/core/index.js
 create mode 100644 packages/core/tsconfig-demo.json
 create mode 100644 packages/react/build.sh
 delete mode 100644 packages/react/index.js
 create mode 100644 packages/vue/build.sh

diff --git a/.gitignore b/.gitignore
index 0854d2432f..62bcf500e6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,8 +5,8 @@ node_modules
 .vscode/
 .idea/
 *.log
-packages/core/demo/bundle/
-packages/react/build/
+!packages/core/demo/
+demo
 storybook-dist
 package-lock.json
 .cache/
diff --git a/.travis/after_success.sh b/.travis/after_success.sh
index 3afd668749..ad107421a9 100755
--- a/.travis/after_success.sh
+++ b/.travis/after_success.sh
@@ -4,7 +4,7 @@ set -e
 npm config set //registry.npmjs.org/:_authToken=$NPM_TOKEN -q
 
 # This script builds all package bundles (for NPM) & demos (for gh-pages)
-./scripts/build-packages-and-demos.sh
+npm run build-all
 
 if [ "$TRAVIS_PULL_REQUEST" != "false" ]; then
   echo "We are in a pull request, not releasing"
@@ -29,9 +29,9 @@ if [[ $TRAVIS_BRANCH == 'master' ]]; then
   # Perform git & npm publish
   git update-index --assume-unchanged `git diff --name-only`
 
-  lerna publish --conventional-commits --yes
+  lerna publish --conventional-commits --yes --contents dist
 fi
 
 if [[ echo $TRAVIS_BRANCH | grep "^v[0-9]\+\.[0-9]\+\.[0-9]\+\$" ]]; then
-  lerna publish from-git
+  lerna publish from-git --contents dist
 fi
diff --git a/package.json b/package.json
index 9b6c2fa337..b4d2d57950 100644
--- a/package.json
+++ b/package.json
@@ -12,11 +12,13 @@
 	"license": "Apache-2.0",
 	"scripts": {
 		"postinstall": "lerna bootstrap --hoist --no-ci",
+		"clean": "lerna clean",
 		"commit": "git-cz",
 		"test": "lerna run test",
 		"lint": "lerna run lint",
 		"contributors:add": "all-contributors add",
-		"contributors:generate": "all-contributors generate"
+		"contributors:generate": "all-contributors generate",
+		"build-all": "bash scripts/build-packages-and-demos.sh"
 	},
 	"husky": {
 		"hooks": {
diff --git a/packages/angular/package.json b/packages/angular/package.json
index e296492b91..54a3689204 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -7,7 +7,7 @@
 	"scripts": {
 		"build": "ng-packagr -p package.json",
 		"storybook": "start-storybook -p 9005 -c .storybook -s ./.storybook/assets",
-		"build-storybook": "build-storybook -o storybook-dist"
+		"demo:build": "build-storybook -o demo/bundle/angular"
 	},
 	"repository": {
 		"type": "git",
@@ -19,39 +19,33 @@
 		"@carbon/charts": "^0.7.11"
 	},
 	"peerDependencies": {
-		"@angular/common": "^6.0.0",
-		"@angular/compiler": "^6.0.0",
-		"@angular/core": "^6.0.0"
+		"@angular/common": "^6.0.0 || ^7.0.0",
+		"@angular/compiler": "^6.0.0 || ^7.0.0",
+		"@angular/core": "^6.0.0 || ^7.0.0",
+		"rxjs": "^6.0.0",
+		"zone.js": "^0.8.29"
 	},
 	"devDependencies": {
-		"@angular-devkit/core": "7.1.0",
-		"@angular/animations": "6.0.0",
-		"@angular/common": "6.0.0",
-		"@angular/compiler": "6.0.0",
-		"@angular/compiler-cli": "6.0.0",
-		"@angular/core": "6.0.0",
-		"@angular/forms": "6.0.0",
-		"@angular/http": "6.0.0",
-		"@angular/platform-browser": "6.0.0",
-		"@angular/platform-browser-dynamic": "6.0.0",
-		"@angular/platform-server": "7.1.1",
-		"@angular/router": "6.0.0",
-		"@storybook/addon-actions": "4.0.0-alpha.16",
-		"@storybook/addon-backgrounds": "4.0.0-alpha.16",
-		"@storybook/addon-centered": "4.0.0-alpha.16",
-		"@storybook/addon-jest": "4.0.0-alpha.16",
-		"@storybook/addon-knobs": "4.0.0-alpha.16",
-		"@storybook/addon-links": "4.0.0-alpha.16",
-		"@storybook/addon-notes": "4.0.0-alpha.16",
-		"@storybook/addon-options": "4.0.0-alpha.16",
-		"@storybook/addon-storyshots": "4.0.0-alpha.16",
-		"@storybook/addon-storysource": "4.0.0-alpha.16",
-		"@storybook/addons": "4.0.0-alpha.16",
-		"@storybook/angular": "4.0.0-alpha.16",
-		"@storybook/storybook-deployer": "2.3.0",
+		"@angular-devkit/core": "0.8.9",
+		"@angular/animations": "6.1.0",
+		"@angular/common": "6.1.0",
+		"@angular/compiler": "6.1.0",
+		"@angular/compiler-cli": "6.1.0",
+		"@angular/core": "6.1.0",
+		"@angular/forms": "6.1.0",
+		"@angular/platform-browser": "6.1.0",
+		"@angular/platform-browser-dynamic": "6.1.0",
+		"@babel/core": "7.3.4",
+		"@storybook/angular": "5.0.3",
 		"@types/node": "8.5.2",
-		"ng-packagr": "4.4.0",
-		"typescript": "2.7.2"
+		"babel-loader": "8.0.5",
+		"core-js": "2.6.5",
+		"d3": "4.11.0",
+		"ng-packagr": "4.7.1",
+		"rxjs": "6.3.3",
+		"tslint": "5.14.0",
+		"typescript": "2.7.2",
+		"zone.js": "0.8.29"
 	},
 	"ngPackage": {
 		"lib": {
diff --git a/packages/core/build.sh b/packages/core/build.sh
new file mode 100644
index 0000000000..d18a575837
--- /dev/null
+++ b/packages/core/build.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+set -e
+
+rm -rf dist
+webpack --config webpack.build.js
+tsc
+cp *.md dist/
+cp package.json dist/
+cp src/style.scss dist/style.scss
+node-sass dist/style.scss > dist/style.css
diff --git a/packages/core/demo/index.ts b/packages/core/demo/index.ts
index 94e6794e2f..bcfac0390b 100644
--- a/packages/core/demo/index.ts
+++ b/packages/core/demo/index.ts
@@ -9,6 +9,7 @@ import {
 
 // Styles
 import "./index.scss";
+import "./../src/style.scss";
 import { ChartData } from "./configuration";
 
 //
diff --git a/packages/core/index.js b/packages/core/index.js
deleted file mode 100644
index c5d526dbc6..0000000000
--- a/packages/core/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// export all modules from a single entrypoint
-// All available through the "Charts" variable
-
-export * from "./dist/index";
diff --git a/packages/core/package.json b/packages/core/package.json
index 79e237fcd8..d9b055646b 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -10,8 +10,8 @@
   ],
   "scripts": {
     "demo:server": "webpack-dev-server --config webpack.config.js --watch",
-    "demo:build": "webpack --config webpack.config.js",
-    "build": "rm -rf dist && webpack --config webpack.build.js",
+    "demo:build": "webpack --config webpack.config.js && typedoc --out ./demo/bundle/documentation ./src/index.ts",
+    "build": "bash build.sh",
     "build:watch": "rm -rf dist && webpack -w --config webpack.build.js",
     "bundle:analyzer": "rm -rf dist && webpack --config webpack.build.js --env.bundleAnalyzer",
     "lint": "tslint -p tsconfig.json -c tslint.json",
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 3da9bc8d7c..10294ca75f 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -13,8 +13,6 @@ import { ScatterChart } from "./scatter-chart";
 import * as Configuration from "./configuration";
 const defaultColors = Configuration.options.BASE.colors;
 
-import "./style.scss";
-
 export {
 	defaultColors,
 	BaseChart,
diff --git a/packages/core/src/polyfills.ts b/packages/core/src/polyfills.ts
index 51a6b94ad1..10ae503646 100644
--- a/packages/core/src/polyfills.ts
+++ b/packages/core/src/polyfills.ts
@@ -1,12 +1,12 @@
 (function() {
-	if (typeof window["CustomEvent"] === "function") return false;
+	if (typeof window["CustomEvent"] === "function") { return false; }
 
 	function CustomEvent(event, params) {
 		params = params || { bubbles: false, cancelable: false, detail: undefined };
-		var evt = document.createEvent("CustomEvent");
+		const evt = document.createEvent("CustomEvent");
 		evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
 		return evt;
-	};
+	}
 
 	CustomEvent.prototype = window["Event"].prototype;
 	window["CustomEvent"] = CustomEvent;
@@ -19,6 +19,6 @@ function idempotentBabelPolyfill() {
 	}
 
 	return null;
-};
+}
 
 idempotentBabelPolyfill();
diff --git a/packages/core/tsconfig-demo.json b/packages/core/tsconfig-demo.json
new file mode 100644
index 0000000000..561eaa28c9
--- /dev/null
+++ b/packages/core/tsconfig-demo.json
@@ -0,0 +1,33 @@
+{
+	"compilerOptions": {
+		"baseUrl": "",
+		"declaration": true,
+		"lib": [
+			"es2015",
+			"dom"
+		],
+		"sourceMap": true,
+		"mapRoot": "./",
+		"module": "es2015",
+		"moduleResolution": "node",
+		"outDir": "./demo/dist",
+		"rootDirs": ["./demo", "./src"],
+		"target": "es5",
+		"inlineSources": true,
+		"types": [
+			"node",
+			"jasmine"
+		],
+		"typeRoots": [
+			"./node_modules/@types",
+			"./custom.d.ts"
+		]
+	},
+	"include": [
+		"./src/**/*",
+		"./demo/**/*"
+	],
+	"exclude": [
+		"./src/**/*.spec.ts"
+	]
+}
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
index d0a7214864..5a98908f55 100644
--- a/packages/core/tsconfig.json
+++ b/packages/core/tsconfig.json
@@ -2,15 +2,13 @@
 	"compilerOptions": {
 		"baseUrl": "",
 		"declaration": true,
-		"emitDecoratorMetadata": true,
-		"experimentalDecorators": true,
 		"lib": ["es2015", "dom"],
 		"sourceMap": true,
 		"mapRoot": "./",
 		"module": "es2015",
 		"moduleResolution": "node",
 		"outDir": "./dist",
-		"rootDirs": ["./src", "./demo"],
+		"rootDir": "./src",
 		"target": "es5",
 		"inlineSources": true,
 		"types": [
@@ -21,7 +19,10 @@
 			"./custom.d.ts"
 		]
 	},
-	"files": [
-		"./demo/index.ts"
+	"include": [
+		"./src/**/*"
+	],
+	"exclude": [
+		"./src/**/*.spec.ts"
 	]
 }
diff --git a/packages/core/webpack.build.js b/packages/core/webpack.build.js
index 269a8dbfe0..dd2446e479 100644
--- a/packages/core/webpack.build.js
+++ b/packages/core/webpack.build.js
@@ -12,7 +12,7 @@ module.exports = env => {
 		entry: "./src/index.ts",
 		output: {
 			path: __dirname + "/dist",
-			filename: "index.js",
+			filename: "index.umd.js",
 			chunkFilename: "[name].chunk.js",
 			libraryTarget: "umd",
 			library: "Charts"
diff --git a/packages/core/webpack.config.js b/packages/core/webpack.config.js
index d106c823b0..72fe1ece26 100644
--- a/packages/core/webpack.config.js
+++ b/packages/core/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = {
 	module: {
 		rules: [
 			// all files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'
-			{ test: /\.ts$/, loader: "ts-loader" },
+			{ test: /\.ts$/, loader: "ts-loader?configFile=tsconfig-demo.json" },
 			{ test: /\.html?$/, loader: "html-loader" },
 			{
 				test: /\.s?css$/,
diff --git a/packages/react/build.sh b/packages/react/build.sh
new file mode 100644
index 0000000000..14a8ca7882
--- /dev/null
+++ b/packages/react/build.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+
+set -e
+
+rm -rf dist
+
+babel src --out-dir dist
+rollup -c
+cp *.md dist/
+cp package.json dist/
diff --git a/packages/react/index.js b/packages/react/index.js
deleted file mode 100644
index b3981c61ee..0000000000
--- a/packages/react/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// To be used with babel-loader
-// or any react loaders in projects
-export * from "./dist/bundle.js";
diff --git a/packages/react/package.json b/packages/react/package.json
index 2956c519bc..7e5f69d5fb 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -4,7 +4,7 @@
 	"description": "Carbon charting components for React",
 	"main": "index.js",
 	"files": [
-		"dist",
+		"bundle",
 		"index.js",
 		"CHANGELOG.md",
 		"README.md"
@@ -12,9 +12,9 @@
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"start": "npm run storybook",
-		"build": "rollup -c",
+		"build": "bash build.sh",
 		"storybook": "start-storybook -p 9006 -c .storybook -s ./assets",
-		"build-storybook": "build-storybook -o storybook-dist"
+		"demo:build": "build-storybook -o demo/bundle/react"
 	},
 	"repository": {
 		"type": "git",
diff --git a/packages/react/rollup.config.js b/packages/react/rollup.config.js
index 003d45667d..9ccab90e0c 100644
--- a/packages/react/rollup.config.js
+++ b/packages/react/rollup.config.js
@@ -1,17 +1,20 @@
 import babel from "rollup-plugin-babel";
-import commonjs from "rollup-plugin-commonjs";
 
 module.exports = {
-    input: "./src/index.js",
-    output: {
-        file: "./dist/bundle.js",
-        format: "cjs" 
-    },
-    plugins: [
-        babel({
-            exclude: "node_modules/**",
-            plugins: ["external-helpers"]
-        }),
-        commonjs()
-    ],
-};
\ No newline at end of file
+	input: "./src/index.js",
+	output: {
+		file: "./dist/bundle/bundle.js",
+		format: "umd",
+		globals: {
+			"react": "React",
+			"@carbon/charts": "charts"
+		}
+	},
+	plugins: [
+		babel({
+			exclude: "node_modules/**",
+			plugins: ["external-helpers"]
+		})
+	],
+	external: ["react", "react-dom", "@carbon/charts"]
+};
diff --git a/packages/vue/build.sh b/packages/vue/build.sh
new file mode 100644
index 0000000000..12ec236191
--- /dev/null
+++ b/packages/vue/build.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+set -e
+
+rm -rf dist
+
+vue-cli-service build --target lib --name charts-vue ./src/index.js --no-clean
+cp *.md dist/
+cp package.json dist/
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 505b87eb04..b143e2ab98 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -4,16 +4,17 @@
   "description": "Carbon charting components for Vue",
   "main": "index.js",
   "files": [
-    "dist",
-    "index.js",
+    "charts-vue.common.js",
+    "charts-vue.umd.js",
+    "charts-vue.umd.min.js",
     "CHANGELOG.md",
     "README.md"
   ],
   "scripts": {
-    "build": "vue-cli-service build --target lib --name charts-vue ./src/index.js --no-clean",
+    "build": "bash build.sh",
     "lint": "vue-cli-service lint ./src/index.js",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -o storybook-dist",
+    "demo:build": "build-storybook -o demo/bundle/vue",
     "ci-check": "yarn format:diff",
     "format": "prettier --write \"**/*.{scss,css,js,md,vue}\"",
     "format:diff": "prettier --list-different \"**/*.{scss,css,js,md,vue}\""
diff --git a/scripts/build-packages-and-demos.sh b/scripts/build-packages-and-demos.sh
index 3ebde74a0b..d56057a2d4 100755
--- a/scripts/build-packages-and-demos.sh
+++ b/scripts/build-packages-and-demos.sh
@@ -1,39 +1,23 @@
-# Generate all assets
-# needed for push to gh-page
-mkdir pages
-touch pages/.nojekyll
-# echo "charts.carbondesignsystem.com" > pages/CNAME
+#!/usr/bin/env bash
 
-# Build Core demos and copy to `pages` directory
-cd packages/core
-npm run build
-npm run demo:build
-typedoc --out ./demo/bundle/documentation ./src/index.ts
-cp -a demo/bundle/. ../../pages
+set -e
 
-# Build Angular demos and copy to `pages` directory
-cd ../angular
-# Build angular demos
-npm run build-storybook
-cp -a storybook-dist/. ../../pages/angular
-# Build angular bundle for release
-npm run build
-mv dist ../charts-angular-dist
-cd ..
-rm -rf angular
-mv charts-angular-dist angular
+# README:
+# each package should build a dist folder that contains everything needed to publish that package
+# including:
+#  - package.json
+#  - .js files and .d.ts files (no raw .ts files!)
+#  - README.md
+#  - and any specialty files
 
-# Build React demos
-cd react
-npm run build
-npm run build-storybook
-cp -a storybook-dist/. ../../pages/react
+# Generate all assets needed for push to gh-pages
+mkdir -p pages
+touch pages/.nojekyll
+# echo "charts.carbondesignsystem.com" > pages/CNAME
 
-# Build Vue demos
-cd ../vue
-npm run build
-npm run build-storybook
-cp -a storybook-dist/. ../../pages/vue
 
-# Go back to project root folder
-cd ../..
+# run the build and demo:build script in all packages
+lerna run --parallel build
+lerna run --parallel demo:build
+# copy all the demos/{package name here} folders to the pages deploy directory
+lerna exec -- cp -a demo/bundle/. \$LERNA_ROOT_PATH/pages
diff --git a/scripts/netlify.sh b/scripts/netlify.sh
index fc2601ddde..99c70db3cb 100755
--- a/scripts/netlify.sh
+++ b/scripts/netlify.sh
@@ -4,4 +4,4 @@ npm i
 ./.travis/before_install.sh
 
 # This script builds all package bundles (for NPM) & demos (for gh-pages)
-./scripts/build-packages-and-demos.sh
+npm run build-all

From c9580acc24ab3c63857b2a610c95376fb92bf9ce Mon Sep 17 00:00:00 2001
From: Mariia <zryaninam@gmail.com>
Date: Mon, 25 Mar 2019 15:32:28 +0100
Subject: [PATCH 2/3] Vue.js wrapper and story for the line chart component
 (#221)

* Vue.js wrapper and story for the line chart component

* Vuejs: add 2 new lines at the end for story and demo data for the line chart component
---
 packages/vue/src/ccv-line-chart.vue    |  20 +++++
 packages/vue/stories/line-demo-data.js | 115 +++++++++++++++++++++++++
 packages/vue/stories/line.stories.js   |  65 ++++++++++++++
 3 files changed, 200 insertions(+)
 create mode 100644 packages/vue/src/ccv-line-chart.vue
 create mode 100644 packages/vue/stories/line-demo-data.js
 create mode 100644 packages/vue/stories/line.stories.js

diff --git a/packages/vue/src/ccv-line-chart.vue b/packages/vue/src/ccv-line-chart.vue
new file mode 100644
index 0000000000..2cfd96d0c4
--- /dev/null
+++ b/packages/vue/src/ccv-line-chart.vue
@@ -0,0 +1,20 @@
+<template>
+	<div class="ccv-line-chart"></div>
+</template>
+
+<script>
+import { LineChart } from '@carbon/charts';
+import CcvBaseChart from './ccv-base-chart.vue';
+
+export default {
+	name: 'CcvLineChart',
+	extends: CcvBaseChart,
+
+	mounted() {
+		this.coreChart = new LineChart(this.$el, {
+			data: this.data,
+			options: this.options,
+		});
+	},
+};
+</script>
diff --git a/packages/vue/stories/line-demo-data.js b/packages/vue/stories/line-demo-data.js
new file mode 100644
index 0000000000..01b4d05582
--- /dev/null
+++ b/packages/vue/stories/line-demo-data.js
@@ -0,0 +1,115 @@
+import { colors } from "../helpers/commons";
+
+export const curvedLineData = {
+	labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
+	datasets: [
+		{
+			label: "Dataset 1",
+			backgroundColors: [colors[0]],
+			data: [
+				65000,
+				79000,
+				49213,
+				51213,
+				16932
+			]
+		},
+		{
+			label: "Dataset 2",
+			backgroundColors: [colors[1]],
+			data: [
+				80000,
+				21312,
+				56456,
+				21312,
+				0
+			]
+		},
+		{
+			label: "Dataset 3",
+			backgroundColors: [colors[2]],
+			data: [
+				12312,
+				34232,
+				39232,
+				12312,
+				34234
+			]
+		}
+	]
+};
+
+export const curvedLineOptions = {
+	accessibility: false,
+	scales: {
+		x: {
+			title: "2018 Annual Sales Figures",
+		},
+		y: {
+			formatter: axisValue => `${axisValue / 1000}k`
+		},
+		y2: {
+			ticks: {
+				max: 1,
+				min: 0
+			}
+		}
+	},
+	curve: "curveNatural",
+	legendClickable: true,
+	containerResizable: true
+};
+
+
+export const lineData = {
+	labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
+	datasets: [
+		{
+			label: "Dataset 1",
+			backgroundColors: [colors[0]],
+			data: [
+				0,
+				0,
+				0,
+				0,
+				0
+			]
+		},
+		{
+			label: "Dataset 2",
+			backgroundColors: [colors[1]],
+			data: [
+				0,
+				10000,
+				20000,
+				30000,
+				40000
+			]
+		},
+		{
+			label: "Dataset 3",
+			backgroundColors: [colors[2]],
+			data: [
+				0,
+				20000,
+				40000,
+				60000,
+				80000
+			]
+		}
+	]
+};
+
+export const lineOptions = {
+	accessibility: false,
+	scales: {
+		x: {
+			title: "2018 Annual Sales Figures",
+		},
+		y: {
+			formatter: axisValue => `${axisValue / 1000}k`
+		}
+	},
+	legendClickable: true,
+	containerResizable: true
+};
diff --git a/packages/vue/stories/line.stories.js b/packages/vue/stories/line.stories.js
new file mode 100644
index 0000000000..1423145135
--- /dev/null
+++ b/packages/vue/stories/line.stories.js
@@ -0,0 +1,65 @@
+import { storiesOf } from '@storybook/vue';
+
+import CcvLineChart from '../src/ccv-line-chart';
+import {
+	curvedLineData,
+	curvedLineOptions,
+	lineData,
+	lineOptions
+} from './line-demo-data';
+
+const lineStories = storiesOf('Line', module);
+
+lineStories.add('Basic', () => ({
+	components: { CcvLineChart },
+	data() {
+		return { lineData, lineOptions };
+	},
+	template:
+		'<ccv-line-chart :data="lineData" :options="lineOptions"></ccv-line-chart>',
+}));
+
+lineStories.add('Natural Curve', () => ({
+	components: { CcvLineChart },
+	data() {
+		return { curvedLineData, curvedLineOptions };
+	},
+	template:
+		'<ccv-line-chart :data="curvedLineData" :options="curvedLineOptions"></ccv-line-chart>',
+}));
+
+lineStories.add('Bundle Curve', () => ({
+	components: { CcvLineChart },
+	data() {
+		return {
+			curvedLineData,
+			curveBundleOptions: Object.assign({}, curvedLineOptions, {curve: "curveBundle"})
+		};
+	},
+	template:
+		'<ccv-line-chart :data="curvedLineData" :options="curveBundleOptions"></ccv-line-chart>',
+}));
+
+lineStories.add('Monotone Y Curve', () => ({
+	components: { CcvLineChart },
+	data() {
+		return {
+			curvedLineData,
+			curveMonotoneYOptions: Object.assign({}, curvedLineOptions, {curve: 'curveMonotoneY'})
+		};
+	},
+	template:
+		'<ccv-line-chart :data="curvedLineData" :options="curveMonotoneYOptions"></ccv-line-chart>',
+}));
+
+lineStories.add('Monotone X Curve', () => ({
+	components: { CcvLineChart },
+	data() {
+		return {
+			curvedLineData,
+			curveMonotoneXOptions: Object.assign({}, curvedLineOptions, {curve: "curveMonotoneX"})
+		};
+	},
+	template:
+		'<ccv-line-chart :data="curvedLineData" :options="curveMonotoneXOptions"></ccv-line-chart>',
+}));

From 55e8a4d05001c4db5b980f354df559149c559c6c Mon Sep 17 00:00:00 2001
From: carbon-bot <carbon@us.ibm.com>
Date: Mon, 25 Mar 2019 14:40:15 +0000
Subject: [PATCH 3/3] v0.11.4

---
 CHANGELOG.md                  | 8 ++++++++
 lerna.json                    | 2 +-
 packages/angular/CHANGELOG.md | 8 ++++++++
 packages/angular/package.json | 2 +-
 packages/core/CHANGELOG.md    | 8 ++++++++
 packages/core/package.json    | 2 +-
 packages/react/CHANGELOG.md   | 8 ++++++++
 packages/react/package.json   | 4 ++--
 packages/vue/CHANGELOG.md     | 8 ++++++++
 packages/vue/package.json     | 4 ++--
 10 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7960756bbe..94a880d274 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/IBM/carbon-charts/compare/v0.11.3...v0.11.4) (2019-03-25)
+
+**Note:** Version bump only for package @carbon/charts-monorepo
+
+
+
+
+
 ## [0.11.3](https://github.com/IBM/carbon-charts/compare/v0.11.2...v0.11.3) (2019-03-21)
 
 **Note:** Version bump only for package @carbon/charts-monorepo
diff --git a/lerna.json b/lerna.json
index 3db94475c0..4d9b1dd18b 100644
--- a/lerna.json
+++ b/lerna.json
@@ -16,5 +16,5 @@
 			]
 		}
 	},
-	"version": "0.11.3"
+	"version": "0.11.4"
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index be73035b9e..8cac86b8a0 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/IBM/carbon-charts/compare/v0.11.3...v0.11.4) (2019-03-25)
+
+**Note:** Version bump only for package @carbon/charts-angular
+
+
+
+
+
 ## [0.7.10](https://github.com/IBM/carbon-charts/compare/v0.7.9...v0.7.10) (2018-11-28)
 
 **Note:** Version bump only for package @carbon/charts-angular
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 54a3689204..a1780829f8 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,7 +1,7 @@
 {
 	"$schema": "./node_modules/ng-packagr/package.schema.json",
 	"name": "@carbon/charts-angular",
-	"version": "0.7.10",
+	"version": "0.11.4",
 	"description": "Carbon charting components for Angular",
 	"main": "index.js",
 	"scripts": {
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index dd7ab3dc6f..3086d298a5 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/IBM/carbon-charts/compare/v0.11.3...v0.11.4) (2019-03-25)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
 # [0.11.0](https://github.com/IBM/carbon-charts/compare/v0.10.5...v0.11.0) (2019-03-12)
 
 
diff --git a/packages/core/package.json b/packages/core/package.json
index d9b055646b..60527850b6 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts",
-  "version": "0.11.0",
+  "version": "0.11.4",
   "description": "Carbon charting components",
   "files": [
     "dist",
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 798de510a5..94d27763db 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/IBM/carbon-charts/compare/v0.11.3...v0.11.4) (2019-03-25)
+
+**Note:** Version bump only for package @carbon/charts-react
+
+
+
+
+
 ## [0.11.2](https://github.com/IBM/carbon-charts/compare/v0.11.1...v0.11.2) (2019-03-20)
 
 
diff --git a/packages/react/package.json b/packages/react/package.json
index 7e5f69d5fb..d9519e6637 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@carbon/charts-react",
-	"version": "0.11.2",
+	"version": "0.11.4",
 	"description": "Carbon charting components for React",
 	"main": "index.js",
 	"files": [
@@ -27,7 +27,7 @@
 	},
 	"homepage": "https://github.com/IBM/carbon-charts#readme",
 	"dependencies": {
-		"@carbon/charts": "^0.11.0"
+		"@carbon/charts": "^0.11.4"
 	},
 	"peerDependencies": {
 		"react": "^16.6.3",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index fe04efba58..cf1fccb945 100644
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.11.3...v0.11.4) (2019-03-25)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.11.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.11.2...v0.11.3) (2019-03-21)
 
 **Note:** Version bump only for package @carbon/charts-vue
diff --git a/packages/vue/package.json b/packages/vue/package.json
index b143e2ab98..518c7a1ef9 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-vue",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "description": "Carbon charting components for Vue",
   "main": "index.js",
   "files": [
@@ -20,7 +20,7 @@
     "format:diff": "prettier --list-different \"**/*.{scss,css,js,md,vue}\""
   },
   "dependencies": {
-    "@carbon/charts": "^0.11.0",
+    "@carbon/charts": "^0.11.4",
     "vue": "2.5.21"
   },
   "devDependencies": {