diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 792f4c6c9..94572bd9c 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "@stencila/components",
-      "version": "0.54.3",
+      "version": "0.55.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@codemirror/autocomplete": "^0.19.15",
@@ -32,6 +32,8 @@
         "@codemirror/view": "^0.19.48",
         "@nll/datum": "^3.5.0",
         "@popperjs/core": "^2.11.0",
+        "@stencila/style-material": "0.16.14",
+        "@stencila/style-stencila": "0.30.0",
         "animate-presence": "^0.2.1",
         "d3": "^7.0.1",
         "d3-drag": "^3.0.0",
@@ -1728,6 +1730,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@stencila/brand": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@stencila/brand/-/brand-0.7.31.tgz",
+      "integrity": "sha512-FMQfPjJ9Jeb9B8Q8PgXgV8i1vHEg3boyR3Y+TgQFWShdkQjP61swXCaPAYU41CCUNzwkqUW9wJRgWK6pxpqGjA=="
+    },
     "node_modules/@stencila/eslint-config-stencil": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@stencila/eslint-config-stencil/-/eslint-config-stencil-2.0.5.tgz",
@@ -1756,6 +1763,22 @@
       "integrity": "sha512-mWvEi6Y+8hQRqlRfJHUPQ/GZUN+rfY7kB7JSx1Cts64PsF+odgJ2AFu+fltnK94jRB8Ohk0B4SPJLnuGLeZGBg==",
       "dev": true
     },
+    "node_modules/@stencila/style-material": {
+      "version": "0.16.14",
+      "resolved": "https://registry.npmjs.org/@stencila/style-material/-/style-material-0.16.14.tgz",
+      "integrity": "sha512-DWPBDYnsVc0OdBQDxbnApUbzZ410/53Gqw8eO8s7zkeH49IHQtOo081MOaRBEwHbgSFdM6SJkkj/khxIzaGZ6A==",
+      "dependencies": {
+        "@stencila/brand": "0.7.31"
+      }
+    },
+    "node_modules/@stencila/style-stencila": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@stencila/style-stencila/-/style-stencila-0.30.0.tgz",
+      "integrity": "sha512-AF9ZJrB8s2XYH1dRH4LxeLHo0zZ+Rrb7Ls2f6f2J6yK6BM8/MAcZO3LzdiXghX9nIaSY0gLcvSElFffXeZTQuA==",
+      "dependencies": {
+        "@stencila/brand": "0.7.31"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
@@ -2065,9 +2088,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "0.0.50",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
-      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw=="
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
     },
     "node_modules/@types/feather-icons": {
       "version": "4.7.0",
@@ -3475,9 +3498,9 @@
       }
     },
     "node_modules/d3-array": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.1.1.tgz",
-      "integrity": "sha512-33qQ+ZoZlli19IFiQx4QEpf2CBEayMRzhlisJHSCsSUbDXv6ZishqS1x7uFVClKG4Wr7rZVHvaAttoLow6GqdQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
       "dependencies": {
         "internmap": "1 - 2"
       },
@@ -3520,9 +3543,9 @@
       }
     },
     "node_modules/d3-color": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.0.1.tgz",
-      "integrity": "sha512-6/SlHkDOBLyQSJ1j1Ghs82OIUXpKWlR0hCsw0XrLSQhuUPuCSmLQ1QPH98vpnQxMUQM2/gfAkUEWsupVpd9JGw==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
       "engines": {
         "node": ">=12"
       }
@@ -3634,9 +3657,9 @@
       }
     },
     "node_modules/d3-geo": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.0.1.tgz",
-      "integrity": "sha512-Wt23xBych5tSy9IYAM1FR2rWIBFWa52B/oF/GYe5zbdHrg08FU8+BuI6X4PvTwPDdqdAdq04fuWJpELtsaEjeA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
       "dependencies": {
         "d3-array": "2.5.0 - 3"
       },
@@ -3684,9 +3707,9 @@
       }
     },
     "node_modules/d3-path": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.0.1.tgz",
-      "integrity": "sha512-gq6gZom9AFZby0YLduxT1qmrp4xpBA1YZr19OI717WIdKE2OM5ETq5qrHLb301IgxhLwcuxvGZVLeeWc/k1I6w==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
       "engines": {
         "node": ">=12"
       }
@@ -3751,20 +3774,20 @@
       }
     },
     "node_modules/d3-shape": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.1.0.tgz",
-      "integrity": "sha512-tGDh1Muf8kWjEDT/LswZJ8WF85yDZLvVJpYU9Nq+8+yW1Z5enxrmXOhTArlkaElU+CTn0OTVNli+/i+HP45QEQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
       "dependencies": {
-        "d3-path": "1 - 3"
+        "d3-path": "^3.1.0"
       },
       "engines": {
         "node": ">=12"
       }
     },
     "node_modules/d3-time": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.0.0.tgz",
-      "integrity": "sha512-zmV3lRnlaLI08y9IMRXSDshQb5Nj77smnfpnd2LrBa/2K281Jijactokeak14QacHs/kKq0AQ121nidNYlarbQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
       "dependencies": {
         "d3-array": "2 - 3"
       },
@@ -9029,9 +9052,9 @@
       }
     },
     "node_modules/vega-canvas": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.6.tgz",
-      "integrity": "sha512-rgeYUpslYn/amIfnuv3Sw6n4BGns94OjjZNtUc9IDji6b+K8LGS/kW+Lvay8JX/oFqtulBp8RLcHN6QjqPLA9Q=="
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.7.tgz",
+      "integrity": "sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q=="
     },
     "node_modules/vega-crossfilter": {
       "version": "4.1.0",
@@ -9044,13 +9067,13 @@
       }
     },
     "node_modules/vega-dataflow": {
-      "version": "5.7.4",
-      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.4.tgz",
-      "integrity": "sha512-JGHTpUo8XGETH3b1V892we6hdjzCWB977ybycIu8DPqRoyrZuj6t1fCVImazfMgQD1LAfJlQybWP+alwKDpKig==",
+      "version": "5.7.5",
+      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.5.tgz",
+      "integrity": "sha512-EdsIl6gouH67+8B0f22Owr2tKDiMPNNR8lEvJDcxmFw02nXd8juimclpLvjPQriqn6ta+3Dn5txqfD117H04YA==",
       "dependencies": {
-        "vega-format": "^1.0.4",
-        "vega-loader": "^4.3.2",
-        "vega-util": "^1.16.1"
+        "vega-format": "^1.1.1",
+        "vega-loader": "^4.5.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-embed": {
@@ -9080,12 +9103,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
       "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
     },
-    "node_modules/vega-embed/node_modules/yallist": {
-      "version": "4.0.0",
-      "extraneous": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
     "node_modules/vega-encode": {
       "version": "4.9.0",
       "resolved": "https://registry.npmjs.org/vega-encode/-/vega-encode-4.9.0.tgz",
@@ -9104,12 +9121,12 @@
       "integrity": "sha512-Gls93/+7tEJGE3kUuUnxrBIxtvaNeF01VIFB2Q2Of2hBIBvtHX74jcAdDtkh5UhhoYGD8Q1J30P5cqEBEwtPoQ=="
     },
     "node_modules/vega-expression": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.0.0.tgz",
-      "integrity": "sha512-y5+c2frq0tGwJ7vYXzZcfVcIRF/QGfhf2e+bV1Z0iQs+M2lI1II1GPDdmOcMKimpoCVp/D61KUJDIGE1DSmk2w==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.0.1.tgz",
+      "integrity": "sha512-atfzrMekrcsuyUgZCMklI5ki8cV763aeo1Y6YrfYU7FBwcQEoFhIV/KAJ1vae51aPDGtfzvwbtVIo3WShFCP2Q==",
       "dependencies": {
-        "@types/estree": "^0.0.50",
-        "vega-util": "^1.16.0"
+        "@types/estree": "^1.0.0",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-force": {
@@ -9123,33 +9140,45 @@
       }
     },
     "node_modules/vega-format": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.0.tgz",
-      "integrity": "sha512-6mgpeWw8yGdG0Zdi8aVkx5oUrpJGOpNxqazC2858RSDPvChM/jDFlgRMTYw52qk7cxU0L08ARp4BwmXaI75j0w==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.1.tgz",
+      "integrity": "sha512-Rll7YgpYbsgaAa54AmtEWrxaJqgOh5fXlvM2wewO4trb9vwM53KBv4Q/uBWCLK3LLGeBXIF6gjDt2LFuJAUtkQ==",
       "dependencies": {
-        "d3-array": "^3.1.1",
+        "d3-array": "^3.2.2",
         "d3-format": "^3.1.0",
         "d3-time-format": "^4.1.0",
-        "vega-time": "^2.0.3",
-        "vega-util": "^1.15.2"
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-functions": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.0.tgz",
-      "integrity": "sha512-Mf53zNyx+c9fFqagEI0T8zc9nMlx0zozOngr8oOpG1tZDKOgwOnUgN99zQKbLHjyv+UzWrq3LYTnSLyVe0ZmhQ==",
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.1.tgz",
+      "integrity": "sha512-0LhntimnvBl4VzRO/nkCwCTbtaP8bE552galKQbCg88GDxdmcmlsoTCwUzG0vZ/qmNM3IbqnP5k5/um3zwFqLw==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-expression": "^5.0.1",
+        "vega-scale": "^7.3.0",
+        "vega-scenegraph": "^4.10.2",
+        "vega-selections": "^5.4.1",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-functions/node_modules/vega-scale": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+      "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
       "dependencies": {
-        "d3-array": "^3.1.1",
-        "d3-color": "^3.0.1",
-        "d3-geo": "^3.0.1",
-        "vega-dataflow": "^5.7.3",
-        "vega-expression": "^5.0.0",
-        "vega-scale": "^7.2.0",
-        "vega-scenegraph": "^4.9.3",
-        "vega-selections": "^5.3.1",
-        "vega-statistics": "^1.7.9",
-        "vega-time": "^2.1.0",
-        "vega-util": "^1.16.0"
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-geo": {
@@ -9288,15 +9317,15 @@
       }
     },
     "node_modules/vega-loader": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.0.tgz",
-      "integrity": "sha512-EkAyzbx0pCYxH3v3wghGVCaKINWxHfgbQ2pYDiYv0yo8e04S8Mv/IlRGTt6BAe7cLhrk1WZ4zh20QOppnGG05w==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.1.tgz",
+      "integrity": "sha512-qy5x32SaT0YkEujQM2yKqvLGV9XWQ2aEDSugBFTdYzu/1u4bxdUSRDREOlrJ9Km3RWIOgFiCkobPmFxo47SKuA==",
       "dependencies": {
         "d3-dsv": "^3.0.1",
         "node-fetch": "^2.6.7",
         "topojson-client": "^3.1.0",
-        "vega-format": "^1.1.0",
-        "vega-util": "^1.16.0"
+        "vega-format": "^1.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-parser": {
@@ -9353,16 +9382,28 @@
       }
     },
     "node_modules/vega-scenegraph": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.0.tgz",
-      "integrity": "sha512-znUQAulNJnuXSza8+Qg1objNpXcHxP9KZwwp0XW4H/AHbzVhHEigZagb8xKDpQI1/8OSk2WZf9Bkr7CrsFC0hg==",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.2.tgz",
+      "integrity": "sha512-R8m6voDZO5+etwNMcXf45afVM3XAtokMqxuDyddRl9l1YqSJfS+3u8hpolJ50c2q6ZN20BQiJwKT1o0bB7vKkA==",
       "dependencies": {
-        "d3-path": "^3.0.1",
-        "d3-shape": "^3.1.0",
-        "vega-canvas": "^1.2.5",
-        "vega-loader": "^4.4.0",
-        "vega-scale": "^7.2.0",
-        "vega-util": "^1.15.2"
+        "d3-path": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "vega-canvas": "^1.2.7",
+        "vega-loader": "^4.5.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-scenegraph/node_modules/vega-scale": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+      "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-schema-url-parser": {
@@ -9371,21 +9412,21 @@
       "integrity": "sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw=="
     },
     "node_modules/vega-selections": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.0.tgz",
-      "integrity": "sha512-Un3JdLDPjIpF9Dh4sw6m1c/QAcfam6m1YXHJ9vJxE/GdJ+sOrPxc7bcEU8VhOmTUN7IQUn4/1ry4JqqOVMbEhw==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.1.tgz",
+      "integrity": "sha512-EtYc4DvA+wXqBg9tq+kDomSoVUPCmQfS7hUxy2qskXEed79YTimt3Hcl1e1fW226I4AVDBEqTTKebmKMzbSgAA==",
       "dependencies": {
-        "d3-array": "3.1.1",
-        "vega-expression": "^5.0.0",
-        "vega-util": "^1.16.0"
+        "d3-array": "3.2.2",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-statistics": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.8.0.tgz",
-      "integrity": "sha512-dl+LCRS6qS4jWDme/NEdPVt5r649uB4IK6Kyr2/czmGA5JqjuFmtQ9lHQOnRu8945XLkqLf+JIQQo7vnw+nslA==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.8.1.tgz",
+      "integrity": "sha512-eRR3LZBusnTXUkc/uunAvWi1PjCJK+Ba4vFvEISc5Iv5xF4Aw2cBhEz1obEt6ID5fGVCTAl0E1LOSFxubS89hQ==",
       "dependencies": {
-        "d3-array": "^3.1.1"
+        "d3-array": "^3.2.2"
       }
     },
     "node_modules/vega-themes": {
@@ -9398,13 +9439,13 @@
       }
     },
     "node_modules/vega-time": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.0.tgz",
-      "integrity": "sha512-Q9/l3S6Br1RPX5HZvyLD/cQ4K6K8DtpR09/1y7D66gxNorg2+HGzYZINH9nUvN3mxoXcBWg4cCUh3+JvmkDaEg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.1.tgz",
+      "integrity": "sha512-z1qbgyX0Af2kQSGFbApwBbX2meenGvsoX8Nga8uyWN8VIbiySo/xqizz1KrP6NbB6R+x5egKmkjdnyNThPeEWA==",
       "dependencies": {
-        "d3-array": "^3.1.1",
-        "d3-time": "^3.0.0",
-        "vega-util": "^1.15.2"
+        "d3-array": "^3.2.2",
+        "d3-time": "^3.1.0",
+        "vega-util": "^1.17.1"
       }
     },
     "node_modules/vega-tooltip": {
@@ -9438,9 +9479,9 @@
       }
     },
     "node_modules/vega-util": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.0.tgz",
-      "integrity": "sha512-HTaydZd9De3yf+8jH66zL4dXJ1d1p5OIFyoBzFiOli4IJbwkL1jrefCKz6AHDm1kYBzDJ0X4bN+CzZSCTvNk1w=="
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.1.tgz",
+      "integrity": "sha512-ToPkWoBdP6awoK+bnYaFhgdqZhsNwKxWbuMnFell+4K/Cb6Q1st5Pi9I7iI5Y6n5ZICDDsd6eL7/IhBjEg1NUQ=="
     },
     "node_modules/vega-view": {
       "version": "5.11.0",
@@ -11306,6 +11347,11 @@
         }
       }
     },
+    "@stencila/brand": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@stencila/brand/-/brand-0.7.31.tgz",
+      "integrity": "sha512-FMQfPjJ9Jeb9B8Q8PgXgV8i1vHEg3boyR3Y+TgQFWShdkQjP61swXCaPAYU41CCUNzwkqUW9wJRgWK6pxpqGjA=="
+    },
     "@stencila/eslint-config-stencil": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@stencila/eslint-config-stencil/-/eslint-config-stencil-2.0.5.tgz",
@@ -11319,6 +11365,22 @@
       "integrity": "sha512-mWvEi6Y+8hQRqlRfJHUPQ/GZUN+rfY7kB7JSx1Cts64PsF+odgJ2AFu+fltnK94jRB8Ohk0B4SPJLnuGLeZGBg==",
       "dev": true
     },
+    "@stencila/style-material": {
+      "version": "0.16.14",
+      "resolved": "https://registry.npmjs.org/@stencila/style-material/-/style-material-0.16.14.tgz",
+      "integrity": "sha512-DWPBDYnsVc0OdBQDxbnApUbzZ410/53Gqw8eO8s7zkeH49IHQtOo081MOaRBEwHbgSFdM6SJkkj/khxIzaGZ6A==",
+      "requires": {
+        "@stencila/brand": "0.7.31"
+      }
+    },
+    "@stencila/style-stencila": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@stencila/style-stencila/-/style-stencila-0.30.0.tgz",
+      "integrity": "sha512-AF9ZJrB8s2XYH1dRH4LxeLHo0zZ+Rrb7Ls2f6f2J6yK6BM8/MAcZO3LzdiXghX9nIaSY0gLcvSElFffXeZTQuA==",
+      "requires": {
+        "@stencila/brand": "0.7.31"
+      }
+    },
     "@tootallnate/once": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
@@ -11625,9 +11687,9 @@
       }
     },
     "@types/estree": {
-      "version": "0.0.50",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
-      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw=="
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+      "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
     },
     "@types/feather-icons": {
       "version": "4.7.0",
@@ -12680,9 +12742,9 @@
       }
     },
     "d3-array": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.1.1.tgz",
-      "integrity": "sha512-33qQ+ZoZlli19IFiQx4QEpf2CBEayMRzhlisJHSCsSUbDXv6ZishqS1x7uFVClKG4Wr7rZVHvaAttoLow6GqdQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
       "requires": {
         "internmap": "1 - 2"
       }
@@ -12713,9 +12775,9 @@
       }
     },
     "d3-color": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.0.1.tgz",
-      "integrity": "sha512-6/SlHkDOBLyQSJ1j1Ghs82OIUXpKWlR0hCsw0XrLSQhuUPuCSmLQ1QPH98vpnQxMUQM2/gfAkUEWsupVpd9JGw=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
     },
     "d3-contour": {
       "version": "3.0.1",
@@ -12786,9 +12848,9 @@
       "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA=="
     },
     "d3-geo": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.0.1.tgz",
-      "integrity": "sha512-Wt23xBych5tSy9IYAM1FR2rWIBFWa52B/oF/GYe5zbdHrg08FU8+BuI6X4PvTwPDdqdAdq04fuWJpELtsaEjeA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
       "requires": {
         "d3-array": "2.5.0 - 3"
       }
@@ -12817,9 +12879,9 @@
       }
     },
     "d3-path": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.0.1.tgz",
-      "integrity": "sha512-gq6gZom9AFZby0YLduxT1qmrp4xpBA1YZr19OI717WIdKE2OM5ETq5qrHLb301IgxhLwcuxvGZVLeeWc/k1I6w=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="
     },
     "d3-polygon": {
       "version": "3.0.1",
@@ -12863,17 +12925,17 @@
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="
     },
     "d3-shape": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.1.0.tgz",
-      "integrity": "sha512-tGDh1Muf8kWjEDT/LswZJ8WF85yDZLvVJpYU9Nq+8+yW1Z5enxrmXOhTArlkaElU+CTn0OTVNli+/i+HP45QEQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
       "requires": {
-        "d3-path": "1 - 3"
+        "d3-path": "^3.1.0"
       }
     },
     "d3-time": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.0.0.tgz",
-      "integrity": "sha512-zmV3lRnlaLI08y9IMRXSDshQb5Nj77smnfpnd2LrBa/2K281Jijactokeak14QacHs/kKq0AQ121nidNYlarbQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
       "requires": {
         "d3-array": "2 - 3"
       }
@@ -16823,9 +16885,9 @@
       }
     },
     "vega-canvas": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.6.tgz",
-      "integrity": "sha512-rgeYUpslYn/amIfnuv3Sw6n4BGns94OjjZNtUc9IDji6b+K8LGS/kW+Lvay8JX/oFqtulBp8RLcHN6QjqPLA9Q=="
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.7.tgz",
+      "integrity": "sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q=="
     },
     "vega-crossfilter": {
       "version": "4.1.0",
@@ -16838,13 +16900,13 @@
       }
     },
     "vega-dataflow": {
-      "version": "5.7.4",
-      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.4.tgz",
-      "integrity": "sha512-JGHTpUo8XGETH3b1V892we6hdjzCWB977ybycIu8DPqRoyrZuj6t1fCVImazfMgQD1LAfJlQybWP+alwKDpKig==",
+      "version": "5.7.5",
+      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.5.tgz",
+      "integrity": "sha512-EdsIl6gouH67+8B0f22Owr2tKDiMPNNR8lEvJDcxmFw02nXd8juimclpLvjPQriqn6ta+3Dn5txqfD117H04YA==",
       "requires": {
-        "vega-format": "^1.0.4",
-        "vega-loader": "^4.3.2",
-        "vega-util": "^1.16.1"
+        "vega-format": "^1.1.1",
+        "vega-loader": "^4.5.1",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-embed": {
@@ -16866,11 +16928,6 @@
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
           "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "bundled": true,
-          "extraneous": true
         }
       }
     },
@@ -16892,12 +16949,12 @@
       "integrity": "sha512-Gls93/+7tEJGE3kUuUnxrBIxtvaNeF01VIFB2Q2Of2hBIBvtHX74jcAdDtkh5UhhoYGD8Q1J30P5cqEBEwtPoQ=="
     },
     "vega-expression": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.0.0.tgz",
-      "integrity": "sha512-y5+c2frq0tGwJ7vYXzZcfVcIRF/QGfhf2e+bV1Z0iQs+M2lI1II1GPDdmOcMKimpoCVp/D61KUJDIGE1DSmk2w==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.0.1.tgz",
+      "integrity": "sha512-atfzrMekrcsuyUgZCMklI5ki8cV763aeo1Y6YrfYU7FBwcQEoFhIV/KAJ1vae51aPDGtfzvwbtVIo3WShFCP2Q==",
       "requires": {
-        "@types/estree": "^0.0.50",
-        "vega-util": "^1.16.0"
+        "@types/estree": "^1.0.0",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-force": {
@@ -16911,33 +16968,47 @@
       }
     },
     "vega-format": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.0.tgz",
-      "integrity": "sha512-6mgpeWw8yGdG0Zdi8aVkx5oUrpJGOpNxqazC2858RSDPvChM/jDFlgRMTYw52qk7cxU0L08ARp4BwmXaI75j0w==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.1.tgz",
+      "integrity": "sha512-Rll7YgpYbsgaAa54AmtEWrxaJqgOh5fXlvM2wewO4trb9vwM53KBv4Q/uBWCLK3LLGeBXIF6gjDt2LFuJAUtkQ==",
       "requires": {
-        "d3-array": "^3.1.1",
+        "d3-array": "^3.2.2",
         "d3-format": "^3.1.0",
         "d3-time-format": "^4.1.0",
-        "vega-time": "^2.0.3",
-        "vega-util": "^1.15.2"
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-functions": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.0.tgz",
-      "integrity": "sha512-Mf53zNyx+c9fFqagEI0T8zc9nMlx0zozOngr8oOpG1tZDKOgwOnUgN99zQKbLHjyv+UzWrq3LYTnSLyVe0ZmhQ==",
-      "requires": {
-        "d3-array": "^3.1.1",
-        "d3-color": "^3.0.1",
-        "d3-geo": "^3.0.1",
-        "vega-dataflow": "^5.7.3",
-        "vega-expression": "^5.0.0",
-        "vega-scale": "^7.2.0",
-        "vega-scenegraph": "^4.9.3",
-        "vega-selections": "^5.3.1",
-        "vega-statistics": "^1.7.9",
-        "vega-time": "^2.1.0",
-        "vega-util": "^1.16.0"
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.1.tgz",
+      "integrity": "sha512-0LhntimnvBl4VzRO/nkCwCTbtaP8bE552galKQbCg88GDxdmcmlsoTCwUzG0vZ/qmNM3IbqnP5k5/um3zwFqLw==",
+      "requires": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-expression": "^5.0.1",
+        "vega-scale": "^7.3.0",
+        "vega-scenegraph": "^4.10.2",
+        "vega-selections": "^5.4.1",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      },
+      "dependencies": {
+        "vega-scale": {
+          "version": "7.3.0",
+          "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+          "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
+          "requires": {
+            "d3-array": "^3.2.2",
+            "d3-interpolate": "^3.0.1",
+            "d3-scale": "^4.0.2",
+            "vega-time": "^2.1.1",
+            "vega-util": "^1.17.1"
+          }
+        }
       }
     },
     "vega-geo": {
@@ -17051,15 +17122,15 @@
       }
     },
     "vega-loader": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.0.tgz",
-      "integrity": "sha512-EkAyzbx0pCYxH3v3wghGVCaKINWxHfgbQ2pYDiYv0yo8e04S8Mv/IlRGTt6BAe7cLhrk1WZ4zh20QOppnGG05w==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.1.tgz",
+      "integrity": "sha512-qy5x32SaT0YkEujQM2yKqvLGV9XWQ2aEDSugBFTdYzu/1u4bxdUSRDREOlrJ9Km3RWIOgFiCkobPmFxo47SKuA==",
       "requires": {
         "d3-dsv": "^3.0.1",
         "node-fetch": "^2.6.7",
         "topojson-client": "^3.1.0",
-        "vega-format": "^1.1.0",
-        "vega-util": "^1.16.0"
+        "vega-format": "^1.1.1",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-parser": {
@@ -17116,16 +17187,30 @@
       }
     },
     "vega-scenegraph": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.0.tgz",
-      "integrity": "sha512-znUQAulNJnuXSza8+Qg1objNpXcHxP9KZwwp0XW4H/AHbzVhHEigZagb8xKDpQI1/8OSk2WZf9Bkr7CrsFC0hg==",
-      "requires": {
-        "d3-path": "^3.0.1",
-        "d3-shape": "^3.1.0",
-        "vega-canvas": "^1.2.5",
-        "vega-loader": "^4.4.0",
-        "vega-scale": "^7.2.0",
-        "vega-util": "^1.15.2"
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.2.tgz",
+      "integrity": "sha512-R8m6voDZO5+etwNMcXf45afVM3XAtokMqxuDyddRl9l1YqSJfS+3u8hpolJ50c2q6ZN20BQiJwKT1o0bB7vKkA==",
+      "requires": {
+        "d3-path": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "vega-canvas": "^1.2.7",
+        "vega-loader": "^4.5.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      },
+      "dependencies": {
+        "vega-scale": {
+          "version": "7.3.0",
+          "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+          "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
+          "requires": {
+            "d3-array": "^3.2.2",
+            "d3-interpolate": "^3.0.1",
+            "d3-scale": "^4.0.2",
+            "vega-time": "^2.1.1",
+            "vega-util": "^1.17.1"
+          }
+        }
       }
     },
     "vega-schema-url-parser": {
@@ -17134,21 +17219,21 @@
       "integrity": "sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw=="
     },
     "vega-selections": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.0.tgz",
-      "integrity": "sha512-Un3JdLDPjIpF9Dh4sw6m1c/QAcfam6m1YXHJ9vJxE/GdJ+sOrPxc7bcEU8VhOmTUN7IQUn4/1ry4JqqOVMbEhw==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.1.tgz",
+      "integrity": "sha512-EtYc4DvA+wXqBg9tq+kDomSoVUPCmQfS7hUxy2qskXEed79YTimt3Hcl1e1fW226I4AVDBEqTTKebmKMzbSgAA==",
       "requires": {
-        "d3-array": "3.1.1",
-        "vega-expression": "^5.0.0",
-        "vega-util": "^1.16.0"
+        "d3-array": "3.2.2",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-statistics": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.8.0.tgz",
-      "integrity": "sha512-dl+LCRS6qS4jWDme/NEdPVt5r649uB4IK6Kyr2/czmGA5JqjuFmtQ9lHQOnRu8945XLkqLf+JIQQo7vnw+nslA==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.8.1.tgz",
+      "integrity": "sha512-eRR3LZBusnTXUkc/uunAvWi1PjCJK+Ba4vFvEISc5Iv5xF4Aw2cBhEz1obEt6ID5fGVCTAl0E1LOSFxubS89hQ==",
       "requires": {
-        "d3-array": "^3.1.1"
+        "d3-array": "^3.2.2"
       }
     },
     "vega-themes": {
@@ -17158,13 +17243,13 @@
       "requires": {}
     },
     "vega-time": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.0.tgz",
-      "integrity": "sha512-Q9/l3S6Br1RPX5HZvyLD/cQ4K6K8DtpR09/1y7D66gxNorg2+HGzYZINH9nUvN3mxoXcBWg4cCUh3+JvmkDaEg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.1.tgz",
+      "integrity": "sha512-z1qbgyX0Af2kQSGFbApwBbX2meenGvsoX8Nga8uyWN8VIbiySo/xqizz1KrP6NbB6R+x5egKmkjdnyNThPeEWA==",
       "requires": {
-        "d3-array": "^3.1.1",
-        "d3-time": "^3.0.0",
-        "vega-util": "^1.15.2"
+        "d3-array": "^3.2.2",
+        "d3-time": "^3.1.0",
+        "vega-util": "^1.17.1"
       }
     },
     "vega-tooltip": {
@@ -17198,9 +17283,9 @@
       }
     },
     "vega-util": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.0.tgz",
-      "integrity": "sha512-HTaydZd9De3yf+8jH66zL4dXJ1d1p5OIFyoBzFiOli4IJbwkL1jrefCKz6AHDm1kYBzDJ0X4bN+CzZSCTvNk1w=="
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.1.tgz",
+      "integrity": "sha512-ToPkWoBdP6awoK+bnYaFhgdqZhsNwKxWbuMnFell+4K/Cb6Q1st5Pi9I7iI5Y6n5ZICDDsd6eL7/IhBjEg1NUQ=="
     },
     "vega-view": {
       "version": "5.11.0",