Merge pull request #221 from Financial-Times/matth/origami-major-cascade

Upgrade n-ui-foundations to v4

Makefile

@@ -15,7 +15,7 @@ demo-build:
 	@$(DONE)
 
 demo: demo-build
-	@node --inspect demos/app
+	@node demos/app
 
 a11y: demo-build
 	@node .pa11yci.js

bower.json

@@ -10,9 +10,9 @@
     "tests"
   ],
   "dependencies": {
-    "n-ui-foundations": "^3.0.0",
-    "o-teaser": "^3.0.0",
-    "o-labels": "^4.0.0",
-    "n-image": "^5.0.0"
+    "n-ui-foundations": "^4.0.0",
+    "o-teaser": "^4.0.0",
+    "o-labels": "^5.0.0",
+    "n-image": "^6.0.0"
   }
 }

demos/app.js

@@ -3,7 +3,6 @@
 const express = require('@financial-times/n-internal-tool');
 const fixtures = require('./fixtures/fixtures.json');
 const fixturesCommercial = require('./fixtures/fixtures-commercial-content');
-const fixturesPackage = require('./fixtures/fixtures-package');
 const fixturesPackageArticle = require('./fixtures/fixtures-article-in-package');
 const fixturesVideo = require('./fixtures/fixtures-video');
 const fixturesLiveBlog = require('./fixtures/fixures-live-blog.json');
@@ -40,13 +39,6 @@ app.get('/package-article', (req, res) => {
 	}, fixturesPackageArticle));
 });
 
-app.get('/package', (req, res) => {
-	res.render('demo-package', Object.assign({
-		title: 'Package with content teasers',
-		layout: 'demo-layout',
-	}, fixturesPackage));
-});
-
 app.get('/video', (req, res) => {
 	res.render('demo', Object.assign({
 		title: 'Video teasers',

demos/src/demo.scss

@@ -1,10 +1,8 @@
+$system-code: 'n-teaser-demo';
+
 @import 'n-ui-foundations/main';
 
-$o-labels-is-silent: false;
-@import 'o-labels/main';
 $o-teaser-is-silent: false;
 @import 'o-teaser/main';
 
-.o-labels {
-	@include oTypographySansBold($scale: -1);
-}
+@include oLabels();