diff --git a/package-lock.json b/package-lock.json
index 5572c06..30a5062 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "@advancedalgos/web-components",
+  "name": "@superalgos/web-components",
   "version": "0.0.18",
   "lockfileVersion": 1,
   "requires": true,
@@ -1503,6 +1503,20 @@
         "prop-types": "^15.6.2",
         "react-inspector": "^2.3.0",
         "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "@storybook/addons": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.0.11.tgz",
+          "integrity": "sha512-b187r62kzYh2WPW3aa1BVP/YvKUqh1xIUFQx8Pw8iJ7Uo5evexkI7utiu2KzWk4hmn0IBavdDshM+NykOjWM7A==",
+          "dev": true,
+          "requires": {
+            "@storybook/channels": "4.0.11",
+            "@storybook/components": "4.0.11",
+            "global": "^4.3.2",
+            "util-deprecate": "^1.0.2"
+          }
+        }
       }
     },
     "@storybook/addon-knobs": {
@@ -1524,6 +1538,20 @@
         "react-color": "^2.14.1",
         "react-lifecycles-compat": "^3.0.4",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/addons": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.0.11.tgz",
+          "integrity": "sha512-b187r62kzYh2WPW3aa1BVP/YvKUqh1xIUFQx8Pw8iJ7Uo5evexkI7utiu2KzWk4hmn0IBavdDshM+NykOjWM7A==",
+          "dev": true,
+          "requires": {
+            "@storybook/channels": "4.0.11",
+            "@storybook/components": "4.0.11",
+            "global": "^4.3.2",
+            "util-deprecate": "^1.0.2"
+          }
+        }
       }
     },
     "@storybook/addon-links": {
@@ -1537,6 +1565,20 @@
         "@storybook/core-events": "4.0.11",
         "global": "^4.3.2",
         "prop-types": "^15.6.2"
+      },
+      "dependencies": {
+        "@storybook/addons": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.0.11.tgz",
+          "integrity": "sha512-b187r62kzYh2WPW3aa1BVP/YvKUqh1xIUFQx8Pw8iJ7Uo5evexkI7utiu2KzWk4hmn0IBavdDshM+NykOjWM7A==",
+          "dev": true,
+          "requires": {
+            "@storybook/channels": "4.0.11",
+            "@storybook/components": "4.0.11",
+            "global": "^4.3.2",
+            "util-deprecate": "^1.0.2"
+          }
+        }
       }
     },
     "@storybook/addon-notes": {
@@ -1599,15 +1641,41 @@
       }
     },
     "@storybook/addons": {
-      "version": "4.0.11",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.0.11.tgz",
-      "integrity": "sha512-b187r62kzYh2WPW3aa1BVP/YvKUqh1xIUFQx8Pw8iJ7Uo5evexkI7utiu2KzWk4hmn0IBavdDshM+NykOjWM7A==",
+      "version": "4.1.16",
+      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.1.16.tgz",
+      "integrity": "sha512-RSvlE/yOpEvRaleeeucRlIZkxUK0QvQxPGtcNOy+H/sE2ZIi9DB3bjhFnhWDaeqW8AYHfxA1hzujeO7kWYV0dw==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "4.0.11",
-        "@storybook/components": "4.0.11",
+        "@storybook/channels": "4.1.16",
+        "@storybook/components": "4.1.16",
         "global": "^4.3.2",
         "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/channels": {
+          "version": "4.1.16",
+          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-4.1.16.tgz",
+          "integrity": "sha512-1lQ52C5eGXFuIFxaoaghNpszKSeW0UPF/BU1Yjd3F0k5Ud43PPPhhdQ0CpnWYj+UbfhwWFZmf2bhT/qpzpCQcQ==",
+          "dev": true
+        },
+        "@storybook/components": {
+          "version": "4.1.16",
+          "resolved": "https://registry.npmjs.org/@storybook/components/-/components-4.1.16.tgz",
+          "integrity": "sha512-pAUSLRhu8Gm7HI0CA3GDkBlDgQdiPQkC+CBheX992lg+pbGNb9sAuclFDsGZCJwq2XURkbgKxJFuqcitO5F38g==",
+          "dev": true,
+          "requires": {
+            "@emotion/core": "^0.13.1",
+            "@emotion/provider": "^0.11.2",
+            "@emotion/styled": "^0.10.6",
+            "global": "^4.3.2",
+            "lodash": "^4.17.11",
+            "prop-types": "^15.6.2",
+            "react-inspector": "^2.3.0",
+            "react-split-pane": "^0.1.84",
+            "react-textarea-autosize": "^7.0.4",
+            "render-fragment": "^0.1.1"
+          }
+        }
       }
     },
     "@storybook/channel-postmessage": {
@@ -1728,6 +1796,18 @@
             "regenerator-runtime": "^0.12.0"
           }
         },
+        "@storybook/addons": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-4.0.11.tgz",
+          "integrity": "sha512-b187r62kzYh2WPW3aa1BVP/YvKUqh1xIUFQx8Pw8iJ7Uo5evexkI7utiu2KzWk4hmn0IBavdDshM+NykOjWM7A==",
+          "dev": true,
+          "requires": {
+            "@storybook/channels": "4.0.11",
+            "@storybook/components": "4.0.11",
+            "global": "^4.3.2",
+            "util-deprecate": "^1.0.2"
+          }
+        },
         "ansi-regex": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
@@ -2555,10 +2635,9 @@
       }
     },
     "acorn": {
-      "version": "5.7.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
-      "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
-      "dev": true
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.1.tgz",
+      "integrity": "sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA=="
     },
     "acorn-dynamic-import": {
       "version": "3.0.0",
@@ -2567,6 +2646,14 @@
       "dev": true,
       "requires": {
         "acorn": "^5.0.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "5.7.3",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+          "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+          "dev": true
+        }
       }
     },
     "acorn-globals": {
@@ -8205,7 +8292,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -8226,12 +8314,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -8246,17 +8336,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -8373,7 +8466,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -8385,6 +8479,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -8399,6 +8494,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -8406,12 +8502,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -8430,6 +8528,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -8510,7 +8609,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -8522,6 +8622,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -8607,7 +8708,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -8643,6 +8745,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -8662,6 +8765,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -8705,12 +8809,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -9014,9 +9120,9 @@
       "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
     },
     "graphql": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/graphql/-/graphql-14.0.2.tgz",
-      "integrity": "sha512-gUC4YYsaiSJT1h40krG3J+USGlwhzNTXSb4IOZljn9ag5Tj+RkoXrWp+Kh7WyE3t1NCfab5kzCuxBIvOMERMXw==",
+      "version": "14.2.1",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-14.2.1.tgz",
+      "integrity": "sha512-2PL1UbvKeSjy/lUeJqHk+eR9CvuErXoCNwJI4jm3oNFEeY+9ELqHNKO1ZuSxAkasPkpWbmT/iMRMFxd3cEL3tQ==",
       "requires": {
         "iterall": "^1.2.2"
       }
@@ -11466,6 +11572,14 @@
         "whatwg-url": "^6.4.1",
         "ws": "^5.2.0",
         "xml-name-validator": "^3.0.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "5.7.3",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+          "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+          "dev": true
+        }
       }
     },
     "jsesc": {
@@ -15837,6 +15951,14 @@
           "requires": {
             "acorn": "^5.5.0",
             "acorn-jsx": "^3.0.0"
+          },
+          "dependencies": {
+            "acorn": {
+              "version": "5.7.3",
+              "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+              "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+              "dev": true
+            }
           }
         },
         "external-editor": {
@@ -16098,6 +16220,14 @@
           "requires": {
             "acorn": "^5.5.0",
             "acorn-jsx": "^3.0.0"
+          },
+          "dependencies": {
+            "acorn": {
+              "version": "5.7.3",
+              "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+              "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+              "dev": true
+            }
           }
         },
         "external-editor": {
@@ -16374,12 +16504,20 @@
       }
     },
     "prop-types": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz",
-      "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==",
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
       "requires": {
-        "loose-envify": "^1.3.1",
-        "object-assign": "^4.1.1"
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.8.6",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
+          "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA=="
+        }
       }
     },
     "proto-list": {
@@ -16627,14 +16765,25 @@
       }
     },
     "react": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.6.1.tgz",
-      "integrity": "sha512-OtawJThYlvRgm9BXK+xTL7BIlDx8vv21j+fbQDjRRUyok6y7NyjlweGorielTahLZHYIdKUoK2Dp9ByVWuMqxw==",
+      "version": "16.8.6",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.8.6.tgz",
+      "integrity": "sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
         "prop-types": "^15.6.2",
-        "scheduler": "^0.11.0"
+        "scheduler": "^0.13.6"
+      },
+      "dependencies": {
+        "scheduler": {
+          "version": "0.13.6",
+          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz",
+          "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==",
+          "requires": {
+            "loose-envify": "^1.1.0",
+            "object-assign": "^4.1.1"
+          }
+        }
       }
     },
     "react-apollo": {
@@ -16829,14 +16978,25 @@
       }
     },
     "react-dom": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.6.1.tgz",
-      "integrity": "sha512-zm+wBuEMGm009Wt1uE4Zw5KcXOW7qC4E/xW/fpJsCsbOco4U/R84u+DzzO/S4SYSdNBcqcaulcp4w3FXl8pImw==",
+      "version": "16.8.6",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.8.6.tgz",
+      "integrity": "sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==",
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
         "prop-types": "^15.6.2",
-        "scheduler": "^0.11.0"
+        "scheduler": "^0.13.6"
+      },
+      "dependencies": {
+        "scheduler": {
+          "version": "0.13.6",
+          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.13.6.tgz",
+          "integrity": "sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==",
+          "requires": {
+            "loose-envify": "^1.1.0",
+            "object-assign": "^4.1.1"
+          }
+        }
       }
     },
     "react-dropzone": {
@@ -17885,6 +18045,7 @@
       "version": "0.11.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.11.2.tgz",
       "integrity": "sha512-+WCP3s3wOaW4S7C1tl3TEXp4l9lJn0ZK8G3W3WKRWmw77Z2cIFUW2MiNTMHn5sCjxN+t7N43HAOOgMjyAg5hlg==",
+      "dev": true,
       "requires": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1"
@@ -20044,6 +20205,14 @@
           "requires": {
             "acorn": "^5.5.0",
             "acorn-jsx": "^3.0.0"
+          },
+          "dependencies": {
+            "acorn": {
+              "version": "5.7.3",
+              "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+              "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+              "dev": true
+            }
           }
         }
       }
@@ -20133,6 +20302,12 @@
         "webpack-sources": "^1.3.0"
       },
       "dependencies": {
+        "acorn": {
+          "version": "5.7.3",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+          "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+          "dev": true
+        },
         "schema-utils": {
           "version": "0.4.7",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
diff --git a/package.json b/package.json
index c061ae6..e461376 100644
--- a/package.json
+++ b/package.json
@@ -37,12 +37,12 @@
     "apollo-client": "^2.4.7",
     "blob-util": "^2.0.2",
     "browser-image-resizer": "^1.2.0",
-    "graphql": "^14.0.2",
+    "graphql": "^14.2.1",
     "graphql-tag": "^2.10.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.6.1",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
     "react-apollo": "^2.3.2",
-    "react-dom": "^16.6.1",
+    "react-dom": "^16.8.6",
     "react-dropzone": "^5.1.0",
     "react-helmet": "^5.2.0",
     "react-router-dom": "^4.3.1"
@@ -59,8 +59,9 @@
     "@storybook/addon-links": "^4.0.11",
     "@storybook/addon-notes": "^4.0.11",
     "@storybook/addon-options": "^3.4.11",
-    "@storybook/addons": "^4.0.11",
+    "@storybook/addons": "^4.1.16",
     "@storybook/react": "^4.0.11",
+    "acorn": "^6.1.1",
     "autoprefixer": "^8.6.5",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^9.0.0",
diff --git a/tools/webpack/webpack.dev.config.js b/tools/webpack/webpack.dev.config.js
index 323126f..bb9e86a 100644
--- a/tools/webpack/webpack.dev.config.js
+++ b/tools/webpack/webpack.dev.config.js
@@ -32,6 +32,17 @@ module.exports = merge(commonConfig, {
   },
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        exclude: [
+          /(node_modules|bower_components)/,
+          /\*\/stories/
+        ],
+        loader: 'babel-loader',
+        options: {
+          presets: ['@babel/preset-env', '@babel/preset-react']
+        }
+      },
       {
         test: /\.s?[ac]ss$/,
         loader: 'style-loader!css-loader!postcss-loader!sass-loader'