TASK: Upgrade sencil.js and JS dependencies

package.json

@@ -19,15 +19,16 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^5.1.0",
-    "@stencil/core": "^0.9.11",
+    "@fortawesome/fontawesome-free": "^5.7.2",
+    "@stencil/core": "^0.18.0",
     "@stencil/dev-server": "latest",
     "@stencil/sass": "latest",
     "@stencil/utils": "latest",
-    "@types/jest": "^21.1.1",
+    "@types/jest": "^24.0.9",
     "classnames": "^2.2.6",
-    "jest": "^21.2.1",
-    "sass-lint": "^1.12.1"
+    "jest": "^24.1.0",
+    "sass-lint": "^1.12.1",
+    "workbox-build": "3.4.1"
   },
   "repository": {
     "type": "git",

readme.md

@@ -10,7 +10,7 @@ create consistent UI between different framework and templating (React, Angular,
 To start building a new web component using Stencil, clone this repo to a new directory:
 
 ```bash
-git clone https://github.com/dfeyer/neos-ui-kit.git
+git clone git@gitlab.ttree.ch:neos/neos-ui-kit.git
 cd neos-ui-kit
 ```
 

src/components/dropdown-header/dropdown-header.tsx

@@ -14,7 +14,7 @@ export class Dropdown {
   @Prop() hovered: boolean = false;
 
   chevronIcon() {
-    return this.open ? 'chevron-up' : 'chevron-down';
+    return this.open ? 'caret-up' : 'caret-down';
   }
 
   chevronTheme() {

src/components/icon/styles/icon.scss

 @import "./icon.vars";
-@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css";
+@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/regular.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
+@import "node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
 
 :host {
   @include font-smoothing();

stencil.config.js → stencil.config.ts

-const sass = require('@stencil/sass');
+import { Config } from '@stencil/core';
+import { sass } from '@stencil/sass';
 
-exports.config = {
-  namespace: 'neos',
-  preamble: '(C) Neos Project https://neos.io - MIT License',
+export const config: Config = {
+  namespace: 'Neos',
+  preamble: '© Neos Project https://neos.io - MIT License',
   globalScript: 'src/global/neos-global.ts',
   globalStyle: 'src/global/neos-global.scss',
   enableCache: true,
+  srcDir: 'src',
   plugins: [
     sass(),
   ],
@@ -15,13 +17,7 @@ exports.config = {
     },
     {
       type: 'www',
-      serviceWorker: true,
       baseUrl: '/neos-ui-kit/'
     }
   ]
 };
-
-exports.devServer = {
-  root: 'www',
-  watchGlob: '**/**'
-}

tsconfig.json

@@ -9,8 +9,8 @@
       "es2015"
     ],
     "moduleResolution": "node",
-    "module": "es2015",
-    "target": "es2015",
+    "module": "esnext",
+    "target": "es2017",
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "jsx": "react",