migrate n-ui-foundation to v7 via npm

.eslintignore

@@ -1,5 +1,4 @@
 dist/
 coverage/
 node_modules/
-bower_components/
 public/

.eslintrc.js

@@ -30,8 +30,8 @@ module.exports = {
         // rules so that the two files do not need to know about one other and their structure.
         config: {
           resolve: {
-            modules: ['bower_components', 'node_modules'],
-            descriptionFiles: ['bower.json', 'package.json'],
+            modules: ['node_modules'],
+            descriptionFiles: ['package.json'],
             mainFiles: ['index', 'main']
           }
         }

.gitignore

@@ -1,4 +1,3 @@
-bower_components/
 node_modules/
 coverage/
 dist/

.prettierignore

@@ -1,4 +1,3 @@
 dist
 tsconfig.json
 README.md
-bower_components

.storybook/webpack.config.js

@@ -7,10 +7,9 @@ module.exports = ({ config }) => {
   // Use real file paths for symlinked dependencies do avoid including them multiple times
   config.resolve.symlinks = true
 
-  // Resolve packages installed using Bower
   Object.assign(config.resolve, {
-    modules: ['bower_components', 'node_modules'],
-    descriptionFiles: ['bower.json', 'package.json'],
+    modules: ['node_modules'],
+    descriptionFiles: ['package.json'],
     mainFiles: ['index', 'main']
   })
 
@@ -55,7 +54,7 @@ module.exports = ({ config }) => {
           // Use `dart-sass` rather than `node-sass`
           implementation: require('sass'),
           sassOptions: {
-            includePaths: ['bower_components', 'node_modules']
+            includePaths: ['node_modules']
           }
         }
       }

jest.config.js

@@ -3,6 +3,6 @@ module.exports = {
   roots: ['./packages'],
   testEnvironment: 'node',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
-  testPathIgnorePatterns: ['/bower_components/', '/node_modules/'],
+  testPathIgnorePatterns: ['/node_modules/'],
   setupFilesAfterEnv: ['./jest.enzyme.ts']
 }

package.json

@@ -14,9 +14,7 @@
     "clean:install": "npm run clean && npm install",
     "dev": "athloi run dev --filter 'dotcom-*' --concurrency 100",
     "lint": "eslint . --ext .js,.ts,.tsx,.jsx",
-    "bower:link": "node scripts/link-packages-using-bower.js",
-    "bower:install": "npm run bower:link && bower install",
-    "postinstall": "athloi exec npm i -- --no-package-lock && npm run bower:install",
+    "postinstall": "athloi exec npm i -- --no-package-lock",
     "prettier": "prettier --write '**/*.{ts,tsx,js,jsx,json}'",
     "storybook": "start-storybook -p 9001 -c .storybook",
     "storybook:ci": "start-storybook -c .storybook --ci --smoke-test",
@@ -59,7 +57,6 @@
     "@types/react": "^16.8.20",
     "@typescript-eslint/parser": "^3.0.0",
     "babel-loader": "^8.0.4",
-    "bower": "^1.8.8",
     "check-engine": "^1.10.1",
     "css-loader": "^3.0.0",
     "enzyme": "^3.10.0",

packages/dotcom-ui-base-styles/package.json

@@ -25,7 +25,7 @@
   "dependencies": {
     "@financial-times/o-typography": "^7.2.0",
     "focus-visible": "^5.0.0",
-    "n-ui-foundations": "^6.0.4"
+    "n-ui-foundations": "^7.0.0"
   },
   "devDependencies": {
     "check-engine": "^1.10.1",

packages/dotcom-ui-header/package.json

@@ -26,7 +26,7 @@
     "@financial-times/dotcom-types-navigation": "file:../dotcom-types-navigation",
     "@financial-times/o-header": "^9.2.0",
     "n-topic-search": "^3.0.0",
-    "n-ui-foundations": "^6.0.4"
+    "n-ui-foundations": "^7.0.0"
   },
   "devDependencies": {
     "@financial-times/logo-images": "^1.10.1",

packages/dotcom-ui-layout/package.json

@@ -29,7 +29,7 @@
     "@financial-times/dotcom-ui-header": "file:../dotcom-ui-header",
     "@financial-times/o-typography": "^7.2.0",
     "focus-visible": "^5.0.0",
-    "n-ui-foundations": "^6.0.4"
+    "n-ui-foundations": "^7.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.6"