Merge pull request #1 from wellcometrust/task/8710-integrate-ds-into-wellcome-dot-org

8710 task: Integrate Design System into wellcome.org

Author: creido-welly

.storybook/styles/storybook-app.scss

@@ -1,4 +1,5 @@
 @import 'styles/core';
+@import 'styles/theme';
 @import 'styles/common';
 @import './storybook-global';
 @import './storybook-icons';

config/rollup.config.js

@@ -2,6 +2,7 @@ import autoprefixer from 'autoprefixer';
 import babel from '@rollup/plugin-babel';
 import calc from 'postcss-calc';
 import commonjs from '@rollup/plugin-commonjs';
+import copy from 'rollup-plugin-copy';
 import ignoreImport from 'rollup-plugin-ignore-import';
 import json from '@rollup/plugin-json';
 import nodeResolve from '@rollup/plugin-node-resolve'; // resolves all the node dependencies
@@ -28,7 +29,8 @@ export default (async () => ([
    */
   {
     input: [
-      'src/styles/core.ts'
+      'src/styles/core.ts',
+      'src/styles/theme.ts'
     ],
     output: {
       dir: 'dist',
@@ -161,6 +163,19 @@ export default (async () => ([
       commonjs(),
       ignoreImport({
         extensions: ['.scss', '.css']
+      }),
+
+      /**
+       * 5. Copy and rename dist/index to provide correct type defs
+       * for named exports
+       *
+       * This is included here to separate it from the previous process which
+       * runs the virtual index build, to ensure that process completes and
+       * the index file is generated before attempting to copy.
+       */
+      copy({
+        targets: [{ src: 'dist/index.js', dest: 'dist/', rename: 'index.d.ts' }],
+        verbose: true
       })
     ]
   },

package-lock.json

@@ -111,6 +111,7 @@
     "react-docgen-typescript-loader": "^3.6.0",
     "react-dom": "16.12.0",
     "rollup": "^2.28.2",
+    "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-ignore-import": "^1.3.2",
     "rollup-plugin-styles": "^3.14.1",
     "rollup-plugin-terser": "^5.2.0",