add details-dialog-element

docs/package-lock.json

@@ -3237,6 +3237,11 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
+    "details-dialog-element": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/details-dialog-element/-/details-dialog-element-1.4.0.tgz",
+      "integrity": "sha512-uvrz/T/4Qiq3fad24YkHo1gizA94CaNLMpGxkYQeS8545RiaKV/WQ0G2OX36FLYXIlEgq4q9vCOqsvaDRKdI/w=="
+    },
     "diffie-hellman": {
       "version": "5.0.3",
       "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",

docs/package.json

@@ -22,6 +22,7 @@
     "chroma-js": "^1.4.1",
     "clipboard-copy-element": "^0.5.0",
     "colorette": "^1.0.7",
+    "details-dialog-element": "^1.4.0",
     "emotion": "9.2.8",
     "emotion-server": "9.2.8",
     "eslint": "4.19.1",

docs/src/DetailsDialog.js

@@ -0,0 +1,6 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+
+export default dynamic(() => {
+  return import('details-dialog-element').then(() => React.createFactory('details-dialog'))
+}, {ssr: false})