Add vpu-button to the demo page

packages/common/assets/index.html

@@ -22,5 +22,8 @@
 
 Icons: <vpu-icon name="access-point-network-off"></vpu-icon> <vpu-icon color="green"></vpu-icon> <vpu-icon color="red"></vpu-icon> <vpu-icon color="blue"></vpu-icon>  <vpu-icon color="orange" name="menu-down"></vpu-icon>
 
+<br>
+<br>
+Button: <vpu-button value="Load"></vpu-button>
 </body>
 </html>

packages/common/demo.js

 import './vpu-mini-spinner.js';
 import './vpu-spinner.js';
-import './vpu-icon.js';
+import './vpu-icon.js';
\ No newline at end of file
+import './vpu-button.js';
\ No newline at end of file

packages/common/package.json

@@ -17,7 +17,8 @@
     "rollup-plugin-copy": "^3.1.0",
     "rollup-plugin-multi-entry": "^2.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-serve": "^1.0.1"
+    "rollup-plugin-serve": "^1.0.1",
+    "rollup-plugin-url": "^2.2.2"
   },
   "scripts": {
     "clean": "rm dist/*",
@@ -29,6 +30,7 @@
   "dependencies": {
     "i18next": "^17.0.11",
     "lit-element": "^2.2.1",
-    "material-design-icons-svg": "^3.0.0"
+    "material-design-icons-svg": "^3.0.0",
+    "bulma": "^0.7.5"
   }
 }

packages/common/rollup.config.js

@@ -5,6 +5,7 @@ import multiEntry from 'rollup-plugin-multi-entry';
 import copy from 'rollup-plugin-copy';
 import serve from 'rollup-plugin-serve';
 import consts from 'rollup-plugin-consts';
+import url from "rollup-plugin-url";
 
 const pkg = require('./package.json');
 const build = (typeof process.env.BUILD !== 'undefined') ? process.env.BUILD : 'local';
@@ -30,6 +31,15 @@ export default {
         commonjs({
             include: 'node_modules/**'
         }),
+        url({
+            limit: 0,
+            include: [
+              "node_modules/bulma/**/*.css",
+              "node_modules/bulma/**/*.sass",
+            ],
+            emitFiles: true,
+            fileName: 'shared/[name].[hash][extname]'
+          }),
         copy({
             targets: [
                 {src: 'assets/index.html', dest: 'dist'},