diff --git a/source/assets/AvatarBadgeAdmin/index.js b/source/assets/AvatarBadgeAdmin/index.js
index 3c88c087..a9078c20 100644
--- a/source/assets/AvatarBadgeAdmin/index.js
+++ b/source/assets/AvatarBadgeAdmin/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-admin.svg';
+import React from 'react';
+import AvatarBadgeAdmin from 'design-system/dist/svg/wds-avatar-badges-admin.svg';
+
+/** @component */
+export default props => <AvatarBadgeAdmin {...props} />;
diff --git a/source/assets/AvatarBadgeContentModerator/index.js b/source/assets/AvatarBadgeContentModerator/index.js
index da959099..19343c37 100644
--- a/source/assets/AvatarBadgeContentModerator/index.js
+++ b/source/assets/AvatarBadgeContentModerator/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-content-moderator.svg';
+import React from 'react';
+import AvatarBadgeContentModerator from 'design-system/dist/svg/wds-avatar-badges-content-moderator.svg';
+
+/** @component */
+export default props => <AvatarBadgeContentModerator {...props} />;
diff --git a/source/assets/AvatarBadgeDiscussionModerator/index.js b/source/assets/AvatarBadgeDiscussionModerator/index.js
index cfceb32a..1669a274 100644
--- a/source/assets/AvatarBadgeDiscussionModerator/index.js
+++ b/source/assets/AvatarBadgeDiscussionModerator/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-discussion-moderator.svg';
+import React from 'react';
+import AvatarBadgeDiscussionModerator from 'design-system/dist/svg/wds-avatar-badges-discussion-moderator.svg';
+
+/** @component */
+export default props => <AvatarBadgeDiscussionModerator {...props} />;
diff --git a/source/assets/AvatarBadgeGlobalDiscussionsModerator/index.js b/source/assets/AvatarBadgeGlobalDiscussionsModerator/index.js
index f18c5bad..0b0bf11d 100644
--- a/source/assets/AvatarBadgeGlobalDiscussionsModerator/index.js
+++ b/source/assets/AvatarBadgeGlobalDiscussionsModerator/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-global-discussions-moderator.svg';
+import React from 'react';
+import AvatarBadgeGlobalDiscussionsModerator from 'design-system/dist/svg/wds-avatar-badges-global-discussions-moderator.svg';
+
+/** @component */
+export default props => <AvatarBadgeGlobalDiscussionsModerator {...props} />;
diff --git a/source/assets/AvatarBadgeHelper/index.js b/source/assets/AvatarBadgeHelper/index.js
index 67930a6a..00e4f358 100644
--- a/source/assets/AvatarBadgeHelper/index.js
+++ b/source/assets/AvatarBadgeHelper/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-helper.svg';
+import React from 'react';
+import AvatarBadgeHelper from 'design-system/dist/svg/wds-avatar-badges-helper.svg';
+
+/** @component */
+export default props => <AvatarBadgeHelper {...props} />;
diff --git a/source/assets/AvatarBadgeStaff/index.js b/source/assets/AvatarBadgeStaff/index.js
index 2628adf9..c777018e 100644
--- a/source/assets/AvatarBadgeStaff/index.js
+++ b/source/assets/AvatarBadgeStaff/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-staff.svg';
+import React from 'react';
+import AvatarBadgeStaff from 'design-system/dist/svg/wds-avatar-badges-staff.svg';
+
+/** @component */
+export default props => <AvatarBadgeStaff {...props} />;
diff --git a/source/assets/AvatarBadgeVstf/index.js b/source/assets/AvatarBadgeVstf/index.js
index 16c783c0..785c1cf3 100644
--- a/source/assets/AvatarBadgeVstf/index.js
+++ b/source/assets/AvatarBadgeVstf/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-badges-vstf.svg';
+import React from 'react';
+import AvatarBadgeVstf from 'design-system/dist/svg/wds-avatar-badges-vstf.svg';
+
+/** @component */
+export default props => <AvatarBadgeVstf {...props} />;
diff --git a/source/assets/AvatarIcon/index.js b/source/assets/AvatarIcon/index.js
index 561dbd60..50f9a71d 100644
--- a/source/assets/AvatarIcon/index.js
+++ b/source/assets/AvatarIcon/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-icon.svg';
+import React from 'react';
+import AvatarIcon from 'design-system/dist/svg/wds-avatar-icon.svg';
+
+/** @component */
+export default props => <AvatarIcon {...props} />;
diff --git a/source/assets/AvatarIconTiny/index.js b/source/assets/AvatarIconTiny/index.js
index ec8da31c..88dcf611 100644
--- a/source/assets/AvatarIconTiny/index.js
+++ b/source/assets/AvatarIconTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-icon-tiny.svg';
+import React from 'react';
+import AvatarIconTiny from 'design-system/dist/svg/wds-avatar-icon-tiny.svg';
+
+/** @component */
+export default props => <AvatarIconTiny {...props} />;
diff --git a/source/assets/AvatarIconUser/index.js b/source/assets/AvatarIconUser/index.js
index 6a0359ba..cef3bff5 100644
--- a/source/assets/AvatarIconUser/index.js
+++ b/source/assets/AvatarIconUser/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-avatar-icon-user.svg';
+import React from 'react';
+import AvatarIconUser from 'design-system/dist/svg/wds-avatar-icon-user.svg';
+
+/** @component */
+export default props => <AvatarIconUser {...props} />;
diff --git a/source/assets/LogoFandom/index.js b/source/assets/LogoFandom/index.js
index 30533ff1..29d975bc 100644
--- a/source/assets/LogoFandom/index.js
+++ b/source/assets/LogoFandom/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-logo-fandom.svg';
+import React from 'react';
+import LogoFandom from 'design-system/dist/svg/wds-company-logo-fandom.svg';
+
+/** @component */
+export default props => <LogoFandom {...props} />;
diff --git a/source/assets/LogoFandomHeart/index.js b/source/assets/LogoFandomHeart/index.js
index 1dd905a0..f4d35b86 100644
--- a/source/assets/LogoFandomHeart/index.js
+++ b/source/assets/LogoFandomHeart/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-logo-fandom-heart.svg';
+import React from 'react';
+import LogoFandomHeart from 'design-system/dist/svg/wds-company-logo-fandom-heart.svg';
+
+/** @component */
+export default props => <LogoFandomHeart {...props} />;
diff --git a/source/assets/LogoFandomWhite/index.js b/source/assets/LogoFandomWhite/index.js
index ec77ec47..9eb7493c 100644
--- a/source/assets/LogoFandomWhite/index.js
+++ b/source/assets/LogoFandomWhite/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-logo-fandom-white.svg';
+import React from 'react';
+import LogoFandomWhite from 'design-system/dist/svg/wds-company-logo-fandom-white.svg';
+
+/** @component */
+export default props => <LogoFandomWhite {...props} />;
diff --git a/source/assets/LogoWikia/index.js b/source/assets/LogoWikia/index.js
index 369a0643..07761473 100644
--- a/source/assets/LogoWikia/index.js
+++ b/source/assets/LogoWikia/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-logo-wikia.svg';
+import React from 'react';
+import LogoWikia from 'design-system/dist/svg/wds-company-logo-wikia.svg';
+
+/** @component */
+export default props => <LogoWikia {...props} />;
diff --git a/source/assets/LogoWikiaOrgWhite/index.js b/source/assets/LogoWikiaOrgWhite/index.js
index 8d94cafa..0f4d6f95 100644
--- a/source/assets/LogoWikiaOrgWhite/index.js
+++ b/source/assets/LogoWikiaOrgWhite/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-logo-wikia-org-white.svg';
+import React from 'react';
+import LogoWikiaOrgWhite from 'design-system/dist/svg/wds-company-logo-wikia-org-white.svg';
+
+/** @component */
+export default props => <LogoWikiaOrgWhite {...props} />;
diff --git a/source/assets/StoreAppstore/index.js b/source/assets/StoreAppstore/index.js
index b58c5b6b..0312fe61 100644
--- a/source/assets/StoreAppstore/index.js
+++ b/source/assets/StoreAppstore/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-store-appstore.svg';
+import React from 'react';
+import StoreAppstore from 'design-system/dist/svg/wds-company-store-appstore.svg';
+
+/** @component */
+export default props => <StoreAppstore {...props} />;
diff --git a/source/assets/StoreGoogleplay/index.js b/source/assets/StoreGoogleplay/index.js
index 2fe12cca..2980051b 100644
--- a/source/assets/StoreGoogleplay/index.js
+++ b/source/assets/StoreGoogleplay/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-company-store-googleplay.svg';
+import React from 'react';
+import StoreGoogleplay from 'design-system/dist/svg/wds-company-store-googleplay.svg';
+
+/** @component */
+export default props => <StoreGoogleplay {...props} />;
diff --git a/source/components/Avatar/__snapshots__/index.spec.js.snap b/source/components/Avatar/__snapshots__/index.spec.js.snap
index 067b97ac..2e7cdfac 100644
--- a/source/components/Avatar/__snapshots__/index.spec.js.snap
+++ b/source/components/Avatar/__snapshots__/index.spec.js.snap
@@ -15,10 +15,15 @@ exports[`Avatar renders when incorrect badgePermission is set 1`] = `
         className="wds-avatar__image"
         title="wds-avatar__image"
       >
-        <div
+        <_default
           className="wds-avatar__image"
           title="wds-avatar__image"
-        />
+        >
+          <div
+            className="wds-avatar__image"
+            title="wds-avatar__image"
+          />
+        </_default>
       </_default>
     </AvatarImage>
     <Badge
@@ -43,10 +48,15 @@ exports[`Avatar renders with badge 1`] = `
         className="wds-avatar__image"
         title="wds-avatar__image"
       >
-        <div
+        <_default
           className="wds-avatar__image"
           title="wds-avatar__image"
-        />
+        >
+          <div
+            className="wds-avatar__image"
+            title="wds-avatar__image"
+          />
+        </_default>
       </_default>
     </AvatarImage>
     <Badge
@@ -57,7 +67,9 @@ exports[`Avatar renders with badge 1`] = `
         title="Community Admin"
       >
         <_default>
-          <div />
+          <_default>
+            <div />
+          </_default>
         </_default>
       </span>
     </Badge>
@@ -79,10 +91,15 @@ exports[`Avatar renders with default props 1`] = `
         className="wds-avatar__image"
         title="wds-avatar__image"
       >
-        <div
+        <_default
           className="wds-avatar__image"
           title="wds-avatar__image"
-        />
+        >
+          <div
+            className="wds-avatar__image"
+            title="wds-avatar__image"
+          />
+        </_default>
       </_default>
     </AvatarImage>
   </div>
@@ -125,7 +142,9 @@ exports[`Avatar renders with props 1`] = `
         title="Community Admin"
       >
         <_default>
-          <div />
+          <_default>
+            <div />
+          </_default>
         </_default>
       </span>
     </Badge>
diff --git a/source/config/styleguide.config.js b/source/config/styleguide.config.js
index e45baa4d..73498ebc 100644
--- a/source/config/styleguide.config.js
+++ b/source/config/styleguide.config.js
@@ -95,14 +95,14 @@ module.exports = {
 
         return `import ${name} from '${pkg.name}/${subPath}';`;
     },
-    propsParser(filePath, source, resolver, handlers) {
-        /**
-         * `react-docgen` cannot parse this fine syntax, so let's ignore it
-         */
-        if (source.indexOf('export default from') > -1) {
-            return {};
-        }
-        return docgen.parse(source, resolver, handlers);
-    },
+    // propsParser(filePath, source, resolver, handlers) {
+    //     /**
+    //      * `react-docgen` cannot parse this fine syntax, so let's ignore it
+    //      */
+    //     if (source.indexOf('export default from') > -1) {
+    //         return {};
+    //     }
+    //     return docgen.parse(source, resolver, handlers);
+    // },
     webpackConfig,
 };
diff --git a/source/icons/IconActivity/index.js b/source/icons/IconActivity/index.js
index 884ec5bf..96fd80ef 100644
--- a/source/icons/IconActivity/index.js
+++ b/source/icons/IconActivity/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-activity.svg';
+import React from 'react';
+import IconActivity from 'design-system/dist/svg/wds-icons-activity.svg';
+
+/** @component */
+export default props => <IconActivity {...props} />;
diff --git a/source/icons/IconActivitySmall/index.js b/source/icons/IconActivitySmall/index.js
index 4c2b806a..52204d0b 100644
--- a/source/icons/IconActivitySmall/index.js
+++ b/source/icons/IconActivitySmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-activity-small.svg';
+import React from 'react';
+import IconActivitySmall from 'design-system/dist/svg/wds-icons-activity-small.svg';
+
+/** @component */
+export default props => <IconActivitySmall {...props} />;
diff --git a/source/icons/IconAlert/index.js b/source/icons/IconAlert/index.js
index 9754f4d3..fe6c551d 100644
--- a/source/icons/IconAlert/index.js
+++ b/source/icons/IconAlert/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-alert.svg';
+import React from 'react';
+import IconAlert from 'design-system/dist/svg/wds-icons-alert.svg';
+
+/** @component */
+export default props => <IconAlert {...props} />;
diff --git a/source/icons/IconAlertSmall/index.js b/source/icons/IconAlertSmall/index.js
index b99575af..1ba1c5c8 100644
--- a/source/icons/IconAlertSmall/index.js
+++ b/source/icons/IconAlertSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-alert-small.svg';
+import React from 'react';
+import IconAlertSmall from 'design-system/dist/svg/wds-icons-alert-small.svg';
+
+/** @component */
+export default props => <IconAlertSmall {...props} />;
diff --git a/source/icons/IconArrow/index.js b/source/icons/IconArrow/index.js
index 6be4cff9..059d34a9 100644
--- a/source/icons/IconArrow/index.js
+++ b/source/icons/IconArrow/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-arrow.svg';
+import React from 'react';
+import IconArrow from 'design-system/dist/svg/wds-icons-arrow.svg';
+
+/** @component */
+export default props => <IconArrow {...props} />;
diff --git a/source/icons/IconArrowSmall/index.js b/source/icons/IconArrowSmall/index.js
index 88e037c1..3ad20215 100644
--- a/source/icons/IconArrowSmall/index.js
+++ b/source/icons/IconArrowSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-arrow-small.svg';
+import React from 'react';
+import IconArrowSmall from 'design-system/dist/svg/wds-icons-arrow-small.svg';
+
+/** @component */
+export default props => <IconArrowSmall {...props} />;
diff --git a/source/icons/IconArrowTiny/index.js b/source/icons/IconArrowTiny/index.js
index 1e9aeb6f..c63ff695 100644
--- a/source/icons/IconArrowTiny/index.js
+++ b/source/icons/IconArrowTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-arrow-tiny.svg';
+import React from 'react';
+import IconArrowTiny from 'design-system/dist/svg/wds-icons-arrow-tiny.svg';
+
+/** @component */
+export default props => <IconArrowTiny {...props} />;
diff --git a/source/icons/IconArticle/index.js b/source/icons/IconArticle/index.js
index 917645ff..d144dd3e 100644
--- a/source/icons/IconArticle/index.js
+++ b/source/icons/IconArticle/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-article.svg';
+import React from 'react';
+import IconArticle from 'design-system/dist/svg/wds-icons-article.svg';
+
+/** @component */
+export default props => <IconArticle {...props} />;
diff --git a/source/icons/IconArticleSmall/index.js b/source/icons/IconArticleSmall/index.js
index 045c7996..2eaef1b5 100644
--- a/source/icons/IconArticleSmall/index.js
+++ b/source/icons/IconArticleSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-article-small.svg';
+import React from 'react';
+import IconArticleSmall from 'design-system/dist/svg/wds-icons-article-small.svg';
+
+/** @component */
+export default props => <IconArticleSmall {...props} />;
diff --git a/source/icons/IconArticleTiny/index.js b/source/icons/IconArticleTiny/index.js
index 7e4770c5..9b672422 100644
--- a/source/icons/IconArticleTiny/index.js
+++ b/source/icons/IconArticleTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-article-tiny.svg';
+import React from 'react';
+import IconArticleTiny from 'design-system/dist/svg/wds-icons-article-tiny.svg';
+
+/** @component */
+export default props => <IconArticleTiny {...props} />;
diff --git a/source/icons/IconArticlesSmall/index.js b/source/icons/IconArticlesSmall/index.js
index 60233d95..b7cc9ae5 100644
--- a/source/icons/IconArticlesSmall/index.js
+++ b/source/icons/IconArticlesSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-articles-small.svg';
+import React from 'react';
+import IconArticlesSmall from 'design-system/dist/svg/wds-icons-articles-small.svg';
+
+/** @component */
+export default props => <IconArticlesSmall {...props} />;
diff --git a/source/icons/IconBell/index.js b/source/icons/IconBell/index.js
index a9162ae5..b80b2911 100644
--- a/source/icons/IconBell/index.js
+++ b/source/icons/IconBell/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bell.svg';
+import React from 'react';
+import IconBell from 'design-system/dist/svg/wds-icons-bell.svg';
+
+/** @component */
+export default props => <IconBell {...props} />;
diff --git a/source/icons/IconBold/index.js b/source/icons/IconBold/index.js
index 35aa41c9..a4c9e69d 100644
--- a/source/icons/IconBold/index.js
+++ b/source/icons/IconBold/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bold.svg';
+import React from 'react';
+import IconBold from 'design-system/dist/svg/wds-icons-bold.svg';
+
+/** @component */
+export default props => <IconBold {...props} />;
diff --git a/source/icons/IconBoldSmall/index.js b/source/icons/IconBoldSmall/index.js
index 93fe6143..1ddb6813 100644
--- a/source/icons/IconBoldSmall/index.js
+++ b/source/icons/IconBoldSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bold-small.svg';
+import React from 'react';
+import IconBoldSmall from 'design-system/dist/svg/wds-icons-bold-small.svg';
+
+/** @component */
+export default props => <IconBoldSmall {...props} />;
diff --git a/source/icons/IconBookmark/index.js b/source/icons/IconBookmark/index.js
index ddda5eed..f8c5203f 100644
--- a/source/icons/IconBookmark/index.js
+++ b/source/icons/IconBookmark/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bookmark.svg';
+import React from 'react';
+import IconBookmark from 'design-system/dist/svg/wds-icons-bookmark.svg';
+
+/** @component */
+export default props => <IconBookmark {...props} />;
diff --git a/source/icons/IconBookmarkSmall/index.js b/source/icons/IconBookmarkSmall/index.js
index d150a08a..67753ea0 100644
--- a/source/icons/IconBookmarkSmall/index.js
+++ b/source/icons/IconBookmarkSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bookmark-small.svg';
+import React from 'react';
+import IconBookmarkSmall from 'design-system/dist/svg/wds-icons-bookmark-small.svg';
+
+/** @component */
+export default props => <IconBookmarkSmall {...props} />;
diff --git a/source/icons/IconBulletList/index.js b/source/icons/IconBulletList/index.js
index 50c79b39..231d37ad 100644
--- a/source/icons/IconBulletList/index.js
+++ b/source/icons/IconBulletList/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bullet-list.svg';
+import React from 'react';
+import IconBulletList from 'design-system/dist/svg/wds-icons-bullet-list.svg';
+
+/** @component */
+export default props => <IconBulletList {...props} />;
diff --git a/source/icons/IconBulletListSmall/index.js b/source/icons/IconBulletListSmall/index.js
index 1c661502..23496f02 100644
--- a/source/icons/IconBulletListSmall/index.js
+++ b/source/icons/IconBulletListSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-bullet-list-small.svg';
+import React from 'react';
+import IconBulletListSmall from 'design-system/dist/svg/wds-icons-bullet-list-small.svg';
+
+/** @component */
+export default props => <IconBulletListSmall {...props} />;
diff --git a/source/icons/IconCamera/index.js b/source/icons/IconCamera/index.js
index 50adc1c3..7f6ce9b6 100644
--- a/source/icons/IconCamera/index.js
+++ b/source/icons/IconCamera/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-camera.svg';
+import React from 'react';
+import IconCamera from 'design-system/dist/svg/wds-icons-camera.svg';
+
+/** @component */
+export default props => <IconCamera {...props} />;
diff --git a/source/icons/IconChartSmall/index.js b/source/icons/IconChartSmall/index.js
index 00876d6b..1a27abcb 100644
--- a/source/icons/IconChartSmall/index.js
+++ b/source/icons/IconChartSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-chart-small.svg';
+import React from 'react';
+import IconChartSmall from 'design-system/dist/svg/wds-icons-chart-small.svg';
+
+/** @component */
+export default props => <IconChartSmall {...props} />;
diff --git a/source/icons/IconCheckbox/index.js b/source/icons/IconCheckbox/index.js
index b569cf53..9cb057e0 100644
--- a/source/icons/IconCheckbox/index.js
+++ b/source/icons/IconCheckbox/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-checkbox.svg';
+import React from 'react';
+import IconCheckbox from 'design-system/dist/svg/wds-icons-checkbox.svg';
+
+/** @component */
+export default props => <IconCheckbox {...props} />;
diff --git a/source/icons/IconCheckmark/index.js b/source/icons/IconCheckmark/index.js
index ecb59f2c..30f75769 100644
--- a/source/icons/IconCheckmark/index.js
+++ b/source/icons/IconCheckmark/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-checkmark.svg';
+import React from 'react';
+import IconCheckmark from 'design-system/dist/svg/wds-icons-checkmark.svg';
+
+/** @component */
+export default props => <IconCheckmark {...props} />;
diff --git a/source/icons/IconCheckmarkCircle/index.js b/source/icons/IconCheckmarkCircle/index.js
index 7ec97151..34a482ab 100644
--- a/source/icons/IconCheckmarkCircle/index.js
+++ b/source/icons/IconCheckmarkCircle/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-checkmark-circle.svg';
+import React from 'react';
+import IconCheckmarkCircle from 'design-system/dist/svg/wds-icons-checkmark-circle.svg';
+
+/** @component */
+export default props => <IconCheckmarkCircle {...props} />;
diff --git a/source/icons/IconCheckmarkCircleSmall/index.js b/source/icons/IconCheckmarkCircleSmall/index.js
index 48886617..64c3bb00 100644
--- a/source/icons/IconCheckmarkCircleSmall/index.js
+++ b/source/icons/IconCheckmarkCircleSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-checkmark-circle-small.svg';
+import React from 'react';
+import IconCheckmarkCircleSmall from 'design-system/dist/svg/wds-icons-checkmark-circle-small.svg';
+
+/** @component */
+export default props => <IconCheckmarkCircleSmall {...props} />;
diff --git a/source/icons/IconCheckmarkSmall/index.js b/source/icons/IconCheckmarkSmall/index.js
index 4df4b04d..6ad719fe 100644
--- a/source/icons/IconCheckmarkSmall/index.js
+++ b/source/icons/IconCheckmarkSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-checkmark-small.svg';
+import React from 'react';
+import IconCheckmarkSmall from 'design-system/dist/svg/wds-icons-checkmark-small.svg';
+
+/** @component */
+export default props => <IconCheckmarkSmall {...props} />;
diff --git a/source/icons/IconCirclePlus/index.js b/source/icons/IconCirclePlus/index.js
index cb6885ce..ed87f16c 100644
--- a/source/icons/IconCirclePlus/index.js
+++ b/source/icons/IconCirclePlus/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-circle-plus.svg';
+import React from 'react';
+import IconCirclePlus from 'design-system/dist/svg/wds-icons-circle-plus.svg';
+
+/** @component */
+export default props => <IconCirclePlus {...props} />;
diff --git a/source/icons/IconClipboard/index.js b/source/icons/IconClipboard/index.js
index c4dfbbec..af534a05 100644
--- a/source/icons/IconClipboard/index.js
+++ b/source/icons/IconClipboard/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-clipboard.svg';
+import React from 'react';
+import IconClipboard from 'design-system/dist/svg/wds-icons-clipboard.svg';
+
+/** @component */
+export default props => <IconClipboard {...props} />;
diff --git a/source/icons/IconClipboardSmall/index.js b/source/icons/IconClipboardSmall/index.js
index 911eae7a..31cc285b 100644
--- a/source/icons/IconClipboardSmall/index.js
+++ b/source/icons/IconClipboardSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-clipboard-small.svg';
+import React from 'react';
+import IconClipboardSmall from 'design-system/dist/svg/wds-icons-clipboard-small.svg';
+
+/** @component */
+export default props => <IconClipboardSmall {...props} />;
diff --git a/source/icons/IconClock/index.js b/source/icons/IconClock/index.js
index 4cd05af4..ab06284d 100644
--- a/source/icons/IconClock/index.js
+++ b/source/icons/IconClock/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-clock.svg';
+import React from 'react';
+import IconClock from 'design-system/dist/svg/wds-icons-clock.svg';
+
+/** @component */
+export default props => <IconClock {...props} />;
diff --git a/source/icons/IconClockSmall/index.js b/source/icons/IconClockSmall/index.js
index c876ed2f..9324d09c 100644
--- a/source/icons/IconClockSmall/index.js
+++ b/source/icons/IconClockSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-clock-small.svg';
+import React from 'react';
+import IconClockSmall from 'design-system/dist/svg/wds-icons-clock-small.svg';
+
+/** @component */
+export default props => <IconClockSmall {...props} />;
diff --git a/source/icons/IconClockTiny/index.js b/source/icons/IconClockTiny/index.js
index d99472e0..fef0dec2 100644
--- a/source/icons/IconClockTiny/index.js
+++ b/source/icons/IconClockTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-clock-tiny.svg';
+import React from 'react';
+import IconClockTiny from 'design-system/dist/svg/wds-icons-clock-tiny.svg';
+
+/** @component */
+export default props => <IconClockTiny {...props} />;
diff --git a/source/icons/IconCommunity/index.js b/source/icons/IconCommunity/index.js
index a83ffb2d..80c8919a 100644
--- a/source/icons/IconCommunity/index.js
+++ b/source/icons/IconCommunity/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-community.svg';
+import React from 'react';
+import IconCommunity from 'design-system/dist/svg/wds-icons-community.svg';
+
+/** @component */
+export default props => <IconCommunity {...props} />;
diff --git a/source/icons/IconCommunitySmall/index.js b/source/icons/IconCommunitySmall/index.js
index 51b25dd0..ab07ac81 100644
--- a/source/icons/IconCommunitySmall/index.js
+++ b/source/icons/IconCommunitySmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-community-small.svg';
+import React from 'react';
+import IconCommunitySmall from 'design-system/dist/svg/wds-icons-community-small.svg';
+
+/** @component */
+export default props => <IconCommunitySmall {...props} />;
diff --git a/source/icons/IconControls/index.js b/source/icons/IconControls/index.js
index 0cb6428f..cf263304 100644
--- a/source/icons/IconControls/index.js
+++ b/source/icons/IconControls/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-controls.svg';
+import React from 'react';
+import IconControls from 'design-system/dist/svg/wds-icons-controls.svg';
+
+/** @component */
+export default props => <IconControls {...props} />;
diff --git a/source/icons/IconCross/index.js b/source/icons/IconCross/index.js
index 4dfa9cee..80690e47 100644
--- a/source/icons/IconCross/index.js
+++ b/source/icons/IconCross/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-cross.svg';
+import React from 'react';
+import IconCross from 'design-system/dist/svg/wds-icons-cross.svg';
+
+/** @component */
+export default props => <IconCross {...props} />;
diff --git a/source/icons/IconCrossTiny/index.js b/source/icons/IconCrossTiny/index.js
index ce906a9c..a71e7224 100644
--- a/source/icons/IconCrossTiny/index.js
+++ b/source/icons/IconCrossTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-cross-tiny.svg';
+import React from 'react';
+import IconCrossTiny from 'design-system/dist/svg/wds-icons-cross-tiny.svg';
+
+/** @component */
+export default props => <IconCrossTiny {...props} />;
diff --git a/source/icons/IconDashboardSmall/index.js b/source/icons/IconDashboardSmall/index.js
index f4dbe97b..407cfc6d 100644
--- a/source/icons/IconDashboardSmall/index.js
+++ b/source/icons/IconDashboardSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-dashboard-small.svg';
+import React from 'react';
+import IconDashboardSmall from 'design-system/dist/svg/wds-icons-dashboard-small.svg';
+
+/** @component */
+export default props => <IconDashboardSmall {...props} />;
diff --git a/source/icons/IconDocument/index.js b/source/icons/IconDocument/index.js
index d36911c5..451a2278 100644
--- a/source/icons/IconDocument/index.js
+++ b/source/icons/IconDocument/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-document.svg';
+import React from 'react';
+import IconDocument from 'design-system/dist/svg/wds-icons-document.svg';
+
+/** @component */
+export default props => <IconDocument {...props} />;
diff --git a/source/icons/IconDownload/index.js b/source/icons/IconDownload/index.js
index 7cf938de..470cfcfa 100644
--- a/source/icons/IconDownload/index.js
+++ b/source/icons/IconDownload/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-download.svg';
+import React from 'react';
+import IconDownload from 'design-system/dist/svg/wds-icons-download.svg';
+
+/** @component */
+export default props => <IconDownload {...props} />;
diff --git a/source/icons/IconDownloadSmall/index.js b/source/icons/IconDownloadSmall/index.js
index cefaec0e..601d9406 100644
--- a/source/icons/IconDownloadSmall/index.js
+++ b/source/icons/IconDownloadSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-download-small.svg';
+import React from 'react';
+import IconDownloadSmall from 'design-system/dist/svg/wds-icons-download-small.svg';
+
+/** @component */
+export default props => <IconDownloadSmall {...props} />;
diff --git a/source/icons/IconDownloadTiny/index.js b/source/icons/IconDownloadTiny/index.js
index 39abd32b..ee15dad8 100644
--- a/source/icons/IconDownloadTiny/index.js
+++ b/source/icons/IconDownloadTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-download-tiny.svg';
+import React from 'react';
+import IconDownloadTiny from 'design-system/dist/svg/wds-icons-download-tiny.svg';
+
+/** @component */
+export default props => <IconDownloadTiny {...props} />;
diff --git a/source/icons/IconDropdown/index.js b/source/icons/IconDropdown/index.js
index e4486e09..d16551c0 100644
--- a/source/icons/IconDropdown/index.js
+++ b/source/icons/IconDropdown/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-dropdown.svg';
+import React from 'react';
+import IconDropdown from 'design-system/dist/svg/wds-icons-dropdown.svg';
+
+/** @component */
+export default props => <IconDropdown {...props} />;
diff --git a/source/icons/IconDropdownTiny/index.js b/source/icons/IconDropdownTiny/index.js
index 854ef2a2..857fd97c 100644
--- a/source/icons/IconDropdownTiny/index.js
+++ b/source/icons/IconDropdownTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-dropdown-tiny.svg';
+import React from 'react';
+import IconDropdownTiny from 'design-system/dist/svg/wds-icons-dropdown-tiny.svg';
+
+/** @component */
+export default props => <IconDropdownTiny {...props} />;
diff --git a/source/icons/IconEmbed/index.js b/source/icons/IconEmbed/index.js
index 60d75d91..de41b909 100644
--- a/source/icons/IconEmbed/index.js
+++ b/source/icons/IconEmbed/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-embed.svg';
+import React from 'react';
+import IconEmbed from 'design-system/dist/svg/wds-icons-embed.svg';
+
+/** @component */
+export default props => <IconEmbed {...props} />;
diff --git a/source/icons/IconError/index.js b/source/icons/IconError/index.js
index 9c2e2b60..daee8bf6 100644
--- a/source/icons/IconError/index.js
+++ b/source/icons/IconError/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-error.svg';
+import React from 'react';
+import IconError from 'design-system/dist/svg/wds-icons-error.svg';
+
+/** @component */
+export default props => <IconError {...props} />;
diff --git a/source/icons/IconErrorSmall/index.js b/source/icons/IconErrorSmall/index.js
index 0025576f..abb0d110 100644
--- a/source/icons/IconErrorSmall/index.js
+++ b/source/icons/IconErrorSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-error-small.svg';
+import React from 'react';
+import IconErrorSmall from 'design-system/dist/svg/wds-icons-error-small.svg';
+
+/** @component */
+export default props => <IconErrorSmall {...props} />;
diff --git a/source/icons/IconExploreTiny/index.js b/source/icons/IconExploreTiny/index.js
index 30360fba..20b366ca 100644
--- a/source/icons/IconExploreTiny/index.js
+++ b/source/icons/IconExploreTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-explore-tiny.svg';
+import React from 'react';
+import IconExploreTiny from 'design-system/dist/svg/wds-icons-explore-tiny.svg';
+
+/** @component */
+export default props => <IconExploreTiny {...props} />;
diff --git a/source/icons/IconExternalLink/index.js b/source/icons/IconExternalLink/index.js
index 05295def..2b7453d6 100644
--- a/source/icons/IconExternalLink/index.js
+++ b/source/icons/IconExternalLink/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-external-link.svg';
+import React from 'react';
+import IconExternalLink from 'design-system/dist/svg/wds-icons-external-link.svg';
+
+/** @component */
+export default props => <IconExternalLink {...props} />;
diff --git a/source/icons/IconEye/index.js b/source/icons/IconEye/index.js
index cdbb48ce..dcff1e1f 100644
--- a/source/icons/IconEye/index.js
+++ b/source/icons/IconEye/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-eye.svg';
+import React from 'react';
+import IconEye from 'design-system/dist/svg/wds-icons-eye.svg';
+
+/** @component */
+export default props => <IconEye {...props} />;
diff --git a/source/icons/IconEyeCrossed/index.js b/source/icons/IconEyeCrossed/index.js
index c9d1f945..79554d2c 100644
--- a/source/icons/IconEyeCrossed/index.js
+++ b/source/icons/IconEyeCrossed/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-eye-crossed.svg';
+import React from 'react';
+import IconEyeCrossed from 'design-system/dist/svg/wds-icons-eye-crossed.svg';
+
+/** @component */
+export default props => <IconEyeCrossed {...props} />;
diff --git a/source/icons/IconEyeCrossedSmall/index.js b/source/icons/IconEyeCrossedSmall/index.js
index 7bf5474b..e756c7ed 100644
--- a/source/icons/IconEyeCrossedSmall/index.js
+++ b/source/icons/IconEyeCrossedSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-eye-crossed-small.svg';
+import React from 'react';
+import IconEyeCrossedSmall from 'design-system/dist/svg/wds-icons-eye-crossed-small.svg';
+
+/** @component */
+export default props => <IconEyeCrossedSmall {...props} />;
diff --git a/source/icons/IconEyeSmall/index.js b/source/icons/IconEyeSmall/index.js
index 74af5ff1..0d911a99 100644
--- a/source/icons/IconEyeSmall/index.js
+++ b/source/icons/IconEyeSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-eye-small.svg';
+import React from 'react';
+import IconEyeSmall from 'design-system/dist/svg/wds-icons-eye-small.svg';
+
+/** @component */
+export default props => <IconEyeSmall {...props} />;
diff --git a/source/icons/IconFacebook/index.js b/source/icons/IconFacebook/index.js
index e70a8fb4..b0738271 100644
--- a/source/icons/IconFacebook/index.js
+++ b/source/icons/IconFacebook/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-facebook.svg';
+import React from 'react';
+import IconFacebook from 'design-system/dist/svg/wds-icons-facebook.svg';
+
+/** @component */
+export default props => <IconFacebook {...props} />;
diff --git a/source/icons/IconFandomHeart/index.js b/source/icons/IconFandomHeart/index.js
index 8900f7c2..1c6d2566 100644
--- a/source/icons/IconFandomHeart/index.js
+++ b/source/icons/IconFandomHeart/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fandom-heart.svg';
+import React from 'react';
+import IconFandomHeart from 'design-system/dist/svg/wds-icons-fandom-heart.svg';
+
+/** @component */
+export default props => <IconFandomHeart {...props} />;
diff --git a/source/icons/IconFandomHeartSmall/index.js b/source/icons/IconFandomHeartSmall/index.js
index 3da54d80..87f7e224 100644
--- a/source/icons/IconFandomHeartSmall/index.js
+++ b/source/icons/IconFandomHeartSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fandom-heart-small.svg';
+import React from 'react';
+import IconFandomHeartSmall from 'design-system/dist/svg/wds-icons-fandom-heart-small.svg';
+
+/** @component */
+export default props => <IconFandomHeartSmall {...props} />;
diff --git a/source/icons/IconFlag/index.js b/source/icons/IconFlag/index.js
index 845956f2..4572d374 100644
--- a/source/icons/IconFlag/index.js
+++ b/source/icons/IconFlag/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-flag.svg';
+import React from 'react';
+import IconFlag from 'design-system/dist/svg/wds-icons-flag.svg';
+
+/** @component */
+export default props => <IconFlag {...props} />;
diff --git a/source/icons/IconFlagSmall/index.js b/source/icons/IconFlagSmall/index.js
index 196d6440..f41c8717 100644
--- a/source/icons/IconFlagSmall/index.js
+++ b/source/icons/IconFlagSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-flag-small.svg';
+import React from 'react';
+import IconFlagSmall from 'design-system/dist/svg/wds-icons-flag-small.svg';
+
+/** @component */
+export default props => <IconFlagSmall {...props} />;
diff --git a/source/icons/IconFullscreen/index.js b/source/icons/IconFullscreen/index.js
index c5ad9a44..6fb0a233 100644
--- a/source/icons/IconFullscreen/index.js
+++ b/source/icons/IconFullscreen/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fullscreen.svg';
+import React from 'react';
+import IconFullscreen from 'design-system/dist/svg/wds-icons-fullscreen.svg';
+
+/** @component */
+export default props => <IconFullscreen {...props} />;
diff --git a/source/icons/IconFullscreenOff/index.js b/source/icons/IconFullscreenOff/index.js
index bbbcb319..b6b57418 100644
--- a/source/icons/IconFullscreenOff/index.js
+++ b/source/icons/IconFullscreenOff/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fullscreen-off.svg';
+import React from 'react';
+import IconFullscreenOff from 'design-system/dist/svg/wds-icons-fullscreen-off.svg';
+
+/** @component */
+export default props => <IconFullscreenOff {...props} />;
diff --git a/source/icons/IconFullscreenOffSmall/index.js b/source/icons/IconFullscreenOffSmall/index.js
index 4742c1f1..34bab473 100644
--- a/source/icons/IconFullscreenOffSmall/index.js
+++ b/source/icons/IconFullscreenOffSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fullscreen-off-small.svg';
+import React from 'react';
+import IconFullscreenOffSmall from 'design-system/dist/svg/wds-icons-fullscreen-off-small.svg';
+
+/** @component */
+export default props => <IconFullscreenOffSmall {...props} />;
diff --git a/source/icons/IconFullscreenSmall/index.js b/source/icons/IconFullscreenSmall/index.js
index 5c0e075c..296e59b7 100644
--- a/source/icons/IconFullscreenSmall/index.js
+++ b/source/icons/IconFullscreenSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-fullscreen-small.svg';
+import React from 'react';
+import IconFullscreenSmall from 'design-system/dist/svg/wds-icons-fullscreen-small.svg';
+
+/** @component */
+export default props => <IconFullscreenSmall {...props} />;
diff --git a/source/icons/IconGear/index.js b/source/icons/IconGear/index.js
index 71abf717..06f3b4ff 100644
--- a/source/icons/IconGear/index.js
+++ b/source/icons/IconGear/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-gear.svg';
+import React from 'react';
+import IconGear from 'design-system/dist/svg/wds-icons-gear.svg';
+
+/** @component */
+export default props => <IconGear {...props} />;
diff --git a/source/icons/IconGearSmall/index.js b/source/icons/IconGearSmall/index.js
index bc8c0c53..f462595b 100644
--- a/source/icons/IconGearSmall/index.js
+++ b/source/icons/IconGearSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-gear-small.svg';
+import React from 'react';
+import IconGearSmall from 'design-system/dist/svg/wds-icons-gear-small.svg';
+
+/** @component */
+export default props => <IconGearSmall {...props} />;
diff --git a/source/icons/IconGift/index.js b/source/icons/IconGift/index.js
index 1db5b518..11886051 100644
--- a/source/icons/IconGift/index.js
+++ b/source/icons/IconGift/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-gift.svg';
+import React from 'react';
+import IconGift from 'design-system/dist/svg/wds-icons-gift.svg';
+
+/** @component */
+export default props => <IconGift {...props} />;
diff --git a/source/icons/IconGoogleplus/index.js b/source/icons/IconGoogleplus/index.js
index 63fa1e09..538e5e28 100644
--- a/source/icons/IconGoogleplus/index.js
+++ b/source/icons/IconGoogleplus/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-googleplus.svg';
+import React from 'react';
+import IconGoogleplus from 'design-system/dist/svg/wds-icons-googleplus.svg';
+
+/** @component */
+export default props => <IconGoogleplus {...props} />;
diff --git a/source/icons/IconGrid/index.js b/source/icons/IconGrid/index.js
index bcf128b8..b01f3318 100644
--- a/source/icons/IconGrid/index.js
+++ b/source/icons/IconGrid/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-grid.svg';
+import React from 'react';
+import IconGrid from 'design-system/dist/svg/wds-icons-grid.svg';
+
+/** @component */
+export default props => <IconGrid {...props} />;
diff --git a/source/icons/IconGridSmall/index.js b/source/icons/IconGridSmall/index.js
index 12ef5f0a..620e8197 100644
--- a/source/icons/IconGridSmall/index.js
+++ b/source/icons/IconGridSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-grid-small.svg';
+import React from 'react';
+import IconGridSmall from 'design-system/dist/svg/wds-icons-grid-small.svg';
+
+/** @component */
+export default props => <IconGridSmall {...props} />;
diff --git a/source/icons/IconGridTiny/index.js b/source/icons/IconGridTiny/index.js
index 0aab57d5..3b258aa1 100644
--- a/source/icons/IconGridTiny/index.js
+++ b/source/icons/IconGridTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-grid-tiny.svg';
+import React from 'react';
+import IconGridTiny from 'design-system/dist/svg/wds-icons-grid-tiny.svg';
+
+/** @component */
+export default props => <IconGridTiny {...props} />;
diff --git a/source/icons/IconHelp/index.js b/source/icons/IconHelp/index.js
index 68de7678..71708713 100644
--- a/source/icons/IconHelp/index.js
+++ b/source/icons/IconHelp/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-help.svg';
+import React from 'react';
+import IconHelp from 'design-system/dist/svg/wds-icons-help.svg';
+
+/** @component */
+export default props => <IconHelp {...props} />;
diff --git a/source/icons/IconHourglass/index.js b/source/icons/IconHourglass/index.js
index 791f4eb8..9f8ed47f 100644
--- a/source/icons/IconHourglass/index.js
+++ b/source/icons/IconHourglass/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-hourglass.svg';
+import React from 'react';
+import IconHourglass from 'design-system/dist/svg/wds-icons-hourglass.svg';
+
+/** @component */
+export default props => <IconHourglass {...props} />;
diff --git a/source/icons/IconHouse/index.js b/source/icons/IconHouse/index.js
index 84048a3a..fc9d1ec0 100644
--- a/source/icons/IconHouse/index.js
+++ b/source/icons/IconHouse/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-house.svg';
+import React from 'react';
+import IconHouse from 'design-system/dist/svg/wds-icons-house.svg';
+
+/** @component */
+export default props => <IconHouse {...props} />;
diff --git a/source/icons/IconHouseSmall/index.js b/source/icons/IconHouseSmall/index.js
index a13af71a..9e80f374 100644
--- a/source/icons/IconHouseSmall/index.js
+++ b/source/icons/IconHouseSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-house-small.svg';
+import React from 'react';
+import IconHouseSmall from 'design-system/dist/svg/wds-icons-house-small.svg';
+
+/** @component */
+export default props => <IconHouseSmall {...props} />;
diff --git a/source/icons/IconImage/index.js b/source/icons/IconImage/index.js
index 7424547a..4fb20a9e 100644
--- a/source/icons/IconImage/index.js
+++ b/source/icons/IconImage/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-image.svg';
+import React from 'react';
+import IconImage from 'design-system/dist/svg/wds-icons-image.svg';
+
+/** @component */
+export default props => <IconImage {...props} />;
diff --git a/source/icons/IconImageAdd/index.js b/source/icons/IconImageAdd/index.js
index 507b59a1..edabf62d 100644
--- a/source/icons/IconImageAdd/index.js
+++ b/source/icons/IconImageAdd/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-image-add.svg';
+import React from 'react';
+import IconImageAdd from 'design-system/dist/svg/wds-icons-image-add.svg';
+
+/** @component */
+export default props => <IconImageAdd {...props} />;
diff --git a/source/icons/IconImageRemove/index.js b/source/icons/IconImageRemove/index.js
index d1e7f149..f24f213f 100644
--- a/source/icons/IconImageRemove/index.js
+++ b/source/icons/IconImageRemove/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-image-remove.svg';
+import React from 'react';
+import IconImageRemove from 'design-system/dist/svg/wds-icons-image-remove.svg';
+
+/** @component */
+export default props => <IconImageRemove {...props} />;
diff --git a/source/icons/IconImageSmall/index.js b/source/icons/IconImageSmall/index.js
index fd6555cc..00f23b3d 100644
--- a/source/icons/IconImageSmall/index.js
+++ b/source/icons/IconImageSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-image-small.svg';
+import React from 'react';
+import IconImageSmall from 'design-system/dist/svg/wds-icons-image-small.svg';
+
+/** @component */
+export default props => <IconImageSmall {...props} />;
diff --git a/source/icons/IconImageTiny/index.js b/source/icons/IconImageTiny/index.js
index 3812f160..91e98af1 100644
--- a/source/icons/IconImageTiny/index.js
+++ b/source/icons/IconImageTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-image-tiny.svg';
+import React from 'react';
+import IconImageTiny from 'design-system/dist/svg/wds-icons-image-tiny.svg';
+
+/** @component */
+export default props => <IconImageTiny {...props} />;
diff --git a/source/icons/IconInformation/index.js b/source/icons/IconInformation/index.js
index 272c62bb..17f50f4c 100644
--- a/source/icons/IconInformation/index.js
+++ b/source/icons/IconInformation/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-information.svg';
+import React from 'react';
+import IconInformation from 'design-system/dist/svg/wds-icons-information.svg';
+
+/** @component */
+export default props => <IconInformation {...props} />;
diff --git a/source/icons/IconInstagram/index.js b/source/icons/IconInstagram/index.js
index 41462869..ab30580f 100644
--- a/source/icons/IconInstagram/index.js
+++ b/source/icons/IconInstagram/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-instagram.svg';
+import React from 'react';
+import IconInstagram from 'design-system/dist/svg/wds-icons-instagram.svg';
+
+/** @component */
+export default props => <IconInstagram {...props} />;
diff --git a/source/icons/IconItalics/index.js b/source/icons/IconItalics/index.js
index 463ee006..6d0483c7 100644
--- a/source/icons/IconItalics/index.js
+++ b/source/icons/IconItalics/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-italics.svg';
+import React from 'react';
+import IconItalics from 'design-system/dist/svg/wds-icons-italics.svg';
+
+/** @component */
+export default props => <IconItalics {...props} />;
diff --git a/source/icons/IconItalicsSmall/index.js b/source/icons/IconItalicsSmall/index.js
index 57371b21..b556a170 100644
--- a/source/icons/IconItalicsSmall/index.js
+++ b/source/icons/IconItalicsSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-italics-small.svg';
+import React from 'react';
+import IconItalicsSmall from 'design-system/dist/svg/wds-icons-italics-small.svg';
+
+/** @component */
+export default props => <IconItalicsSmall {...props} />;
diff --git a/source/icons/IconLine/index.js b/source/icons/IconLine/index.js
index a4dc0afd..7fc45763 100644
--- a/source/icons/IconLine/index.js
+++ b/source/icons/IconLine/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-line.svg';
+import React from 'react';
+import IconLine from 'design-system/dist/svg/wds-icons-line.svg';
+
+/** @component */
+export default props => <IconLine {...props} />;
diff --git a/source/icons/IconLink/index.js b/source/icons/IconLink/index.js
index d624aae0..d0522eda 100644
--- a/source/icons/IconLink/index.js
+++ b/source/icons/IconLink/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-link.svg';
+import React from 'react';
+import IconLink from 'design-system/dist/svg/wds-icons-link.svg';
+
+/** @component */
+export default props => <IconLink {...props} />;
diff --git a/source/icons/IconLinkedin/index.js b/source/icons/IconLinkedin/index.js
index f1843301..a1fef04a 100644
--- a/source/icons/IconLinkedin/index.js
+++ b/source/icons/IconLinkedin/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-linkedin.svg';
+import React from 'react';
+import IconLinkedin from 'design-system/dist/svg/wds-icons-linkedin.svg';
+
+/** @component */
+export default props => <IconLinkedin {...props} />;
diff --git a/source/icons/IconLoading/index.js b/source/icons/IconLoading/index.js
index fc710993..8780f5c8 100644
--- a/source/icons/IconLoading/index.js
+++ b/source/icons/IconLoading/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-loading.svg';
+import React from 'react';
+import IconLoading from 'design-system/dist/svg/wds-icons-loading.svg';
+
+/** @component */
+export default props => <IconLoading {...props} />;
diff --git a/source/icons/IconLock/index.js b/source/icons/IconLock/index.js
index c0bd0245..10634e3e 100644
--- a/source/icons/IconLock/index.js
+++ b/source/icons/IconLock/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-lock.svg';
+import React from 'react';
+import IconLock from 'design-system/dist/svg/wds-icons-lock.svg';
+
+/** @component */
+export default props => <IconLock {...props} />;
diff --git a/source/icons/IconLockSmall/index.js b/source/icons/IconLockSmall/index.js
index 51d58396..877530e0 100644
--- a/source/icons/IconLockSmall/index.js
+++ b/source/icons/IconLockSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-lock-small.svg';
+import React from 'react';
+import IconLockSmall from 'design-system/dist/svg/wds-icons-lock-small.svg';
+
+/** @component */
+export default props => <IconLockSmall {...props} />;
diff --git a/source/icons/IconMagnifyingGlass/index.js b/source/icons/IconMagnifyingGlass/index.js
index e7c08156..a004b6b8 100644
--- a/source/icons/IconMagnifyingGlass/index.js
+++ b/source/icons/IconMagnifyingGlass/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-magnifying-glass.svg';
+import React from 'react';
+import IconMagnifyingGlass from 'design-system/dist/svg/wds-icons-magnifying-glass.svg';
+
+/** @component */
+export default props => <IconMagnifyingGlass {...props} />;
diff --git a/source/icons/IconMagnifyingGlassSmall/index.js b/source/icons/IconMagnifyingGlassSmall/index.js
index 14790dea..02e62952 100644
--- a/source/icons/IconMagnifyingGlassSmall/index.js
+++ b/source/icons/IconMagnifyingGlassSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-magnifying-glass-small.svg';
+import React from 'react';
+import IconMagnifyingGlassSmall from 'design-system/dist/svg/wds-icons-magnifying-glass-small.svg';
+
+/** @component */
+export default props => <IconMagnifyingGlassSmall {...props} />;
diff --git a/source/icons/IconMagnifyingGlassTiny/index.js b/source/icons/IconMagnifyingGlassTiny/index.js
index 62c5546e..e89caf57 100644
--- a/source/icons/IconMagnifyingGlassTiny/index.js
+++ b/source/icons/IconMagnifyingGlassTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-magnifying-glass-tiny.svg';
+import React from 'react';
+import IconMagnifyingGlassTiny from 'design-system/dist/svg/wds-icons-magnifying-glass-tiny.svg';
+
+/** @component */
+export default props => <IconMagnifyingGlassTiny {...props} />;
diff --git a/source/icons/IconMail/index.js b/source/icons/IconMail/index.js
index e8296970..73a08560 100644
--- a/source/icons/IconMail/index.js
+++ b/source/icons/IconMail/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-mail.svg';
+import React from 'react';
+import IconMail from 'design-system/dist/svg/wds-icons-mail.svg';
+
+/** @component */
+export default props => <IconMail {...props} />;
diff --git a/source/icons/IconMap/index.js b/source/icons/IconMap/index.js
index eeaed49c..4476d326 100644
--- a/source/icons/IconMap/index.js
+++ b/source/icons/IconMap/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-map.svg';
+import React from 'react';
+import IconMap from 'design-system/dist/svg/wds-icons-map.svg';
+
+/** @component */
+export default props => <IconMap {...props} />;
diff --git a/source/icons/IconMegaphone/index.js b/source/icons/IconMegaphone/index.js
index ac6c5a5c..0ddd7873 100644
--- a/source/icons/IconMegaphone/index.js
+++ b/source/icons/IconMegaphone/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-megaphone.svg';
+import React from 'react';
+import IconMegaphone from 'design-system/dist/svg/wds-icons-megaphone.svg';
+
+/** @component */
+export default props => <IconMegaphone {...props} />;
diff --git a/source/icons/IconMeneame/index.js b/source/icons/IconMeneame/index.js
index 55ed10ad..fbbdfcce 100644
--- a/source/icons/IconMeneame/index.js
+++ b/source/icons/IconMeneame/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-meneame.svg';
+import React from 'react';
+import IconMeneame from 'design-system/dist/svg/wds-icons-meneame.svg';
+
+/** @component */
+export default props => <IconMeneame {...props} />;
diff --git a/source/icons/IconMenu/index.js b/source/icons/IconMenu/index.js
index 610ddfee..720ebf1c 100644
--- a/source/icons/IconMenu/index.js
+++ b/source/icons/IconMenu/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu.svg';
+import React from 'react';
+import IconMenu from 'design-system/dist/svg/wds-icons-menu.svg';
+
+/** @component */
+export default props => <IconMenu {...props} />;
diff --git a/source/icons/IconMenuControl/index.js b/source/icons/IconMenuControl/index.js
index ef489398..17521079 100644
--- a/source/icons/IconMenuControl/index.js
+++ b/source/icons/IconMenuControl/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu-control.svg';
+import React from 'react';
+import IconMenuControl from 'design-system/dist/svg/wds-icons-menu-control.svg';
+
+/** @component */
+export default props => <IconMenuControl {...props} />;
diff --git a/source/icons/IconMenuControlSmall/index.js b/source/icons/IconMenuControlSmall/index.js
index 36160d5a..2a9c1fb4 100644
--- a/source/icons/IconMenuControlSmall/index.js
+++ b/source/icons/IconMenuControlSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu-control-small.svg';
+import React from 'react';
+import IconMenuControlSmall from 'design-system/dist/svg/wds-icons-menu-control-small.svg';
+
+/** @component */
+export default props => <IconMenuControlSmall {...props} />;
diff --git a/source/icons/IconMenuControlTiny/index.js b/source/icons/IconMenuControlTiny/index.js
index f88e87bd..805abb21 100644
--- a/source/icons/IconMenuControlTiny/index.js
+++ b/source/icons/IconMenuControlTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu-control-tiny.svg';
+import React from 'react';
+import IconMenuControlTiny from 'design-system/dist/svg/wds-icons-menu-control-tiny.svg';
+
+/** @component */
+export default props => <IconMenuControlTiny {...props} />;
diff --git a/source/icons/IconMenuSmall/index.js b/source/icons/IconMenuSmall/index.js
index e48388de..5e017948 100644
--- a/source/icons/IconMenuSmall/index.js
+++ b/source/icons/IconMenuSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu-small.svg';
+import React from 'react';
+import IconMenuSmall from 'design-system/dist/svg/wds-icons-menu-small.svg';
+
+/** @component */
+export default props => <IconMenuSmall {...props} />;
diff --git a/source/icons/IconMenuTiny/index.js b/source/icons/IconMenuTiny/index.js
index 13c18b53..7d17989f 100644
--- a/source/icons/IconMenuTiny/index.js
+++ b/source/icons/IconMenuTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-menu-tiny.svg';
+import React from 'react';
+import IconMenuTiny from 'design-system/dist/svg/wds-icons-menu-tiny.svg';
+
+/** @component */
+export default props => <IconMenuTiny {...props} />;
diff --git a/source/icons/IconMore/index.js b/source/icons/IconMore/index.js
index 6edaa45e..50ed4dbd 100644
--- a/source/icons/IconMore/index.js
+++ b/source/icons/IconMore/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-more.svg';
+import React from 'react';
+import IconMore from 'design-system/dist/svg/wds-icons-more.svg';
+
+/** @component */
+export default props => <IconMore {...props} />;
diff --git a/source/icons/IconNk/index.js b/source/icons/IconNk/index.js
index 3595de2e..05083cf6 100644
--- a/source/icons/IconNk/index.js
+++ b/source/icons/IconNk/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-nk.svg';
+import React from 'react';
+import IconNk from 'design-system/dist/svg/wds-icons-nk.svg';
+
+/** @component */
+export default props => <IconNk {...props} />;
diff --git a/source/icons/IconNote/index.js b/source/icons/IconNote/index.js
index 06814b92..66994baf 100644
--- a/source/icons/IconNote/index.js
+++ b/source/icons/IconNote/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-note.svg';
+import React from 'react';
+import IconNote from 'design-system/dist/svg/wds-icons-note.svg';
+
+/** @component */
+export default props => <IconNote {...props} />;
diff --git a/source/icons/IconNumberedList/index.js b/source/icons/IconNumberedList/index.js
index 7e760c89..52722222 100644
--- a/source/icons/IconNumberedList/index.js
+++ b/source/icons/IconNumberedList/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-numbered-list.svg';
+import React from 'react';
+import IconNumberedList from 'design-system/dist/svg/wds-icons-numbered-list.svg';
+
+/** @component */
+export default props => <IconNumberedList {...props} />;
diff --git a/source/icons/IconNumberedListSmall/index.js b/source/icons/IconNumberedListSmall/index.js
index 162b6aa3..722dd8b9 100644
--- a/source/icons/IconNumberedListSmall/index.js
+++ b/source/icons/IconNumberedListSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-numbered-list-small.svg';
+import React from 'react';
+import IconNumberedListSmall from 'design-system/dist/svg/wds-icons-numbered-list-small.svg';
+
+/** @component */
+export default props => <IconNumberedListSmall {...props} />;
diff --git a/source/icons/IconOdnoklassniki/index.js b/source/icons/IconOdnoklassniki/index.js
index 584ff33e..2c7c0652 100644
--- a/source/icons/IconOdnoklassniki/index.js
+++ b/source/icons/IconOdnoklassniki/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-odnoklassniki.svg';
+import React from 'react';
+import IconOdnoklassniki from 'design-system/dist/svg/wds-icons-odnoklassniki.svg';
+
+/** @component */
+export default props => <IconOdnoklassniki {...props} />;
diff --git a/source/icons/IconOutArrowTiny/index.js b/source/icons/IconOutArrowTiny/index.js
index e155a08a..9291c230 100644
--- a/source/icons/IconOutArrowTiny/index.js
+++ b/source/icons/IconOutArrowTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-out-arrow-tiny.svg';
+import React from 'react';
+import IconOutArrowTiny from 'design-system/dist/svg/wds-icons-out-arrow-tiny.svg';
+
+/** @component */
+export default props => <IconOutArrowTiny {...props} />;
diff --git a/source/icons/IconPages/index.js b/source/icons/IconPages/index.js
index 3c4dcde6..e74a3e53 100644
--- a/source/icons/IconPages/index.js
+++ b/source/icons/IconPages/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pages.svg';
+import React from 'react';
+import IconPages from 'design-system/dist/svg/wds-icons-pages.svg';
+
+/** @component */
+export default props => <IconPages {...props} />;
diff --git a/source/icons/IconPagesSmall/index.js b/source/icons/IconPagesSmall/index.js
index 5df41a5f..d4466a69 100644
--- a/source/icons/IconPagesSmall/index.js
+++ b/source/icons/IconPagesSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pages-small.svg';
+import React from 'react';
+import IconPagesSmall from 'design-system/dist/svg/wds-icons-pages-small.svg';
+
+/** @component */
+export default props => <IconPagesSmall {...props} />;
diff --git a/source/icons/IconParagraph/index.js b/source/icons/IconParagraph/index.js
index eb43862b..732f4348 100644
--- a/source/icons/IconParagraph/index.js
+++ b/source/icons/IconParagraph/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-paragraph.svg';
+import React from 'react';
+import IconParagraph from 'design-system/dist/svg/wds-icons-paragraph.svg';
+
+/** @component */
+export default props => <IconParagraph {...props} />;
diff --git a/source/icons/IconPause/index.js b/source/icons/IconPause/index.js
index 0d950541..77d87b49 100644
--- a/source/icons/IconPause/index.js
+++ b/source/icons/IconPause/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pause.svg';
+import React from 'react';
+import IconPause from 'design-system/dist/svg/wds-icons-pause.svg';
+
+/** @component */
+export default props => <IconPause {...props} />;
diff --git a/source/icons/IconPauseSmall/index.js b/source/icons/IconPauseSmall/index.js
index 02698bd6..5498d425 100644
--- a/source/icons/IconPauseSmall/index.js
+++ b/source/icons/IconPauseSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pause-small.svg';
+import React from 'react';
+import IconPauseSmall from 'design-system/dist/svg/wds-icons-pause-small.svg';
+
+/** @component */
+export default props => <IconPauseSmall {...props} />;
diff --git a/source/icons/IconPencil/index.js b/source/icons/IconPencil/index.js
index af9d1b65..fac7b735 100644
--- a/source/icons/IconPencil/index.js
+++ b/source/icons/IconPencil/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pencil.svg';
+import React from 'react';
+import IconPencil from 'design-system/dist/svg/wds-icons-pencil.svg';
+
+/** @component */
+export default props => <IconPencil {...props} />;
diff --git a/source/icons/IconPencilSmall/index.js b/source/icons/IconPencilSmall/index.js
index 7250868f..da24a26e 100644
--- a/source/icons/IconPencilSmall/index.js
+++ b/source/icons/IconPencilSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pencil-small.svg';
+import React from 'react';
+import IconPencilSmall from 'design-system/dist/svg/wds-icons-pencil-small.svg';
+
+/** @component */
+export default props => <IconPencilSmall {...props} />;
diff --git a/source/icons/IconPinSmall/index.js b/source/icons/IconPinSmall/index.js
index bfbaefa1..9ec69d73 100644
--- a/source/icons/IconPinSmall/index.js
+++ b/source/icons/IconPinSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-pin-small.svg';
+import React from 'react';
+import IconPinSmall from 'design-system/dist/svg/wds-icons-pin-small.svg';
+
+/** @component */
+export default props => <IconPinSmall {...props} />;
diff --git a/source/icons/IconPlay/index.js b/source/icons/IconPlay/index.js
index ba727336..a29bfc58 100644
--- a/source/icons/IconPlay/index.js
+++ b/source/icons/IconPlay/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-play.svg';
+import React from 'react';
+import IconPlay from 'design-system/dist/svg/wds-icons-play.svg';
+
+/** @component */
+export default props => <IconPlay {...props} />;
diff --git a/source/icons/IconPlaySmall/index.js b/source/icons/IconPlaySmall/index.js
index 84ed4e2f..83907c96 100644
--- a/source/icons/IconPlaySmall/index.js
+++ b/source/icons/IconPlaySmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-play-small.svg';
+import React from 'react';
+import IconPlaySmall from 'design-system/dist/svg/wds-icons-play-small.svg';
+
+/** @component */
+export default props => <IconPlaySmall {...props} />;
diff --git a/source/icons/IconPlayTiny/index.js b/source/icons/IconPlayTiny/index.js
index 2363aa79..440d5c43 100644
--- a/source/icons/IconPlayTiny/index.js
+++ b/source/icons/IconPlayTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-play-tiny.svg';
+import React from 'react';
+import IconPlayTiny from 'design-system/dist/svg/wds-icons-play-tiny.svg';
+
+/** @component */
+export default props => <IconPlayTiny {...props} />;
diff --git a/source/icons/IconPlus/index.js b/source/icons/IconPlus/index.js
index 20f27f0b..288e2ab5 100644
--- a/source/icons/IconPlus/index.js
+++ b/source/icons/IconPlus/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-plus.svg';
+import React from 'react';
+import IconPlus from 'design-system/dist/svg/wds-icons-plus.svg';
+
+/** @component */
+export default props => <IconPlus {...props} />;
diff --git a/source/icons/IconPlusSmall/index.js b/source/icons/IconPlusSmall/index.js
index 197e3ded..36265a88 100644
--- a/source/icons/IconPlusSmall/index.js
+++ b/source/icons/IconPlusSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-plus-small.svg';
+import React from 'react';
+import IconPlusSmall from 'design-system/dist/svg/wds-icons-plus-small.svg';
+
+/** @component */
+export default props => <IconPlusSmall {...props} />;
diff --git a/source/icons/IconPlusTiny/index.js b/source/icons/IconPlusTiny/index.js
index 19a2e46e..85d9fb3a 100644
--- a/source/icons/IconPlusTiny/index.js
+++ b/source/icons/IconPlusTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-plus-tiny.svg';
+import React from 'react';
+import IconPlusTiny from 'design-system/dist/svg/wds-icons-plus-tiny.svg';
+
+/** @component */
+export default props => <IconPlusTiny {...props} />;
diff --git a/source/icons/IconQuestion/index.js b/source/icons/IconQuestion/index.js
index 85d08bfd..1c37c84d 100644
--- a/source/icons/IconQuestion/index.js
+++ b/source/icons/IconQuestion/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-question.svg';
+import React from 'react';
+import IconQuestion from 'design-system/dist/svg/wds-icons-question.svg';
+
+/** @component */
+export default props => <IconQuestion {...props} />;
diff --git a/source/icons/IconQuote/index.js b/source/icons/IconQuote/index.js
index 2b332413..58bc1280 100644
--- a/source/icons/IconQuote/index.js
+++ b/source/icons/IconQuote/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-quote.svg';
+import React from 'react';
+import IconQuote from 'design-system/dist/svg/wds-icons-quote.svg';
+
+/** @component */
+export default props => <IconQuote {...props} />;
diff --git a/source/icons/IconQuoteSmall/index.js b/source/icons/IconQuoteSmall/index.js
index d7e59e63..e108b274 100644
--- a/source/icons/IconQuoteSmall/index.js
+++ b/source/icons/IconQuoteSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-quote-small.svg';
+import React from 'react';
+import IconQuoteSmall from 'design-system/dist/svg/wds-icons-quote-small.svg';
+
+/** @component */
+export default props => <IconQuoteSmall {...props} />;
diff --git a/source/icons/IconQzone/index.js b/source/icons/IconQzone/index.js
index cf356361..8d03338b 100644
--- a/source/icons/IconQzone/index.js
+++ b/source/icons/IconQzone/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-qzone.svg';
+import React from 'react';
+import IconQzone from 'design-system/dist/svg/wds-icons-qzone.svg';
+
+/** @component */
+export default props => <IconQzone {...props} />;
diff --git a/source/icons/IconReddit/index.js b/source/icons/IconReddit/index.js
index b338a37f..8cd4399b 100644
--- a/source/icons/IconReddit/index.js
+++ b/source/icons/IconReddit/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reddit.svg';
+import React from 'react';
+import IconReddit from 'design-system/dist/svg/wds-icons-reddit.svg';
+
+/** @component */
+export default props => <IconReddit {...props} />;
diff --git a/source/icons/IconRefresh/index.js b/source/icons/IconRefresh/index.js
index 22e0dbe5..daff3221 100644
--- a/source/icons/IconRefresh/index.js
+++ b/source/icons/IconRefresh/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-refresh.svg';
+import React from 'react';
+import IconRefresh from 'design-system/dist/svg/wds-icons-refresh.svg';
+
+/** @component */
+export default props => <IconRefresh {...props} />;
diff --git a/source/icons/IconReply/index.js b/source/icons/IconReply/index.js
index 73b98bf7..6e4deeb0 100644
--- a/source/icons/IconReply/index.js
+++ b/source/icons/IconReply/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reply.svg';
+import React from 'react';
+import IconReply from 'design-system/dist/svg/wds-icons-reply.svg';
+
+/** @component */
+export default props => <IconReply {...props} />;
diff --git a/source/icons/IconReplyArrow/index.js b/source/icons/IconReplyArrow/index.js
index c7def0a7..4fa8101f 100644
--- a/source/icons/IconReplyArrow/index.js
+++ b/source/icons/IconReplyArrow/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reply-arrow.svg';
+import React from 'react';
+import IconReplyArrow from 'design-system/dist/svg/wds-icons-reply-arrow.svg';
+
+/** @component */
+export default props => <IconReplyArrow {...props} />;
diff --git a/source/icons/IconReplyArrowSmall/index.js b/source/icons/IconReplyArrowSmall/index.js
index b7a384b3..3ea7465d 100644
--- a/source/icons/IconReplyArrowSmall/index.js
+++ b/source/icons/IconReplyArrowSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reply-arrow-small.svg';
+import React from 'react';
+import IconReplyArrowSmall from 'design-system/dist/svg/wds-icons-reply-arrow-small.svg';
+
+/** @component */
+export default props => <IconReplyArrowSmall {...props} />;
diff --git a/source/icons/IconReplySmall/index.js b/source/icons/IconReplySmall/index.js
index 47fc2496..df5fed3e 100644
--- a/source/icons/IconReplySmall/index.js
+++ b/source/icons/IconReplySmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reply-small.svg';
+import React from 'react';
+import IconReplySmall from 'design-system/dist/svg/wds-icons-reply-small.svg';
+
+/** @component */
+export default props => <IconReplySmall {...props} />;
diff --git a/source/icons/IconReplyTiny/index.js b/source/icons/IconReplyTiny/index.js
index 467c9847..b1aafd2e 100644
--- a/source/icons/IconReplyTiny/index.js
+++ b/source/icons/IconReplyTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-reply-tiny.svg';
+import React from 'react';
+import IconReplyTiny from 'design-system/dist/svg/wds-icons-reply-tiny.svg';
+
+/** @component */
+export default props => <IconReplyTiny {...props} />;
diff --git a/source/icons/IconShare/index.js b/source/icons/IconShare/index.js
index 23a0071e..4d1d749a 100644
--- a/source/icons/IconShare/index.js
+++ b/source/icons/IconShare/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-share.svg';
+import React from 'react';
+import IconShare from 'design-system/dist/svg/wds-icons-share.svg';
+
+/** @component */
+export default props => <IconShare {...props} />;
diff --git a/source/icons/IconShareSmall/index.js b/source/icons/IconShareSmall/index.js
index ad0180a8..ce74c0c2 100644
--- a/source/icons/IconShareSmall/index.js
+++ b/source/icons/IconShareSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-share-small.svg';
+import React from 'react';
+import IconShareSmall from 'design-system/dist/svg/wds-icons-share-small.svg';
+
+/** @component */
+export default props => <IconShareSmall {...props} />;
diff --git a/source/icons/IconTagSmall/index.js b/source/icons/IconTagSmall/index.js
index 4c44ba14..985ff4bb 100644
--- a/source/icons/IconTagSmall/index.js
+++ b/source/icons/IconTagSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-tag-small.svg';
+import React from 'react';
+import IconTagSmall from 'design-system/dist/svg/wds-icons-tag-small.svg';
+
+/** @component */
+export default props => <IconTagSmall {...props} />;
diff --git a/source/icons/IconText/index.js b/source/icons/IconText/index.js
index 8790d5ac..34f8f607 100644
--- a/source/icons/IconText/index.js
+++ b/source/icons/IconText/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-text.svg';
+import React from 'react';
+import IconText from 'design-system/dist/svg/wds-icons-text.svg';
+
+/** @component */
+export default props => <IconText {...props} />;
diff --git a/source/icons/IconTextSmall/index.js b/source/icons/IconTextSmall/index.js
index 6f84f586..fd995cc6 100644
--- a/source/icons/IconTextSmall/index.js
+++ b/source/icons/IconTextSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-text-small.svg';
+import React from 'react';
+import IconTextSmall from 'design-system/dist/svg/wds-icons-text-small.svg';
+
+/** @component */
+export default props => <IconTextSmall {...props} />;
diff --git a/source/icons/IconTrash/index.js b/source/icons/IconTrash/index.js
index 1775bf17..b6a84318 100644
--- a/source/icons/IconTrash/index.js
+++ b/source/icons/IconTrash/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-trash.svg';
+import React from 'react';
+import IconTrash from 'design-system/dist/svg/wds-icons-trash.svg';
+
+/** @component */
+export default props => <IconTrash {...props} />;
diff --git a/source/icons/IconTrashOpen/index.js b/source/icons/IconTrashOpen/index.js
index 35951541..03d425ec 100644
--- a/source/icons/IconTrashOpen/index.js
+++ b/source/icons/IconTrashOpen/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-trash-open.svg';
+import React from 'react';
+import IconTrashOpen from 'design-system/dist/svg/wds-icons-trash-open.svg';
+
+/** @component */
+export default props => <IconTrashOpen {...props} />;
diff --git a/source/icons/IconTrashOpenSmall/index.js b/source/icons/IconTrashOpenSmall/index.js
index afb3f157..03abe0e8 100644
--- a/source/icons/IconTrashOpenSmall/index.js
+++ b/source/icons/IconTrashOpenSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-trash-open-small.svg';
+import React from 'react';
+import IconTrashOpenSmall from 'design-system/dist/svg/wds-icons-trash-open-small.svg';
+
+/** @component */
+export default props => <IconTrashOpenSmall {...props} />;
diff --git a/source/icons/IconTrashSmall/index.js b/source/icons/IconTrashSmall/index.js
index 99ed3363..92448f98 100644
--- a/source/icons/IconTrashSmall/index.js
+++ b/source/icons/IconTrashSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-trash-small.svg';
+import React from 'react';
+import IconTrashSmall from 'design-system/dist/svg/wds-icons-trash-small.svg';
+
+/** @component */
+export default props => <IconTrashSmall {...props} />;
diff --git a/source/icons/IconTumblr/index.js b/source/icons/IconTumblr/index.js
index f95c26a8..69a08110 100644
--- a/source/icons/IconTumblr/index.js
+++ b/source/icons/IconTumblr/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-tumblr.svg';
+import React from 'react';
+import IconTumblr from 'design-system/dist/svg/wds-icons-tumblr.svg';
+
+/** @component */
+export default props => <IconTumblr {...props} />;
diff --git a/source/icons/IconTwitter/index.js b/source/icons/IconTwitter/index.js
index f5ccd264..0b58ac79 100644
--- a/source/icons/IconTwitter/index.js
+++ b/source/icons/IconTwitter/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-twitter.svg';
+import React from 'react';
+import IconTwitter from 'design-system/dist/svg/wds-icons-twitter.svg';
+
+/** @component */
+export default props => <IconTwitter {...props} />;
diff --git a/source/icons/IconUndo/index.js b/source/icons/IconUndo/index.js
index f73a0901..0414f827 100644
--- a/source/icons/IconUndo/index.js
+++ b/source/icons/IconUndo/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-undo.svg';
+import React from 'react';
+import IconUndo from 'design-system/dist/svg/wds-icons-undo.svg';
+
+/** @component */
+export default props => <IconUndo {...props} />;
diff --git a/source/icons/IconUnlock/index.js b/source/icons/IconUnlock/index.js
index 4d77e9a6..a5b8c7a3 100644
--- a/source/icons/IconUnlock/index.js
+++ b/source/icons/IconUnlock/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-unlock.svg';
+import React from 'react';
+import IconUnlock from 'design-system/dist/svg/wds-icons-unlock.svg';
+
+/** @component */
+export default props => <IconUnlock {...props} />;
diff --git a/source/icons/IconUnlockSmall/index.js b/source/icons/IconUnlockSmall/index.js
index 3f6279e5..f35ca018 100644
--- a/source/icons/IconUnlockSmall/index.js
+++ b/source/icons/IconUnlockSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-unlock-small.svg';
+import React from 'react';
+import IconUnlockSmall from 'design-system/dist/svg/wds-icons-unlock-small.svg';
+
+/** @component */
+export default props => <IconUnlockSmall {...props} />;
diff --git a/source/icons/IconUpload/index.js b/source/icons/IconUpload/index.js
index 7f7053bf..f55f5c31 100644
--- a/source/icons/IconUpload/index.js
+++ b/source/icons/IconUpload/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-upload.svg';
+import React from 'react';
+import IconUpload from 'design-system/dist/svg/wds-icons-upload.svg';
+
+/** @component */
+export default props => <IconUpload {...props} />;
diff --git a/source/icons/IconUpvote/index.js b/source/icons/IconUpvote/index.js
index 9e54c7dd..64d07baa 100644
--- a/source/icons/IconUpvote/index.js
+++ b/source/icons/IconUpvote/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-upvote.svg';
+import React from 'react';
+import IconUpvote from 'design-system/dist/svg/wds-icons-upvote.svg';
+
+/** @component */
+export default props => <IconUpvote {...props} />;
diff --git a/source/icons/IconUpvoteReplyTiny/index.js b/source/icons/IconUpvoteReplyTiny/index.js
index febdf5d3..d8dace67 100644
--- a/source/icons/IconUpvoteReplyTiny/index.js
+++ b/source/icons/IconUpvoteReplyTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-upvote-reply-tiny.svg';
+import React from 'react';
+import IconUpvoteReplyTiny from 'design-system/dist/svg/wds-icons-upvote-reply-tiny.svg';
+
+/** @component */
+export default props => <IconUpvoteReplyTiny {...props} />;
diff --git a/source/icons/IconUpvoteSmall/index.js b/source/icons/IconUpvoteSmall/index.js
index 43c9ef48..84661f45 100644
--- a/source/icons/IconUpvoteSmall/index.js
+++ b/source/icons/IconUpvoteSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-upvote-small.svg';
+import React from 'react';
+import IconUpvoteSmall from 'design-system/dist/svg/wds-icons-upvote-small.svg';
+
+/** @component */
+export default props => <IconUpvoteSmall {...props} />;
diff --git a/source/icons/IconUpvoteTiny/index.js b/source/icons/IconUpvoteTiny/index.js
index 156de288..a8d3d3a2 100644
--- a/source/icons/IconUpvoteTiny/index.js
+++ b/source/icons/IconUpvoteTiny/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-upvote-tiny.svg';
+import React from 'react';
+import IconUpvoteTiny from 'design-system/dist/svg/wds-icons-upvote-tiny.svg';
+
+/** @component */
+export default props => <IconUpvoteTiny {...props} />;
diff --git a/source/icons/IconUser/index.js b/source/icons/IconUser/index.js
index 11bfafd6..4be026cd 100644
--- a/source/icons/IconUser/index.js
+++ b/source/icons/IconUser/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-user.svg';
+import React from 'react';
+import IconUser from 'design-system/dist/svg/wds-icons-user.svg';
+
+/** @component */
+export default props => <IconUser {...props} />;
diff --git a/source/icons/IconVideoCamera/index.js b/source/icons/IconVideoCamera/index.js
index 172b45b5..37869035 100644
--- a/source/icons/IconVideoCamera/index.js
+++ b/source/icons/IconVideoCamera/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-video-camera.svg';
+import React from 'react';
+import IconVideoCamera from 'design-system/dist/svg/wds-icons-video-camera.svg';
+
+/** @component */
+export default props => <IconVideoCamera {...props} />;
diff --git a/source/icons/IconVkontakte/index.js b/source/icons/IconVkontakte/index.js
index 0233230d..089f83bf 100644
--- a/source/icons/IconVkontakte/index.js
+++ b/source/icons/IconVkontakte/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-vkontakte.svg';
+import React from 'react';
+import IconVkontakte from 'design-system/dist/svg/wds-icons-vkontakte.svg';
+
+/** @component */
+export default props => <IconVkontakte {...props} />;
diff --git a/source/icons/IconVolume/index.js b/source/icons/IconVolume/index.js
index 9985ba17..e946f339 100644
--- a/source/icons/IconVolume/index.js
+++ b/source/icons/IconVolume/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-volume.svg';
+import React from 'react';
+import IconVolume from 'design-system/dist/svg/wds-icons-volume.svg';
+
+/** @component */
+export default props => <IconVolume {...props} />;
diff --git a/source/icons/IconVolumeOff/index.js b/source/icons/IconVolumeOff/index.js
index 5bb5070f..3c8c63e0 100644
--- a/source/icons/IconVolumeOff/index.js
+++ b/source/icons/IconVolumeOff/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-volume-off.svg';
+import React from 'react';
+import IconVolumeOff from 'design-system/dist/svg/wds-icons-volume-off.svg';
+
+/** @component */
+export default props => <IconVolumeOff {...props} />;
diff --git a/source/icons/IconVolumeOffSmall/index.js b/source/icons/IconVolumeOffSmall/index.js
index 60ffabdd..6968fca5 100644
--- a/source/icons/IconVolumeOffSmall/index.js
+++ b/source/icons/IconVolumeOffSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-volume-off-small.svg';
+import React from 'react';
+import IconVolumeOffSmall from 'design-system/dist/svg/wds-icons-volume-off-small.svg';
+
+/** @component */
+export default props => <IconVolumeOffSmall {...props} />;
diff --git a/source/icons/IconVolumeSmall/index.js b/source/icons/IconVolumeSmall/index.js
index 4259f75f..085cb8f2 100644
--- a/source/icons/IconVolumeSmall/index.js
+++ b/source/icons/IconVolumeSmall/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-volume-small.svg';
+import React from 'react';
+import IconVolumeSmall from 'design-system/dist/svg/wds-icons-volume-small.svg';
+
+/** @component */
+export default props => <IconVolumeSmall {...props} />;
diff --git a/source/icons/IconWeibo/index.js b/source/icons/IconWeibo/index.js
index f56fe583..8ec97e52 100644
--- a/source/icons/IconWeibo/index.js
+++ b/source/icons/IconWeibo/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-weibo.svg';
+import React from 'react';
+import IconWeibo from 'design-system/dist/svg/wds-icons-weibo.svg';
+
+/** @component */
+export default props => <IconWeibo {...props} />;
diff --git a/source/icons/IconWykop/index.js b/source/icons/IconWykop/index.js
index f58a6e92..830e33c4 100644
--- a/source/icons/IconWykop/index.js
+++ b/source/icons/IconWykop/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-wykop.svg';
+import React from 'react';
+import IconWykop from 'design-system/dist/svg/wds-icons-wykop.svg';
+
+/** @component */
+export default props => <IconWykop {...props} />;
diff --git a/source/icons/IconYoutube/index.js b/source/icons/IconYoutube/index.js
index 726c6a95..a84b1310 100644
--- a/source/icons/IconYoutube/index.js
+++ b/source/icons/IconYoutube/index.js
@@ -1,2 +1,6 @@
 // This file is generated automatically via extract-assets-from-ds.js
-export default from 'design-system/dist/svg/wds-icons-youtube.svg';
+import React from 'react';
+import IconYoutube from 'design-system/dist/svg/wds-icons-youtube.svg';
+
+/** @component */
+export default props => <IconYoutube {...props} />;
diff --git a/source/package.json b/source/package.json
index b35ec06d..ad61de31 100644
--- a/source/package.json
+++ b/source/package.json
@@ -76,7 +76,7 @@
     "react-dom": "^16.6.3",
     "react-redux": "^5.0.7",
     "react-select": "^2.1.1",
-    "react-styleguidist": "^7.3.8",
+    "react-styleguidist": "^8.0.0",
     "react-svg-loader": "^2.1.0",
     "react-test-renderer": "^16.6.3",
     "redux": "^4.0.0",
diff --git a/source/scripts/extract-assets-from-ds.js b/source/scripts/extract-assets-from-ds.js
index 5ac0610c..c5a70b81 100644
--- a/source/scripts/extract-assets-from-ds.js
+++ b/source/scripts/extract-assets-from-ds.js
@@ -106,7 +106,11 @@ function generateComponent(assetData) {
     const fromFile = assetData.from.replace(/^node_modules\//, '');
 
     const jsxTemplate = `// This file is generated automatically via extract-assets-from-ds.js
-export default from '${fromFile}';
+import React from 'react';
+import ${assetData.to} from '${fromFile}';
+
+/** @component */
+export default props => <${assetData.to} {...props} />;
 `;
     mkdirp.sync(outDirectory);
     fs.writeFileSync(`${outDirectory}/index.js`, jsxTemplate);
diff --git a/source/yarn.lock b/source/yarn.lock
index b46ae1e9..ac9122d4 100644
--- a/source/yarn.lock
+++ b/source/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35":
+"@babel/code-frame@7.0.0", "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
   integrity sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==
@@ -1223,6 +1223,11 @@ amdefine@>=0.0.4:
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
   integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
 
+ansi-colors@^3.0.0:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.3.tgz#57d35b8686e851e2cc04c403f1c00203976a1813"
+  integrity sha512-LEHHyuhlPY3TmuUYMh2oz89lTShfvgbmzaBcxve9t/9Wuy7Dwf4yoAKcND7KFT1HAQfqZ12qtc+DUrBMeKF9nw==
+
 ansi-escapes@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.1.0.tgz#f73207bb81207d75fd6c83f125af26eea378ca30"
@@ -1457,16 +1462,11 @@ ast-types@0.11.5:
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.5.tgz#9890825d660c03c28339f315e9fa0a360e31ec28"
   integrity sha512-oJjo+5e7/vEc2FBK8gUalV0pba4L3VdBIs2EKhOLHLcOd2FgQIVQN9xb0eZ9IjEWyAL7vq6fGJxOvVvdCHNyMw==
 
-ast-types@0.11.7:
+ast-types@0.11.7, ast-types@^0.11.6:
   version "0.11.7"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.7.tgz#f318bf44e339db6a320be0009ded64ec1471f46c"
   integrity sha512-2mP3TwtkY/aTv5X3ZsMpNAbOnyoC/aMJwJSoaELPkHId0nSQgFcnU4dRW3isxiz7+zBexk0ym3WNVjMiQBnJSw==
 
-ast-types@^0.11.5:
-  version "0.11.6"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.6.tgz#4e2266c2658829aef3b40cc33ad599c4e9eb89ef"
-  integrity sha512-nHiuV14upVGl7MWwFUYbzJ6YlfwWS084CU9EA8HajfYQjMSli5TQi3UTRygGF58LFWVkXxS1rbgRhROEqlQkXg==
-
 ast-types@^0.7.2:
   version "0.7.8"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.7.8.tgz#902d2e0d60d071bdcd46dc115e1809ed11c138a9"
@@ -1588,7 +1588,7 @@ axobject-query@^2.0.1:
   dependencies:
     ast-types-flow "0.0.7"
 
-babel-code-frame@6.26.0, babel-code-frame@^6.26.0:
+babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
   integrity sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=
@@ -2450,7 +2450,7 @@ boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-brace-expansion@^1.0.0, brace-expansion@^1.1.7:
+brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
   integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
@@ -2695,6 +2695,15 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
+browserslist@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.1.1.tgz#328eb4ff1215b12df6589e9ab82f8adaa4fc8cd6"
+  integrity sha512-VBorw+tgpOtZ1BYhrVSVTzTt/3+vSE3eFUh0N2GCFK1HffceOaf32YS/bs6WiFhjDAblAFrx85jMy3BG9fBK2Q==
+  dependencies:
+    caniuse-lite "^1.0.30000884"
+    electron-to-chromium "^1.3.62"
+    node-releases "^1.0.0-alpha.11"
+
 browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6:
   version "1.7.7"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
@@ -2957,6 +2966,11 @@ caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000805, caniuse-lite@^1.0.300008
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000885.tgz#e889e9f8e7e50e769f2a49634c932b8aee622984"
   integrity sha512-cXKbYwpxBLd7qHyej16JazPoUacqoVuDhvR61U7Fr5vSxMUiodzcYa1rQYRYfZ5GexV03vGZHd722vNPLjPJGQ==
 
+caniuse-lite@^1.0.30000884:
+  version "1.0.30000930"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000930.tgz#c238bab82bedb462bcbdc61d0334932dcc084d8a"
+  integrity sha512-KD+pw9DderBLB8CGqBzYyFWpnrPVOEjsjargU/CvkNyg60od3cxSPTcTeMPhxJhDbkQPWvOz5BAyBzNl/St9vg==
+
 caniuse-lite@^1.0.30000898, caniuse-lite@^1.0.30000899:
   version "1.0.30000909"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000909.tgz#697e8f447ca5f758e7c6cef39ec429ce18b908d3"
@@ -2984,7 +2998,16 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.3.tgz#f1cec43f332e2ea5a569fd46f9f5bde4e6102aff"
   integrity sha512-Jt9tIBkRc9POUof7QA/VwWd+58fKkEEfI+/t1/eOlxKM7ZhrczNzMFefge7Ai+39y1pR/pP6cI19guHy3FSLmw==
 
-chalk@1.1.3, chalk@^1.1.1, chalk@^1.1.3:
+chalk@2.4.1, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.1, chalk@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.1.tgz#18c49ab16a037b6eb0152cc83e3471338215b66e"
+  integrity sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
@@ -2995,15 +3018,6 @@ chalk@1.1.3, chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.1, chalk@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.1.tgz#18c49ab16a037b6eb0152cc83e3471338215b66e"
-  integrity sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
 character-entities-html4@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.2.tgz#c44fdde3ce66b52e8d321d6c1bf46101f0150610"
@@ -3024,11 +3038,6 @@ character-reference-invalid@^1.0.0:
   resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.2.tgz#21e421ad3d84055952dab4a43a04e73cd425d3ed"
   integrity sha512-7I/xceXfKyUJmSAn/jw8ve/9DyOP7XxufNYLI9Px7CmsKgEUaZLUTax6nZxGQtaoiZCjpu6cHPj20xC/vqRReQ==
 
-chardet@^0.4.0:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
-  integrity sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=
-
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
@@ -3312,11 +3321,6 @@ commander@~2.1.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.1.0.tgz#d121bbae860d9992a3d517ba96f56588e47c6781"
   integrity sha1-0SG7roYNmZKj1Re6lvVliOR8Z4E=
 
-commander@~2.13.0:
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
-  integrity sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==
-
 commander@~2.17.1:
   version "2.17.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
@@ -3477,7 +3481,7 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
-copy-webpack-plugin@^4.5.2:
+copy-webpack-plugin@^4.5.4:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-4.6.0.tgz#e7f40dd8a68477d405dd1b7a854aae324b158bae"
   integrity sha512-Y+SQCF+0NoWQryez2zXn5J5knmr9z/9qSQt7fbL78u83rxmigOy8X5+BFn8CFSuX+nKT8gpYwJX68ekqtQt6ZA==
@@ -3595,12 +3599,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-cross-spawn@5.1.0, cross-spawn@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
+cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
   dependencies:
-    lru-cache "^4.0.1"
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
     shebang-command "^1.2.0"
     which "^1.2.9"
 
@@ -3612,14 +3618,12 @@ cross-spawn@^3.0.0:
     lru-cache "^4.0.1"
     which "^1.2.9"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
+cross-spawn@^5.0.1:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
+  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
   dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
+    lru-cache "^4.0.1"
     shebang-command "^1.2.0"
     which "^1.2.9"
 
@@ -3655,19 +3659,17 @@ css-initials@^0.2.0:
   resolved "https://registry.yarnpkg.com/css-initials/-/css-initials-0.2.0.tgz#14c225bd8656255a6baee07231ef82fa55aacaa3"
   integrity sha512-t80yjg0pi4VAIc5itIqLh6M+ZlA+cB+gUXEQkDR09+ExTDwLMGfJ8YviBsGW+DklIrb2k9fwB75Io8ooWXDxxw==
 
-css-loader@^0.28.11:
-  version "0.28.11"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.11.tgz#c3f9864a700be2711bb5a2462b2389b1a392dab7"
-  integrity sha512-wovHgjAx8ZIMGSL8pTys7edA1ClmzxHeY6n/d97gg5odgsxEgKjULPR0viqyC+FWMCL9sfqoC/QCUBo62tLvPg==
+css-loader@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-1.0.1.tgz#6885bb5233b35ec47b006057da01cc640b6b79fe"
+  integrity sha512-+ZHAZm/yqvJ2kDtPne3uX0C+Vr3Zn5jFn2N4HywtS5ujwvsVkyg0VArEXpl3BgczDA8anieki1FIzhchX4yrDw==
   dependencies:
     babel-code-frame "^6.26.0"
     css-selector-tokenizer "^0.7.0"
-    cssnano "^3.10.0"
     icss-utils "^2.1.0"
     loader-utils "^1.0.2"
-    lodash.camelcase "^4.3.0"
-    object-assign "^4.1.1"
-    postcss "^5.0.6"
+    lodash "^4.17.11"
+    postcss "^6.0.23"
     postcss-modules-extract-imports "^1.2.0"
     postcss-modules-local-by-default "^1.2.0"
     postcss-modules-scope "^1.1.0"
@@ -3850,7 +3852,7 @@ debug@=3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@^3.0.0, debug@^3.1.0:
+debug@^3.0.0, debug@^3.1.0, debug@^3.2.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
   integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
@@ -3877,6 +3879,13 @@ decamelize@^1.1.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
+decamelize@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-2.0.0.tgz#656d7bbc8094c4c788ea53c5840908c9c7d063c7"
+  integrity sha512-Ikpp5scV3MSYxY39ymh45ZLEecsTdv/Xj2CaQfI8RLMuwi7XvjX9H/fhraiSuU+C5w5NTDu4ZU72xNiZnurBPg==
+  dependencies:
+    xregexp "4.0.0"
+
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
@@ -3897,6 +3906,14 @@ deep-is@~0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
+default-gateway@^2.6.0:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-2.7.2.tgz#b7ef339e5e024b045467af403d50348db4642d0f"
+  integrity sha512-lAc4i9QJR0YHSDFdzeBQKfZ1SRDG3hsJNEkrpcZa8QhBfidLAilT60BDEIVUUGqosFp425KOgB3uYqcnQrWafQ==
+  dependencies:
+    execa "^0.10.0"
+    ip-regex "^2.1.0"
+
 default-require-extensions@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
@@ -4009,7 +4026,7 @@ detect-newline@^2.1.0:
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
   integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
 
-detect-node@^2.0.3:
+detect-node@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
@@ -4206,6 +4223,11 @@ electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.47:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.67.tgz#5e8f3ffac89b4b0402c7e1a565be06f3a109abbc"
   integrity sha512-h3zEBLdHvsKfaXv1SHAtykJyNtwYFEKkrWGSFyW1BzGgPQ4ykAzD5Hd8C5MZGTAEhkCKmtyIwYUrapsI0xfKww==
 
+electron-to-chromium@^1.3.62:
+  version "1.3.106"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.106.tgz#672183160e783cb546cff83d9a98d5f69cd91874"
+  integrity sha512-eXX45p4q9CRxG0G8D3ZBZYSdN3DnrcZfrFvt6VUr1u7aKITEtRY/xwWzJ/UZcWXa7DMqPu/pYwuZ6Nm+bl0GmA==
+
 electron-to-chromium@^1.3.86:
   version "1.3.88"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.88.tgz#f36ab32634f49ef2b0fdc1e82e2d1cc17feb29e7"
@@ -4731,6 +4753,13 @@ eventsource@0.1.6:
   dependencies:
     original ">=0.0.5"
 
+eventsource@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-1.0.7.tgz#8fbc72c93fcd34088090bc0a4e64f4b5cee6d8d0"
+  integrity sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==
+  dependencies:
+    original "^1.0.0"
+
 evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
@@ -4886,15 +4915,6 @@ extend@^3.0.0, extend@~3.0.2:
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
-external-editor@^2.0.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
-  integrity sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==
-  dependencies:
-    chardet "^0.4.0"
-    iconv-lite "^0.4.17"
-    tmp "^0.0.33"
-
 external-editor@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.0.3.tgz#5866db29a97826dbe4bf3afd24070ead9ea43a27"
@@ -4981,7 +5001,7 @@ faye-websocket@^0.10.0:
   dependencies:
     websocket-driver ">=0.5.1"
 
-faye-websocket@~0.11.0:
+faye-websocket@~0.11.0, faye-websocket@~0.11.1:
   version "0.11.1"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.1.tgz#f0efe18c4f56e4f40afc7e06c719fd5ee6188f38"
   integrity sha1-8O/hjE9W5PQK/H4Gxxn9XuYYjzg=
@@ -5041,10 +5061,10 @@ fileset@^2.0.2:
     glob "^7.0.3"
     minimatch "^3.0.3"
 
-filesize@3.5.11:
-  version "3.5.11"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.5.11.tgz#1919326749433bb3cf77368bd158caabcc19e9ee"
-  integrity sha512-ZH7loueKBoDb7yG9esn1U+fgq7BzlzW6NRi5/rMdxIZ05dj7GFD/Xc5rq2CDt5Yq86CyfSYVyx4242QQNZbx1g==
+filesize@3.6.1:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
+  integrity sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==
 
 fill-range@^2.1.0:
   version "2.2.4"
@@ -5111,6 +5131,13 @@ find-root@^1.1.0:
   resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
   integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
 
+find-up@3.0.0, find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -5126,13 +5153,6 @@ find-up@^2.0.0, find-up@^2.1.0:
   dependencies:
     locate-path "^2.0.0"
 
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
 findup@^0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/findup/-/findup-0.1.5.tgz#8ad929a3393bac627957a7e5de4623b06b0e2ceb"
@@ -5507,6 +5527,19 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
+globby@8.0.1, globby@^8.0.0:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-8.0.1.tgz#b5ad48b8aa80b35b814fc1281ecc851f1d2b5b50"
+  integrity sha512-oMrYrJERnKBLXNLVTqhm3vPEdJ/b2ZE28xN4YARiix1NOIOBPEpOUnm844K1iu/BkphCaf2WNFwMszv8Soi1pw==
+  dependencies:
+    array-union "^1.0.1"
+    dir-glob "^2.0.0"
+    fast-glob "^2.0.2"
+    glob "^7.1.2"
+    ignore "^3.3.5"
+    pify "^3.0.0"
+    slash "^1.0.0"
+
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -5530,19 +5563,6 @@ globby@^7.0.0, globby@^7.1.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
-globby@^8.0.0:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-8.0.1.tgz#b5ad48b8aa80b35b814fc1281ecc851f1d2b5b50"
-  integrity sha512-oMrYrJERnKBLXNLVTqhm3vPEdJ/b2ZE28xN4YARiix1NOIOBPEpOUnm844K1iu/BkphCaf2WNFwMszv8Soi1pw==
-  dependencies:
-    array-union "^1.0.1"
-    dir-glob "^2.0.0"
-    fast-glob "^2.0.2"
-    glob "^7.1.2"
-    ignore "^3.3.5"
-    pify "^3.0.0"
-    slash "^1.0.0"
-
 globjoin@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
@@ -5591,17 +5611,18 @@ growly@^1.3.0:
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
-gzip-size@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-3.0.0.tgz#546188e9bdc337f673772f81660464b389dce520"
-  integrity sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA=
+gzip-size@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.0.0.tgz#a55ecd99222f4c48fd8c01c625ce3b349d0a0e80"
+  integrity sha512-5iI7omclyqrnWw4XbXAmGhPsABkSIDQonv2K0h61lybgofWa6iZyvrI3r2zsJH4P8Nb64fFVzlvfhs0g7BBxAA==
   dependencies:
     duplexer "^0.1.1"
+    pify "^3.0.0"
 
-handle-thing@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4"
-  integrity sha1-/Xqtcmvxpf0W38KbL3pmAdJxOcQ=
+handle-thing@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
+  integrity sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==
 
 handlebars@^4.0.3:
   version "4.0.12"
@@ -5853,15 +5874,15 @@ http-parser-js@>=0.4.0:
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.0.tgz#d65edbede84349d0dc30320815a15d39cc3cbbd8"
   integrity sha512-cZdEF7r4gfRIq7ezX9J0T+kQmJNOub71dWbgAXVHDct80TKP4MCETtZQ31xyv38UwgzkWPYF/Xc0ge55dW9Z9w==
 
-http-proxy-middleware@~0.17.4:
-  version "0.17.4"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
-  integrity sha1-ZC6ISIUdZvCdTxJJEoRtuutBuDM=
+http-proxy-middleware@~0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz#0987e6bb5a5606e5a69168d8f967a87f15dd8aab"
+  integrity sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==
   dependencies:
     http-proxy "^1.16.2"
-    is-glob "^3.1.0"
-    lodash "^4.17.2"
-    micromatch "^2.3.11"
+    is-glob "^4.0.0"
+    lodash "^4.17.5"
+    micromatch "^3.1.9"
 
 http-proxy@^1.16.2:
   version "1.17.0"
@@ -5898,7 +5919,7 @@ iconv-lite@0.4.23:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
+iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -5956,6 +5977,11 @@ ignore@^5.0.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.0.4.tgz#33168af4a21e99b00c5d41cbadb6a6cb49903a45"
   integrity sha512-WLsTMEhsQuXpCiG173+f3aymI43SXa+fB1rSfbzyP4GkPP+ZFVuO0/3sFUGNBtifisPeDcl/uD/Y2NxZ7xFq4g==
 
+immer@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-1.7.2.tgz#a51e9723c50b27e132f6566facbec1c85fc69547"
+  integrity sha512-4Urocwu9+XLDJw4Tc6ZCg7APVjjLInCFvO4TwGsAYV5zT6YYSor14dsZR0+0tHlDIN92cFUOq+i7fC00G5vTxA==
+
 immutable@^4.0.0-rc.12:
   version "4.0.0-rc.12"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0-rc.12.tgz#ca59a7e4c19ae8d9bf74a97bdf0f6e2f2a5d0217"
@@ -6059,27 +6085,7 @@ ini@^1.3.4, ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
-  integrity sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==
-  dependencies:
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.0"
-    cli-cursor "^2.1.0"
-    cli-width "^2.0.0"
-    external-editor "^2.0.4"
-    figures "^2.0.0"
-    lodash "^4.3.0"
-    mute-stream "0.0.7"
-    run-async "^2.2.0"
-    rx-lite "^4.0.8"
-    rx-lite-aggregates "^4.0.8"
-    string-width "^2.1.0"
-    strip-ansi "^4.0.0"
-    through "^2.3.6"
-
-inquirer@^6.1.0:
+inquirer@6.2.0, inquirer@^6.1.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.2.0.tgz#51adcd776f661369dc1e894859c2560a224abdd8"
   integrity sha512-QIEQG4YyQ2UYZGDC4srMZ7BjHOmNk1lR2JQj5UknBapklm6WHA+VVH7N+sUdX3A7NeCfGF8o4X1S3Ao7nAcIeg==
@@ -6098,12 +6104,13 @@ inquirer@^6.1.0:
     strip-ansi "^4.0.0"
     through "^2.3.6"
 
-internal-ip@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-1.2.0.tgz#ae9fbf93b984878785d50a8de1b356956058cf5c"
-  integrity sha1-rp+/k7mEh4eF1QqN4bNWlWBYz1w=
+internal-ip@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-3.0.1.tgz#df5c99876e1d2eb2ea2d74f520e3f669a00ece27"
+  integrity sha512-NXXgESC2nNVtU+pqmC9e6R8B1GpKxzsAQhffvh5AL79qKnodd+L7tnEQmTiUAVngqLalPbSqRA7XGIEL5nCd0Q==
   dependencies:
-    meow "^3.3.0"
+    default-gateway "^2.6.0"
+    ipaddr.js "^1.5.2"
 
 interpret@^1.1.0:
   version "1.1.0"
@@ -6127,6 +6134,11 @@ invert-kv@^2.0.0:
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
   integrity sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==
 
+ip-regex@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
+  integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
+
 ip@^1.1.0, ip@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
@@ -6137,6 +6149,11 @@ ipaddr.js@1.8.0:
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.8.0.tgz#eaa33d6ddd7ace8f7f6fe0c9ca0440e706738b1e"
   integrity sha1-6qM9bd16zo9/b+DJygRA5wZzix4=
 
+ipaddr.js@^1.5.2:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.8.1.tgz#fa4b79fa47fd3def5e3b159825161c0a519c9427"
+  integrity sha1-+kt5+kf9Pe9eOxWYJRYcClGclCc=
+
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
@@ -6448,10 +6465,10 @@ is-resolvable@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
   integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
 
-is-root@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-1.0.0.tgz#07b6c233bc394cd9d02ba15c966bd6660d6342d5"
-  integrity sha1-B7bCM7w5TNnQK6FclmvWZg1jQtU=
+is-root@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.0.0.tgz#838d1e82318144e5a6f77819d90207645acc7019"
+  integrity sha512-F/pJIk8QD6OX5DNhRB7hWamLsUilmkDGho48KbgZ6xg/lmAZXHxzXQ91jzB3yRSw5kdQGGGc4yz8HYhTYIMWPg==
 
 is-stream@^1.0.1, is-stream@^1.1.0:
   version "1.1.0"
@@ -7312,24 +7329,24 @@ loader-runner@^2.3.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.1.tgz#026f12fe7c3115992896ac02ba022ba92971b979"
   integrity sha512-By6ZFY7ETWOc9RFaAIb23IjJVcM4dvJC/N57nmdz9RSkMXvAXGI7SyVlAw3v8vjtDRlqThgVDVmTnr9fqMlxkw==
 
-loader-utils@^0.2.16:
-  version "0.2.17"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
-  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
+loader-utils@1.1.0, loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  integrity sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=
   dependencies:
     big.js "^3.1.3"
     emojis-list "^2.0.0"
     json5 "^0.5.0"
-    object-assign "^4.0.1"
 
-loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
-  integrity sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
   dependencies:
     big.js "^3.1.3"
     emojis-list "^2.0.0"
     json5 "^0.5.0"
+    object-assign "^4.0.1"
 
 locate-path@^2.0.0:
   version "2.0.0"
@@ -7417,7 +7434,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@^4.0.0, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.2, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@~4.17.10:
+lodash@^4.0.0, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.4, lodash@^4.17.5, lodash@~4.17.10:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
@@ -7557,10 +7574,10 @@ markdown-table@^1.1.0:
   resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.2.tgz#c78db948fa879903a41bce522e3b96f801c63786"
   integrity sha512-NcWuJFHDA8V3wkDgR/j4+gZx+YQwstPgfQDV8ndUeWWzta3dnDTBxpVzqS9lkmJAuV5YX35lmyojl6HO5JXAgw==
 
-markdown-to-jsx@^6.6.8:
-  version "6.8.3"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.8.3.tgz#c9c157e50ba680626700ffd2452bd01eb909eb7d"
-  integrity sha512-I/kRZDvHFMEoKCjFS119v6Op4R1wZJEUEwhWSNtsE7WHRVcxKrLZ9vApvNb1j80MAFIY4/e4m1f4vIwSgKUZ8g==
+markdown-to-jsx@^6.8.3:
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.9.0.tgz#ab4e60332f56ac8dbc2eeede038800875c1e39b8"
+  integrity sha512-Uj5La0fKQM1d4MD8zY40+E62JNT0OoMuRO4gHECxnLRJt4AOuZ/pqPLFuje4BbamABXwJK0JQbjoUEDQ5l+u9w==
   dependencies:
     prop-types "^15.6.2"
     unquote "^1.1.0"
@@ -7637,7 +7654,7 @@ memory-fs@^0.4.0, memory-fs@~0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
-meow@^3.3.0, meow@^3.7.0:
+meow@^3.7.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
   integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
@@ -7749,7 +7766,7 @@ micromatch@^2.3.11:
     parse-glob "^3.0.4"
     regex-cache "^0.4.2"
 
-micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8:
+micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8, micromatch@^3.1.9:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
   integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
@@ -7793,10 +7810,10 @@ mime@1.4.1:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
   integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==
 
-mime@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+mime@^2.3.1:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.0.tgz#e051fd881358585f3279df333fe694da0bcffdd6"
+  integrity sha512-ikBcWwyqXQSHKtciCcctu9YfPbFYZ4+gbHEmE0Q8jzcTYQg5dHCr3g2wwAZjPoJfQVXZq6KXAjpXOTf5/cjT7w==
 
 mimic-fn@^1.0.0:
   version "1.2.0"
@@ -7820,20 +7837,13 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-"minimatch@2 || 3", minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@~3.0.2:
+"minimatch@2 || 3", minimatch@3.0.4, minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@~3.0.2:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
-  integrity sha1-Kk5AkLlrLbBqnX3wEFWmKnfJt3Q=
-  dependencies:
-    brace-expansion "^1.0.0"
-
 minimist-options@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-3.0.2.tgz#fba4c8191339e13ecf4d61beb03f070103f3d954"
@@ -8158,6 +8168,13 @@ node-pre-gyp@^0.10.0:
     semver "^5.3.0"
     tar "^4"
 
+node-releases@^1.0.0-alpha.11:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.3.tgz#aad9ce0dcb98129c753f772c0aa01360fb90fbd2"
+  integrity sha512-6VrvH7z6jqqNFY200kdB6HdzkgM96Oaj9v3dqGfgp6mF+cHmU4wyQKZ2/WPDRVoR0Jz9KqbamaBN0ZhdUaysUQ==
+  dependencies:
+    semver "^5.3.0"
+
 node-releases@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.0.4.tgz#2d585de8c6c81d00017e063e7810a63889aa6756"
@@ -8415,7 +8432,7 @@ object.values@^1.0.4:
     function-bind "^1.1.0"
     has "^1.0.1"
 
-obuf@^1.0.0, obuf@^1.1.1:
+obuf@^1.0.0, obuf@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
   integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
@@ -8446,14 +8463,7 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
-opn@5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/opn/-/opn-5.2.0.tgz#71fdf934d6827d676cecbea1531f95d354641225"
-  integrity sha512-Jd/GpzPyHF4P2/aNOVmS3lfMSWV9J7cOhCG1s08XCEAsPkB7lp6ddiU0J7XzyQRDUh8BqJ7PchfINjR8jyofRQ==
-  dependencies:
-    is-wsl "^1.1.0"
-
-opn@^5.1.0:
+opn@5.4.0, opn@^5.1.0:
   version "5.4.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.4.0.tgz#cb545e7aab78562beb11aa3bfabc7042e1761035"
   integrity sha512-YF9MNdVy/0qvJvDtunAOzFw9iasOQHpVthTCvGzxt61Il64AYSGdK+rYwld7NAfk9qJ7dt+hymBNSc9LNYS+Sw==
@@ -8492,7 +8502,7 @@ ora@^2.1.0:
     strip-ansi "^4.0.0"
     wcwidth "^1.0.1"
 
-original@>=0.0.5:
+original@>=0.0.5, original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
   integrity sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==
@@ -8868,7 +8878,7 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-pkg-up@^2.0.0:
+pkg-up@2.0.0, pkg-up@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
   integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
@@ -9388,7 +9398,7 @@ postcss@6.0.1:
     source-map "^0.5.6"
     supports-color "^3.2.3"
 
-postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.2, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.6, postcss@^5.0.8, postcss@^5.2.16:
+postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.2, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.8, postcss@^5.2.16:
   version "5.2.18"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
   integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==
@@ -9712,28 +9722,34 @@ react-codemirror2@^5.1.0:
   resolved "https://registry.yarnpkg.com/react-codemirror2/-/react-codemirror2-5.1.0.tgz#62de4460178adea40eb52eabf7491669bf3794b8"
   integrity sha512-Cksbgbviuf2mJfMyrKmcu7ycK6zX/ukuQO8dvRZdFWqATf5joalhjFc6etnBdGCcPA2LbhIwz+OPnQxLN/j1Fw==
 
-react-dev-utils@^5.0.1:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-5.0.3.tgz#92f97668f03deb09d7fa11ea288832a8c756e35e"
-  integrity sha512-Mvs6ofsc2xTjeZIrMaIfbXfsPVrbdVy/cVqq6SAacnqfMlcBpDuivhWZ1ODGeJ8HgmyWTLH971PYjj/EPCDVAw==
+react-dev-utils@^6.0.5:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-6.1.1.tgz#a07e3e8923c4609d9f27e5af5207e3ca20724895"
+  integrity sha512-ThbJ86coVd6wV/QiTo8klDTvdAJ1WsFCGQN07+UkN+QN9CtCSsl/+YuDJToKGeG8X4j9HMGXNKbk2QhPAZr43w==
   dependencies:
+    "@babel/code-frame" "7.0.0"
     address "1.0.3"
-    babel-code-frame "6.26.0"
-    chalk "1.1.3"
-    cross-spawn "5.1.0"
+    browserslist "4.1.1"
+    chalk "2.4.1"
+    cross-spawn "6.0.5"
     detect-port-alt "1.1.6"
     escape-string-regexp "1.0.5"
-    filesize "3.5.11"
+    filesize "3.6.1"
+    find-up "3.0.0"
     global-modules "1.0.0"
-    gzip-size "3.0.0"
-    inquirer "3.3.0"
-    is-root "1.0.0"
-    opn "5.2.0"
-    react-error-overlay "^4.0.1"
-    recursive-readdir "2.2.1"
+    globby "8.0.1"
+    gzip-size "5.0.0"
+    immer "1.7.2"
+    inquirer "6.2.0"
+    is-root "2.0.0"
+    loader-utils "1.1.0"
+    opn "5.4.0"
+    pkg-up "2.0.0"
+    react-error-overlay "^5.1.0"
+    recursive-readdir "2.2.2"
     shell-quote "1.6.1"
     sockjs-client "1.1.5"
-    strip-ansi "3.0.1"
+    strip-ansi "4.0.0"
     text-table "0.2.0"
 
 react-docgen-annotation-resolver@^1.0.0:
@@ -9784,10 +9800,10 @@ react-dom@^16.6.3:
     prop-types "^15.6.2"
     scheduler "^0.11.2"
 
-react-error-overlay@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.1.tgz#417addb0814a90f3a7082eacba7cee588d00da89"
-  integrity sha512-xXUbDAZkU08aAkjtUvldqbvI04ogv+a1XdHxvYuHPYKIVk/42BIOD0zSKTHAWV4+gDy3yGm283z2072rA2gdtw==
+react-error-overlay@^5.1.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-5.1.2.tgz#888957b884d4b25b083a82ad550f7aad96585394"
+  integrity sha512-7kEBKwU9R8fKnZJBRa5RSIfay4KJwnYvKB6gODGicUmDSAhQJ7Tdnll5S0RLtYrzRfMVXlqYw61rzrSpP4ThLQ==
 
 react-group@^1.0.6:
   version "1.0.6"
@@ -9851,22 +9867,22 @@ react-select@^2.1.1:
     react-input-autosize "^2.2.1"
     react-transition-group "^2.2.1"
 
-react-styleguidist@^7.3.8:
-  version "7.3.11"
-  resolved "https://registry.yarnpkg.com/react-styleguidist/-/react-styleguidist-7.3.11.tgz#4538ae407f7f13d3fb79feae0103d91f3d3331b5"
-  integrity sha512-Y1zgWG1R6NFmScBFIviSnt9vpsQzxriyZPe4AK224Z66PfyhXPBIgbXCqn1zTeOcic7/n0g9pp/K6I0ANecuIg==
+react-styleguidist@^8.0.0:
+  version "8.0.6"
+  resolved "https://registry.yarnpkg.com/react-styleguidist/-/react-styleguidist-8.0.6.tgz#367f3f9f05c7eac7ea18f17f55ff8f4252b77c45"
+  integrity sha512-hhbU0dP14boD7j09p9d1pjhB/KWptX8WmsYHFwEhuLVUj10Frkd8FeClS+4JmCiPWe6DoFKxK/iJSzel7pOWUw==
   dependencies:
     "@vxna/mini-html-webpack-template" "^0.1.7"
     acorn "^5.7.1"
-    ast-types "^0.11.5"
+    ast-types "^0.11.6"
     buble "0.19.4"
     classnames "^2.2.6"
     clean-webpack-plugin "^0.1.19"
     clipboard-copy "^2.0.0"
     codemirror "^5.39.0"
     common-dir "^2.0.2"
-    copy-webpack-plugin "^4.5.2"
-    css-loader "^0.28.11"
+    copy-webpack-plugin "^4.5.4"
+    css-loader "^1.0.0"
     doctrine "^2.1.0"
     es6-object-assign "~1.1.0"
     es6-promise "^4.2.4"
@@ -9892,15 +9908,15 @@ react-styleguidist@^7.3.8:
     loader-utils "^1.1.0"
     lodash "^4.17.10"
     lowercase-keys "^1.0.1"
-    markdown-to-jsx "^6.6.8"
+    markdown-to-jsx "^6.8.3"
     mini-html-webpack-plugin "^0.2.3"
     minimist "^1.2.0"
     ora "^2.1.0"
     prop-types "^15.6.2"
     q-i "^2.0.1"
     react-codemirror2 "^5.1.0"
-    react-dev-utils "^5.0.1"
-    react-docgen "3.0.0-beta12"
+    react-dev-utils "^6.0.5"
+    react-docgen "3.0.0-rc.2"
     react-docgen-annotation-resolver "^1.0.0"
     react-docgen-displayname-handler "^2.1.0"
     react-group "^1.0.6"
@@ -9908,13 +9924,14 @@ react-styleguidist@^7.3.8:
     react-lifecycles-compat "^3.0.4"
     recast "^0.13.0"
     remark "^9.0.0"
-    style-loader "^0.21.0"
+    style-loader "^0.23.1"
+    terser-webpack-plugin "^1.1.0"
     to-ast "^1.0.0"
     type-detect "^4.0.8"
-    uglifyjs-webpack-plugin "1.2.7"
-    unist-util-visit "^1.3.1"
-    webpack-dev-server "^2.11.2"
-    webpack-merge "^4.1.3"
+    unist-util-visit "^1.4.0"
+    walkes "^0.2.1"
+    webpack-dev-server "^3.1.10"
+    webpack-merge "^4.1.4"
 
 react-svg-core@^2.1.0:
   version "2.1.0"
@@ -10027,7 +10044,7 @@ read-pkg@^4.0.1:
     parse-json "^4.0.0"
     pify "^3.0.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.4, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.2.9, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.4, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
   integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==
@@ -10085,12 +10102,12 @@ recast@^0.16.0:
     private "~0.1.5"
     source-map "~0.6.1"
 
-recursive-readdir@2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"
-  integrity sha1-kO8jHQd4xc4JPJpI105cVCLROpk=
+recursive-readdir@2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.2.tgz#9946fb3274e1628de6e36b2f6714953b4845094f"
+  integrity sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==
   dependencies:
-    minimatch "3.0.3"
+    minimatch "3.0.4"
 
 redent@^1.0.0:
   version "1.0.0"
@@ -10694,18 +10711,6 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
-rx-lite-aggregates@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
-  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
-  dependencies:
-    rx-lite "*"
-
-rx-lite@*, rx-lite@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
-  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
-
 rxjs@^6.1.0, rxjs@^6.3.3:
   version "6.3.3"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.3.3.tgz#3c6a7fa420e844a81390fb1158a9ec614f4bad55"
@@ -10788,7 +10793,7 @@ scheduler@^0.11.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-schema-utils@^0.4.4, schema-utils@^0.4.5:
+schema-utils@^0.4.4:
   version "0.4.7"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
   integrity sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==
@@ -11045,6 +11050,18 @@ sockjs-client@1.1.5:
     json3 "^3.3.2"
     url-parse "^1.1.8"
 
+sockjs-client@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.3.0.tgz#12fc9d6cb663da5739d3dc5fb6e8687da95cb177"
+  integrity sha512-R9jxEzhnnrdxLCNln0xg5uGHqMnkhPSTzUZH2eXcR03S/On9Yvoq2wyUZILRUhZCNVu2PmwWVoyuiPz8th8zbg==
+  dependencies:
+    debug "^3.2.5"
+    eventsource "^1.0.7"
+    faye-websocket "~0.11.1"
+    inherits "^2.0.3"
+    json3 "^3.3.2"
+    url-parse "^1.4.3"
+
 sockjs@0.3.19:
   version "0.3.19"
   resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.19.tgz#d976bbe800af7bd20ae08598d582393508993c0d"
@@ -11159,30 +11176,28 @@ spdx-license-ids@^3.0.0:
   resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.2.tgz#a59efc09784c2a5bada13cfeaf5c75dd214044d2"
   integrity sha512-qky9CVt0lVIECkEsYbNILVnPvycuEBkXoMFLRWsREkomQLevYhtRKC+R91a5TOAQ3bCMjikRwhyaRqj1VYatYg==
 
-spdy-transport@^2.0.18:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-2.1.1.tgz#c54815d73858aadd06ce63001e7d25fa6441623b"
-  integrity sha512-q7D8c148escoB3Z7ySCASadkegMmUZW8Wb/Q1u0/XBgDKMO880rLQDj8Twiew/tYi7ghemKUi/whSYOwE17f5Q==
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
   dependencies:
-    debug "^2.6.8"
-    detect-node "^2.0.3"
+    debug "^4.1.0"
+    detect-node "^2.0.4"
     hpack.js "^2.1.6"
-    obuf "^1.1.1"
-    readable-stream "^2.2.9"
-    safe-buffer "^5.0.1"
-    wbuf "^1.7.2"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
 
-spdy@^3.4.1:
-  version "3.4.7"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-3.4.7.tgz#42ff41ece5cc0f99a3a6c28aabb73f5c3b03acbc"
-  integrity sha1-Qv9B7OXMD5mjpsKKq7c/XDsDrLw=
+spdy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.0.tgz#81f222b5a743a329aa12cea6a390e60e9b613c52"
+  integrity sha512-ot0oEGT/PGUpzf/6uk4AWLqkq+irlqHXkrdbk51oWONh3bxQmBuljxPNl66zlRRcIJStWq0QkLUCPOPjgjvU0Q==
   dependencies:
-    debug "^2.6.8"
-    handle-thing "^1.2.5"
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
     http-deceiver "^1.2.7"
-    safe-buffer "^5.0.1"
     select-hose "^2.0.0"
-    spdy-transport "^2.0.18"
+    spdy-transport "^3.0.0"
 
 specificity@^0.3.1:
   version "0.3.2"
@@ -11382,20 +11397,20 @@ stringify-object@^3.2.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-strip-ansi@3.0.1, strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
+strip-ansi@4.0.0, strip-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
   integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
   dependencies:
     ansi-regex "^3.0.0"
 
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  dependencies:
+    ansi-regex "^2.0.0"
+
 strip-bom@3.0.0, strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -11435,13 +11450,13 @@ style-inject@^0.3.0:
   resolved "https://registry.yarnpkg.com/style-inject/-/style-inject-0.3.0.tgz#d21c477affec91811cc82355832a700d22bf8dd3"
   integrity sha512-IezA2qp+vcdlhJaVm5SOdPPTUu0FCEqfNSli2vRuSIBbu5Nq5UvygTk/VzeCqfLz2Atj3dVII5QBKGZRZ0edzw==
 
-style-loader@^0.21.0:
-  version "0.21.0"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.21.0.tgz#68c52e5eb2afc9ca92b6274be277ee59aea3a852"
-  integrity sha512-T+UNsAcl3Yg+BsPKs1vd22Fr8sVT+CJMtzqc6LEw9bbJZb43lm9GoeIfUcDEefBSWC0BhYbcdupV1GtI4DGzxg==
+style-loader@^0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.23.1.tgz#cb9154606f3e771ab6c4ab637026a1049174d925"
+  integrity sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==
   dependencies:
     loader-utils "^1.1.0"
-    schema-utils "^0.4.5"
+    schema-utils "^1.0.0"
 
 style-search@^0.1.0:
   version "0.1.0"
@@ -11829,11 +11844,6 @@ thunky@^1.0.2:
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.0.3.tgz#f5df732453407b09191dae73e2a8cc73f381a826"
   integrity sha512-YwT8pjmNcAXBZqrubu22P4FYsh2D4dxRmnWBOL8Jk8bUcRUtc5326kx32tuTmFDAZtLOGEVNl8POAR8j896Iow==
 
-time-stamp@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-2.2.0.tgz#917e0a66905688790ec7bbbde04046259af83f57"
-  integrity sha512-zxke8goJQpBeEgD82CXABeMh0LSJcj7CXEd0OHOg45HgcofF7pxNwZm9+RknpxpDhwN4gFpySkApKfFYfRQnUA==
-
 timers-browserify@^2.0.4:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.10.tgz#1d28e3d2aadf1d5a5996c4e9f95601cd053480ae"
@@ -12035,14 +12045,6 @@ ua-parser-js@^0.7.18:
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.19.tgz#94151be4c0a7fb1d001af7022fdaca4642659e4b"
   integrity sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==
 
-uglify-es@^3.3.4:
-  version "3.3.9"
-  resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.3.9.tgz#0c1c4f0700bed8dbc124cdb304d2592ca203e677"
-  integrity sha512-r+MU0rfv4L/0eeW3xZrd16t4NZfK8Ld4SWVglYBb7ez5uXFWHuVRs6xCTrf1yirs9a4j4Y27nn7SRfO6v67XsQ==
-  dependencies:
-    commander "~2.13.0"
-    source-map "~0.6.1"
-
 uglify-js@^3.1.4:
   version "3.4.9"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"
@@ -12051,20 +12053,6 @@ uglify-js@^3.1.4:
     commander "~2.17.1"
     source-map "~0.6.1"
 
-uglifyjs-webpack-plugin@1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.2.7.tgz#57638dd99c853a1ebfe9d97b42160a8a507f9d00"
-  integrity sha512-1VicfKhCYHLS8m1DCApqBhoulnASsEoJ/BvpUpP4zoNAPpKzdH+ghk0olGJMmwX2/jprK2j3hAHdUbczBSy2FA==
-  dependencies:
-    cacache "^10.0.4"
-    find-cache-dir "^1.0.0"
-    schema-utils "^0.4.5"
-    serialize-javascript "^1.4.0"
-    source-map "^0.6.1"
-    uglify-es "^3.3.4"
-    webpack-sources "^1.1.0"
-    worker-farm "^1.5.2"
-
 underscore.string@~3.3.4:
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/underscore.string/-/underscore.string-3.3.4.tgz#2c2a3f9f83e64762fdc45e6ceac65142864213db"
@@ -12186,7 +12174,7 @@ unist-util-visit-parents@^2.0.0:
   dependencies:
     unist-util-is "^2.1.2"
 
-unist-util-visit@^1.1.0, unist-util-visit@^1.3.1:
+unist-util-visit@^1.1.0, unist-util-visit@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.0.tgz#1cb763647186dc26f5e1df5db6bd1e48b3cc2fb1"
   integrity sha512-FiGu34ziNsZA3ZUteZxSFaczIjGmksfSgdKqBfOejrrfzyUy5b7YrlzT1Bcvi+djkYDituJDy2XB7tGTeBieKw==
@@ -12404,6 +12392,11 @@ walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
+walkes@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/walkes/-/walkes-0.2.1.tgz#7eca144fe67ed32782fffe6e8e95fb4481864796"
+  integrity sha1-fsoUT+Z+0yeC//5ujpX7RIGGR5Y=
+
 warning@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
@@ -12428,7 +12421,7 @@ watchpack@^1.5.0:
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
 
-wbuf@^1.1.0, wbuf@^1.7.2:
+wbuf@^1.1.0, wbuf@^1.7.3:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
   integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
@@ -12463,24 +12456,22 @@ webpack-cli@^3.1.2:
     v8-compile-cache "^2.0.2"
     yargs "^12.0.2"
 
-webpack-dev-middleware@1.12.2:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-1.12.2.tgz#f8fc1120ce3b4fc5680ceecb43d777966b21105e"
-  integrity sha512-FCrqPy1yy/sN6U/SaEZcHKRXGlqU0DUaEBL45jkUYoB8foVb6wCnbIJ1HKIx+qUFTW+3JpVcCJCxZ8VATL4e+A==
+webpack-dev-middleware@3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.4.0.tgz#1132fecc9026fd90f0ecedac5cbff75d1fb45890"
+  integrity sha512-Q9Iyc0X9dP9bAsYskAVJ/hmIZZQwf/3Sy4xCAZgL5cUkjZmUZLt4l5HpbST/Pdgjn3u6pE7u5OdGd1apgzRujA==
   dependencies:
     memory-fs "~0.4.1"
-    mime "^1.5.0"
-    path-is-absolute "^1.0.0"
+    mime "^2.3.1"
     range-parser "^1.0.3"
-    time-stamp "^2.0.0"
+    webpack-log "^2.0.0"
 
-webpack-dev-server@^2.11.2:
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.11.3.tgz#3fd48a402164a6569d94d3d17f131432631b4873"
-  integrity sha512-Qz22YEFhWx+M2vvJ+rQppRv39JA0h5NNbOOdODApdX6iZ52Diz7vTPXjF7kJlfn+Uc24Qr48I3SZ9yncQwRycg==
+webpack-dev-server@^3.1.10:
+  version "3.1.14"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.1.14.tgz#60fb229b997fc5a0a1fc6237421030180959d469"
+  integrity sha512-mGXDgz5SlTxcF3hUpfC8hrQ11yhAttuUQWf1Wmb+6zo3x6rb7b9mIfuQvAPLdfDRCGRGvakBWHdHOa0I9p/EVQ==
   dependencies:
     ansi-html "0.0.7"
-    array-includes "^3.0.3"
     bonjour "^3.5.0"
     chokidar "^2.0.0"
     compression "^1.5.2"
@@ -12489,28 +12480,40 @@ webpack-dev-server@^2.11.2:
     del "^3.0.0"
     express "^4.16.2"
     html-entities "^1.2.0"
-    http-proxy-middleware "~0.17.4"
-    import-local "^1.0.0"
-    internal-ip "1.2.0"
+    http-proxy-middleware "~0.18.0"
+    import-local "^2.0.0"
+    internal-ip "^3.0.1"
     ip "^1.1.5"
     killable "^1.0.0"
     loglevel "^1.4.1"
     opn "^5.1.0"
     portfinder "^1.0.9"
+    schema-utils "^1.0.0"
     selfsigned "^1.9.1"
+    semver "^5.6.0"
     serve-index "^1.7.2"
     sockjs "0.3.19"
-    sockjs-client "1.1.5"
-    spdy "^3.4.1"
+    sockjs-client "1.3.0"
+    spdy "^4.0.0"
     strip-ansi "^3.0.0"
     supports-color "^5.1.0"
-    webpack-dev-middleware "1.12.2"
-    yargs "6.6.0"
+    url "^0.11.0"
+    webpack-dev-middleware "3.4.0"
+    webpack-log "^2.0.0"
+    yargs "12.0.2"
 
-webpack-merge@^4.1.3:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.4.tgz#0fde38eabf2d5fd85251c24a5a8c48f8a3f4eb7b"
-  integrity sha512-TmSe1HZKeOPey3oy1Ov2iS3guIZjWvMT2BBJDzzT5jScHTjVC3mpjJofgueEzaEd6ibhxRDD6MIblDr8tzh8iQ==
+webpack-log@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/webpack-log/-/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f"
+  integrity sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==
+  dependencies:
+    ansi-colors "^3.0.0"
+    uuid "^3.3.2"
+
+webpack-merge@^4.1.4:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.1.tgz#5e923cf802ea2ace4fd5af1d3247368a633489b4"
+  integrity sha512-4p8WQyS98bUJcCvFMbdGZyZmsKuWjWVnVHnAS3FFg0HDaRVrPbkivx2RYCre8UiemD67RsiFFLfn4JhLAin8Vw==
   dependencies:
     lodash "^4.17.5"
 
@@ -12699,6 +12702,11 @@ xml-name-validator@^3.0.0:
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
+xregexp@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.0.0.tgz#e698189de49dd2a18cc5687b05e17c8e43943020"
+  integrity sha512-PHyM+sQouu7xspQQwELlGwwd05mXUFqwFYfqPO0cC7x4fxyHnnuetmQr6CjJiafIDoH4MogHb9dOoJzR/Y4rFg==
+
 xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
@@ -12724,7 +12732,7 @@ yallist@^3.0.0, yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.2.tgz#8452b4bb7e83c7c188d8041c1a837c773d6d8bb9"
   integrity sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=
 
-yargs-parser@^10.0.0:
+yargs-parser@^10.0.0, yargs-parser@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
   integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
@@ -12739,13 +12747,6 @@ yargs-parser@^11.1.0:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^4.2.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
-  integrity sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=
-  dependencies:
-    camelcase "^3.0.0"
-
 yargs-parser@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a"
@@ -12760,24 +12761,23 @@ yargs-parser@^9.0.2:
   dependencies:
     camelcase "^4.1.0"
 
-yargs@6.6.0:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
-  integrity sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=
+yargs@12.0.2:
+  version "12.0.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.2.tgz#fe58234369392af33ecbef53819171eff0f5aadc"
+  integrity sha512-e7SkEx6N6SIZ5c5H22RTZae61qtn3PYUE8JYbBFlK9sYmh3DMQ6E5ygtaG/2BW0JZi4WGgTR2IV5ChqlqrDGVQ==
   dependencies:
-    camelcase "^3.0.0"
-    cliui "^3.2.0"
-    decamelize "^1.1.1"
+    cliui "^4.0.0"
+    decamelize "^2.0.0"
+    find-up "^3.0.0"
     get-caller-file "^1.0.1"
-    os-locale "^1.4.0"
-    read-pkg-up "^1.0.1"
+    os-locale "^3.0.0"
     require-directory "^2.1.1"
     require-main-filename "^1.0.1"
     set-blocking "^2.0.0"
-    string-width "^1.0.2"
-    which-module "^1.0.0"
-    y18n "^3.2.1"
-    yargs-parser "^4.2.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1 || ^4.0.0"
+    yargs-parser "^10.1.0"
 
 yargs@^11.0.0:
   version "11.1.0"