@quarto/jupyterlab-quarto 0.1.27

package/package.json

@@ -0,0 +1,120 @@
+{
+    "name": "@quarto/jupyterlab-quarto",
+    "version": "0.1.27",
+    "description": "Jupyter extension to enable authoring of Quarto documents within Juptyerlab Notebooks.",
+    "keywords": [
+        "jupyter",
+        "jupyterlab",
+        "jupyterlab-extension"
+    ],
+    "homepage": "https://github.com/quarto-dev/quarto",
+    "bugs": {
+        "url": "https://github.com/quarto-dev/quarto/issues/"
+    },
+    "license": "BSD-3-Clause",
+    "author": {
+        "name": "Charles Teague",
+        "email": "charles@posit.co"
+    },
+    "files": [
+        "src/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
+        "lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
+        "style/**/*.{css,js,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
+        "schema/*.json"
+    ],
+    "main": "lib/index.js",
+    "types": "lib/index.d.ts",
+    "style": "style/index.css",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/quarto-dev/quarto/quarto.git"
+    },
+    "scripts": {
+        "build": "jlpm build:lib && jlpm build:labextension:dev",
+        "build:prod": "jlpm clean && jlpm build:lib:prod && jlpm build:labextension",
+        "build:labextension": "jupyter labextension build .",
+        "build:labextension:dev": "jupyter labextension build --development True .",
+        "build:lib": "tsc --sourceMap",
+        "build:lib:prod": "tsc",
+        "clean": "jlpm clean:lib",
+        "clean:lib": "rimraf lib tsconfig.tsbuildinfo",
+        "clean:lintcache": "rimraf .eslintcache .stylelintcache",
+        "clean:labextension": "rimraf jupyterlab-quarto/labextension jupyterlab-quarto/_version.py",
+        "clean:all": "jlpm clean:lib && jlpm clean:labextension && jlpm clean:lintcache",
+        "eslint": "jlpm eslint:check --fix",
+        "eslint:check": "eslint . --cache --ext .ts,.tsx",
+        "install:extension": "jlpm build",
+        "lint": "jlpm stylelint && jlpm prettier && jlpm eslint",
+        "lint:check": "jlpm stylelint:check && jlpm prettier:check && jlpm eslint:check",
+        "prettier": "jlpm prettier:base --write --list-different",
+        "prettier:base": "prettier \"**/*{.ts,.tsx,.js,.jsx,.css,.json,.md}\"",
+        "prettier:check": "jlpm prettier:base --check",
+        "stylelint": "jlpm stylelint:check --fix",
+        "stylelint:check": "stylelint --cache \"style/**/*.css\"",
+        "watch": "run-p watch:src watch:labextension",
+        "watch:src": "tsc -w",
+        "watch:labextension": "jupyter labextension watch ."
+    },
+    "dependencies": {
+        "@jupyterlab/application": "^3.0.0",
+        "@jupyterlab/apputils": "^3.0.0",
+        "@jupyterlab/codemirror": "^3.0.0",
+        "@jupyterlab/mainmenu": "^3.0.0",
+        "@jupyterlab/rendermime": "^3.0.0",
+        "@jupyterlab/rendermime-interfaces": "^3.0.0",
+        "@jupyterlab/settingregistry": "^3.0.0",
+        "@jupyterlab/ui-components": "^3.0.0",
+        "@lumino/widgets": "^1.37.1",
+        "js-yaml": "^4.1.0",
+        "markdown-it": "^12.2.3",
+        "markdown-it-attrs": "^4.1.6",
+        "markdown-it-deflist": "^2.0.3",
+        "markdown-it-footnote": "^3.0.2",
+        "markdown-it-implicit-figures": "^0.11.0",
+        "markdown-it-sub": "^1.0.0",
+        "markdown-it-sup": "^1.0.0",
+        "markdown-it-task-lists": "^1.3.0",
+        "mermaid": "^9.1.7",
+        "wcwidth": "^1.0.1"
+    },
+    "devDependencies": {
+        "@jupyterlab/builder": "^3.1.0",
+        "@types/codemirror": "5.60.5",
+        "@types/markdown-it": "^12.2.3",
+        "@types/markdown-it-attrs": "^4.1.0",
+        "@types/mermaid": "^9.1.0",
+        "@types/wcwidth": "^1.0.0",
+        "@typescript-eslint/eslint-plugin": "^4.8.1",
+        "@typescript-eslint/parser": "^4.8.1",
+        "eslint": "^7.14.0",
+        "eslint-config-prettier": "^6.15.0",
+        "eslint-plugin-prettier": "^3.1.4",
+        "npm-run-all": "^4.1.5",
+        "prettier": "^2.1.1",
+        "rimraf": "^3.0.2",
+        "stylelint": "^14.3.0",
+        "stylelint-config-prettier": "^9.0.4",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-config-standard": "~24.0.0",
+        "stylelint-prettier": "^2.0.0",
+        "typescript": "~4.1.3"
+    },
+    "sideEffects": [
+        "style/*.css",
+        "style/index.js"
+    ],
+    "styleModule": "style/index.js",
+    "publishConfig": {
+        "access": "public"
+    },
+    "jupyterlab": {
+        "extension": true,
+        "outputDir": "jupyter-quarto/labextension",
+        "schemaDir": "schema",
+        "disabledExtensions": [
+            "jupyterlab-myst:plugin",
+            "jupyterlab-myst:legacyPlugin",
+            "jupyterlab-myst:executor"
+        ]
+    }
+}

package/schema/plugin.json

@@ -0,0 +1,8 @@
+{
+  "jupyter.lab.shortcuts": [],
+  "title": "jupyterlab-quarto",
+  "description": "jupyterlab-quarto settings.",
+  "type": "object",
+  "properties": {},
+  "additionalProperties": false
+}

package/src/@types/markdown-it-deflist.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-deflist' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItDefList {
+      function deflist_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItDefList: typeof markdownItDefList.deflist_plugin;
+    export = MarkdownItDefList;
+  }

package/src/@types/markdown-it-footnote.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-footnote' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItFootnote {
+      function footnote_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItFootnote: typeof markdownItFootnote.footnote_plugin;
+    export = MarkdownItFootnote;
+  }

package/src/@types/markdown-it-gridtables.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-gridtables' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItGridTables {
+      function gridtables_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownGridTables: typeof markdownItGridTables.gridtables_plugin;
+    export = MarkdownGridTables;
+  }

package/src/@types/markdown-it-implicit-figures.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-implicit-figures' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItImplicitFigures {
+      function implicit_figure_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItImplicitFigures: typeof markdownItImplicitFigures.implicit_figure_plugin;
+    export = MarkdownItImplicitFigures;
+  }

package/src/@types/markdown-it-sub.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-sub' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItSub {
+      function sub_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItSub: typeof markdownItSub.sub_plugin;
+    export = MarkdownItSub;
+  }

package/src/@types/markdown-it-sup.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-sup' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItSup {
+      function sup_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItSup: typeof markdownItSup.sup_plugin;
+    export = MarkdownItSup;
+  }

package/src/@types/markdown-it-task-lists.d.ts

@@ -0,0 +1,10 @@
+declare module 'markdown-it-task-lists' {
+    import MarkdownIt = require('markdown-it');
+  
+    namespace markdownItTaskLists {
+      function tasklists_plugin(md: MarkdownIt): void;
+    }
+  
+    const MarkdownItTaskLists: typeof markdownItTaskLists.tasklists_plugin;
+    export = MarkdownItTaskLists;
+  }

package/style/base.css

@@ -0,0 +1,340 @@
+/*
+    See the JupyterLab Developer Guide for useful CSS Patterns:
+
+    https://jupyterlab.readthedocs.io/en/stable/developer/css.html
+*/
+
+/* Title Block */
+
+.quarto-meta-block {
+  display: grid;
+  grid-template-columns: 50% 50%;
+}
+
+.quarto-meta {
+  margin-bottom: 1.4em;
+}
+
+.quarto-meta-padded {
+  padding-top: .4em;
+}
+
+.quarto-meta p.quarto-meta-title {
+  text-transform: uppercase;
+  font-size: 0.8em;
+}
+
+.quarto-meta p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.quarto-orcid {
+  text-decoration: none;
+}
+
+.quarto-orcid i:before {
+  margin-left: 0.25em;
+  height: 1rem;
+  width: 1rem;
+  display: inline-block;
+  content: "";
+  background-repeat: no-repeat;
+  background-size: 1rem 1rem;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAACmzjmmzjmmzjmmzjmmzjn////0+ebj8MHe7bXT55y82mus0UWmzjmSwCmNJ4LqAAAABnRSTlMAIGC/z+8mlFLTAAAAaElEQVR42k2OsQmAMBRET3CAFG5gbWMv6CBpRT44knM4hU3ESl6bLs5gEUW7x3GPO0k1tJJUAQxS4S3B4VRiCejVcCU2gjosjtO2CyymdSHDOT/A/Eu63NnVZCuoBIBehQc43Df63rgBoFJNFnlCBV4AAAAASUVORK5CYII=");
+}
+
+.quarto-frontmatter {
+  font-size: 0.9em !important;
+  line-height: 0.9em !important;
+}
+
+.quarto-abstract {
+  padding-top: 0.5em;
+}
+
+/* Decorated Divs */
+
+.quarto-div {
+  border: solid 1px var(--jp-border-color0);
+  border-radius: 3px;
+  background-color: #EEEEEE33;
+  padding: 1em;
+  margin-bottom: 1em;
+}
+
+.quarto-attribute-decorator + h1,
+.quarto-attribute-decorator + h2,
+.quarto-attribute-decorator + h3,
+.quarto-attribute-decorator + h4,
+.quarto-attribute-decorator + h5,
+.quarto-attribute-decorator + h6,
+.quarto-attribute-decorator + pre {
+  margin-top: 0 !important;
+}
+
+.quarto-attribute-decorator.quarto-heading-attribute-decorator {
+  transform: translateY(2em);
+}
+
+.quarto-attribute-decorator {
+  margin-top: var(--jp-content-heading-margin-top);
+  padding-right: 1em;
+  display: flex;
+  justify-content: right;
+  background-color: transparent;
+  font-size: 0.7em;
+  transform: translateY(1em);
+}
+
+.quarto-attribute-decorator .quarto-attribute-decorator-content {
+  color: var(--jp-content-font-color1);
+  border: solid 1px var(--jp-border-color1);
+  background-color: var(--jp-input-background);
+  border-radius: 20px;
+  margin-right: 6px;
+  padding-bottom: 2px;
+  padding-left: 7px;
+  padding-right: 7px;
+  white-space: nowrap;
+}
+
+/* Cites and Xrefs */
+.jp-RenderedHTMLCommon :not(pre) > code.cite { 
+  color: var(--jp-content-link-color);
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
+/* Code Blocks */
+.jp-RenderedHTMLCommon pre,
+.jp-RenderedHTMLCommon > pre {
+  margin-left: .1em;
+  margin-right: 0;
+  padding: 0.5em;
+  border: solid 1px var(--jp-border-color0);
+  border-radius: 3px;
+}
+
+/* Tables */
+.quarto-rendered-md.jp-RenderedHTMLCommon table {
+  margin-left: inherit;
+  margin-right: inherit;
+}
+
+/* Callouts */
+/* TODO: Need to automate ingesting this */
+
+.callout {
+  padding: 1em;
+  margin-bottom: 1.5em;
+}
+
+.callout-header {
+  display: flex;
+  align-content: center;
+}
+
+.callout-note h2,
+.callout-warning h2,
+.callout-tip h2,
+.callout-important h2,
+.callout-caution h2 {
+  font-size: 1.1em;
+  font-weight: 700;
+}
+
+/* TODO NEEDS TO BE GENERATED */
+
+.callout {
+  margin-top: 1em;
+  margin-bottom: 1em;  
+  border-radius: .25rem;
+}
+
+.callout-title-container {
+  font-weight: 600;
+  opacity: 80%;
+}
+
+.callout.callout-style-simple { 
+  padding: 0em 0.5em;
+  border-left: solid #acacac .3rem;
+  border-right: solid 1px silver;
+  border-top: solid 1px silver;
+  border-bottom: solid 1px silver;
+  display: flex;
+}
+
+.callout.callout-style-default {
+  border-left: solid #acacac .3rem;
+  border-right: solid 1px silver;
+  border-top: solid 1px silver;
+  border-bottom: solid 1px silver;
+}
+
+.callout .callout-body-container {
+  flex-grow: 1;
+}
+
+.callout.callout-style-simple .callout-body {
+  font-size: 1rem;
+  font-weight: 400;
+}
+
+.callout.callout-style-default .callout-body {
+  font-size: 0.9rem;
+  font-weight: 400;
+}
+
+.callout.callout-titled.callout-style-simple .callout-body {
+  margin-top: 0.2em;
+}
+
+.callout:not(.callout-titled) .callout-body {
+    display: flex;
+}
+
+.callout:not(.no-icon).callout-titled.callout-style-simple .callout-content {
+  padding-left: 1.6em;
+}
+
+.callout.callout-titled .callout-header {
+  padding-top: 0.2em;
+  margin-bottom: -0.2em;
+}
+
+.callout.callout-titled .callout-title  p {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+  
+.callout.callout-titled.callout-style-simple .callout-content  p {
+  margin-top: 0;
+}
+
+.callout.callout-titled.callout-style-default .callout-content  p {
+  margin-top: 0.7em;
+}
+
+.callout.callout-style-simple div.callout-title {
+  border-bottom: none;
+  font-size: .9rem;
+  font-weight: 600;
+  opacity: 75%;
+}
+
+.callout.callout-style-default  div.callout-title {
+  border-bottom: none;
+  font-weight: 600;
+  opacity: 85%;
+  font-size: 0.9rem;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.callout.callout-style-default div.callout-content {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.callout.callout-style-simple .callout-icon::before {
+  height: 1rem;
+  width: 1rem;
+  display: inline-block;
+  content: "";
+  background-repeat: no-repeat;
+  background-size: 1rem 1rem;
+}
+
+.callout.callout-style-default .callout-icon::before {
+  height: 0.9rem;
+  width: 0.9rem;
+  display: inline-block;
+  content: "";
+  background-repeat: no-repeat;
+  background-size: 0.9rem 0.9rem;
+}
+
+.callout-title {
+  display: flex
+}
+  
+.callout-icon::before {
+  padding-right: .5rem;
+}
+
+.callout.no-icon::before {
+  display: none !important;
+}
+
+.callout.callout-titled .callout-body > .callout-content > :last-child {
+  margin-bottom: 0.5rem;
+}
+
+.callout.callout-titled .callout-icon::before {
+  margin-top: .5rem;
+  padding-right: .5rem;
+}
+
+/* Callout Types */
+
+div.callout-note {
+  border-left-color: #4582ec !important;
+}
+
+div.callout-note .callout-icon::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEU0lEQVRYCcVXTWhcVRQ+586kSUMMxkyaElstCto2SIhitS5Ek8xUKV2poatCcVHtUlFQk8mbaaziwpWgglJwVaquitBOfhQXFlqlzSJpFSpIYyXNjBNiTCck7x2/8/LeNDOZxDuEkgOXe++553zfefee+/OYLOXFk3+1LLrRdiO81yNqZ6K9cG0P3MeFaMIQjXssE8Z1JzLO9ls20MBZX7oG8w9GxB0goaPrW5aNMp1yOZIa7Wv6o2ykpLtmAPs/vrG14Z+6d4jpbSKuhdcSyq9wGMPXjonwmESXrriLzFGOdDBLB8Y6MNYBu0dRokSygMA/mrun8MGFN3behm6VVAwg4WR3i6FvYK1T7MHo9BK7ydH+1uurECoouk5MPRyVSBrBHMYwVobG2aOXM07sWrn5qgB60rc6mcwIDJtQrnrEr44kmy+UO9r0u9O5/YbkS9juQckLed3DyW2XV/qWBBB3ptvI8EUY3I9p/67OW+g967TNr3Sotn3IuVlfMLVnsBwH4fsnebJvyGm5GeIUA3jljERmrv49SizPYuq+z7c2H/jlGC+Ghhupn/hcapqmcudB9jwJ/3jvnvu6vu5lVzF1fXyZuZZ7U8nRmVzytvT+H3kilYvH09mLWrQdwFSsFEsxFVs5fK7A0g8gMZjbif4ACpKbjv7gNGaD8bUrlk8x+KRflttr22JEMRUbTUwwDQScyzPgedQHZT0xnx7ujw2jfVfExwYHwOsDTjLdJ2ebmeQIlJ7neo41s/DrsL3kl+W2lWvAga0tR3zueGr6GL78M3ifH0rGXrBC2aAR8uYcIA5gwV8zIE8onoh8u0Fca/ciF7j1uOzEnqcIm59sEXoGc0+z6+H45V1CvAvHcD7THztu669cnp+L0okAeIc6zjbM/24LgGM1gZk7jnRu1aQWoU9sfUOuhrmtaPIO3YY1KLLWZaEO5TKUbMY5zx8W9UJ6elpLwKXbsaZ4EFl7B4bMtDv0iRipKoDQT2sNQI9b1utXFdYisi+wzZ/ri/1m7QfDgEuvgUUEIJPq3DhX/5DWNqIXDOweC2wvIR90Oq3lDpdMIgD2r0dXvGdsEW5H6x6HLRJYU7C69VefO1x8Gde1ZFSJLfWS1jbCnhtOPxmpfv2LXOA2Xk2tvnwKKPFuZ/oRmwBwqRQDcKNeVQkYcOjtWVBuM/JuYw5b6isojIkYxyYAFn5K7ZBF10fea52y8QltAg6jnMqNHFBmGkQ1j+U43HMi2xMar1Nv0zGsf1s8nUsmUtPOOrbFIR8bHFDMB5zL13Gmr/kGlCkUzedTzzmzsaJXhYawnA3UmARpiYj5ooJZiUoxFRtK3X6pgNPv+IZVPcnwbOl6f+aBaO1CNvPW9n9LmCp01nuSaTRF2YxHqZ8DYQT6WsXT+RD6eUztwYLZ8rM+rcPxamv1VQzFUkzFXvkiVrySGQgJNvXHJAxiU3/NwiC03rSf05VBaPtu/Z7/B8Yn/w7eguloAAAAAElFTkSuQmCC');
+}
+
+div.callout-note.callout-style-default .callout-title {
+  background-color: #dae6fb
+}
+
+div.callout-important {
+  border-left-color: #d9534f !important;
+}
+
+div.callout-important .callout-icon::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEKklEQVRYCcVXTWhcVRS+575MJym48A+hSRFr00ySRQhURRfd2HYjk2SSTokuBCkU2o0LoSKKraKIBTcuFCoidGFD08nkBzdREbpQ1EDNIv8qSGMFUboImMSZd4/f9zJv8ibJMC8xJQfO3HPPPef7zrvvvnvviIkpC9nsw0UttFunbUhpFzFtarSd6WJkStVMw5xyVqYTvkwfzuf/5FgtkVoB0729j1rjXwThS7Vio+Mo6DNnvLfahoZ+i/o32lULuJ3NNiz7q6+pyAUkJaFF6JwaM2lUJlV0MlnQn5aTRbEu0SEqHUa0A4AdiGuB1kFXRfVyg5d87+Dg4DL6m2TLAub60ilj7A1Ec4odSAc8X95sHh7+ZRPCFo6Fnp7HfU/fBng/hi10CjCnWnJjsxvDNxWw0NfV6Rv5GgP3I3jGWXumdTD/3cbEOP2ZbOZp69yniG3FQ9z1jD7bnBu9Fc2tKGC2q+uAJOQHBDRiZX1x36o7fWBs7J9ownbtO+n0/qWkvW7UPIfc37WgT6ZGR++EOJyeQDSb9UB+DZ1G6DdLDzyS+b/kBCYGsYgJbSQHuThGKRcw5xdeQf8YdNHsc6ePXrlSYMBuSIAFTGAtQo+VuALo4BX83N190NWZWbynBjhOHsmNfFWLeL6v+ynsA58zDvvAC8j5PkbOcXCMg2PZFk3q8MjI7WAG/Dp9AwP7jdGBOOQkAvlFUB+irtm16I1Zw9YBcpGTGXYmk3kQIC/Cds55l+iMI3jqhjAuaoe+am2Jw5GT3Nbz3CkE12NavmzN5+erJW7046n/CH1RO/RVa8lBLozXk9uqykkGAyRXLWlLv5jyp4RFsG5vGVzpDLnIjTWgnRy2Rr+tDKvRc7Y8AyZq10jj8DqXdnIRNtFZb+t/ZRtXcDiVnzpqx8mPcDWxgARUqx0W1QB9MeUZiNrV4qP+Ehc+BpNgATsTX8ozYKL2NtFYAHc84fG7ndxUPr+AR/iQSns7uSUufAymwDOb2+NjK27lEFocm/EE2WpyIy/Hi66MWuMKJn8RvxIcj87IM5Vh9663ziW36kR0HNenXuxmfaD8JC7tfKbrhFr7LiZCrMjrzTeGx+PmkosrkNzW94ObzwocJ7A1HokLolY+AvkTiD/q1H0cN48c5EL8Crkttsa/AXQVDmutfyku0E7jShx49XqV3MFK8IryDhYVbj7Sj2P2eBxwcXoe8T8idsKKPRcnZw1b+slFTubwUwhktrfnAt7J++jwQtLZcm3sr9LQrjRzz6cfMv9aLvgmnAGvpoaGLxM4mAEaLV7iAzQ3oU0IvD5x9ix3yF2RAAuYAOO2f7PEFWCXZ4C9Pb2UsgDeVnFSpbFK7/IWu7TPTvBqzbGdCHOJQSxiEjt6IyZmxQyEJHv6xyQsYk//moVFsN2zP6fRImjfq7/n/wFDguUQFNEwugAAAABJRU5ErkJggg==');
+}
+
+div.callout-important.callout-style-default .callout-title {
+  background-color: #f7dddc
+}
+
+div.callout-warning {
+  border-left-color: #f0ad4e !important;
+}
+
+div.callout-warning .callout-icon::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAETklEQVRYCeVWW2gcVRg+58yaTUnizqbipZeX4uWhBEniBaoUX1Ioze52t7sRq6APio9V9MEaoWlVsFasRq0gltaAPuxms8lu0gcviE/FFOstVbSIxgcv6SU7EZqmdc7v9+9mJtNks51NTUH84ed889/PP+cmxP+d5FIbMJmNbpREu4WUkiTtCicKny0l1pIKmBzovF2S+hIJHX8iEu3hZJ5lNZGqyRrGSIQpq15AzF28jgpeY6yk6GVdrfFqdrD6Iw+QlB8g0YS2g7dyQmXM/IDhBhT0UCiRf59lfqmmDvzRt6kByV/m4JjtzuaujMUM2c5Z2d6JdKrRb3K2q6mA+oYVz8JnDdKPmmNthzkAk/lN63sYPgevrguc72aZX/L9C6x09GYyxBgCX4NlvyGUHOKELlm5rXeR1kchuChJt4SSwyddZRXgvwMGvYo4QSlk3/zkHD8UHxwVJA6zjZZqP8v8kK8OWLnIZtLyCAJagYC4rTGW/9Pqj92N/c+LUaAj27movwbi19tk/whRCIE7Q9vyI6yvRpftAKVTdUjOW40X3h5OXsKCdmFcx0xlLJoSuQngnrJe7Kcjm4OMq9FlC7CMmScQANuNvjfP3PjGXDBaUQmbp296S5L4DrpbrHN1T87ZVEZVCzg1FF0Ft+dKrlLukI+/c9ENo+TvlTDbYFvuKPtQ9+l052rXrgKoWkDAFnvh0wTOmYn8R5f4k/jN/fZiCM1tQx9jQQ4ANhqG4hiL0qIFTGViG9DKB7GYzgubnpofgYRwO+DFjh0Zin2m4b/97EDkXkc+f6xYAPX0KK2I/7fUQuwzuwo/L3AkcjugPNixC8cHf0FyPjWlItmLxWw4Ou9YsQCr5fijMGoD/zpdRy95HRysyXA74MWOnscpO4j2y3HAVisw85hX5+AFBRSHt4ShfLFkIMXTqyKFc46xdzQM6XbAi702a7sy04J0+feReMFKp5q9esYLCqAZYw/k14E/xcLLsFElaornTuJB0svMuJINy8xkIYuL+xPAlWRceH6+HX7THJ0djLUom46zREu7tTkxwmf/FdOZ/sh6Q8qvEAiHpm4PJ4a/doJe0gH1t+aHRgCzOvBvJedEK5OFE5jpm4AGP2a8Dxe3gGJ/pAutug9Gp6he92CsSsWBaEcxGx0FHytmIpuqGkOpldqNYQK8cSoXvd+xLxXADw0kf6UkJNFtdo5MOgaLjiQOQHcn+A6h5NuL2s0qsC2LOM75PcF3yr5STuBSAcGG+meA14K/CI21HcS4LBT6tv0QAh8Dr5l93AhZzG5ZJ4VxAqdZUEl9z7WJ4aN+svMvwHHL21UKTd1mqvChH7/Za5xzXBBKrUcB0TQ+Ulgkfbi/H/YT5EptrGzsEK7tR1B7ln9BBwckYfMiuSqklSznIuoIIOM42MQO+QnduCoFCI0bpkzjCjddHPN/F+2Yu+sd9bKNpVwHhbS3LluK/0zgfwD0xYI5dXuzlQAAAABJRU5ErkJggg==');
+}
+
+div.callout-warning.callout-style-default .callout-title {
+  background-color: #fcefdc
+}
+
+div.callout-tip {
+  border-left-color: #02b875 !important;
+}
+
+div.callout-tip .callout-icon::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADr0lEQVRYCe1XTWgTQRj9ZjZV8a9SPIkKgj8I1bMHsUWrqYLVg4Ue6v9BwZOxSYsIerFao7UiUryIqJcqgtpimhbBXoSCVxUFe9CTiogUrUp2Pt+3aUI2u5vdNh4dmMzOzHvvezuz8xNFM0mjnbXaNu1MvFWRXkXEyE6aYOYJpdW4IXuA4r0fo8qqSMDBU0v1HJUgVieAXxzCsdE/YJTdFcVIZQNMyhruOMJKXYFoLfIfIvVIMWdsrd+Rpd86ZmyzzjJmLStqRn0v8lzkb4rVIXvnpScOJuAn2ACC65FkPzEdEy4TPWRLJ2h7z4cArXzzaOdKlbOvKKX25Wl00jSnrwVxAg3o4dRxhO13RBSdNvH0xSARv3adTXbBdTf64IWO2vH0LT+cv4GR1DJt+DUItaQogeBX/chhbTBxEiZ6gftlDNXTrvT7co4ub5A6gp9HIcHvzTa46OS5fBeP87Qm0fQkr4FsYgVQ7Qg+ZayaDg9jhg1GkWj8RG6lkeSacrrHgDaxdoBiZPg+NXV/KifMuB6//JmYH4CntVEHy/keA6x4h4CU5oFy8GzrBS18cLJMXcljAKB6INjWsRcuZBWVaS3GDrqB7rdapVIeA+isQ57Eev9eCqzqOa81CY05VLd6SamW2wA2H3SiTbnbSxmzfp7WtKZkqy4mdyAlGx7ennghYf8voqp9cLSgKdqNfa6RdRsAAkPwRuJZNbpByn+RrJi1RXTwdi8RQF6ymDwGMAtZ6TVE+4uoKh+MYkcLsT0Hk8eAienbiGdjJHZTpmNjlbFJNKDVAp2fJlYju6IreQxQ08UJDNYdoLSl6AadO+fFuCQqVMB1NJwPm69T04Wv5WhfcWyfXQB+wXRs1pt+nCknRa0LVzSA/2B+a9+zQJadb7IyyV24YAxKp2Jqs3emZTuNnKxsah+uabKbMk7CbTgJx/zIgQYErIeTKRQ9yD9wxVof5YolPHqaWo7TD6tJlh7jQnK5z2n3+fGdggIOx2kaa2YI9QWarc5Ce1ipNWMKeSG4DysFF52KBmTNMmn5HqCFkwy34rDg05gDwgH3bBi+sgFhN/e8QvRn8kbamCOhgrZ9GJhFDgfcMHzFb6BAtjKpFhzTjwv1KCVuxHvCbsSiEz4CANnj84cwHdFXAbAOJ4LTSAawGWFn5tDhLMYz6nWeU2wJfIhmIJBefcd/A5FWQWGgrWzyORZ3Q6HuV+Jf0Bj+BTX69fm1zWgK7By1YTXchFDORywnfQ7GpzOo6S+qECrsx2ifVQAAAABJRU5ErkJggg==');
+}
+
+div.callout-tip.callout-style-default .callout-title {
+  background-color: #ccf1e3
+}
+
+div.callout-caution {
+  border-left-color: #fd7e14 !important;
+}
+
+div.callout-caution .callout-icon::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACV0lEQVRYCdVWzWoUQRCuqp2ICBLJXgITZL1EfQDBW/bkzUMUD7klD+ATSHBEfAIfQO+iXsWDxJsHL96EHAwhgzlkg8nBg25XWb0zIb0zs9muYYWkoKeru+vn664fBqElyZNuyh167NXJ8Ut8McjbmEraKHkd7uAnAFku+VWdb3reSmRV8PKSLfZ0Gjn3a6Xlcq9YGb6tADjn+lUfTXtVmaZ1KwBIvFI11rRXlWlatwIAAv2asaa9mlB9wwygiDX26qaw1yYPzFXg2N1GgG0FMF8Oj+VIx7E/03lHx8UhvYyNZLN7BwSPgekXXLribw7w5/c8EF+DBK5idvDVYtEEwMeYefjjLAdEyQ3M9nfOkgnPTEkYU+sxMq0BxNR6jExrAI31H1rzvLEfRIdgcv1XEdj6QTQAS2wtstEALLG1yEZ3QhH6oDX7ExBSFEkFINXH98NTrme5IOaaA7kIfiu2L8A3qhH9zRbukdCqdsA98TdElyeMe5BI8Rs2xHRIsoTSSVFfCFCWGPn9XHb4cdobRIWABNf0add9jakDjQJpJ1bTXOJXnnRXHRf+dNL1ZV1MBRCXhMbaHqGI1JkKIL7+i8uffuP6wVQAzO7+qVEbF6NbS0LJureYcWXUUhH66nLR5rYmva+2tjRFtojkM2aD76HEGAD3tPtKM309FJg5j/K682ywcWJ3PASCcycH/22u+Bh7Aa0ehM2Fu4z0SAE81HF9RkB21c5bEn4Dzw+/qNOyXr3DCTQDMBOdhi4nAgiFDGCinIa2owCEChUwD8qzd03PG+qdW/4fDzjUMcE1ZpIAAAAASUVORK5CYII=');
+}
+
+div.callout-caution.callout-style-default .callout-title {
+  background-color: #ffe5d0
+}

package/style/index.css

@@ -0,0 +1 @@
+@import url('base.css');

package/style/index.js

@@ -0,0 +1 @@
+import './base.css';