From 65982fda4cab08c75359acfa39f52f3aa379c595 Mon Sep 17 00:00:00 2001
From: Christian Kienle <christian.kienle@sap.com>
Date: Mon, 1 Jul 2019 20:00:19 +0200
Subject: [PATCH] feat: new documentation, lots of small improvements

---
 .eslintrc.js                                  |    4 +-
 .gitignore                                    |    2 +-
 .vscode/settings.json                         |   24 -
 DEVELOPING.md                                 |    6 +
 README.md                                     |   42 +-
 SIZES.csv                                     |    1 +
 babel.config.js                               |   27 +-
 bili-babel.config.js                          |   17 +
 bili.config.js                                |    8 +
 jest.config.js                                |   12 +-
 loaders/block-loader.js                       |    2 +
 loaders/remove-docs-loader.js                 |    2 +
 loaders/tsconfig.json                         |   32 +
 loaders/vuese-loader.js                       |   21 +
 netlify.toml                                  |    2 +-
 package.json                                  |   40 +-
 .../ContextButton/ContextButton.vue           |    1 +
 src/components/Counter/Counter.vue            |    1 +
 src/components/DatePicker/DatePicker.vue      |    6 +
 src/components/Identifier/Identifier.vue      |    2 +-
 src/components/Layout/App/App.vue             |   15 -
 src/components/Layout/App/_app.vue            |   14 +
 .../Layout/App/{AppMain.vue => app-main.vue}  |    4 +-
 .../{AppNavigation.vue => app-navigation.vue} |    0
 src/components/Layout/Shell/Shell.vue         |    9 -
 src/components/Layout/Shell/_shell.vue        |   16 +
 src/components/Layout/Shell/shell-app.vue     |   12 +
 .../{ShellFooter.vue => shell-footer.vue}     |    8 +-
 .../{ShellHeader.vue => shell-header.vue}     |    6 +-
 src/components/Layout/index.js                |   17 +-
 src/directives/click-out.js                   |    1 +
 src/directives/modal.js                       |    2 +
 src/docs/App.vue                              |   18 +-
 src/docs/DocumentationLoader/index.js         |   54 -
 src/docs/_node/component-name.js              |  100 +
 src/docs/_node/deslugify.js                   |   20 +
 src/docs/_node/get-example-collections.js     |   25 -
 src/docs/_node/kebab-case.js                  |    9 +
 src/docs/_node/markdown-plugins/index.js      |   17 +
 .../markdown-it-plugin-component-api-link.js  |   21 +
 .../markdown-it-plugin-make-styleable.js      |   39 +
 .../markdown-it-plugin-related-components.js  |   30 +
 .../markdown-it-plugin-slot.js                |   37 +
 .../markdown-it-plugin-tip.js                 |   30 +
 src/docs/_node/markdown/highlight.js          |   73 +
 src/docs/_node/slugify.js                     |    2 +
 src/docs/_pages/example-collection-page.vue   |    7 +
 .../component-api-repository.test.js          |    9 -
 src/docs/component-api-repository/index.js    |   39 -
 src/docs/components/ComponentExample.vue      |  139 -
 src/docs/components/ExampleCollection.vue     |   88 -
 src/docs/components/ExpandTransition.vue      |    2 +-
 src/docs/components/FullscreenDemo.vue        |   21 -
 src/docs/components/StaticContent.vue         |  123 -
 src/docs/components/component-api-link.vue    |   29 -
 src/docs/components/component-picker.vue      |   82 -
 .../{CodeView.vue => d-code-view.vue}         |   57 +-
 .../d-component-api-link-target.vue           |   27 +
 src/docs/components/d-component-api-link.vue  |   57 +
 src/docs/components/d-component-api.vue       |  138 +-
 src/docs/components/d-component-picker.vue    |   88 +
 src/docs/components/d-example-collection.vue  |   57 +
 src/docs/components/d-example-fullscreen.vue  |   28 +
 src/docs/components/d-example/_d-example.scss |    4 +
 .../components/d-example/d-example-footer.vue |   82 +
 src/docs/components/d-example/d-example.vue   |  108 +
 .../components/d-example/d-toolbar-item.vue   |   13 +
 src/docs/components/d-md-provide-content.js   |   21 +
 src/docs/components/d-md-slot.vue             |   39 +
 .../d-playground-button/_package.json         |   40 +
 .../d-playground-button.vue                   |   96 +
 .../d-related-components-section.vue          |   17 +
 src/docs/components/d-related-components.vue  |   53 +
 src/docs/components/{Tip.vue => d-tip.vue}    |   19 +-
 src/docs/components/doc/component-doc.vue     |   88 -
 src/docs/components/index.js                  |   46 +-
 src/docs/content/en_us/action-bar.md          |   16 +
 src/docs/content/en_us/alert.md               |   35 +
 src/docs/content/en_us/badge.md               |   10 +
 src/docs/content/en_us/breadcrumb.md          |   12 +
 src/docs/content/en_us/button.md              |  104 +
 src/docs/content/en_us/calendar.md            |  105 +
 src/docs/content/en_us/colors.md              |    8 +
 src/docs/content/en_us/combobox.md            |   34 +
 src/docs/content/en_us/container.md           |   30 +
 src/docs/content/en_us/context-menu.md        |   19 +
 src/docs/content/en_us/counter.md             |   16 +
 src/docs/content/en_us/date-input.md          |   23 +
 src/docs/content/en_us/date-picker.md         |   45 +
 .../content/en_us/design-system-utilities.md  |   47 +
 src/docs/content/en_us/directives.md          |   12 +
 src/docs/content/en_us/dropdown.md            |   26 +
 src/docs/content/en_us/form.md                |   74 +
 src/docs/content/en_us/icon.md                |   16 +
 src/docs/content/en_us/identifier.md          |   40 +
 src/docs/content/en_us/image.md               |    9 +
 src/docs/content/en_us/index.js               |  109 +
 src/docs/content/en_us/inline-help.md         |    9 +
 src/docs/content/en_us/input-group.md         |   37 +
 src/docs/content/en_us/label.md               |    9 +
 src/docs/content/en_us/link.md                |   26 +
 src/docs/content/en_us/list-group.md          |   19 +
 src/docs/content/en_us/menu-popover.md        |   23 +
 src/docs/content/en_us/menu.md                |   86 +
 src/docs/content/en_us/modal.md               |   37 +
 src/docs/content/en_us/pagination.md          |    9 +
 src/docs/content/en_us/panel.md               |   39 +
 .../en_us/popover.md}                         |   55 +-
 src/docs/content/en_us/search-input.md        |   38 +
 src/docs/content/en_us/section.md             |   28 +
 src/docs/content/en_us/shell-bar.md           |   54 +
 src/docs/content/en_us/shell.md               |   12 +
 src/docs/content/en_us/side-navigation.md     |   41 +
 src/docs/content/en_us/spinner.md             |   10 +
 src/docs/content/en_us/status.md              |   22 +
 src/docs/content/en_us/table.md               |  168 +
 src/docs/content/en_us/tabs.md                |   10 +
 src/docs/content/en_us/tile-grid.md           |   34 +
 src/docs/content/en_us/tile.md                |   36 +
 src/docs/content/en_us/time-picker.md         |   32 +
 src/docs/content/en_us/toggle.md              |   33 +
 src/docs/content/en_us/token.md               |    9 +
 src/docs/content/en_us/virtualized-list.md    |   87 +
 .../content/examples/action-bar/0-full.vue    |    7 +
 .../examples/action-bar}/1-title-slot.vue     |    4 +-
 .../examples/alert/default.vue}               |    5 +-
 src/docs/content/examples/alert/error.vue     |   11 +
 .../content/examples/alert/information.vue    |   13 +
 src/docs/content/examples/alert/success.vue   |   11 +
 src/docs/content/examples/alert/vmodel.vue    |   22 +
 src/docs/content/examples/alert/warning.vue   |   13 +
 .../examples/badge}/default.vue               |    1 -
 .../examples/breadcrumb}/default.vue          |    4 +-
 .../examples/button/groups-compact.vue        |   30 +
 src/docs/content/examples/button/groups.vue   |   29 +
 .../examples/button/icons.vue}                |    2 -
 .../examples/button/sizes.vue}                |    3 -
 .../button/split-button-playground.vue}       |   11 -
 .../examples/button/split-button-popover.vue} |    4 -
 .../examples/button/states.vue}               |    2 -
 .../examples/button/styling.vue}              |    2 -
 .../examples/calendar/bindings.vue}           |    4 -
 .../examples/calendar/blocked-items.vue}      |    2 -
 .../content/examples/calendar/buttons.vue     |   30 +
 .../examples/calendar/custom-names.vue}       |    6 -
 .../examples/calendar/default-date.vue        |    5 +
 .../content/examples/calendar/default.vue     |    5 +
 .../examples/calendar/disabled-items.vue}     |    2 -
 .../examples/calendar/first-day-of-week.vue   |    5 +
 .../content/examples/calendar/no-header.vue   |    5 +
 .../examples/calendar/popover.vue}            |   10 +-
 .../examples/calendar/selection-range.vue     |    5 +
 .../examples/colors}/all.vue                  |    2 -
 .../examples/combobox/custom-menu.vue}        |    5 -
 .../content/examples/combobox/default.vue     |   21 +
 src/docs/content/examples/combobox/sizes.vue  |   33 +
 .../container/0-container-default.vue         |    3 +
 .../examples/container/1-container-fluid.vue  |    3 +
 .../container}/2-container-centered.vue       |    1 -
 .../3-container-fluid-with-cols.vue           |    1 -
 .../context-menu-custom-button.vue}           |    6 -
 .../context-menu/context-menu-default.vue}    |    2 -
 .../examples/counter/default.vue}             |    1 -
 .../examples/counter/notification-center.vue  |    5 +
 .../date-input/date-input-default.vue         |   11 +
 .../examples/date-input/date-input-range.vue} |    2 -
 .../date-input/date-input-vmodel.vue}         |    2 -
 .../date-picker/date-picker-custom.vue}       |   10 -
 .../date-picker/date-picker-default.vue       |   28 +
 .../design-system-utilities/font-family.vue}  |    2 -
 .../design-system-utilities/font-type.vue}    |    2 -
 .../design-system-utilities/font-weight.vue}  |    2 -
 .../design-system-utilities/margin.vue}       |    6 +-
 .../design-system-utilities/padding.vue}      |    7 +-
 .../remove-padding.vue}                       |    7 +-
 .../examples/directives/icon.vue}             |   13 +-
 .../examples/dropdown/default-dropdown.vue}   |    1 -
 .../examples/dropdown/disabled-dropdown.vue}  |    1 -
 .../examples/dropdown/icon-dropdown.vue}      |    1 -
 .../examples/dropdown/toolbar-dropdown.vue}   |    1 -
 .../examples/form/binding.vue}                |   11 +-
 .../examples/form/checkbox.vue}               |    7 -
 .../examples/form/mixing-model.vue}           |   10 +-
 .../examples/form/radio.vue}                  |    1 -
 .../examples/form/select-model.vue}           |    4 +-
 .../examples/form/select.vue}                 |    2 -
 src/docs/content/examples/form/states.vue     |   37 +
 src/docs/content/examples/icon/all-icons.vue  |  650 +++
 .../Icon => content/examples/icon}/icon.vue   |    2 -
 .../examples/identifier/accent.vue}           |    2 -
 .../examples/identifier/sizes.vue}            |   16 -
 .../examples/identifier/types.vue}            |    7 -
 .../examples/image/image.vue}                 |    2 -
 src/docs/content/examples/index.js            |   65 +
 .../examples/inline-help}/default.vue         |    2 -
 .../input-group/input-group-compact.vue}      |    1 -
 .../input-group/input-group-search.vue}       |    8 -
 .../input-group-slot-addon-button.vue}        |    2 -
 .../input-group-slot-addon-icon.vue}          |    2 -
 .../input-group-slot-addon-text.vue           |   21 +
 src/docs/content/examples/label/default.vue   |    8 +
 src/docs/content/examples/link/default.vue    |   36 +
 .../examples/list-group/action.vue}           |   11 +-
 .../examples/list-group/checkboxes.vue}       |    2 -
 .../examples/list-group/simple.vue}           |    3 -
 .../menu-popover/default-menu-popover.vue}    |    4 -
 .../menu-popover/menu-popover-placement.vue}  |    4 -
 src/docs/content/examples/menu/menu-addon.vue |   13 +
 src/docs/content/examples/menu/menu-group.vue |   24 +
 .../examples/menu/menu-selection.vue}         |   12 -
 .../content/examples/menu/menu-separated.vue  |   10 +
 src/docs/content/examples/menu/menu.vue       |   26 +
 .../content/examples/menu/menuitem-link.vue   |   14 +
 .../examples/modal/0-default-modal.vue        |   25 +
 .../content/examples/modal/default-modal.vue  |   25 +
 .../examples/modal/nested-modals.vue}         |    6 +-
 .../content/examples/pagination/default.vue   |   24 +
 src/docs/content/examples/panel/cols-2.vue    |    8 +
 src/docs/content/examples/panel/cols-4.vue    |   12 +
 src/docs/content/examples/panel/cols-5.vue    |   14 +
 src/docs/content/examples/panel/cols-6.vue    |   16 +
 .../content/examples/panel/default-grid.vue   |    9 +
 src/docs/content/examples/panel/nogap.vue     |    9 +
 src/docs/content/examples/panel/span.vue      |   19 +
 .../examples/panel/structure.vue}             |    6 +-
 .../examples/popover/custom-content.vue       |   15 +
 .../examples/popover/custom-controls.vue      |   16 +
 .../examples/popover/default-popover.vue      |   16 +
 .../examples/popover/placement-options.vue    |  149 +
 .../examples/search-input/completions.vue     |   27 +
 .../examples/search-input/confirm-on-tab.vue} |    6 -
 .../examples/search-input/default.vue}        |    2 -
 src/docs/content/examples/section/grid.vue    |   11 +
 src/docs/content/examples/section/header.vue  |    5 +
 src/docs/content/examples/section/panels.vue  |   20 +
 .../content/examples/section/structure.vue    |    7 +
 .../content/examples/shell-bar/actions.vue    |   54 +
 .../content/examples/shell-bar/minimal.vue    |   53 +
 .../content/examples/shell-bar/products.vue   |  168 +
 src/docs/content/examples/shell/default.vue   |   21 +
 .../data-driven-complex-sync.vue}             |    4 -
 .../examples/side-navigation/dynamic.vue}     |   15 -
 src/docs/content/examples/spinner/default.vue |    5 +
 src/docs/content/examples/status/default.vue  |    8 +
 .../examples/status/status-custom-icon.vue    |    8 +
 .../content/examples/status/status-icon.vue   |    8 +
 .../examples/table/complex.vue}               |   42 +-
 src/docs/content/examples/table/default.vue   |   36 +
 .../examples/table/dynamic-columns.vue}       |    0
 .../examples/table/fixed-col.vue}             |    9 -
 .../examples/table/no-border.vue}             |    6 -
 .../examples/table/performance-test.vue}      |   12 +-
 .../examples/table/select-by-row-click.vue    |    2 -
 .../examples/table/selection-modes.vue}       |   11 -
 .../examples/table/stripes.vue}               |    5 -
 .../examples/table/with-components.vue}       |    9 -
 .../examples/tabs/default.vue}                |   22 +-
 .../tile-grid/tile-grid--col-2-with-tile.vue} |    2 -
 .../tile-grid/tile-grid--col-3-with-tile.vue} |    2 -
 .../tile-grid/tile-grid--col-4-with-tile.vue} |    2 -
 .../tile-grid/tile-grid--col-5-with-tile.vue} |    0
 .../tile-grid/tile-grid--col-6-with-tile.vue} |    0
 .../tile-grid--col-and-prod-tile.vue}         |    2 -
 .../tile-grid/tile-grid--span-helpers.vue}    |    2 -
 .../examples/tile/actions.vue}                |    2 -
 .../examples/tile/button.vue}                 |    6 -
 .../examples/tile/media.vue}                  |    2 -
 .../examples/tile/product-tile-button.vue}    |    2 -
 .../examples/tile/product-tile-default.vue}   |    2 -
 .../examples/tile/tile-default.vue}           |    2 -
 .../examples/time-picker/default.vue}         |    9 +-
 .../examples/time-picker/multiple-times.vue}  |    8 +-
 .../content/examples/time-picker/time.vue     |   16 +
 .../examples/toggle/default.vue}              |    5 -
 .../examples/toggle/sizes.vue}                |   41 +-
 .../examples/toggle/v-model.vue}              |    9 +-
 src/docs/content/examples/token/default.vue   |   18 +
 .../virtualized-list-default.vue              |   40 +
 .../virtualized-list-filter.vue}              |    2 -
 .../virtualized-list-initial-load.vue}        |    2 -
 .../virtualized-list-loading-more.vue         |   45 +
 .../virtualized-list-mutate.vue}              |    8 -
 .../virtualized-list-reset.vue}               |    2 -
 .../documented-component.js                   |   23 +
 src/docs/get-documented-components/index.js   |   31 +
 .../get-documented-components/vue-plugin.js   |   30 +
 src/docs/index.js                             |   73 +-
 ...DefaultLayout.vue => d-default-layout.vue} |    9 +-
 ...reenLayout.vue => d-fullscreen-layout.vue} |    0
 src/docs/layouts/default/ShellBar.vue         |   39 +-
 src/docs/layouts/default/SideNav.vue          |   10 +-
 src/docs/layouts/index.js                     |   11 +
 src/docs/main.scss                            |    6 +-
 src/docs/pages/Action Bar/0-full.vue          |    9 -
 src/docs/pages/Action Bar/index.js            |    3 -
 src/docs/pages/Alert/1-warning.vue            |   13 -
 src/docs/pages/Alert/2-error.vue              |   12 -
 src/docs/pages/Alert/3-information.vue        |   12 -
 src/docs/pages/Alert/4-success.vue            |   13 -
 src/docs/pages/Alert/5-vmodel.vue             |   24 -
 src/docs/pages/Alert/index.js                 |    3 -
 src/docs/pages/Badge/index.js                 |    3 -
 src/docs/pages/Breadcrumb/index.js            |    3 -
 src/docs/pages/Button/4-groups.vue            |   65 -
 src/docs/pages/Button/5-groups-compact.vue    |   33 -
 src/docs/pages/Button/index.js                |    3 -
 src/docs/pages/Calendar/0-default.vue         |   15 -
 src/docs/pages/Calendar/1-selection-range.vue |    7 -
 src/docs/pages/Calendar/10-no-header.vue      |   11 -
 src/docs/pages/Calendar/7-buttons.vue         |   33 -
 .../pages/Calendar/8-first-day-of-week.vue    |   14 -
 src/docs/pages/Calendar/9-default-date.vue    |   14 -
 src/docs/pages/Calendar/index.js              |    3 -
 src/docs/pages/Colors/index.js                |    3 -
 src/docs/pages/Combobox/0-default.vue         |   41 -
 src/docs/pages/Combobox/1-sizes.vue           |   35 -
 src/docs/pages/Combobox/index.js              |    3 -
 .../pages/Container/0-container-default.vue   |    8 -
 .../1-container-fluid-default copy.vue        |    9 -
 src/docs/pages/Container/index.js             |    3 -
 src/docs/pages/Context Menu/index.js          |    3 -
 .../pages/Counter/2-NotificationCounter.vue   |    9 -
 src/docs/pages/Counter/index.js               |    3 -
 .../pages/Date Input/0-date-input-default.vue |   15 -
 src/docs/pages/Date Input/index.js            |    3 -
 .../Date Picker/0-date-picker-default.vue     |   52 -
 src/docs/pages/Date Picker/index.js           |    3 -
 src/docs/pages/Design System Utils/index.js   |    3 -
 src/docs/pages/Directives/index.js            |    3 -
 src/docs/pages/Dropdown/index.js              |    3 -
 src/docs/pages/Form/3-states.vue              |   39 -
 src/docs/pages/Form/index.js                  |   15 -
 src/docs/pages/Icon/index.js                  |    3 -
 src/docs/pages/Identifier/index.js            |    3 -
 src/docs/pages/Image/index.js                 |    3 -
 src/docs/pages/Inline Help/index.js           |    3 -
 src/docs/pages/Input Group/index.js           |    3 -
 src/docs/pages/Label/default.vue              |    9 -
 src/docs/pages/Label/index.js                 |    3 -
 src/docs/pages/Link/default.vue               |   52 -
 src/docs/pages/Link/index.js                  |    3 -
 src/docs/pages/List Group/index.js            |    3 -
 src/docs/pages/Menu Popover/index.js          |    3 -
 src/docs/pages/Menu/1-menu.vue                |   37 -
 src/docs/pages/Menu/2-menuitem-link.vue       |   34 -
 src/docs/pages/Menu/3-menu-group.vue          |   27 -
 src/docs/pages/Menu/4-menu-addon.vue          |   16 -
 src/docs/pages/Menu/5-menu-separated.vue      |   15 -
 src/docs/pages/Menu/index.js                  |    3 -
 src/docs/pages/Modal/0-default-modal.vue      |   43 -
 src/docs/pages/Modal/index.js                 |    3 -
 src/docs/pages/Pagination/Example.vue         |   17 -
 src/docs/pages/Pagination/index.js            |    3 -
 src/docs/pages/Panel/1-default-grid.vue       |   11 -
 src/docs/pages/Panel/2-nogap.vue              |   11 -
 src/docs/pages/Panel/5-cols-2-.vue            |   10 -
 src/docs/pages/Panel/5-cols-4.vue             |   14 -
 src/docs/pages/Panel/5-cols-5.vue             |   16 -
 src/docs/pages/Panel/5-cols-6.vue             |   18 -
 src/docs/pages/Panel/index.js                 |    3 -
 src/docs/pages/Panel/span.vue                 |   21 -
 .../pages/Popover/1-placement-options.vue     |  152 -
 src/docs/pages/Popover/3-custom-content.vue   |   16 -
 src/docs/pages/Popover/4-custom-controls.vue  |   18 -
 src/docs/pages/Popover/index.js               |    3 -
 .../Search Input/2-Search-Completions.vue     |   37 -
 src/docs/pages/Search Input/index.js          |    3 -
 src/docs/pages/Section/0-structure.vue        |    9 -
 src/docs/pages/Section/1-header.vue           |    7 -
 src/docs/pages/Section/2-panels.vue           |   22 -
 src/docs/pages/Section/3-grid.vue             |   13 -
 src/docs/pages/Section/index.js               |    3 -
 src/docs/pages/Shell Bar/0-minimal.vue        |   56 -
 src/docs/pages/Shell Bar/1-actions.vue        |   57 -
 src/docs/pages/Shell Bar/3-products.vue       |  171 -
 src/docs/pages/Shell Bar/index.js             |   18 -
 src/docs/pages/Shell/default.vue              |   81 -
 src/docs/pages/Shell/index.js                 |    3 -
 src/docs/pages/Side Navigation/index.js       |   14 -
 src/docs/pages/Spinner/Example.vue            |    5 -
 src/docs/pages/Spinner/index.js               |    3 -
 src/docs/pages/Status/1-statusIcon.vue        |    9 -
 src/docs/pages/Status/2-anyIcon.vue           |   10 -
 src/docs/pages/Status/3-default.vue           |   10 -
 src/docs/pages/Status/index.js                |    3 -
 src/docs/pages/Table/.vscode/settings.json    |    3 -
 src/docs/pages/Table/0-table-default.vue      |   92 -
 src/docs/pages/Table/index.js                 |    3 -
 src/docs/pages/Tabs/index.js                  |    3 -
 src/docs/pages/Tile Grid/index.js             |    3 -
 src/docs/pages/Tile/index.js                  |    3 -
 src/docs/pages/Time Picker/1-Time.vue         |   23 -
 src/docs/pages/Time Picker/3-TimeItem.vue     |   33 -
 src/docs/pages/Time Picker/index.js           |    3 -
 src/docs/pages/Toggle/index.js                |    3 -
 src/docs/pages/Token/Example.vue              |   20 -
 src/docs/pages/Token/index.js                 |    3 -
 .../Virtualized List/0-VirtualizedList.vue    |   52 -
 .../1-VirtualizedList-Loading-More.vue        |   83 -
 src/docs/pages/Virtualized List/index.js      |    3 -
 src/docs/pages/index.js                       |   86 -
 src/docs/router/component-api-route.js        |   14 +
 src/docs/router/create.js                     |   73 +-
 src/docs/router/resolve-example.js            |   20 +
 .../NEW_COMPONENT/NEW_COMPONENT.md            |   27 +-
 src/docs/static-pages/start.md                |  128 -
 src/docs/styles/_markdown-vars.scss           |    2 +
 src/docs/styles/markdown.scss                 |   56 +
 .../util/__tests__/component-name.test.js     |   38 +
 src/docs/util/component-name.js               |   89 +
 src/docs/util/kebab-case.js                   |    7 +
 src/lib/__mocks__/uuid.js                     |    2 +
 src/tools/index.js                            |  161 -
 src/tools/parse-result-from-sfc.js            |   50 +
 tests/e2e/.eslintrc.js                        |    2 +
 tests/e2e/plugins/index.js                    |    2 +
 tsconfig.json                                 |    2 +
 vue-config/vue-spa.config.js                  |  174 +-
 vue.config.js                                 |  152 +-
 yarn.lock                                     | 3822 ++++++++++++++---
 420 files changed, 9357 insertions(+), 4599 deletions(-)
 delete mode 100644 .vscode/settings.json
 create mode 100644 DEVELOPING.md
 create mode 100644 bili-babel.config.js
 create mode 100644 loaders/tsconfig.json
 create mode 100644 loaders/vuese-loader.js
 delete mode 100644 src/components/Layout/App/App.vue
 create mode 100644 src/components/Layout/App/_app.vue
 rename src/components/Layout/App/{AppMain.vue => app-main.vue} (61%)
 rename src/components/Layout/App/{AppNavigation.vue => app-navigation.vue} (100%)
 delete mode 100644 src/components/Layout/Shell/Shell.vue
 create mode 100644 src/components/Layout/Shell/_shell.vue
 create mode 100644 src/components/Layout/Shell/shell-app.vue
 rename src/components/Layout/Shell/{ShellFooter.vue => shell-footer.vue} (57%)
 rename src/components/Layout/Shell/{ShellHeader.vue => shell-header.vue} (63%)
 delete mode 100644 src/docs/DocumentationLoader/index.js
 create mode 100644 src/docs/_node/component-name.js
 create mode 100644 src/docs/_node/deslugify.js
 delete mode 100644 src/docs/_node/get-example-collections.js
 create mode 100644 src/docs/_node/kebab-case.js
 create mode 100644 src/docs/_node/markdown-plugins/index.js
 create mode 100644 src/docs/_node/markdown-plugins/markdown-it-plugin-component-api-link.js
 create mode 100644 src/docs/_node/markdown-plugins/markdown-it-plugin-make-styleable.js
 create mode 100644 src/docs/_node/markdown-plugins/markdown-it-plugin-related-components.js
 create mode 100644 src/docs/_node/markdown-plugins/markdown-it-plugin-slot.js
 create mode 100644 src/docs/_node/markdown-plugins/markdown-it-plugin-tip.js
 create mode 100644 src/docs/_node/markdown/highlight.js
 create mode 100644 src/docs/_pages/example-collection-page.vue
 delete mode 100644 src/docs/component-api-repository/__tests__/component-api-repository.test.js
 delete mode 100644 src/docs/component-api-repository/index.js
 delete mode 100644 src/docs/components/ComponentExample.vue
 delete mode 100644 src/docs/components/ExampleCollection.vue
 delete mode 100644 src/docs/components/FullscreenDemo.vue
 delete mode 100644 src/docs/components/StaticContent.vue
 delete mode 100644 src/docs/components/component-api-link.vue
 delete mode 100644 src/docs/components/component-picker.vue
 rename src/docs/components/{CodeView.vue => d-code-view.vue} (80%)
 create mode 100644 src/docs/components/d-component-api-link-target.vue
 create mode 100644 src/docs/components/d-component-api-link.vue
 create mode 100644 src/docs/components/d-component-picker.vue
 create mode 100644 src/docs/components/d-example-collection.vue
 create mode 100644 src/docs/components/d-example-fullscreen.vue
 create mode 100644 src/docs/components/d-example/_d-example.scss
 create mode 100644 src/docs/components/d-example/d-example-footer.vue
 create mode 100644 src/docs/components/d-example/d-example.vue
 create mode 100644 src/docs/components/d-example/d-toolbar-item.vue
 create mode 100644 src/docs/components/d-md-provide-content.js
 create mode 100644 src/docs/components/d-md-slot.vue
 create mode 100644 src/docs/components/d-playground-button/_package.json
 create mode 100644 src/docs/components/d-playground-button/d-playground-button.vue
 create mode 100644 src/docs/components/d-related-components-section.vue
 create mode 100644 src/docs/components/d-related-components.vue
 rename src/docs/components/{Tip.vue => d-tip.vue} (63%)
 delete mode 100644 src/docs/components/doc/component-doc.vue
 create mode 100644 src/docs/content/en_us/action-bar.md
 create mode 100644 src/docs/content/en_us/alert.md
 create mode 100644 src/docs/content/en_us/badge.md
 create mode 100644 src/docs/content/en_us/breadcrumb.md
 create mode 100644 src/docs/content/en_us/button.md
 create mode 100644 src/docs/content/en_us/calendar.md
 create mode 100644 src/docs/content/en_us/colors.md
 create mode 100644 src/docs/content/en_us/combobox.md
 create mode 100644 src/docs/content/en_us/container.md
 create mode 100644 src/docs/content/en_us/context-menu.md
 create mode 100644 src/docs/content/en_us/counter.md
 create mode 100644 src/docs/content/en_us/date-input.md
 create mode 100644 src/docs/content/en_us/date-picker.md
 create mode 100644 src/docs/content/en_us/design-system-utilities.md
 create mode 100644 src/docs/content/en_us/directives.md
 create mode 100644 src/docs/content/en_us/dropdown.md
 create mode 100644 src/docs/content/en_us/form.md
 create mode 100644 src/docs/content/en_us/icon.md
 create mode 100644 src/docs/content/en_us/identifier.md
 create mode 100644 src/docs/content/en_us/image.md
 create mode 100644 src/docs/content/en_us/index.js
 create mode 100644 src/docs/content/en_us/inline-help.md
 create mode 100644 src/docs/content/en_us/input-group.md
 create mode 100644 src/docs/content/en_us/label.md
 create mode 100644 src/docs/content/en_us/link.md
 create mode 100644 src/docs/content/en_us/list-group.md
 create mode 100644 src/docs/content/en_us/menu-popover.md
 create mode 100644 src/docs/content/en_us/menu.md
 create mode 100644 src/docs/content/en_us/modal.md
 create mode 100644 src/docs/content/en_us/pagination.md
 create mode 100644 src/docs/content/en_us/panel.md
 rename src/docs/{pages/Popover/0-default-popover.vue => content/en_us/popover.md} (65%)
 create mode 100644 src/docs/content/en_us/search-input.md
 create mode 100644 src/docs/content/en_us/section.md
 create mode 100644 src/docs/content/en_us/shell-bar.md
 create mode 100644 src/docs/content/en_us/shell.md
 create mode 100644 src/docs/content/en_us/side-navigation.md
 create mode 100644 src/docs/content/en_us/spinner.md
 create mode 100644 src/docs/content/en_us/status.md
 create mode 100644 src/docs/content/en_us/table.md
 create mode 100644 src/docs/content/en_us/tabs.md
 create mode 100644 src/docs/content/en_us/tile-grid.md
 create mode 100644 src/docs/content/en_us/tile.md
 create mode 100644 src/docs/content/en_us/time-picker.md
 create mode 100644 src/docs/content/en_us/toggle.md
 create mode 100644 src/docs/content/en_us/token.md
 create mode 100644 src/docs/content/en_us/virtualized-list.md
 create mode 100644 src/docs/content/examples/action-bar/0-full.vue
 rename src/docs/{pages/Action Bar => content/examples/action-bar}/1-title-slot.vue (77%)
 rename src/docs/{pages/Alert/0-default.vue => content/examples/alert/default.vue} (58%)
 create mode 100644 src/docs/content/examples/alert/error.vue
 create mode 100644 src/docs/content/examples/alert/information.vue
 create mode 100644 src/docs/content/examples/alert/success.vue
 create mode 100644 src/docs/content/examples/alert/vmodel.vue
 create mode 100644 src/docs/content/examples/alert/warning.vue
 rename src/docs/{pages/Badge => content/examples/badge}/default.vue (97%)
 rename src/docs/{pages/Breadcrumb => content/examples/breadcrumb}/default.vue (79%)
 create mode 100644 src/docs/content/examples/button/groups-compact.vue
 create mode 100644 src/docs/content/examples/button/groups.vue
 rename src/docs/{pages/Button/1-icons.vue => content/examples/button/icons.vue} (96%)
 rename src/docs/{pages/Button/2-sizes.vue => content/examples/button/sizes.vue} (65%)
 rename src/docs/{pages/Button/2.1-split-button.vue => content/examples/button/split-button-playground.vue} (80%)
 rename src/docs/{pages/Button/2.2-split-button-popover.vue => content/examples/button/split-button-popover.vue} (82%)
 rename src/docs/{pages/Button/3-states.vue => content/examples/button/states.vue} (98%)
 rename src/docs/{pages/Button/0-styling.vue => content/examples/button/styling.vue} (91%)
 rename src/docs/{pages/Calendar/4-bindings.vue => content/examples/calendar/bindings.vue} (74%)
 rename src/docs/{pages/Calendar/2-blocked-items.vue => content/examples/calendar/blocked-items.vue} (84%)
 create mode 100644 src/docs/content/examples/calendar/buttons.vue
 rename src/docs/{pages/Calendar/6-custom-names.vue => content/examples/calendar/custom-names.vue} (54%)
 create mode 100644 src/docs/content/examples/calendar/default-date.vue
 create mode 100644 src/docs/content/examples/calendar/default.vue
 rename src/docs/{pages/Calendar/3-disabled-items.vue => content/examples/calendar/disabled-items.vue} (84%)
 create mode 100644 src/docs/content/examples/calendar/first-day-of-week.vue
 create mode 100644 src/docs/content/examples/calendar/no-header.vue
 rename src/docs/{pages/Calendar/5-popover.vue => content/examples/calendar/popover.vue} (51%)
 create mode 100644 src/docs/content/examples/calendar/selection-range.vue
 rename src/docs/{pages/Colors => content/examples/colors}/all.vue (99%)
 rename src/docs/{pages/Combobox/3-custom-menu.vue => content/examples/combobox/custom-menu.vue} (68%)
 create mode 100644 src/docs/content/examples/combobox/default.vue
 create mode 100644 src/docs/content/examples/combobox/sizes.vue
 create mode 100644 src/docs/content/examples/container/0-container-default.vue
 create mode 100644 src/docs/content/examples/container/1-container-fluid.vue
 rename src/docs/{pages/Container => content/examples/container}/2-container-centered.vue (78%)
 rename src/docs/{pages/Container => content/examples/container}/3-container-fluid-with-cols.vue (95%)
 rename src/docs/{pages/Context Menu/1-context-menu-custom-button.vue => content/examples/context-menu/context-menu-custom-button.vue} (78%)
 rename src/docs/{pages/Context Menu/0-context-menu-default.vue => content/examples/context-menu/context-menu-default.vue} (89%)
 rename src/docs/{pages/Counter/1-DefaultCounter.vue => content/examples/counter/default.vue} (80%)
 create mode 100644 src/docs/content/examples/counter/notification-center.vue
 create mode 100644 src/docs/content/examples/date-input/date-input-default.vue
 rename src/docs/{pages/Date Input/1-date-input-range.vue => content/examples/date-input/date-input-range.vue} (87%)
 rename src/docs/{pages/Date Input/3-date-input-vmodel.vue => content/examples/date-input/date-input-vmodel.vue} (92%)
 rename src/docs/{pages/Date Picker/1-date-picker-custom.vue => content/examples/date-picker/date-picker-custom.vue} (68%)
 create mode 100644 src/docs/content/examples/date-picker/date-picker-default.vue
 rename src/docs/{pages/Design System Utils/5-font-family.vue => content/examples/design-system-utilities/font-family.vue} (87%)
 rename src/docs/{pages/Design System Utils/6-font-type.vue => content/examples/design-system-utilities/font-type.vue} (95%)
 rename src/docs/{pages/Design System Utils/4-font-weight.vue => content/examples/design-system-utilities/font-weight.vue} (89%)
 rename src/docs/{pages/Design System Utils/0-margin.vue => content/examples/design-system-utilities/margin.vue} (58%)
 rename src/docs/{pages/Design System Utils/1-padding.vue => content/examples/design-system-utilities/padding.vue} (58%)
 rename src/docs/{pages/Design System Utils/2-remove-padding.vue => content/examples/design-system-utilities/remove-padding.vue} (68%)
 rename src/docs/{pages/Directives/0-icon.vue => content/examples/directives/icon.vue} (81%)
 rename src/docs/{pages/Dropdown/0-default-dropdown.vue => content/examples/dropdown/default-dropdown.vue} (95%)
 rename src/docs/{pages/Dropdown/3-disabled-dropdown.vue => content/examples/dropdown/disabled-dropdown.vue} (95%)
 rename src/docs/{pages/Dropdown/2-icon-dropdown.vue => content/examples/dropdown/icon-dropdown.vue} (95%)
 rename src/docs/{pages/Dropdown/1-toolbar-dropdown.vue => content/examples/dropdown/toolbar-dropdown.vue} (95%)
 rename src/docs/{pages/Form/1-binding.vue => content/examples/form/binding.vue} (60%)
 rename src/docs/{pages/Form/4-checkbox.vue => content/examples/form/checkbox.vue} (75%)
 rename src/docs/{pages/Form/8-mixing-model.vue => content/examples/form/mixing-model.vue} (86%)
 rename src/docs/{pages/Form/5-radio.vue => content/examples/form/radio.vue} (96%)
 rename src/docs/{pages/Form/7-select-model.vue => content/examples/form/select-model.vue} (80%)
 rename src/docs/{pages/Form/6-select.vue => content/examples/form/select.vue} (97%)
 create mode 100644 src/docs/content/examples/form/states.vue
 create mode 100644 src/docs/content/examples/icon/all-icons.vue
 rename src/docs/{pages/Icon => content/examples/icon}/icon.vue (84%)
 rename src/docs/{pages/Identifier/1-accent.vue => content/examples/identifier/accent.vue} (96%)
 rename src/docs/{pages/Identifier/2-sizes.vue => content/examples/identifier/sizes.vue} (91%)
 rename src/docs/{pages/Identifier/0-types.vue => content/examples/identifier/types.vue} (66%)
 rename src/docs/{pages/Image/Example.vue => content/examples/image/image.vue} (95%)
 create mode 100644 src/docs/content/examples/index.js
 rename src/docs/{pages/Inline Help => content/examples/inline-help}/default.vue (97%)
 rename src/docs/{pages/Input Group/5-input-group-compact.vue => content/examples/input-group/input-group-compact.vue} (93%)
 rename src/docs/{pages/Input Group/3-input-group-search.vue => content/examples/input-group/input-group-search.vue} (56%)
 rename src/docs/{pages/Input Group/1-3-input-group-slot-addon-button.vue => content/examples/input-group/input-group-slot-addon-button.vue} (98%)
 rename src/docs/{pages/Input Group/1-1-input-group-slot-addon-icon.vue => content/examples/input-group/input-group-slot-addon-icon.vue} (95%)
 create mode 100644 src/docs/content/examples/input-group/input-group-slot-addon-text.vue
 create mode 100644 src/docs/content/examples/label/default.vue
 create mode 100644 src/docs/content/examples/link/default.vue
 rename src/docs/{pages/List Group/1-action.vue => content/examples/list-group/action.vue} (65%)
 rename src/docs/{pages/List Group/2-checkboxes.vue => content/examples/list-group/checkboxes.vue} (95%)
 rename src/docs/{pages/List Group/0-simple.vue => content/examples/list-group/simple.vue} (92%)
 rename src/docs/{pages/Menu Popover/0-default-menu-popover.vue => content/examples/menu-popover/default-menu-popover.vue} (84%)
 rename src/docs/{pages/Menu Popover/1-menu-popover-placement.vue => content/examples/menu-popover/menu-popover-placement.vue} (60%)
 create mode 100644 src/docs/content/examples/menu/menu-addon.vue
 create mode 100644 src/docs/content/examples/menu/menu-group.vue
 rename src/docs/{pages/Menu/6-menu-selection.vue => content/examples/menu/menu-selection.vue} (62%)
 create mode 100644 src/docs/content/examples/menu/menu-separated.vue
 create mode 100644 src/docs/content/examples/menu/menu.vue
 create mode 100644 src/docs/content/examples/menu/menuitem-link.vue
 create mode 100644 src/docs/content/examples/modal/0-default-modal.vue
 create mode 100644 src/docs/content/examples/modal/default-modal.vue
 rename src/docs/{pages/Modal/1-nested-modals.vue => content/examples/modal/nested-modals.vue} (84%)
 create mode 100644 src/docs/content/examples/pagination/default.vue
 create mode 100644 src/docs/content/examples/panel/cols-2.vue
 create mode 100644 src/docs/content/examples/panel/cols-4.vue
 create mode 100644 src/docs/content/examples/panel/cols-5.vue
 create mode 100644 src/docs/content/examples/panel/cols-6.vue
 create mode 100644 src/docs/content/examples/panel/default-grid.vue
 create mode 100644 src/docs/content/examples/panel/nogap.vue
 create mode 100644 src/docs/content/examples/panel/span.vue
 rename src/docs/{pages/Panel/0-structure.vue => content/examples/panel/structure.vue} (58%)
 create mode 100644 src/docs/content/examples/popover/custom-content.vue
 create mode 100644 src/docs/content/examples/popover/custom-controls.vue
 create mode 100644 src/docs/content/examples/popover/default-popover.vue
 create mode 100644 src/docs/content/examples/popover/placement-options.vue
 create mode 100644 src/docs/content/examples/search-input/completions.vue
 rename src/docs/{pages/Search Input/3-Search-Completions-Confirm-on-tab.vue => content/examples/search-input/confirm-on-tab.vue} (65%)
 rename src/docs/{pages/Search Input/1-Search.vue => content/examples/search-input/default.vue} (63%)
 create mode 100644 src/docs/content/examples/section/grid.vue
 create mode 100644 src/docs/content/examples/section/header.vue
 create mode 100644 src/docs/content/examples/section/panels.vue
 create mode 100644 src/docs/content/examples/section/structure.vue
 create mode 100644 src/docs/content/examples/shell-bar/actions.vue
 create mode 100644 src/docs/content/examples/shell-bar/minimal.vue
 create mode 100644 src/docs/content/examples/shell-bar/products.vue
 create mode 100644 src/docs/content/examples/shell/default.vue
 rename src/docs/{pages/Side Navigation/2-data-driven-complex-sync.vue => content/examples/side-navigation/data-driven-complex-sync.vue} (89%)
 rename src/docs/{pages/Side Navigation/1-1-dynamic.vue => content/examples/side-navigation/dynamic.vue} (66%)
 create mode 100644 src/docs/content/examples/spinner/default.vue
 create mode 100644 src/docs/content/examples/status/default.vue
 create mode 100644 src/docs/content/examples/status/status-custom-icon.vue
 create mode 100644 src/docs/content/examples/status/status-icon.vue
 rename src/docs/{pages/Table/3-table-complex.vue => content/examples/table/complex.vue} (63%)
 create mode 100644 src/docs/content/examples/table/default.vue
 rename src/docs/{pages/Table/10-table-dynamic-columns.vue => content/examples/table/dynamic-columns.vue} (100%)
 rename src/docs/{pages/Table/4-table-fixed-col.vue => content/examples/table/fixed-col.vue} (93%)
 rename src/docs/{pages/Table/1-table-no-border.vue => content/examples/table/no-border.vue} (87%)
 rename src/docs/{pages/Table/8-table-performance-test.vue => content/examples/table/performance-test.vue} (77%)
 rename "src/docs/pages/Table/11-table-select\342\200\223by-row-click.vue" => src/docs/content/examples/table/select-by-row-click.vue (96%)
 rename src/docs/{pages/Table/6-table-selection-modes.vue => content/examples/table/selection-modes.vue} (80%)
 rename src/docs/{pages/Table/2-table-no-stripes.vue => content/examples/table/stripes.vue} (88%)
 rename src/docs/{pages/Table/9-table-table-with-components.vue => content/examples/table/with-components.vue} (81%)
 rename src/docs/{pages/Tabs/Example.vue => content/examples/tabs/default.vue} (56%)
 rename src/docs/{pages/Tile Grid/1-tile-grid--col-2-with-tile.vue => content/examples/tile-grid/tile-grid--col-2-with-tile.vue} (97%)
 rename src/docs/{pages/Tile Grid/2-tile-grid--col-3-with-tile.vue => content/examples/tile-grid/tile-grid--col-3-with-tile.vue} (95%)
 rename src/docs/{pages/Tile Grid/3-tile-grid--col-4-with-tile.vue => content/examples/tile-grid/tile-grid--col-4-with-tile.vue} (97%)
 rename src/docs/{pages/Tile Grid/4-tile-grid--col-5-with-tile.vue => content/examples/tile-grid/tile-grid--col-5-with-tile.vue} (100%)
 rename src/docs/{pages/Tile Grid/5-tile-grid--col-6-with-tile.vue => content/examples/tile-grid/tile-grid--col-6-with-tile.vue} (100%)
 rename src/docs/{pages/Tile Grid/0-tile-grid--col-and-prod-tile.vue => content/examples/tile-grid/tile-grid--col-and-prod-tile.vue} (93%)
 rename src/docs/{pages/Tile Grid/6-tile-grid--span-helpers.vue => content/examples/tile-grid/tile-grid--span-helpers.vue} (97%)
 rename src/docs/{pages/Tile/2-actions.vue => content/examples/tile/actions.vue} (90%)
 rename src/docs/{pages/Tile/3-button.vue => content/examples/tile/button.vue} (83%)
 rename src/docs/{pages/Tile/1-media.vue => content/examples/tile/media.vue} (96%)
 rename src/docs/{pages/Tile/6-product-tile-button.vue => content/examples/tile/product-tile-button.vue} (84%)
 rename src/docs/{pages/Tile/5-product-tile-default.vue => content/examples/tile/product-tile-default.vue} (83%)
 rename src/docs/{pages/Tile/0-tile-default.vue => content/examples/tile/tile-default.vue} (85%)
 rename src/docs/{pages/Time Picker/0-TimePicker.vue => content/examples/time-picker/default.vue} (54%)
 rename src/docs/{pages/Time Picker/2-Time.vue => content/examples/time-picker/multiple-times.vue} (68%)
 create mode 100644 src/docs/content/examples/time-picker/time.vue
 rename src/docs/{pages/Toggle/0-Default-Toggle.vue => content/examples/toggle/default.vue} (71%)
 rename src/docs/{pages/Toggle/1-Toggle-Sizes.vue => content/examples/toggle/sizes.vue} (68%)
 rename src/docs/{pages/Toggle/2-Model.vue => content/examples/toggle/v-model.vue} (70%)
 create mode 100644 src/docs/content/examples/token/default.vue
 create mode 100644 src/docs/content/examples/virtualized-list/virtualized-list-default.vue
 rename src/docs/{pages/Virtualized List/5-VirtualizedList-filter.vue => content/examples/virtualized-list/virtualized-list-filter.vue} (98%)
 rename src/docs/{pages/Virtualized List/3-VirtualizedList-InitialLoad.vue => content/examples/virtualized-list/virtualized-list-initial-load.vue} (97%)
 create mode 100644 src/docs/content/examples/virtualized-list/virtualized-list-loading-more.vue
 rename src/docs/{pages/Virtualized List/6-VirtualizedList-add-remove.vue => content/examples/virtualized-list/virtualized-list-mutate.vue} (80%)
 rename src/docs/{pages/Virtualized List/4-VirtualizedList-reset.vue => content/examples/virtualized-list/virtualized-list-reset.vue} (96%)
 create mode 100644 src/docs/get-documented-components/documented-component.js
 create mode 100644 src/docs/get-documented-components/index.js
 create mode 100644 src/docs/get-documented-components/vue-plugin.js
 rename src/docs/layouts/{DefaultLayout.vue => d-default-layout.vue} (93%)
 rename src/docs/layouts/{FullscreenLayout.vue => d-fullscreen-layout.vue} (100%)
 create mode 100644 src/docs/layouts/index.js
 delete mode 100644 src/docs/pages/Action Bar/0-full.vue
 delete mode 100644 src/docs/pages/Action Bar/index.js
 delete mode 100644 src/docs/pages/Alert/1-warning.vue
 delete mode 100644 src/docs/pages/Alert/2-error.vue
 delete mode 100644 src/docs/pages/Alert/3-information.vue
 delete mode 100644 src/docs/pages/Alert/4-success.vue
 delete mode 100644 src/docs/pages/Alert/5-vmodel.vue
 delete mode 100644 src/docs/pages/Alert/index.js
 delete mode 100644 src/docs/pages/Badge/index.js
 delete mode 100644 src/docs/pages/Breadcrumb/index.js
 delete mode 100644 src/docs/pages/Button/4-groups.vue
 delete mode 100644 src/docs/pages/Button/5-groups-compact.vue
 delete mode 100644 src/docs/pages/Button/index.js
 delete mode 100644 src/docs/pages/Calendar/0-default.vue
 delete mode 100644 src/docs/pages/Calendar/1-selection-range.vue
 delete mode 100644 src/docs/pages/Calendar/10-no-header.vue
 delete mode 100644 src/docs/pages/Calendar/7-buttons.vue
 delete mode 100644 src/docs/pages/Calendar/8-first-day-of-week.vue
 delete mode 100644 src/docs/pages/Calendar/9-default-date.vue
 delete mode 100644 src/docs/pages/Calendar/index.js
 delete mode 100644 src/docs/pages/Colors/index.js
 delete mode 100644 src/docs/pages/Combobox/0-default.vue
 delete mode 100644 src/docs/pages/Combobox/1-sizes.vue
 delete mode 100644 src/docs/pages/Combobox/index.js
 delete mode 100644 src/docs/pages/Container/0-container-default.vue
 delete mode 100644 src/docs/pages/Container/1-container-fluid-default copy.vue
 delete mode 100644 src/docs/pages/Container/index.js
 delete mode 100644 src/docs/pages/Context Menu/index.js
 delete mode 100644 src/docs/pages/Counter/2-NotificationCounter.vue
 delete mode 100644 src/docs/pages/Counter/index.js
 delete mode 100644 src/docs/pages/Date Input/0-date-input-default.vue
 delete mode 100644 src/docs/pages/Date Input/index.js
 delete mode 100644 src/docs/pages/Date Picker/0-date-picker-default.vue
 delete mode 100644 src/docs/pages/Date Picker/index.js
 delete mode 100644 src/docs/pages/Design System Utils/index.js
 delete mode 100644 src/docs/pages/Directives/index.js
 delete mode 100644 src/docs/pages/Dropdown/index.js
 delete mode 100644 src/docs/pages/Form/3-states.vue
 delete mode 100644 src/docs/pages/Form/index.js
 delete mode 100644 src/docs/pages/Icon/index.js
 delete mode 100644 src/docs/pages/Identifier/index.js
 delete mode 100644 src/docs/pages/Image/index.js
 delete mode 100644 src/docs/pages/Inline Help/index.js
 delete mode 100644 src/docs/pages/Input Group/index.js
 delete mode 100644 src/docs/pages/Label/default.vue
 delete mode 100644 src/docs/pages/Label/index.js
 delete mode 100644 src/docs/pages/Link/default.vue
 delete mode 100644 src/docs/pages/Link/index.js
 delete mode 100644 src/docs/pages/List Group/index.js
 delete mode 100644 src/docs/pages/Menu Popover/index.js
 delete mode 100644 src/docs/pages/Menu/1-menu.vue
 delete mode 100644 src/docs/pages/Menu/2-menuitem-link.vue
 delete mode 100644 src/docs/pages/Menu/3-menu-group.vue
 delete mode 100644 src/docs/pages/Menu/4-menu-addon.vue
 delete mode 100644 src/docs/pages/Menu/5-menu-separated.vue
 delete mode 100644 src/docs/pages/Menu/index.js
 delete mode 100644 src/docs/pages/Modal/0-default-modal.vue
 delete mode 100644 src/docs/pages/Modal/index.js
 delete mode 100644 src/docs/pages/Pagination/Example.vue
 delete mode 100644 src/docs/pages/Pagination/index.js
 delete mode 100644 src/docs/pages/Panel/1-default-grid.vue
 delete mode 100644 src/docs/pages/Panel/2-nogap.vue
 delete mode 100644 src/docs/pages/Panel/5-cols-2-.vue
 delete mode 100644 src/docs/pages/Panel/5-cols-4.vue
 delete mode 100644 src/docs/pages/Panel/5-cols-5.vue
 delete mode 100644 src/docs/pages/Panel/5-cols-6.vue
 delete mode 100644 src/docs/pages/Panel/index.js
 delete mode 100644 src/docs/pages/Panel/span.vue
 delete mode 100644 src/docs/pages/Popover/1-placement-options.vue
 delete mode 100644 src/docs/pages/Popover/3-custom-content.vue
 delete mode 100644 src/docs/pages/Popover/4-custom-controls.vue
 delete mode 100644 src/docs/pages/Popover/index.js
 delete mode 100644 src/docs/pages/Search Input/2-Search-Completions.vue
 delete mode 100644 src/docs/pages/Search Input/index.js
 delete mode 100644 src/docs/pages/Section/0-structure.vue
 delete mode 100644 src/docs/pages/Section/1-header.vue
 delete mode 100644 src/docs/pages/Section/2-panels.vue
 delete mode 100644 src/docs/pages/Section/3-grid.vue
 delete mode 100644 src/docs/pages/Section/index.js
 delete mode 100644 src/docs/pages/Shell Bar/0-minimal.vue
 delete mode 100644 src/docs/pages/Shell Bar/1-actions.vue
 delete mode 100644 src/docs/pages/Shell Bar/3-products.vue
 delete mode 100644 src/docs/pages/Shell Bar/index.js
 delete mode 100644 src/docs/pages/Shell/default.vue
 delete mode 100644 src/docs/pages/Shell/index.js
 delete mode 100644 src/docs/pages/Side Navigation/index.js
 delete mode 100644 src/docs/pages/Spinner/Example.vue
 delete mode 100644 src/docs/pages/Spinner/index.js
 delete mode 100644 src/docs/pages/Status/1-statusIcon.vue
 delete mode 100644 src/docs/pages/Status/2-anyIcon.vue
 delete mode 100644 src/docs/pages/Status/3-default.vue
 delete mode 100644 src/docs/pages/Status/index.js
 delete mode 100644 src/docs/pages/Table/.vscode/settings.json
 delete mode 100644 src/docs/pages/Table/0-table-default.vue
 delete mode 100644 src/docs/pages/Table/index.js
 delete mode 100644 src/docs/pages/Tabs/index.js
 delete mode 100644 src/docs/pages/Tile Grid/index.js
 delete mode 100644 src/docs/pages/Tile/index.js
 delete mode 100644 src/docs/pages/Time Picker/1-Time.vue
 delete mode 100644 src/docs/pages/Time Picker/3-TimeItem.vue
 delete mode 100644 src/docs/pages/Time Picker/index.js
 delete mode 100644 src/docs/pages/Toggle/index.js
 delete mode 100644 src/docs/pages/Token/Example.vue
 delete mode 100644 src/docs/pages/Token/index.js
 delete mode 100644 src/docs/pages/Virtualized List/0-VirtualizedList.vue
 delete mode 100644 src/docs/pages/Virtualized List/1-VirtualizedList-Loading-More.vue
 delete mode 100644 src/docs/pages/Virtualized List/index.js
 delete mode 100644 src/docs/pages/index.js
 create mode 100644 src/docs/router/component-api-route.js
 create mode 100644 src/docs/router/resolve-example.js
 delete mode 100644 src/docs/static-pages/start.md
 create mode 100644 src/docs/styles/_markdown-vars.scss
 create mode 100644 src/docs/styles/markdown.scss
 create mode 100644 src/docs/util/__tests__/component-name.test.js
 create mode 100644 src/docs/util/component-name.js
 create mode 100644 src/docs/util/kebab-case.js
 delete mode 100644 src/tools/index.js
 create mode 100644 src/tools/parse-result-from-sfc.js

diff --git a/.eslintrc.js b/.eslintrc.js
index fde299ad..ae6bf52c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,7 +1,8 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    browser: true,
+    es6: true
   },
   rules: {
     "max-len": "off",
@@ -20,6 +21,7 @@ module.exports = {
         jest: true
       }
     }
+
   ],
 
   extends: ["plugin:vue/essential", "@vue/prettier"]
diff --git a/.gitignore b/.gitignore
index b57215f6..47f7a4bb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -84,7 +84,6 @@ node_modules/
 
 ### VisualStudioCode ###
 .vscode/*
-!.vscode/settings.json
 #!.vscode/tasks.json
 #!.vscode/launch.json
 #!.vscode/extensions.json
@@ -98,3 +97,4 @@ node_modules
 tests/e2e/videos/*.mp4
 /api
 /tests/e2e/screenshots
+/.vscode/settings.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index ed7b7ef4..00000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "eslint.validate": [
-    "js",
-    "javascript",
-    "vue"
-  ],
-  "vetur.grammar.customBlocks": {
-    "docs": "md",
-    "tip": "md",
-    "title": "md"
-  },
-  "debug.node.autoAttach": "on",
-  "eslint.alwaysShowStatus": true,
-  "eslint.enable": true,
-  "eslint.packageManager": "yarn",
-  "jest.debugMode": true,
-  "jest.pathToConfig": "jest.config.js",
-  "jest.pathToJest": "yarn test",
-  "jest.restartJestOnSnapshotUpdate": true,
-  "jest.showCoverageOnLoad": true,
-  "prettier.eslintIntegration": true,
-  "editor.wordWrap": "on"
-}
-
diff --git a/DEVELOPING.md b/DEVELOPING.md
new file mode 100644
index 00000000..3297f8c1
--- /dev/null
+++ b/DEVELOPING.md
@@ -0,0 +1,6 @@
+## Environment Variables used during the Build Process
+
+- `NODE_ENV` is required to be set
+- `BASE_URL` must be used to set the base url
+- If `FDD_PRERENDER` is set to `true` then a special Webpack configuration is used that will generate a static version of the documentation.
+- If `FDD_PRERENDER_TEST_RUN` is set to `true` then not all different routes are generated. There are a lot of routes and sometimes you only want to test if some routes still work. By setting this to `true` you tell the build process to only render a handful of pages per major route (`/api`, `/example`, `/examples`, …).
\ No newline at end of file
diff --git a/README.md b/README.md
index f1b98921..ce461230 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,7 @@ Some prior knowledge of Vue is required for using this library.
 
 Paste the following snippet in your `<head>`-tag:
 
-```html
+```xml
 <link
     rel="stylesheet"
     href="https://unpkg.com/fiori-fundamentals@latest/dist/fiori-fundamentals.min.css"
@@ -41,7 +41,7 @@ Paste the following snippet in your `<head>`-tag:
 
 Then you can use Fundamental Vue like this:
 
-```html
+```xml
 <div id="app">
   <fd-popover v-fd-margin:large placement="bottom-start" with-arrow>
     <h1 v-fd-margin:large>
@@ -60,7 +60,7 @@ When using *Fundamental Vue* via a `<script>`-tag you don't have to install it m
 
 If you are targeting IE 11 you have to include the IE-compatible build of Fiori Fundamentals:
 
-```
+```xml
 <link rel="stylesheet" type="text/css" href="https://unpkg.com/fiori-fundamentals@latest/dist/fiori-fundamentals-ie11.min.css">
 ```
 
@@ -74,7 +74,7 @@ To download and use this library, you first need to install the node package man
 
     NPM
 
-    ```
+    ```bash
     $ npm install --save fundamental-vue
     ```
 
@@ -82,11 +82,10 @@ To download and use this library, you first need to install the node package man
 
     In your project's `main.js`:
 
-    ```
-    // ...
+    ```js
     import FundamentalVue from 'fundamental-vue';
     Vue.use(FundamentalVue);
-    // ...
+    // …
     ```
 
     Fundamental Vue does not include the ['Fiori Fundamentals' library](https://github.com/SAP/fundamental) which is required for styling.
@@ -95,7 +94,7 @@ To download and use this library, you first need to install the node package man
 
     The quickest way to get Fiori Fundamentals styling for your components is to include the compiled and minified Fiori Fundamentals CSS library with the following CDN link in your public `index.html` file:
 
-    ```
+    ```xml
     <link rel="stylesheet" type="text/css" href="https://unpkg.com/fiori-fundamentals@latest/dist/fiori-fundamentals.min.css">
     ```
 
@@ -103,13 +102,13 @@ To download and use this library, you first need to install the node package man
 
     To install the Fiori Fundamentals SASS/SCSS source:
 
-    ```
+    ```sh
     $ npm install --save fiori-fundamentals
     ```
 
     The following assumes the usage of a module bundler such as [webpack](https://webpack.js.org/). To compile Fiori Fundamentals SASS/SCSS to CSS, two additional packages are required for your bundling process - [sass-loader](https://github.com/webpack-contrib/sass-loader) and [node-sass](https://github.com/sass/node-sass). To install these packages as development dependencies:
 
-    ```
+    ```sh
     $ npm install sass-loader node-sass --save-dev
     ```
 
@@ -119,24 +118,21 @@ To download and use this library, you first need to install the node package man
 
     Add the following to the main SCSS file:
 
-    ```
+    ```scss
     // If you are targeting IE 11 uncomment the following line.
     // $fd-support-css-var-fallback: true;
-
-    $fd-icons-path : "../node_modules/fiori-fundamentals/scss/icons/"; // should be declared before the scss import
-
+    // should be declared before the scss import
+    $fd-icons-path : "../node_modules/fiori-fundamentals/scss/icons/";
     $fd-scss-font-path : "../node_modules/fiori-fundamentals/scss/fonts/";
-
     @import "../node_modules/fiori-fundamentals/scss/all.scss";
     ```
 
     Import the main SCSS file in your `App.js` style block to add Fiori Fundamentals styles to your project.
 
-    ```
+    ```scss
     <style lang='scss'>
-    ...
     @import "./scss/main.scss";
-    ...
+    // …
     </style>
     ```
 
@@ -144,12 +140,10 @@ To download and use this library, you first need to install the node package man
 
     To use a Fundamental Vue component, paste the desired code snippet from the Playground and configure it as necessary:
 
-    ```
-    ...
-    <FdAlert dismissible>
-          Happy building! 🚀
-    </FdAlert>
-    ...
+    ```xml
+    <fd-alert dismissible>
+        Happy building! 🚀
+    </fd-alert>
     ```
 
 ## Versioning
diff --git a/SIZES.csv b/SIZES.csv
index 2ce12818..88d1ec27 100644
--- a/SIZES.csv
+++ b/SIZES.csv
@@ -1,3 +1,4 @@
 DATE;NO;SIZE
 2019-04-21;0;38.73 KiB
 2019-04-21;1;38.39 KiB
+2019-07-24;0;41.8 kB
\ No newline at end of file
diff --git a/babel.config.js b/babel.config.js
index c144e87b..4e295b8e 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,29 +1,6 @@
-const nodeEnv = process.env.NODE_ENV;
-const targetsNetlify = process.argv[4] === "--NETLIFY";
-const mode =
-  nodeEnv !== "production" ? "dev" : targetsNetlify ? "netlify" : "prod";
-const appPresets = ["@vue/app"];
-if (process.env.VUE_CLI_BUILD_TARGET === "app") {
-  module.exports = {
-    presets: ["@vue/app"]
-  };
-  return;
-}
-
-const uiPresets = [
-  [
-    "@vue/app",
-    {
-      useBuiltIns: false,
-      polyfills: false,
-      corejs: 2
-    }
-  ]
-];
-
-const presets = mode === "prod" ? uiPresets : appPresets;
+/* eslint-env node */
 
 module.exports = {
-  presets,
+  presets: ["@vue/app"],
   plugins: ["@babel/plugin-syntax-dynamic-import"]
 };
diff --git a/bili-babel.config.js b/bili-babel.config.js
new file mode 100644
index 00000000..b58e284e
--- /dev/null
+++ b/bili-babel.config.js
@@ -0,0 +1,17 @@
+/* eslint-env node */
+
+const presets = [
+  [
+    "@vue/app",
+    {
+      useBuiltIns: false,
+      polyfills: false,
+      corejs: 2
+    }
+  ]
+];
+
+module.exports = {
+  presets,
+  plugins: ["@babel/plugin-syntax-dynamic-import"]
+};
diff --git a/bili.config.js b/bili.config.js
index f9e881d8..30e758c7 100644
--- a/bili.config.js
+++ b/bili.config.js
@@ -1,4 +1,8 @@
+/* eslint-env node */
+
 const { version } = require("./package.json");
+const Path = require("path");
+const Process = require("process");
 
 /** @type {import('bili').Config} */
 module.exports = {
@@ -10,6 +14,10 @@ module.exports = {
  * LICENCE: Apache-2.0
  * https://github.com/SAP/fundamental-vue
 */`,
+  babel: {
+    configFile: Path.join(Process.cwd(), "bili-babel.config.js"),
+    babelrc: false
+  },
   plugins: {
     vue: true,
     commonjs: true
diff --git a/jest.config.js b/jest.config.js
index 5cebf751..910de538 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -15,8 +15,7 @@ module.exports = {
   moduleFileExtensions: ["js", "jsx", "json", "vue"],
   transform: {
     "^.+\\.vue$": "vue-jest",
-    ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":
-      "jest-transform-stub",
+    ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
     "^.+\\.jsx?$": "babel-jest"
   },
   transformIgnorePatterns: ["/node_modules/"],
@@ -24,14 +23,9 @@ module.exports = {
     "^@/(.*)$": "<rootDir>/src/$1"
   },
   snapshotSerializers: ["jest-serializer-vue"],
-  testMatch: [
-    "**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"
-  ],
+  testMatch: ["**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],
   testURL: "http://localhost/",
-  watchPlugins: [
-    "jest-watch-typeahead/filename",
-    "jest-watch-typeahead/testname"
-  ],
+  watchPlugins: ["jest-watch-typeahead/filename", "jest-watch-typeahead/testname"],
   setupFiles: ["./jest.setup.js"],
   collectCoverage: false,
   collectCoverageFrom: ["src/**/*.{js,vue}", "!**/node_modules/**"],
diff --git a/loaders/block-loader.js b/loaders/block-loader.js
index 19264a35..b863c29a 100644
--- a/loaders/block-loader.js
+++ b/loaders/block-loader.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 "use strict";
 
 const loaderUtils = require("loader-utils");
diff --git a/loaders/remove-docs-loader.js b/loaders/remove-docs-loader.js
index a1b7397f..636f5eae 100644
--- a/loaders/remove-docs-loader.js
+++ b/loaders/remove-docs-loader.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 "use strict";
 
 const contentWithoutBlock = (content, block) => {
diff --git a/loaders/tsconfig.json b/loaders/tsconfig.json
new file mode 100644
index 00000000..1b4772ef
--- /dev/null
+++ b/loaders/tsconfig.json
@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "allowJs": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "target": "es5",
+    "module": "esnext",
+    "strict": false,
+    "jsx": "preserve",
+    "importHelpers": false,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "node",
+      "jest"
+    ],
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "*.js"
+  ]
+}
\ No newline at end of file
diff --git a/loaders/vuese-loader.js b/loaders/vuese-loader.js
new file mode 100644
index 00000000..69248d7c
--- /dev/null
+++ b/loaders/vuese-loader.js
@@ -0,0 +1,21 @@
+/* eslint-env node */
+/* eslint-disable no-console */
+"use strict";
+
+const parseResultFromSfc = require("./../src/tools/parse-result-from-sfc");
+
+module.exports = function(source, map) {
+  let parseResult = {};
+  try {
+    parseResult = parseResultFromSfc(source);
+  } catch (error) {
+    console.error("failed to parse sfc");
+    console.groupCollapsed();
+    console.log("source:", source);
+    console.groupEnd();
+    console.groupCollapsed();
+    console.error(error);
+    console.groupEnd();
+  }
+  this.callback(null /* no error */, "export default " + JSON.stringify(parseResult) + ";", map);
+};
diff --git a/netlify.toml b/netlify.toml
index 62c41db4..36fac9ee 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -6,5 +6,5 @@
 #    that is where we will look for package.json/.nvmrc/etc not repo root!
 
 [build]
-  publish = "dist"
+  publish = "docs/dist"
   command = "yarn build:docs:netlify"
diff --git a/package.json b/package.json
index ce763103..68f70515 100644
--- a/package.json
+++ b/package.json
@@ -6,28 +6,25 @@
   "scripts": {
     "test:e2e": "start-server-and-test 'serve:demo' http://localhost:10000 'cross-env FD_E2E=true vue-cli-service test:e2e --url http://localhost:10000'",
     "test:e2e:dev": "start-server-and-test 'serve:demo:dev' http://localhost:10000 'cross-env FD_E2E=true vue-cli-service test:e2e --url http://localhost:10000'",
-    "test:e2e:headless": "start-server-and-test 'serve:demo' http://localhost:10000 'cross-env FD_E2E=true vue-cli-service test:e2e --url http://localhost:10000 --headless'",
     "build": "rimraf -r dist && cross-env NODE_ENV=production yarn build:bili && cross-env NODE_ENV=production yarn build:src",
-    "build:src:babel": "babel src --out-dir dist/src --ignore \"src/docs/index.js\"",
     "build:src": "cp -r src dist/src",
     "build:bili": "bili --bundle-node-modules --file-name FundamentalVue.[format].js --format cjs --format umd-min --format es --module-name FundamentalVue --env.NODE_ENV production -d dist",
     "serve:demo": "cd demo && cross-env FD_E2E=true vue-cli-service serve index.js --port 10000 --mode production",
     "serve:demo:dev": "cd demo && cross-env FD_E2E=true vue-cli-service serve index.js --port 10000 --mode development",
-    "serve": "yarn generate-api && yarn serve:no-api-generate",
-    "serve:no-api-generate": "vue-cli-service serve src/docs/index.js",
+    "serve": "rimraf node_modules/.cache && cross-env FDD_PRERENDER='false' BASE_URL='/' vue-cli-service serve src/docs/index.js",
     "generate-api": "node src/tools",
-    "test": "vue-cli-service test:unit",
+    "test": "cross-env BASE_URL='/' vue-cli-service test:unit",
     "lint": "vue-cli-service lint --no-fix --max-warnings 0 --max-errors 0 src demo loaders tests",
-    "build:docs": "cross-env NODE_OPTIONS=--max_old_space_size=8192 node src/tools/index && NODE_ENV=production; NODE_OPTIONS=--max_old_space_size=8192 vue-cli-service build src/docs/index.js",
-    "build:docs:netlify": "yarn generate-api && cross-env NODE_ENV=production yarn build:docs --NETLIFY",
-    "deploy:docs": "yarn build:docs && gh-pages -d dist",
+    "_build:docs": "cross-env NODE_ENV=production FDD_PRERENDER=false vue-cli-service build src/docs/index.js --mode production --dest docs/dist",
+    "build:docs": "cross-env BASE_URL=/ yarn _build:docs",
+    "build:docs:netlify": "yarn build:docs",
+    "build:docs:ghpages": "cross-env BASE_URL=/fundamental-vue/ yarn _build:docs",
+    "deploy:docs": "yarn build:docs:ghpages && gh-pages -d docs/dist",
     "lint:pre-commit": "printf \"running pre-commit lint...\"  && yarn lint && printf \"done!\n\"",
     "release": "./scripts/publish-release.sh",
     "release:create": "create-release",
     "std-version": "standard-version -m \"chore(release): version %s build ${TRAVIS_BUILD_NUMBER} [ci skip]\"",
-    "test:watch": "vue-cli-service test:unit --watch",
-    "spadev": "cross-env NODE_ENV=development FDV_SPA=true webpack-dev-server --open --hot",
-    "spabuild": "cross-env NODE_ENV=production FDV_SPA=true webpack --progress --hide-modules"
+    "test:watch": "vue-cli-service test:unit --watch"
   },
   "main": "dist/FundamentalVue.cjs.js",
   "module": "dist/FundamentalVue.esm.js",
@@ -48,6 +45,8 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.0.0-0",
+    "@toycode/markdown-it-class": "^1.1.0",
     "@types/jest": "^24.0.13",
     "@types/webpack": "^4.4.34",
     "@vue/cli-plugin-babel": "^3.8.0",
@@ -60,12 +59,17 @@
     "@vuese/cli": "^2.4.2",
     "@vuese/markdown-render": "^2.2.9",
     "@vuese/parser": "^2.1.8",
+    "add": "^2.0.6",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.8.0",
     "bili": "^4.8.0",
+    "codesandbox": "^2.1.9",
     "core-js": "^2.6.5",
     "cross-env": "^5.2.0",
+    "css-loader": "^3.1.0",
+    "d3": "^4.13.0",
+    "escape-html": "^1.0.3",
     "eslint": "^5.16.0",
     "eslint-plugin-cypress": "^2.6.0",
     "eslint-plugin-prettier": "^3.1.0",
@@ -74,14 +78,18 @@
     "gh-pages": "^2.0.1",
     "github-assistant": "^0.3.0",
     "globby": "^10.0.1",
+    "gray-matter": "^4.0.2",
     "html-loader": "^0.5.5",
     "klaw-sync": "^6.0.0",
     "markdown-it": "^9.0.0",
+    "markdown-it-container": "^2.0.0",
     "markdown-it-vue": "^1.0.9",
-    "markdown-loader": "^5.0.0",
+    "postcss": "^7.0.17",
     "pre-commit": "^1.2.2",
     "prerender-spa-plugin": "^3.4.0",
+    "prettier": "^1.18.2",
     "prismjs": "^1.16.0",
+    "raw-loader": "^3.0.0",
     "rimraf": "^2.6.3",
     "rollup": "^1.12.5",
     "rollup-plugin-commonjs": "^10.0.0",
@@ -90,12 +98,18 @@
     "sass-loader": "^7.1.0",
     "standard-version": "^6.0.1",
     "start-server-and-test": "^1.9.1",
+    "validate-element-name": "^2.1.1",
     "vue": "^2.6.10",
+    "vue-clipboard2": "^0.3.0",
+    "vue-loader": "^15.7.1",
+    "vue-markdown-loader": "^2.4.1",
     "vue-router": "^3.0.6",
     "vue-template-compiler": "^2.6.10",
     "vue-virtual-scroller": "^1.0.0-rc.2",
+    "webpack": "^4.36.1",
     "webpack-chain": "^6.0.0",
-    "webpack-cli": "^3.3.5"
+    "webpack-cli": "^3.3.5",
+    "yarn": "^1.17.3"
   },
   "peerDependencies": {
     "fundamental-styles": "^0.1.0",
diff --git a/src/components/ContextButton/ContextButton.vue b/src/components/ContextButton/ContextButton.vue
index daa3d702..b9b899aa 100644
--- a/src/components/ContextButton/ContextButton.vue
+++ b/src/components/ContextButton/ContextButton.vue
@@ -1,6 +1,7 @@
 <script>
 import FdButton from "./../Button/Button.vue";
 
+// Context button component – should be used together with `fd-context-menu`. This component extends `fd-button`. Thus is can use used just like any other `fd-button`. It simply comes with a different set of defaults.
 export default {
   name: "FdContextButton",
   extends: FdButton,
diff --git a/src/components/Counter/Counter.vue b/src/components/Counter/Counter.vue
index 99a34626..4e6d8ccb 100644
--- a/src/components/Counter/Counter.vue
+++ b/src/components/Counter/Counter.vue
@@ -5,6 +5,7 @@
 <script>
 const counterTypeValues = ["info", "notification"];
 
+// Component to display counts
 export default {
   name: "FdCounter",
   props: {
diff --git a/src/components/DatePicker/DatePicker.vue b/src/components/DatePicker/DatePicker.vue
index 81a0279a..3c72a891 100644
--- a/src/components/DatePicker/DatePicker.vue
+++ b/src/components/DatePicker/DatePicker.vue
@@ -98,12 +98,18 @@ export default {
     };
   },
   props: {
+    // The date-value represented by this date picker
     value: {
+      // `{ from?: Date, to?: Date }`
       type: Object,
+      // `{ from: null, to: null }`
       default: createNullDate
     },
+    // Selection mode
     mode: {
+      // `single` / `range`
       type: String,
+      // `single` – only a single date can be selected
       default: "single"
     }
   }
diff --git a/src/components/Identifier/Identifier.vue b/src/components/Identifier/Identifier.vue
index d8ba6e18..aaa42913 100644
--- a/src/components/Identifier/Identifier.vue
+++ b/src/components/Identifier/Identifier.vue
@@ -46,7 +46,7 @@ export default {
         return {};
       }
       return {
-        backgroundImage: `url(${this.url})`
+        backgroundImage: `url('${this.url}')`
       };
     }
   }
diff --git a/src/components/Layout/App/App.vue b/src/components/Layout/App/App.vue
deleted file mode 100644
index d3f5e649..00000000
--- a/src/components/Layout/App/App.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="fd-shell__app">
-    <slot name="header" />
-    <div class="fd-app">
-      <slot />
-    </div>
-    <slot name="footer" />
-  </div>
-</template>
-
-<script>
-export default {
-  name: "FdApp"
-};
-</script>
diff --git a/src/components/Layout/App/_app.vue b/src/components/Layout/App/_app.vue
new file mode 100644
index 00000000..39a699ef
--- /dev/null
+++ b/src/components/Layout/App/_app.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="fd-app">
+    <!-- Slot for the navigation – use the `fd-app-navigation`-component -->
+    <slot name="navigation" />
+    <!-- Slot for the main app content – use the `fd-app-main`-component -->
+    <slot name="main" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "FdApp"
+};
+</script>
diff --git a/src/components/Layout/App/AppMain.vue b/src/components/Layout/App/app-main.vue
similarity index 61%
rename from src/components/Layout/App/AppMain.vue
rename to src/components/Layout/App/app-main.vue
index 74389da5..97f23363 100644
--- a/src/components/Layout/App/AppMain.vue
+++ b/src/components/Layout/App/app-main.vue
@@ -1,5 +1,7 @@
 <template>
-  <main class="fd-app__main"><slot /></main>
+  <main class="fd-app__main">
+    <slot />
+  </main>
 </template>
 
 <script>
diff --git a/src/components/Layout/App/AppNavigation.vue b/src/components/Layout/App/app-navigation.vue
similarity index 100%
rename from src/components/Layout/App/AppNavigation.vue
rename to src/components/Layout/App/app-navigation.vue
diff --git a/src/components/Layout/Shell/Shell.vue b/src/components/Layout/Shell/Shell.vue
deleted file mode 100644
index c2b085f6..00000000
--- a/src/components/Layout/Shell/Shell.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <div class="fd-shell fd-shell--fixed fd-shell--fundamentals"><slot /></div>
-</template>
-
-<script>
-export default {
-  name: "FdShell"
-};
-</script>
diff --git a/src/components/Layout/Shell/_shell.vue b/src/components/Layout/Shell/_shell.vue
new file mode 100644
index 00000000..0793b2b5
--- /dev/null
+++ b/src/components/Layout/Shell/_shell.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="fd-shell fd-shell--fundamentals">
+    <!-- Slot for the header – use the `fd-shell-header`-component -->
+    <slot name="header" />
+    <!-- Slot for the app – use the `fd-shell-app`-component -->
+    <slot name="app" />
+    <!-- Slot for the footer – use the `fd-shell-footer`-component -->
+    <slot name="footer" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "FdShell"
+};
+</script>
diff --git a/src/components/Layout/Shell/shell-app.vue b/src/components/Layout/Shell/shell-app.vue
new file mode 100644
index 00000000..7c148cfc
--- /dev/null
+++ b/src/components/Layout/Shell/shell-app.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="fd-shell__app">
+    <!-- Slot for the root application content – use the `fd-app`-component -->
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "FdShellApp"
+};
+</script>
diff --git a/src/components/Layout/Shell/ShellFooter.vue b/src/components/Layout/Shell/shell-footer.vue
similarity index 57%
rename from src/components/Layout/Shell/ShellFooter.vue
rename to src/components/Layout/Shell/shell-footer.vue
index 338e1de1..8c73fb8c 100644
--- a/src/components/Layout/Shell/ShellFooter.vue
+++ b/src/components/Layout/Shell/shell-footer.vue
@@ -1,5 +1,7 @@
 <template>
-  <div :class="classes"><slot /></div>
+  <div class="fd-shell__footer" :class="classes">
+    <slot />
+  </div>
 </template>
 
 <script>
@@ -10,7 +12,9 @@ export default {
   },
   computed: {
     classes() {
-      return ["fd-shell__footer"].concat(this.fixed ? ["fd-shell__footer--fixed"] : []);
+      return {
+        "fd-shell__footer--fixed": this.fixed
+      };
     }
   }
 };
diff --git a/src/components/Layout/Shell/ShellHeader.vue b/src/components/Layout/Shell/shell-header.vue
similarity index 63%
rename from src/components/Layout/Shell/ShellHeader.vue
rename to src/components/Layout/Shell/shell-header.vue
index 9e0d8197..9a80c28f 100644
--- a/src/components/Layout/Shell/ShellHeader.vue
+++ b/src/components/Layout/Shell/shell-header.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="classes">
+  <div class="fd-shell__header" :class="classes">
     <slot />
   </div>
 </template>
@@ -12,7 +12,9 @@ export default {
   },
   computed: {
     classes() {
-      return ["fd-shell__header"].concat(this.fixed ? ["fd-shell__header--fixed"] : []);
+      return {
+        "fd-shell__header--fixed": this.fixed
+      };
     }
   }
 };
diff --git a/src/components/Layout/index.js b/src/components/Layout/index.js
index df9c0816..875b1f60 100644
--- a/src/components/Layout/index.js
+++ b/src/components/Layout/index.js
@@ -2,12 +2,13 @@ import Container from "./Container.vue";
 import Col from "./Col.vue";
 import Section from "./Section.vue";
 import Ui from "./Ui.vue";
-import App from "./App/App.vue";
-import AppMain from "./App/AppMain.vue";
-import AppNavigation from "./App/AppNavigation.vue";
-import Shell from "./Shell/Shell.vue";
-import ShellHeader from "./Shell/ShellHeader.vue";
-import ShellFooter from "./Shell/ShellFooter.vue";
+import App from "./App/_app.vue";
+import AppMain from "./App/app-main.vue";
+import AppNavigation from "./App/app-navigation.vue";
+import Shell from "./Shell/_shell.vue";
+import ShellHeader from "./Shell/shell-header.vue";
+import ShellApp from "./Shell/shell-app.vue";
+import ShellFooter from "./Shell/shell-footer.vue";
 import * as ShellBar from "./ShellBar";
 import { pluginify, objectValues } from "./../../util";
 
@@ -22,6 +23,7 @@ export default pluginify(
   Shell,
   ShellHeader,
   ShellFooter,
+  ShellApp,
   ...objectValues(ShellBar)
 );
 
@@ -35,5 +37,6 @@ export {
   AppNavigation,
   Shell,
   ShellHeader,
-  ShellFooter
+  ShellFooter,
+  ShellApp
 };
diff --git a/src/directives/click-out.js b/src/directives/click-out.js
index 116baecb..785f5421 100644
--- a/src/directives/click-out.js
+++ b/src/directives/click-out.js
@@ -14,6 +14,7 @@ const bind = (el, binding, { context: vm }) => {
   const { expression, name, modifiers, value: callback } = binding;
 
   if (typeof callback !== "function") {
+    // eslint-disable-next-line no-undef
     if (process.env.NODE_ENV !== "production") {
       warn(`v-${name}=${expression} expects a function value, got ${callback}`);
     }
diff --git a/src/directives/modal.js b/src/directives/modal.js
index 0488778c..4aab2e8e 100644
--- a/src/directives/modal.js
+++ b/src/directives/modal.js
@@ -10,11 +10,13 @@ const directive = {
       }
       const modal = vm.$refs[arg];
       if (modal == null) {
+        // eslint-disable-next-line no-undef
         if (process.env.NODE_ENV === "development") {
           throw Error(`[v-modal] Unable to modal ${arg}`);
         }
         return;
       }
+      // eslint-disable-next-line no-undef
       if (process.env.NODE_ENV === "development") {
         if (Array.isArray(modal)) {
           throw Error(`[v-modal] Unable to modal ${arg}`);
diff --git a/src/docs/App.vue b/src/docs/App.vue
index d1950981..6bdc7610 100644
--- a/src/docs/App.vue
+++ b/src/docs/App.vue
@@ -1,14 +1,14 @@
-<template>
-  <component :is="layout" />
-</template>
-
 <script>
-const DEFAULT_LAYOUT = "Default";
+import Vue from "vue";
+// This is our main component.
+// It simply looks up the layout to render and does exactly that.
 export default {
-  computed: {
-    layout() {
-      return (this.$route.meta.layout || DEFAULT_LAYOUT) + "Layout";
-    }
+  // functional: true,
+  render(h) {
+    const route = this.$route;
+    const layout = (route.meta.layout || "default") + "-layout";
+    const ctor = Vue.component(layout);
+    return h(ctor);
   }
 };
 </script>
diff --git a/src/docs/DocumentationLoader/index.js b/src/docs/DocumentationLoader/index.js
deleted file mode 100644
index de8dce32..00000000
--- a/src/docs/DocumentationLoader/index.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { getExamples, getPages } from "./../pages";
-import { log } from "./../core";
-
-export class Example {
-  constructor({ id, title, code, tip, docs, component, condensed, fullscreenOnly }) {
-    this.id = id;
-    this.title = title;
-    this.code = code;
-    this.tip = tip;
-    this.docs = docs;
-    this.condensed = condensed;
-    this.component = component;
-    this.fullscreenOnly = fullscreenOnly;
-  }
-}
-
-export default class DocumentationLoader {
-  static install(VueCtor) {
-    log("Installing DocumentationLoader Plugin…");
-    VueCtor.prototype.$docLoader = new DocumentationLoader();
-  }
-
-  constructor() {
-    this.pages = getPages();
-  }
-
-  exampleForId(id) {
-    const { pages } = this;
-    const withId = example => example.id === id;
-    for (const page of pages) {
-      const examples = this.examplesForPage(page);
-      const example = examples.find(withId);
-      if (example != null) {
-        return example;
-      }
-    }
-  }
-
-  examplesForPage({ slug }) {
-    return this.examplesForPageWithSlug(slug);
-  }
-
-  examplesForPageWithSlug(slug) {
-    const page = this.pageForSlug(slug);
-    if (page == null) {
-      return [];
-    }
-    return getExamples(page.title).map(example => new Example(example));
-  }
-
-  pageForSlug(slug) {
-    return this.pages.find(page => page.slug === slug);
-  }
-}
diff --git a/src/docs/_node/component-name.js b/src/docs/_node/component-name.js
new file mode 100644
index 00000000..57092c27
--- /dev/null
+++ b/src/docs/_node/component-name.js
@@ -0,0 +1,100 @@
+/* eslint-env node */
+
+// @ts-check
+const slugify = require("./slugify");
+const kebabCase = require("./kebab-case");
+const deslugified = require("./deslugify");
+const validateComponentName = require("validate-element-name");
+
+// This class helps us to migrate between different representations of a component name.
+// There are different naming conventions.
+
+/**
+ * @param {any} invalidName
+ * @returns {never}
+ */
+const handleInvalidName = invalidName => {
+  throw Error(`Invalid component name: ${invalidName}`);
+};
+
+const NORMALIZED_PREFIX = "fd";
+
+class ComponentName {
+  /**
+   * @param {any} raw
+   * @returns {boolean}
+   */
+  static hasPrefix(raw) {
+    if (raw == null) {
+      return false;
+    }
+    if (typeof raw !== "string") {
+      return false;
+    }
+    return raw.toLowerCase().startsWith(NORMALIZED_PREFIX);
+  }
+
+  static isNormalizedValidComponentName(raw) {
+    if (ComponentName.hasPrefix(raw) == false) {
+      return false;
+    }
+    const result = validateComponentName(raw);
+    return result.isValid;
+  }
+  /**
+   * @param {any} raw
+   * @returns {ComponentName}
+   */
+  static from(raw) {
+    if (raw == null) {
+      handleInvalidName(raw);
+    }
+    if (typeof raw !== "string") {
+      handleInvalidName(raw);
+    }
+
+    if (raw.length <= NORMALIZED_PREFIX.length) {
+      // Name has no prefix
+      // let's kebab-case the raw string.
+      return new ComponentName(`${NORMALIZED_PREFIX}-${kebabCase(raw)}`);
+    }
+
+    if (raw.toLowerCase().startsWith(NORMALIZED_PREFIX)) {
+      return new ComponentName(kebabCase(raw));
+    }
+    return new ComponentName(`${NORMALIZED_PREFIX}-${kebabCase(raw)}`);
+  }
+
+  /** @param {string} normalized */
+  constructor(normalized) {
+    this._normalized = normalized;
+  }
+  /** @returns {string} */
+  get normalized() {
+    return this._normalized;
+  }
+  /** @returns {string} */
+  get slugified() {
+    return slugify(this.normalized);
+  }
+  /** @returns {string} */
+  get slugifiedWithoutPrefix() {
+    return slugify(this.normalizedWithoutPrefix);
+  }
+
+  /** @returns {string} */
+  get normalizedWithoutPrefix() {
+    return this.normalized.substring(3);
+  }
+
+  /** @returns {string} */
+  get displayable() {
+    return deslugified(this.normalizedWithoutPrefix);
+  }
+  /** @returns {string} */
+  get displayableWithPrefix() {
+    return this.normalized;
+  }
+}
+
+module.exports = ComponentName;
diff --git a/src/docs/_node/deslugify.js b/src/docs/_node/deslugify.js
new file mode 100644
index 00000000..30edf9dd
--- /dev/null
+++ b/src/docs/_node/deslugify.js
@@ -0,0 +1,20 @@
+/* eslint-env node */
+
+// @ts-check
+
+/** @param {string} text */
+const capitalized = text => {
+  if (text.length === 0) {
+    return text;
+  }
+  const firstLetter = text.charAt(0);
+  return `${firstLetter.toUpperCase()}${text.substring(1)}`;
+};
+
+/** @param {string} text */
+const deslugify = text => {
+  const parts = text.split("-");
+  return parts.map(capitalized).join(" ");
+};
+
+module.exports = deslugify;
diff --git a/src/docs/_node/get-example-collections.js b/src/docs/_node/get-example-collections.js
deleted file mode 100644
index 30ca5680..00000000
--- a/src/docs/_node/get-example-collections.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// @ts-check
-
-const globby = require("globby");
-const slugify = require("./slugify");
-const Path = require("path");
-
-const getExampleCollections = () => {
-  const pagesRoot = "src/docs/pages";
-  const ingored = [Path.posix.join(pagesRoot, "index.js")];
-  const allIndexFiles = globby.sync(Path.posix.join(pagesRoot, "**", "index.js"));
-  const exampleCollectionModules = allIndexFiles.filter(path => !ingored.includes(path));
-
-  const exampleCollections = exampleCollectionModules.map(collectionModule => {
-    const dirname = Path.basename(Path.dirname(collectionModule));
-    const slug = slugify(dirname);
-    return {
-      slug,
-      dirname,
-      absolutePath: collectionModule
-    };
-  });
-  return exampleCollections;
-};
-
-module.exports = getExampleCollections;
diff --git a/src/docs/_node/kebab-case.js b/src/docs/_node/kebab-case.js
new file mode 100644
index 00000000..ecc904fd
--- /dev/null
+++ b/src/docs/_node/kebab-case.js
@@ -0,0 +1,9 @@
+/* eslint-env node */
+
+const kebabCased = str =>
+  str
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .replace(/[\s_]+/g, "-")
+    .toLowerCase();
+
+module.exports = kebabCased;
diff --git a/src/docs/_node/markdown-plugins/index.js b/src/docs/_node/markdown-plugins/index.js
new file mode 100644
index 00000000..8e69c8bb
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/index.js
@@ -0,0 +1,17 @@
+/* eslint-env node */
+
+// @ts-check
+
+const MarkdownItComponentLinkPluin = require("./markdown-it-plugin-component-api-link");
+const MarkdownItPluginTip = require("./markdown-it-plugin-tip");
+const MarkdownItPluginMakeStyleable = require("./markdown-it-plugin-make-styleable");
+const MarkdownItPluginSlot = require("./markdown-it-plugin-slot");
+
+module.exports = {
+  all: [
+    MarkdownItPluginSlot,
+    MarkdownItComponentLinkPluin,
+    MarkdownItPluginTip,
+    MarkdownItPluginMakeStyleable
+  ]
+};
diff --git a/src/docs/_node/markdown-plugins/markdown-it-plugin-component-api-link.js b/src/docs/_node/markdown-plugins/markdown-it-plugin-component-api-link.js
new file mode 100644
index 00000000..f9c32cbd
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/markdown-it-plugin-component-api-link.js
@@ -0,0 +1,21 @@
+/* eslint-env node */
+
+// This markdown-it plugin replaces every occurance of:
+//       `$valid-fundamental-vue-component-name`
+// by a link to the corresponding Fundamental Vue component API.
+const ComponentName = require("./../component-name");
+
+const plugin = md => {
+  const defaultRender = md.renderer.rules.code_inline;
+  const componentApiLink = (tokens, idx, options, env, self) => {
+    const token = tokens[idx];
+    const content = token.content;
+    if (ComponentName.isNormalizedValidComponentName(content)) {
+      return `<d-component-api-link type="prominent" component-name="${content}"></d-component-api-link>`;
+    }
+    return defaultRender(tokens, idx, options, env, self);
+  };
+  md.renderer.rules.code_inline = componentApiLink;
+};
+
+module.exports = plugin;
diff --git a/src/docs/_node/markdown-plugins/markdown-it-plugin-make-styleable.js b/src/docs/_node/markdown-plugins/markdown-it-plugin-make-styleable.js
new file mode 100644
index 00000000..069b35ba
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/markdown-it-plugin-make-styleable.js
@@ -0,0 +1,39 @@
+/* eslint-env node */
+
+// @ts-check
+const markdownItClass = require("@toycode/markdown-it-class");
+
+/**
+ * @param  {...string} tags
+ * @returns {{ [tag:string] : string }}
+ */
+const mapTags = (...tags) => {
+  /** @type {{ [tag:string] : string }} */
+  const result = {};
+  tags.forEach(tag => {
+    result[tag] = `fdd-md--${tag}`;
+  });
+  return result;
+};
+
+/** @param {import("markdown-it")} md */
+const plugin = md => {
+  const mapping = mapTags(
+    "ul",
+    "ol",
+    "li",
+    "blockquote",
+    "code",
+    "pre",
+    "p",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+  );
+  return markdownItClass(md, mapping);
+};
+
+module.exports = plugin;
diff --git a/src/docs/_node/markdown-plugins/markdown-it-plugin-related-components.js b/src/docs/_node/markdown-plugins/markdown-it-plugin-related-components.js
new file mode 100644
index 00000000..1ed13a52
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/markdown-it-plugin-related-components.js
@@ -0,0 +1,30 @@
+/* eslint-env node */
+// @ts-check
+const MarkdownItContainer = require("markdown-it-container");
+
+/**
+ * @typedef {import("markdown-it")} MarkdownIt
+ * @typedef {import("markdown-it/lib/token")} Token
+ */
+
+/**
+ * @param {Token[]} tokens
+ * @param {number} index
+ * @returns {string}
+ */
+const renderTip = (tokens, index) => {
+  if (tokens[index].nesting === 1) {
+    return `<div class="fdd-tip"><div class="fdd-tip__body">`;
+  } else {
+    return "</div></div>";
+  }
+};
+
+/** @param {MarkdownIt} md */
+const plugin = md => {
+  return MarkdownItContainer(md, "tip", {
+    render: renderTip
+  });
+};
+
+module.exports = plugin;
diff --git a/src/docs/_node/markdown-plugins/markdown-it-plugin-slot.js b/src/docs/_node/markdown-plugins/markdown-it-plugin-slot.js
new file mode 100644
index 00000000..ffa74680
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/markdown-it-plugin-slot.js
@@ -0,0 +1,37 @@
+/* eslint-env node */
+// @ts-check
+const MarkdownItContainer = require("markdown-it-container");
+
+/**
+ * @typedef {import("markdown-it")} MarkdownIt
+ * @typedef {import("markdown-it/lib/token")} Token
+ * @typedef {object} Options
+ * @prop {string} slot
+ */
+
+/**
+ * @param {MarkdownIt} md
+ * @param {Token[]} tokens
+ * @param {number} index
+ * @returns {string}
+ */
+const renderSlot = (md, tokens, index) => {
+  const match = tokens[index].info.trim().match(/^slot\s+(.*)$/);
+  if (tokens[index].nesting === 1) {
+    return `<d-md-slot name="${md.utils.escapeHtml(match[1])}">\n`;
+  } else {
+    return "</d-md-slot>\n";
+  }
+};
+
+/** @param {MarkdownIt} md */
+const plugin = md => {
+  return MarkdownItContainer(md, "slot", {
+    validate(params) {
+      return params.trim().match(/^slot\s+(.*)$/) != null;
+    },
+    render: (tokens, index) => renderSlot(md, tokens, index)
+  });
+};
+
+module.exports = plugin;
diff --git a/src/docs/_node/markdown-plugins/markdown-it-plugin-tip.js b/src/docs/_node/markdown-plugins/markdown-it-plugin-tip.js
new file mode 100644
index 00000000..1ed13a52
--- /dev/null
+++ b/src/docs/_node/markdown-plugins/markdown-it-plugin-tip.js
@@ -0,0 +1,30 @@
+/* eslint-env node */
+// @ts-check
+const MarkdownItContainer = require("markdown-it-container");
+
+/**
+ * @typedef {import("markdown-it")} MarkdownIt
+ * @typedef {import("markdown-it/lib/token")} Token
+ */
+
+/**
+ * @param {Token[]} tokens
+ * @param {number} index
+ * @returns {string}
+ */
+const renderTip = (tokens, index) => {
+  if (tokens[index].nesting === 1) {
+    return `<div class="fdd-tip"><div class="fdd-tip__body">`;
+  } else {
+    return "</div></div>";
+  }
+};
+
+/** @param {MarkdownIt} md */
+const plugin = md => {
+  return MarkdownItContainer(md, "tip", {
+    render: renderTip
+  });
+};
+
+module.exports = plugin;
diff --git a/src/docs/_node/markdown/highlight.js b/src/docs/_node/markdown/highlight.js
new file mode 100644
index 00000000..bf56d7fc
--- /dev/null
+++ b/src/docs/_node/markdown/highlight.js
@@ -0,0 +1,73 @@
+/* eslint-env node */
+// @ts-check
+// Inspired by from Vuepress: https://vuepress.vuejs.org
+
+const Prism = require("prismjs");
+const escapeHtml = require("escape-html");
+const loadLanguages = require("prismjs/components/index");
+loadLanguages(["markup", "css", "javascript"]);
+
+/**
+ * @typedef {object} WrapOptions
+ * @prop {string} html
+ * @prop {string} language
+ */
+
+/** @param {WrapOptions} options */
+const wrap = ({ html, language }) => {
+  const isText = language === "text";
+  const html_ = isText ? escapeHtml(html) : html;
+  return `<pre v-pre class="language-${language}"><code>${html_}</code></pre>`;
+};
+
+/**
+ * @param {string} string
+ * @param {string} language
+ */
+const highlight = (string, language) => {
+  if (language == null) {
+    return wrap({ html: string, language: "text" });
+  }
+  let lang = language.toLowerCase();
+  const rawLang = language;
+  if (lang === "vue" || lang === "html") {
+    lang = "markup";
+  }
+  if (lang === "md") {
+    lang = "markdown";
+  }
+  if (lang === "rb") {
+    lang = "ruby";
+  }
+  if (lang === "ts") {
+    lang = "typescript";
+  }
+  if (lang === "py") {
+    lang = "python";
+  }
+  if (lang === "sh") {
+    lang = "bash";
+  }
+  if (lang === "yml") {
+    lang = "yaml";
+  }
+  if (lang === "styl") {
+    lang = "stylus";
+  }
+
+  if (!Prism.languages[lang]) {
+    try {
+      loadLanguages([lang]);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error("failed to load language %s", lang, e);
+    }
+  }
+  if (Prism.languages[lang]) {
+    const code = Prism.highlight(string, Prism.languages[lang], lang);
+    return wrap({ html: code, language: rawLang });
+  }
+  return wrap({ html: string, language: "text" });
+};
+
+module.exports = highlight;
diff --git a/src/docs/_node/slugify.js b/src/docs/_node/slugify.js
index 2ee4015e..9c93f100 100644
--- a/src/docs/_node/slugify.js
+++ b/src/docs/_node/slugify.js
@@ -1,3 +1,4 @@
+/* eslint-env node */
 // @ts-check
 
 // Thanks: https://gist.github.com/mathewbyrne/1280286
@@ -12,4 +13,5 @@ const slugify = text => {
     .replace(/^-+/, "") // Trim - from start of text
     .replace(/-+$/, ""); // Trim - from end of text
 };
+
 module.exports = slugify;
diff --git a/src/docs/_pages/example-collection-page.vue b/src/docs/_pages/example-collection-page.vue
new file mode 100644
index 00000000..3bee648e
--- /dev/null
+++ b/src/docs/_pages/example-collection-page.vue
@@ -0,0 +1,7 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+export default {};
+</script>
diff --git a/src/docs/component-api-repository/__tests__/component-api-repository.test.js b/src/docs/component-api-repository/__tests__/component-api-repository.test.js
deleted file mode 100644
index f09144d4..00000000
--- a/src/docs/component-api-repository/__tests__/component-api-repository.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import ComponentApiRepository from "./../index";
-
-describe("ComponentApiRepository", () => {
-  it("returns displayable component name", () => {
-    expect(new ComponentApiRepository([]).displayableComponentName("./FdAlert.json")).toEqual(
-      "FdAlert"
-    );
-  });
-});
diff --git a/src/docs/component-api-repository/index.js b/src/docs/component-api-repository/index.js
deleted file mode 100644
index 8d81d2b6..00000000
--- a/src/docs/component-api-repository/index.js
+++ /dev/null
@@ -1,39 +0,0 @@
-// @ts-check
-import slugify from "./../util/slugify";
-
-class ComponentApiRepository {
-  // a key looks like: './fd-alert.json'
-  constructor(keys) {
-    this.keys = keys;
-  }
-
-  /**
-   * @param {string} key
-   * @returns {string}
-   */
-  displayableComponentName(key) {
-    return key.replace("./", "").replace(".json", "");
-  }
-
-  /**
-   * @param {string} key
-   * @returns {string}
-   */
-  slugifiedComponentName(key) {
-    return slugify(this.displayableComponentName(key));
-  }
-
-  /** @param {string} key */
-  routeForKey(key) {
-    const path = this.slugifiedComponentName(key);
-    return {
-      props: {
-        componentKey: key
-      },
-      name: `component-api.${path}`,
-      path
-    };
-  }
-}
-
-export default ComponentApiRepository;
diff --git a/src/docs/components/ComponentExample.vue b/src/docs/components/ComponentExample.vue
deleted file mode 100644
index b730dab5..00000000
--- a/src/docs/components/ComponentExample.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-  <div class="component-example">
-    <h3 v-fd-font-weight:light v-fd-type:4 class="example-title">
-      {{ title }}
-      <FdButton
-        compact
-        styling="light"
-        type="standard"
-        class="fullscreen-demo-button"
-        icon="popup-window"
-        @click="showExampleStandalone"
-      />
-    </h3>
-
-    <div v-if="docs !== ''" class="docs rendered-markdown" v-html="docs" />
-    <FdPanel condensed condensedFooter>
-      <d-tip title="TIP" :content="tip" v-if="tip">
-        {{ tip }}
-      </d-tip>
-      <div class="component">
-        <div
-          v-if="fullscreenOnly"
-          class="component__default-margin"
-          style="display: flex; justify-content: center;"
-        >
-          <FdButton
-            style="margin-left: auto; margin-right: auto;"
-            type="standard"
-            icon="popup-window"
-            @click="showExampleStandalone"
-          >
-            Show Demo
-          </FdButton>
-        </div>
-        <div v-else class="component__default-margin">
-          <component :is="component" />
-        </div>
-      </div>
-      <div slot="footer" class="footer">
-        <div class="example__show_code" role="button" @click="toggleCodeVisibility">
-          <a href="#">
-            <i :class="toggleCodeVisbilityIcon" />
-            <span style="margin-left: 4px; line-height: 44px; font-size: 13px;">
-              {{ toggleCodeVisbilityTitle }}
-            </span>
-          </a>
-        </div>
-        <expand-transition>
-          <div v-show="codeVisible" class="codeContainer">
-            <!-- Needs to be wrapped again for the transition to look nice. -->
-            <div>
-              <code-view :key="title" :sourcecode="sourcecode" />
-            </div>
-          </div>
-        </expand-transition>
-      </div>
-    </FdPanel>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "ComponentExample",
-  props: {
-    exampleId: { type: String, required: true },
-    tip: String,
-    docs: { type: String, default: "" },
-    title: { type: String, default: "" },
-    condensed: { type: Boolean, default: false },
-    fullscreenOnly: { type: Boolean, default: false },
-    isFullscreenExample: { type: Boolean, default: false },
-    component: Object,
-    sourcecode: String
-  },
-  computed: {
-    toggleCodeVisbilityIcon() {
-      return [`sap-icon--navigation-${this.codeVisible ? "up" : "down"}-arrow`, "sap-icon--s"];
-    },
-    toggleCodeVisbilityTitle() {
-      return this.codeVisible ? "Hide Code" : "Show Code";
-    }
-  },
-  data() {
-    return {
-      codeVisible: false
-    };
-  },
-  methods: {
-    toggleCodeVisibility(event) {
-      event.preventDefault();
-      this.codeVisible = !this.codeVisible;
-    },
-    showExampleStandalone() {
-      const routeData = this.$router.resolve({
-        name: "example-demo",
-        params: { id: this.exampleId }
-      });
-      window.open(routeData.href, "__blank");
-    }
-  }
-};
-</script>
-
-<style lang="sass">
-
-.component-example
-  padding: 0px
-  margin-bottom: 40px
-  .example-title
-    color: #888888
-  .example__show_code
-    color: #aaaaaa
-    cursor: pointer
-    text-align: center
-    background-color: rgb(250, 250, 250)
-    a
-      color: #aaaaaa
-      outline: 0
-      &:hover
-        color: blue
-  .fullscreen-demo-button
-    display: inline-block
-    float: right
-  .footer
-    width: 100%
-    display: block
-  .component
-    .component__default-margin
-      padding: 30px
-    .component__condensed
-      padding: 0px
-  .docs
-    font-size: 1.2em
-    margin-bottom: 12px
-.codeContainer
-  background-color: white
-  border-top: 1px solid #eeeeef
-  padding: 30px
-</style>
diff --git a/src/docs/components/ExampleCollection.vue b/src/docs/components/ExampleCollection.vue
deleted file mode 100644
index fe266f1b..00000000
--- a/src/docs/components/ExampleCollection.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div>
-    <div v-fd-margin:large.bottom>
-      <h2
-        style="color: #555555; line-height: 45px; border-bottom: 1px solid #eeeeee;"
-        v-fd-font-weight:light
-        v-fd-type:5
-      >
-        {{ page.title }}
-      </h2>
-      <div v-if="relatedComponentNames.length > 0">
-        <p>Related Components:</p>
-        <ul>
-          <li
-            class="example-collection__related-component-list-item"
-            v-for="name in relatedComponentNames"
-            :key="name"
-          >
-            <component-api-link :component-name="name" />
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <component-example
-      v-for="example in examples"
-      :key="keyForExample(example)"
-      :exampleId="example.id"
-      :tip="example.tip"
-      :docs="example.docs"
-      :component="example.component"
-      :sourcecode="example.code"
-      :title="example.title"
-      :condensed="example.condensed"
-      :fullscreenOnly="example.fullscreenOnly"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    keyForExample({ id }) {
-      return `example-${id}`;
-    },
-    keyForComponentDocumentation(documentation) {
-      return `api-${documentation.componentName}`;
-    }
-  },
-
-  computed: {
-    relatedComponentNames() {
-      return this.docLoader.pageForSlug(this.slug).relatedComponents;
-    },
-    slug() {
-      return this.route.params.slug;
-    },
-    page() {
-      return this.docLoader.pageForSlug(this.slug);
-    },
-    docLoader() {
-      return this.$docLoader;
-    },
-    examples() {
-      const { slug, docLoader } = this;
-      return docLoader.examplesForPageWithSlug(slug);
-    },
-    route() {
-      return this.$route;
-    }
-  }
-};
-</script>
-
-<style>
-.example-collection__related-components-title {
-  font-weight: heavy;
-}
-
-.example-collection__related-component-list-item {
-  display: inline;
-}
-.example-collection__related-component-list-item:not(:first-child):before {
-  content: "–";
-  margin-left: 5px;
-  margin-right: 5px;
-}
-</style>
diff --git a/src/docs/components/ExpandTransition.vue b/src/docs/components/ExpandTransition.vue
index ceee93a0..f499c527 100644
--- a/src/docs/components/ExpandTransition.vue
+++ b/src/docs/components/ExpandTransition.vue
@@ -8,7 +8,7 @@
     @enter="enter"
     @before-enter="beforeEnter"
   >
-    <slot></slot>
+    <slot />
   </transition>
 </template>
 
diff --git a/src/docs/components/FullscreenDemo.vue b/src/docs/components/FullscreenDemo.vue
deleted file mode 100644
index b6351f8d..00000000
--- a/src/docs/components/FullscreenDemo.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <component :is="example.component" />
-</template>
-
-<script>
-export default {
-  computed: {
-    exampleId() {
-      return this.$route.params.id;
-    },
-    example() {
-      const { exampleId } = this;
-      const result = this.$docLoader.exampleForId(exampleId);
-      if (result == null) {
-        throw Error(`Unable to get example with id: ${exampleId}`);
-      }
-      return result;
-    }
-  }
-};
-</script>
diff --git a/src/docs/components/StaticContent.vue b/src/docs/components/StaticContent.vue
deleted file mode 100644
index 8efb2917..00000000
--- a/src/docs/components/StaticContent.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <div class="rendered-markdown">
-    <div v-html="html" style="font-size: 1.2em; margin-bottom: 12px;" />
-  </div>
-</template>
-
-<script>
-import "highlight.js/styles/docco.css";
-
-export default {
-  props: {
-    html: String
-  }
-};
-</script>
-
-<style lang="scss">
-$headline-color: #35495e;
-$text-color: #35495e;
-$blockquote-color: lighten($text-color, 10%);
-
-.rendered-markdown {
-  h1 {
-    color: $headline-color;
-    padding-bottom: 15px;
-    font-size: 1.5rem;
-    font-weight: 600;
-    margin-bottom: 0;
-  }
-
-  h2 {
-    color: $headline-color;
-    font-size: 1.3rem;
-    padding-bottom: 15px;
-    border-bottom: 1px solid #eaecef;
-    padding-top: 3rem;
-  }
-
-  h3 {
-    color: $headline-color;
-    font-size: 1.2rem;
-    padding-bottom: 15px;
-    padding-top: 2.8rem;
-  }
-
-  p,
-  ul,
-  ol {
-    line-height: 35px;
-    color: $text-color;
-    margin-block-end: 16px;
-    margin-block-start: 16px;
-  }
-
-  ul ul,
-  ol ol,
-  ul ol,
-  ol ul {
-    margin-block-end: 0px;
-    margin-block-start: 0px;
-  }
-
-  ul,
-  ol {
-    padding-left: 1.2em;
-  }
-
-  pre {
-    background-color: #fcfcfc;
-    border: 1px solid #dbdfe1;
-    border-radius: 4px;
-    padding: 15px;
-    overflow: auto;
-  }
-
-  img {
-    max-width: 80%;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    border: 2px solid #efefef;
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  code {
-    padding-left: 7px;
-    padding-right: 7px;
-    padding-top: 2px;
-    padding-bottom: 2px;
-    color: #476582;
-    font-weight: 400;
-    font-size: 16px;
-    background-color: rgba(27, 31, 35, 0.05);
-  }
-
-  // Styling for code samples
-  pre > code {
-    color: #35495e;
-    padding: 0;
-    font-weight: 400;
-    font-size: 16px;
-    background-color: #fcfcfc;
-  }
-
-  blockquote {
-    color: darken(desaturate(#f2f7ff, 50%), 60%);
-    border-left: 0.3rem solid darken(desaturate(#f2f7ff, 50%), 60%);
-    margin-top: 10px;
-    margin-bottom: 10px;
-    margin-left: 0;
-    margin-right: 0;
-    padding: 20px;
-    font-style: italic;
-    background-color: #f2f7ff;
-    p {
-      color: darken(desaturate(#f2f7ff, 50%), 60%);
-      margin-block-end: 0;
-      margin-block-start: 0;
-    }
-  }
-}
-</style>
diff --git a/src/docs/components/component-api-link.vue b/src/docs/components/component-api-link.vue
deleted file mode 100644
index ceceea74..00000000
--- a/src/docs/components/component-api-link.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <router-link :to="to">
-    <slot>{{ componentName }}</slot>
-  </router-link>
-</template>
-
-<script>
-export default {
-  props: {
-    // kebab-cased component name with prefix
-    componentName: {
-      type: String
-    }
-  },
-  computed: {
-    to() {
-      const { componentName } = this;
-      const componentKey = `./${componentName}.json`;
-      return {
-        props: {
-          componentKey
-        },
-        name: `component-api.${componentName}`,
-        path: componentName
-      };
-    }
-  }
-};
-</script>
diff --git a/src/docs/components/component-picker.vue b/src/docs/components/component-picker.vue
deleted file mode 100644
index 2250604c..00000000
--- a/src/docs/components/component-picker.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="d-component-picker">
-    <fd-input-group-search class="d-component-picker__search-input">
-      <template #input>
-        <input ref="searchInput" v-model="predicate" type="search" placeholder="Enter Component…" />
-      </template>
-      <template #clear>
-        <fd-input-group-clear-button @click="clearSearch" />
-      </template>
-    </fd-input-group-search>
-
-    <fd-virtualized-list
-      @update:selectedItem="selectComponentItem"
-      :size-dependencies="['item.componentName']"
-      key-field="key"
-      :items="matchingComponents"
-      style="height: 300px;"
-      :min-item-size="20"
-    >
-      <template #item="{ item, index }">
-        <fd-tile style="background-color: transparent;" is-button>
-          <fd-tile-content>
-            <fd-tile-title>{{ item.displayableComponentName }}</fd-tile-title>
-          </fd-tile-content>
-        </fd-tile>
-      </template>
-    </fd-virtualized-list>
-  </div>
-</template>
-
-<script>
-export default {
-  computed: {
-    componentItems() {
-      const keys = this.$componentApiRepository.keys;
-      return keys.map(this.itemFromKey);
-    },
-    matchingComponents() {
-      const { predicate } = this;
-      return this.componentItems.filter(({ displayableComponentName }) =>
-        displayableComponentName.toLowerCase().includes(predicate.toLowerCase())
-      );
-    }
-  },
-  methods: {
-    itemFromKey(key) {
-      const displayableComponentName = this.$componentApiRepository.displayableComponentName(key);
-      return {
-        key,
-        displayableComponentName
-      };
-    },
-    clearSearch() {
-      this.predicate = "";
-      this.$refs.searchInput.focus();
-    },
-    selectComponentItem(item) {
-      const key = item == null ? null : item.key;
-      this.selectedComponentKey = key;
-      this.$emit("input", this.selectedComponentKey);
-    }
-  },
-  data() {
-    return {
-      selectedComponentKey: null,
-      predicate: ""
-    };
-  }
-};
-</script>
-
-<style lang="scss">
-.d-component-picker__search-input {
-  padding-left: 10px;
-  padding-top: 10px;
-  padding-right: 10px;
-  margin-bottom: 10px;
-}
-.d-component-picker {
-  width: 320px;
-}
-</style>
diff --git a/src/docs/components/CodeView.vue b/src/docs/components/d-code-view.vue
similarity index 80%
rename from src/docs/components/CodeView.vue
rename to src/docs/components/d-code-view.vue
index 50e6dd23..5052efb9 100644
--- a/src/docs/components/CodeView.vue
+++ b/src/docs/components/d-code-view.vue
@@ -13,44 +13,44 @@ export default {
     }
   },
   render(h, ctx) {
-    const code = ctx.props.sourcecode;
+    const code =
+      ctx.props.sourcecode || (ctx.children && ctx.children.length > 0 ? ctx.children[0].text : "");
     const language = ctx.props.language;
     const prismLanguage = Prism.languages[language];
     const className = `language-${language}`;
-
-    return (
-      h("PRE", {
-        ...ctx.data,
-        class: [ctx.data.class, className]
-      }),
-      [
-        h("code", {
-          class: className,
-          domProps: {
-            innerHTML: Prism.highlight(code, prismLanguage)
-          }
-        })
-      ]
-    );
+    const codeEl = h("code", {
+      class: className,
+      domProps: {
+        innerHTML: Prism.highlight(code, prismLanguage)
+      }
+    });
+    const preEl = h("pre", { class: className }, [codeEl]);
+    return h("div", { attrs: { "data-fdd-sourcecode": "true" }, class: "fdd-code" }, [preEl]);
   }
 };
 </script>
 
-<style>
-.sourcecode {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  background-color: white;
-}
-
+<style lang="scss">
 /**
  * GHColors theme by Avi Aryan (http://aviaryan.in)
  * Inspired by Github syntax coloring
  */
 
+.fdd-code {
+  padding: 10px;
+  margin: 0;
+  width: 100%;
+  background-color: white;
+  > pre {
+    overflow: auto;
+  }
+}
 code[class*="language-"],
 pre[class*="language-"] {
+  padding: 0;
+  margin: 0;
+  overflow: auto;
+  background-color: white;
   color: #393a34;
   font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
   direction: ltr;
@@ -58,8 +58,8 @@ pre[class*="language-"] {
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
-  font-size: 0.95em;
-  line-height: 1.2em;
+  font-size: 14px;
+  line-height: 28px;
 
   -moz-tab-size: 4;
   -o-tab-size: 4;
@@ -95,11 +95,6 @@ pre[class*="language-"] {
 }
 
 /* Inline code */
-:not(pre) > code[class*="language-"] {
-  padding: 0.2em;
-  background-color: white;
-  border: 0px solid white;
-}
 
 .token.comment,
 .token.prolog,
diff --git a/src/docs/components/d-component-api-link-target.vue b/src/docs/components/d-component-api-link-target.vue
new file mode 100644
index 00000000..c9e573da
--- /dev/null
+++ b/src/docs/components/d-component-api-link-target.vue
@@ -0,0 +1,27 @@
+<script>
+import { routeConfigForComponentNamed } from "./../router/component-api-route";
+import ComponentName from "./../util/component-name";
+
+export default {
+  functional: true,
+  render(h, ctx) {
+    const rawName = ctx.props.componentName;
+    if (rawName == null) {
+      return h(null);
+    }
+    const componentName = typeof rawName === "string" ? ComponentName.from(rawName) : rawName;
+    const to = routeConfigForComponentNamed(componentName);
+    return ctx.scopedSlots.default({ to, componentName });
+  },
+  props: {
+    componentName: {
+      // If:
+      // - String: raw but normalized component name
+      // - Instance of ComponentName
+      // We need those two forms because our component-name markdown-it-plugin is passing the component name
+      // as a plain string.
+      type: [String, ComponentName]
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-component-api-link.vue b/src/docs/components/d-component-api-link.vue
new file mode 100644
index 00000000..acec3dfb
--- /dev/null
+++ b/src/docs/components/d-component-api-link.vue
@@ -0,0 +1,57 @@
+<template>
+  <d-component-api-link-target :component-name="componentName">
+    <template #default="target">
+      <slot v-bind="target">
+        <!-- do not format this – otherwise it will look bad -->
+        <router-link
+          class="fdd-component-api-link fd-has-font-family-code"
+          :class="classes"
+          :to="target.to"
+        >
+          {{ target.componentName.displayableWithPrefix }}
+        </router-link>
+      </slot>
+    </template>
+  </d-component-api-link-target>
+</template>
+
+<script>
+import ComponentName from "./../util/component-name";
+
+export default {
+  props: {
+    type: {
+      type: String,
+      validator: value => ["plain", "prominent"].indexOf(value) >= 0,
+      default: "plain"
+    },
+    componentName: {
+      // If:
+      // - String: raw but normalized component name
+      // - Instance of ComponentName
+      // We need those two forms because our component-name markdown-it-plugin is passing the component name
+      // as a plain string.
+      type: [String, ComponentName]
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        "fdd-component-api-link--prominent": this.type === "prominent"
+      };
+    }
+  }
+};
+</script>
+<style lang="scss">
+.fdd-component-api-link {
+  display: inline;
+  font-family: monospace;
+  background-color: rgba(65, 211, 255, 0.075);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.85em;
+  border-radius: 3px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+</style>
diff --git a/src/docs/components/d-component-api.vue b/src/docs/components/d-component-api.vue
index cc6f33ef..2bac6b87 100644
--- a/src/docs/components/d-component-api.vue
+++ b/src/docs/components/d-component-api.vue
@@ -1,51 +1,129 @@
 <template>
-  <component-doc class="component-api" v-bind="componentDocProps" />
+  <div>
+    <d-component-name :name="componentName.displayable" />
+    <d-markdown v-if="description.length > 0" :content="formattedDescription" />
+    <div class="component-doc__aspect" v-if="documentedProps.length > 0">
+      <div class="component-doc__aspect-name">Props</div>
+      <prop-doc
+        v-fd-margin:small.bottom
+        v-for="prop in documentedProps"
+        :key="keyForProp(prop)"
+        v-bind="prop"
+      />
+    </div>
+
+    <div class="component-doc__aspect" v-if="documentedEvents.length > 0">
+      <div class="component-doc__aspect-name">Events</div>
+      <event-doc
+        v-fd-margin:small.bottom
+        v-for="event in documentedEvents"
+        :key="keyForEvent(event)"
+        v-bind="event"
+      />
+    </div>
+
+    <div class="component-doc__aspect" v-if="documentedSlots.length > 0">
+      <div class="component-doc__aspect-name">Slots</div>
+      <slot-doc v-for="slot in documentedSlots" :key="keyForSlot(slot)" v-bind="slot" />
+    </div>
+  </div>
 </template>
 
 <script>
-import ComponentDoc from "./doc/component-doc.vue";
-const context = require.context("./../../../api", true, /\.json$/);
+import EventDoc from "./doc/event-doc.vue";
+import PropDoc from "./doc/prop-doc.vue";
+import SlotDoc from "./doc/slot-doc.vue";
+import DComponentName from "./doc/component-name.vue";
+import ComponentName from "./../util/component-name";
+
 export default {
-  components: { ComponentDoc },
-  props: {
-    componentKey: String
+  watch: {
+    $route: {
+      immediate: true,
+      handler(newRoute) {
+        const { slug } = newRoute.params;
+        this.slug = slug;
+      }
+    }
+  },
+  data() {
+    return {
+      slug: null
+    };
   },
+  components: { DComponentName, EventDoc, PropDoc, SlotDoc },
   computed: {
-    componentDocProps() {
-      const json = this.jsonContent || {};
-      const { name, componentDesc = {}, props = [], events = [], slots = [] } = json;
+    componentName() {
+      const { slug } = this;
+      if (slug == null) {
+        return {};
+      }
+      return ComponentName.from(slug);
+    },
+    parserResult() {
+      const { slug } = this;
+      if (slug == null) {
+        return {};
+      }
+      const documentedComponent = this.$fddDocumentedComponentNamed(slug);
+      if (documentedComponent == null) {
+        return {};
+      }
+      return documentedComponent.api;
+    },
+    description() {
+      const { componentDesc = {} } = this.parserResult;
+      return componentDesc.default;
+    },
+    documentedProps() {
+      const { props = [] } = this.parserResult;
       const documentedProps = props.map(prop => ({
         ...prop,
         type: prop.type || null,
         defaultValue: prop.default
       }));
-      const description = componentDesc.default;
-      return {
-        name,
-        description,
-        documentedProps,
-        documentedEvents: events,
-        documentedSlots: slots
-      };
-    },
-    jsonContent() {
-      if (this.componentKey == null) {
-        return;
-      }
-      return context(this.componentKey);
+      return documentedProps;
     },
-    mdContent() {
-      if (this.componentKey == null) {
-        return;
-      }
-      return context(this.componentKey);
+    documentedSlots() {
+      const { slots = [] } = this.parserResult;
+      return slots;
+    },
+    documentedEvents() {
+      const { events = [] } = this.parserResult;
+      return events;
+    },
+    formattedDescription() {
+      return this.description.join("\n");
+    }
+  },
+  methods: {
+    keyForProp(prop) {
+      return `documented-component-${this.name}-prop-${prop.name}`;
+    },
+    keyForEvent(event) {
+      return `documented-component-${this.name}-event-${event.name}`;
+    },
+    keyForSlot(slot) {
+      return `documented-component-${this.name}-slot-${slot.name}`;
     }
   }
 };
 </script>
 
 <style lang="scss">
-.component-api {
-  margin-bottom: 40px;
+.component-doc {
+  font-size: 16px;
+  line-height: 28px;
+  &__name {
+    color: #717171;
+  }
+  &__aspect {
+    margin-bottom: 30px;
+  }
+  &__aspect-name {
+    margin-bottom: 18px;
+    font-size: 20px;
+    font-weight: bolder;
+  }
 }
 </style>
diff --git a/src/docs/components/d-component-picker.vue b/src/docs/components/d-component-picker.vue
new file mode 100644
index 00000000..d514d644
--- /dev/null
+++ b/src/docs/components/d-component-picker.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="fdd-component-picker">
+    <fd-input-group-search class="fdd-component-picker__search-input">
+      <template #input>
+        <input ref="searchInput" v-model="predicate" type="search" placeholder="Enter Component…" />
+      </template>
+      <template #clear>
+        <fd-input-group-clear-button @click="clearSearch" />
+      </template>
+    </fd-input-group-search>
+
+    <fd-virtualized-list
+      @update:selectedItem="selectComponentItem"
+      :size-dependencies="['item.displayableComponentName']"
+      key-field="key"
+      :items="matchingItems"
+      style="height: 300px;"
+      :min-item-size="20"
+    >
+      <template #item="{ item, index }">
+        <d-component-api-link :component-name="item.componentName">
+          <template #default="{to}">
+            <router-link tag="div" :to="to" @click="selectComponentItem(item)">
+              <fd-tile transparent is-button>
+                <fd-tile-content>
+                  <fd-tile-title>
+                    {{ item.displayableComponentName }}
+                  </fd-tile-title>
+                </fd-tile-content>
+              </fd-tile>
+            </router-link>
+          </template>
+        </d-component-api-link>
+      </template>
+    </fd-virtualized-list>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    items() {
+      const documentedComponents = this.$documentedComponents;
+      return documentedComponents.map(documentedComponent => ({
+        componentName: documentedComponent.componentName,
+        route: documentedComponent.route,
+        key: documentedComponent.key,
+        displayableComponentName: documentedComponent.componentName.displayable
+      }));
+    },
+    matchingItems() {
+      const { predicate } = this;
+      return this.items.filter(({ displayableComponentName }) =>
+        displayableComponentName.toLowerCase().includes(predicate.toLowerCase())
+      );
+    }
+  },
+  methods: {
+    clearSearch() {
+      this.predicate = "";
+      this.$refs.searchInput.focus();
+    },
+    selectComponentItem(item) {
+      // const key = item == null ? null : item.key;
+      // this.selectedComponentKey = key;
+      this.$emit("select", item);
+    }
+  },
+  data() {
+    return {
+      selectedComponentKey: null,
+      predicate: ""
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+.fdd-component-picker__search-input {
+  padding-left: 10px;
+  padding-top: 10px;
+  padding-right: 10px;
+  margin-bottom: 10px;
+}
+.fdd-component-picker {
+  width: 320px;
+}
+</style>
diff --git a/src/docs/components/d-example-collection.vue b/src/docs/components/d-example-collection.vue
new file mode 100644
index 00000000..30435cfe
--- /dev/null
+++ b/src/docs/components/d-example-collection.vue
@@ -0,0 +1,57 @@
+<template>
+  <div v-fd-margin:large.bottom>
+    <component :is="String(`md-${slug}`)" />
+  </div>
+</template>
+
+<script>
+import ComponentName from "./../util/component-name";
+import DRelatedComponentsSection from "./d-related-components-section.vue";
+import ProvideContent from "./d-md-provide-content";
+
+import Vue from "vue";
+
+export default {
+  mixins: [
+    ProvideContent({
+      after: DRelatedComponentsSection
+    })
+  ],
+  provide() {
+    return {
+      $_fddFrontmatter: this.providedFrontmatter,
+      $_fddRelatedComponents: this.providedRelatedComponents
+    };
+  },
+  data() {
+    return {
+      providedFrontmatter: Vue.observable({ value: {} }),
+      providedRelatedComponents: Vue.observable({ value: [] })
+    };
+  },
+  watch: {
+    relatedComponents: {
+      deep: true,
+      immediate: true,
+      handler(relatedComponents) {
+        this.providedRelatedComponents.value = relatedComponents;
+      }
+    }
+  },
+  computed: {
+    frontmatter() {
+      return this.providedFrontmatter.value;
+    },
+    relatedComponents() {
+      const names = (this.frontmatter || {}).fdRelatedComponents || [];
+      return names.map(name => new ComponentName.from(name));
+    },
+    slug() {
+      return this.route.params.slug;
+    },
+    route() {
+      return this.$route;
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-example-fullscreen.vue b/src/docs/components/d-example-fullscreen.vue
new file mode 100644
index 00000000..44b7917a
--- /dev/null
+++ b/src/docs/components/d-example-fullscreen.vue
@@ -0,0 +1,28 @@
+<template>
+  <component :is="exampleComponent" />
+</template>
+
+<script>
+export default {
+  computed: {
+    route() {
+      return this.$route;
+    },
+    routeParams() {
+      return this.route.params;
+    },
+    example() {
+      return this.routeParams.example;
+    },
+    collection() {
+      return this.routeParams.collection;
+    },
+    exampleComponentName() {
+      return `ex-${this.collection}--${this.example}`;
+    },
+    exampleComponent() {
+      return this.exampleComponentName;
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-example/_d-example.scss b/src/docs/components/d-example/_d-example.scss
new file mode 100644
index 00000000..46a03dd1
--- /dev/null
+++ b/src/docs/components/d-example/_d-example.scss
@@ -0,0 +1,4 @@
+$example-padding-side: 20px;
+$example-margin-bottom: 25px;
+$example-border-color: #ebebeb;
+$example-border: 1px solid $example-border-color;
diff --git a/src/docs/components/d-example/d-example-footer.vue b/src/docs/components/d-example/d-example-footer.vue
new file mode 100644
index 00000000..e8185a68
--- /dev/null
+++ b/src/docs/components/d-example/d-example-footer.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="fdd-example-footer">
+    <div class="fdd-example-footer__toolbar" :class="toolbarClasses">
+      <d-toolbar-item @click="codeVisible = !codeVisible" :icon="toggleCodeVisbilityIcon">
+        {{ toggleCodeVisbilityTitle }}
+      </d-toolbar-item>
+
+      <div style="display: flex;">
+        <d-toolbar-item v-show="codeVisible" title="Copy Code" @click="$copyText(code)" icon="copy">
+          Copy
+        </d-toolbar-item>
+
+        <router-link title="Show Example in Fullscreen" target="_blank" :to="toFullscreen">
+          <d-toolbar-item icon="full-screen">Fullscreen</d-toolbar-item>
+        </router-link>
+
+        <d-playground-button :code="code" />
+      </div>
+    </div>
+    <expand-transition>
+      <div v-show="codeVisible"><d-code-view :sourcecode="code" /></div>
+    </expand-transition>
+  </div>
+</template>
+
+<script>
+import DToolbarItem from "./d-toolbar-item.vue";
+import { resolveExample } from "./../../router/resolve-example";
+import DPlaygroundButton from "./../d-playground-button/d-playground-button.vue";
+
+export default {
+  components: { DPlaygroundButton, DToolbarItem },
+  props: {
+    code: {
+      type: String,
+      required: true
+    },
+    exampleCollection: String,
+    exampleName: String
+  },
+  computed: {
+    toFullscreen() {
+      const collection = this.exampleCollection;
+      const example = this.exampleName;
+      return resolveExample({ collection, example });
+    },
+    toolbarClasses() {
+      return {
+        "fdd-example-footer__toolbar--expanded": this.codeVisible
+      };
+    },
+    toggleCodeVisbilityIcon() {
+      return `navigation-${this.codeVisible ? "down" : "right"}-arrow`;
+    },
+    toggleCodeVisbilityTitle() {
+      return this.codeVisible ? "Hide Code" : "Show Code";
+    }
+  },
+  data() {
+    return {
+      codeVisible: false
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+@import "./d-example";
+.fdd-example-footer {
+  border-top: $example-border;
+  &__toolbar {
+    padding: 10px;
+    color: #aaaaaa;
+    display: flex;
+    justify-content: space-between;
+    background-color: rgb(250, 250, 250);
+    &--expanded {
+      border-bottom: $example-border;
+    }
+  }
+}
+</style>
diff --git a/src/docs/components/d-example/d-example.vue b/src/docs/components/d-example/d-example.vue
new file mode 100644
index 00000000..7cf3a411
--- /dev/null
+++ b/src/docs/components/d-example/d-example.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="fdd-example">
+    <div>
+      <div class="component">
+        <div class="fdd-example__rendered">
+          <div
+            v-if="fullscreenOnly"
+            class="component__default-margin"
+            style="display: flex; justify-content: center;"
+          >
+            <router-link :to="toFullscreen">
+              <fd-button
+                style="margin-left: auto; margin-right: auto;"
+                type="standard"
+                icon="popup-window"
+              >
+                Show Demo
+              </fd-button>
+            </router-link>
+          </div>
+
+          <component v-else ref="component" :is="String(`ex-${slug}--${name}`)" />
+        </div>
+      </div>
+      <d-example-footer
+        class="fdd-example__footer"
+        :example-collection="slug"
+        :example-name="name"
+        :code="sourcecode"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import DExampleFooter from "./d-example-footer.vue";
+import { resolveExample } from "./../../router/resolve-example";
+
+export default {
+  name: "ComponentExample",
+  components: { DExampleFooter },
+  props: {
+    condensed: { type: Boolean, default: false },
+    fullscreenOnly: { type: Boolean, default: false },
+    isFullscreenExample: { type: Boolean, default: false },
+    name: String
+  },
+  async mounted() {
+    await this.$nextTick();
+    const { component } = this;
+    if (component == null) {
+      return;
+    }
+    const meta = component._meta;
+    if (meta == null) {
+      return;
+    }
+    const sourcecode = meta();
+    this.sourcecode = sourcecode.default;
+  },
+  computed: {
+    toFullscreen() {
+      const collection = this.slug;
+      const example = this.name;
+      return resolveExample({ collection, example });
+    },
+    component() {
+      return this.$refs.component;
+    },
+    slug() {
+      return this.route.params.slug;
+    },
+    route() {
+      return this.$route;
+    }
+  },
+  data() {
+    return {
+      sourcecode: ""
+    };
+  },
+  methods: {
+    showExampleStandalone() {
+      const routeData = this.$router.resolve({
+        name: "example-demo",
+        params: { id: this.exampleId }
+      });
+      window.open(routeData.href, "__blank");
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+@import "./d-example";
+.fdd-example {
+  border: $example-border;
+  border-radius: 3px;
+  margin-bottom: $example-margin-bottom;
+  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+  &:hover {
+    box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
+  }
+  &__rendered {
+    padding: $example-padding-side;
+  }
+}
+</style>
diff --git a/src/docs/components/d-example/d-toolbar-item.vue b/src/docs/components/d-example/d-toolbar-item.vue
new file mode 100644
index 00000000..a80ed6c9
--- /dev/null
+++ b/src/docs/components/d-example/d-toolbar-item.vue
@@ -0,0 +1,13 @@
+<template>
+  <fd-button compact v-on="$listeners" :icon="icon" styling="light">
+    <slot />
+  </fd-button>
+</template>
+
+<script>
+export default {
+  props: {
+    icon: String
+  }
+};
+</script>
diff --git a/src/docs/components/d-md-provide-content.js b/src/docs/components/d-md-provide-content.js
new file mode 100644
index 00000000..958dfdc7
--- /dev/null
+++ b/src/docs/components/d-md-provide-content.js
@@ -0,0 +1,21 @@
+// @ts-check
+
+/**
+ * @typedef {object} Content
+ * @prop {any=} after;
+ * @prop {any=} before;
+ */
+
+/** @param {Content} content */
+const create = content => {
+  return {
+    provide() {
+      return {
+        $_fddMdSlots: {
+          ...content
+        }
+      };
+    }
+  };
+};
+export default create;
diff --git a/src/docs/components/d-md-slot.vue b/src/docs/components/d-md-slot.vue
new file mode 100644
index 00000000..d5eb6c4c
--- /dev/null
+++ b/src/docs/components/d-md-slot.vue
@@ -0,0 +1,39 @@
+<template>
+  <component :is="injectedComponent" v-if="injectedComponent != null" />
+</template>
+
+<script>
+export default {
+  props: {
+    name: String
+  },
+  inject: {
+    $_fddMdSlots: {
+      default: {}
+    }
+  },
+  computed: {
+    injectedComponent() {
+      if (this.name == null) {
+        return null;
+      }
+      const component = this.injectedSlots[this.name];
+      return component;
+    }
+  },
+  data() {
+    return {
+      injectedSlots: {}
+    };
+  },
+  watch: {
+    $_fddMdSlots: {
+      deep: true,
+      immediate: true,
+      handler(injectedSlots) {
+        this.injectedSlots = injectedSlots;
+      }
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-playground-button/_package.json b/src/docs/components/d-playground-button/_package.json
new file mode 100644
index 00000000..1542c888
--- /dev/null
+++ b/src/docs/components/d-playground-button/_package.json
@@ -0,0 +1,40 @@
+{
+  "name": "fundamental-vue-example",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "vue": "^2.6.10",
+    "fundamental-vue": "^0.16.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "3.6.0",
+    "@vue/cli-plugin-eslint": "3.6.0",
+    "@vue/cli-service": "3.6.0",
+    "babel-eslint": "^10.0.1",
+    "eslint": "^5.8.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "vue-template-compiler": "^2.6.10"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": ["plugin:vue/essential", "eslint:recommended"],
+    "rules": {},
+    "parserOptions": {
+      "parser": "babel-eslint"
+    }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": ["> 1%", "last 2 versions", "not ie <= 8"]
+}
diff --git a/src/docs/components/d-playground-button/d-playground-button.vue b/src/docs/components/d-playground-button/d-playground-button.vue
new file mode 100644
index 00000000..e3021b9e
--- /dev/null
+++ b/src/docs/components/d-playground-button/d-playground-button.vue
@@ -0,0 +1,96 @@
+<template>
+  <form action="https://codesandbox.io/api/v1/sandboxes/define?json" method="POST" target="_blank">
+    <input type="hidden" name="parameters" :value="parameters" />
+    <d-toolbar-item type="submit" icon="play">Run</d-toolbar-item>
+  </form>
+</template>
+
+<script>
+/* eslint-env node */
+
+import { getParameters } from "codesandbox/lib/api/define";
+import DToolbarItem from "./../d-example/d-toolbar-item.vue";
+
+const getTemplatePackageJson = () => require("./_package.json");
+const templatePackageJson = getTemplatePackageJson();
+
+const ownPackage = require("./../../../../package.json");
+const FundamentalVueVersion = `^${ownPackage.version}`;
+templatePackageJson.dependencies["fundamental-vue"] = FundamentalVueVersion;
+
+const getFundamentalStylesVersion = () => {
+  const rawVersion = ownPackage.peerDependencies["fundamental-styles"];
+  if (rawVersion.startsWith("^")) {
+    return rawVersion.substring(1);
+  } else {
+    return rawVersion;
+  }
+};
+const FundamentalStylesVersion = getFundamentalStylesVersion();
+
+export default {
+  components: { DToolbarItem },
+  props: {
+    code: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    exampleVueCode() {
+      return this.code;
+    },
+    parameters() {
+      return getParameters(this.rawParameters);
+    },
+    rawParameters() {
+      return {
+        files: {
+          "package.json": {
+            content: templatePackageJson
+          },
+          "src/main.js": {
+            content: this.mainJs
+          },
+          "src/example.vue": {
+            content: this.code
+          },
+          "public/index.html": {
+            content: this.indexHtml
+          }
+        }
+      };
+    },
+    mainJs() {
+      return `import Vue from "vue";
+import Example from "./example.vue";
+import FundamentalVue from "fundamental-vue";
+Vue.config.productionTip = false;
+Vue.use(FundamentalVue)
+new Vue({
+  render: h => h(Example)
+}).$mount("#app");
+`;
+    },
+    indexHtml() {
+      return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="stylesheet" href="https://unpkg.com/fundamental-styles@${FundamentalStylesVersion}/dist/fundamental-styles.min.css">
+    <title>codesandbox</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but codesandbox doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>`;
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-related-components-section.vue b/src/docs/components/d-related-components-section.vue
new file mode 100644
index 00000000..b692a7d8
--- /dev/null
+++ b/src/docs/components/d-related-components-section.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <h2>Related Components</h2>
+    <d-related-components :component-names="componentNames" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    componentNames: {
+      type: Array,
+      default: () => []
+    }
+  }
+};
+</script>
diff --git a/src/docs/components/d-related-components.vue b/src/docs/components/d-related-components.vue
new file mode 100644
index 00000000..4138eb35
--- /dev/null
+++ b/src/docs/components/d-related-components.vue
@@ -0,0 +1,53 @@
+<template>
+  <ul class="fdd-related-components">
+    <li v-for="componentName in componentNames_" :key="componentName.normalized">
+      <d-component-api-link :component-name="componentName">
+        <template #default="{to}">
+          <router-link :to="to">{{ componentName.displayable }}</router-link>
+        </template>
+      </d-component-api-link>
+    </li>
+  </ul>
+</template>
+
+<script>
+import ComponentName from "./../util/component-name";
+
+export default {
+  computed: {
+    componentNames_() {
+      return this.componentNames.map(raw => {
+        if (typeof raw === "string") {
+          return ComponentName.from(raw);
+        }
+        return raw;
+      });
+    }
+  },
+  props: {
+    componentNames: {
+      type: Array,
+      validator: values => {
+        if (Array.isArray(values) == false) {
+          return false;
+        }
+        for (const value of values) {
+          if (value instanceof ComponentName == false && typeof value !== "string") {
+            return false;
+          }
+        }
+        return true;
+      },
+      default: () => [] // no related components by default
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.fdd-related-components {
+  & > li {
+    margin-left: 20px;
+  }
+}
+</style>
diff --git a/src/docs/components/Tip.vue b/src/docs/components/d-tip.vue
similarity index 63%
rename from src/docs/components/Tip.vue
rename to src/docs/components/d-tip.vue
index 6e3a6c21..aadb8070 100644
--- a/src/docs/components/Tip.vue
+++ b/src/docs/components/d-tip.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="fdd-tip">
     <div class="fdd-tip__title">{{ title }}</div>
-    <div class="fdd-tip__body" v-html="content" />
+    <div class="fdd-tip__body"><slot /></div>
   </div>
 </template>
 
@@ -23,22 +23,35 @@ export default {
   }
   &__body {
     font-size: 16px;
+    > p {
+      margin: 0;
+      color: darken(desaturate(#f2f7ff, 50%), 60%);
+    }
+    pre[class*="language-"] {
+      background-color: white;
+      margin-top: 15px;
+      margin-bottom: 15px;
+      padding: 10px;
+      border: 1px solid darken(desaturate(#f2f7ff, 50%), 10%);
+    }
   }
   color: darken(desaturate(#f2f7ff, 50%), 60%);
   border-left: 0.3rem solid darken(desaturate(#f2f7ff, 50%), 60%);
   margin-top: 20px;
-  margin-bottom: 0;
+  margin-bottom: 20px;
   margin-left: 0;
   margin-right: 0;
-  padding: 30px;
+  padding: 20px;
   background-color: #f2f7ff;
   font-size: 16px;
   line-height: 29px;
   code {
     color: darken(desaturate(#f2f7ff, 50%), 60%);
     font-weight: 700;
+    font-size: 0.85em;
     margin-block-end: 0;
     margin-block-start: 0;
+    border-radius: 4px;
   }
 }
 </style>
diff --git a/src/docs/components/doc/component-doc.vue b/src/docs/components/doc/component-doc.vue
deleted file mode 100644
index 08588119..00000000
--- a/src/docs/components/doc/component-doc.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div>
-    <component-name :name="name" />
-    <d-markdown v-if="description.length > 0" :content="formattedDescription" />
-    <div
-      class="component-doc__name"
-      v-fd-type:5
-      v-fd-font-weight:light
-      v-fd-margin:medium.bottom
-    ></div>
-    <div class="component-doc__aspect" v-if="documentedProps.length > 0">
-      <div class="component-doc__aspect-name">Props</div>
-      <prop-doc
-        v-fd-margin:small.bottom
-        v-for="prop in documentedProps"
-        :key="keyForProp(prop)"
-        v-bind="prop"
-      />
-    </div>
-
-    <div class="component-doc__aspect" v-if="documentedEvents.length > 0">
-      <div class="component-doc__aspect-name">Events</div>
-      <event-doc
-        v-fd-margin:small.bottom
-        v-for="event in documentedEvents"
-        :key="keyForEvent(event)"
-        v-bind="event"
-      />
-    </div>
-
-    <div class="component-doc__aspect" v-if="documentedSlots.length > 0">
-      <div class="component-doc__aspect-name">Slots</div>
-      <slot-doc v-for="slot in documentedSlots" :key="keyForSlot(slot)" v-bind="slot" />
-    </div>
-  </div>
-</template>
-
-<script>
-import EventDoc from "./event-doc.vue";
-import PropDoc from "./prop-doc.vue";
-import SlotDoc from "./slot-doc.vue";
-import ComponentName from "./component-name.vue";
-
-export default {
-  components: { ComponentName, EventDoc, PropDoc, SlotDoc },
-  computed: {
-    formattedDescription() {
-      return this.description.join("\n");
-    }
-  },
-  methods: {
-    keyForProp(prop) {
-      return `documented-component-${this.name}-prop-${prop.name}`;
-    },
-    keyForEvent(event) {
-      return `documented-component-${this.name}-event-${event.name}`;
-    },
-    keyForSlot(slot) {
-      return `documented-component-${this.name}-slot-${slot.name}`;
-    }
-  },
-  props: {
-    name: { type: String },
-    description: { type: Array, default: () => [] },
-    documentedProps: { type: Array, default: () => [] },
-    documentedSlots: { type: Array, default: () => [] },
-    documentedEvents: { type: Array, default: () => [] }
-  }
-};
-</script>
-
-<style lang="scss">
-.component-doc {
-  font-size: 16px;
-  line-height: 28px;
-  &__name {
-    color: #717171;
-  }
-  &__aspect {
-    margin-bottom: 30px;
-  }
-  &__aspect-name {
-    margin-bottom: 18px;
-    font-size: 20px;
-    font-weight: bolder;
-  }
-}
-</style>
diff --git a/src/docs/components/index.js b/src/docs/components/index.js
index c9611d8a..d39c812f 100644
--- a/src/docs/components/index.js
+++ b/src/docs/components/index.js
@@ -1,26 +1,30 @@
-import ComponentExample from "./ComponentExample.vue";
-import CodeView from "./CodeView.vue";
-import ExampleCollection from "./ExampleCollection.vue";
-import FullscreenDemo from "./FullscreenDemo.vue";
-import StaticContent from "./StaticContent.vue";
-import ExpandTransition from "./ExpandTransition.vue";
-import Tip from "./Tip.vue";
+import DTip from "./d-tip.vue";
+import DCodeView from "./d-code-view.vue";
+import DExample from "./d-example/d-example.vue";
+import DRelatedComponents from "./d-related-components.vue";
+import DRelatedComponentsSection from "./d-related-components-section.vue";
 import DMarkdown from "./d-markdown.vue";
-import ComponentApiLink from "./component-api-link.vue";
-export { default as FullscreenDemo } from "./FullscreenDemo.vue";
-export { default as ExampleCollection } from "./ExampleCollection.vue";
-export { default as StaticContent } from "./StaticContent.vue";
-export { default as ExpandTransition } from "./ExpandTransition.vue";
-export { default as Tip } from "./Tip.vue";
+import DExampleFullscreen from "./d-example-fullscreen.vue";
+import ExpandTransition from "./ExpandTransition.vue";
+import ComponentApiLink from "./d-component-api-link.vue";
+import ComponentApiLinkTarget from "./d-component-api-link-target.vue";
+import DComponentPicker from "./d-component-picker.vue";
+import DMdSlot from "./d-md-slot.vue";
 
-export const registerComponents = vue => {
-  vue.component("d-tip", Tip);
-  vue.component("component-api-link", ComponentApiLink);
+const install = vue => {
+  vue.component("d-tip", DTip);
+  vue.component("d-component-picker", DComponentPicker);
+  vue.component("d-example", DExample);
+  vue.component("d-component-api-link", ComponentApiLink);
+  vue.component("d-component-api-link-target", ComponentApiLinkTarget);
+  vue.component("d-related-components", DRelatedComponents);
+  vue.component("d-related-components-section", DRelatedComponentsSection);
+  vue.component("d-example-fullscreen", DExampleFullscreen);
   vue.component("d-markdown", DMarkdown);
+  vue.component("d-code-view", DCodeView);
+  vue.component("d-md-slot", DMdSlot);
+  vue.component("tip", DTip);
   vue.component("ExpandTransition", ExpandTransition);
-  vue.component("FullscreenDemo", FullscreenDemo);
-  vue.component("StaticContent", StaticContent);
-  vue.component("ExampleCollection", ExampleCollection);
-  vue.component("ComponentExample", ComponentExample);
-  vue.component("CodeView", CodeView);
 };
+
+export default { install };
diff --git a/src/docs/content/en_us/action-bar.md b/src/docs/content/en_us/action-bar.md
new file mode 100644
index 00000000..488bb9b7
--- /dev/null
+++ b/src/docs/content/en_us/action-bar.md
@@ -0,0 +1,16 @@
+---
+fdRelatedComponents:
+  - fd-action-bar
+---
+
+# Action Bar
+
+## Action bar with back button, description and action buttons
+
+<d-example name="0-full">
+</d-example>
+
+## Action bar with title and description as slots
+
+<d-example name="1-title-slot">
+</d-example>
diff --git a/src/docs/content/en_us/alert.md b/src/docs/content/en_us/alert.md
new file mode 100644
index 00000000..02a88321
--- /dev/null
+++ b/src/docs/content/en_us/alert.md
@@ -0,0 +1,35 @@
+---
+fdRelatedComponents:
+  - fd-alert
+---
+
+# Alert
+
+## Default Alert
+<d-example name="default">
+</d-example>
+
+## Warning Alert
+<d-example name="warning">
+</d-example>
+
+## Error Alert
+<d-example name="error">
+</d-example>
+
+## Success Alert
+<d-example name="success">
+</d-example>
+
+## Information Alert
+<d-example name="information">
+</d-example>
+
+## Alert and `v-model`
+
+::: tip
+`fd-alert` supports `v-model`. You can use `v-model` to control the visibility of the alert.
+:::
+
+<d-example name="vmodel">
+</d-example>
\ No newline at end of file
diff --git a/src/docs/content/en_us/badge.md b/src/docs/content/en_us/badge.md
new file mode 100644
index 00000000..6f3968ec
--- /dev/null
+++ b/src/docs/content/en_us/badge.md
@@ -0,0 +1,10 @@
+---
+fdRelatedComponents:
+  - fd-badge
+---
+
+# Badge
+
+## Default Badge
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/breadcrumb.md b/src/docs/content/en_us/breadcrumb.md
new file mode 100644
index 00000000..bac5404f
--- /dev/null
+++ b/src/docs/content/en_us/breadcrumb.md
@@ -0,0 +1,12 @@
+---
+fdRelatedComponents:
+  - fd-breadcrumb
+  - fd-breadcrumb-item
+---
+
+# Breadcrumb
+
+## Default Breadcrumb
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/button.md b/src/docs/content/en_us/button.md
new file mode 100644
index 00000000..abc6fa09
--- /dev/null
+++ b/src/docs/content/en_us/button.md
@@ -0,0 +1,104 @@
+---
+fdRelatedComponents:
+  - fd-button
+  - fd-button-group
+---
+
+# Button
+
+## Button Styling
+
+<d-example name="styling">
+</d-example>
+
+## Button with Icon
+
+<d-example name="icons">
+</d-example>
+
+## Button Sizes
+
+::: tip
+The compact size is only used on desktop and it is full size when used on a touch device.
+:::
+
+<d-example name="sizes">
+</d-example>
+
+## Split Button: Playground
+
+`fd-split-button` is a composition of two other components:
+
+1. `fd-split-button-action`: The *main* area on the left. `fd-split-button` will emit a `click`-event when the action-area is clicked.
+2. `fd-split-button-auxiliary`: The area on the right. `fd-split-button` will emit a `click:auxiliary`-event when the auxiliary-area is clicked. You should show a popover/menu in when this event is emitted.
+
+::: tip
+`fd-split-button` does not display a menu or popover when clicked. It is up to you to set that up.
+:::
+
+<d-example name="split-button-playground">
+</d-example>
+
+## Split Button With Menu
+
+`fd-split-button` works perfectly together with `fd-menu-popover`.
+
+<d-example name="split-button-popover">
+</d-example>
+
+## Button States
+
+<d-example name="states">
+</d-example>
+
+## Button Groups
+
+Use an `fd-buttonGroup` in order to group buttons. `fd-buttonGroupButton` supports everything (ex. `icon`, `@click(…), …`) a regular `fd-button` does. You can use `v-model` on `fd-buttonGroupButton`. The `value` of a button group is always an array which contains the `value` of each pressed/selected `fd-buttonGroupButton`. You associate a value with a button group button by using it's `value`-prop. There are also three selection modes (specified by using the `selectionMode`-prop on the group):
+
+1. `single`: A single button can be pressed/selected at a time.
+2. `multiple`: Multiple buttons can be pressed/selected at a time.
+3. **A custom selection mode function**
+
+**Custom Selection Mode**
+
+If you have special needs you can specific a custom selection mode function. Simply pass a function to the `selectionMode`-prop. The function will be called with the current selection and the value of button that has just been clicked/tapped. Your custom selection mode function then has to return an array which represents the new selection.
+
+```javascript
+const mySelectionMode = (selection, value) => {
+  if(value === "foo" || value === "bar") {
+    return selection;
+  }
+  const index = selection.indexOf(value);
+  const newSelection = [...selection];
+  if(index >= 0) {
+    // value is already selected, remove it
+    newSelection.splice(index);
+    return newSelection;
+  }
+  // value is not selected, add it
+  return [value, ...newSelection];
+};
+```
+
+The custom selection mode above ignores any interactions with buttons that have the value `foo` or `bar`. Otherwise it acts just like the multiple selection mode.
+
+::: tip
+A button group may only contain `fd-button-group-button`-instances. If you use `fd-button` instead, things will not work correctly.
+
+**Important**
+
+Make sure to set `aria-label` on the button group.
+:::
+
+<d-example name="groups">
+</d-example>
+
+
+## Compact Button Groups
+
+::: tip
+The compact size is only used on desktop and it is full size when used on a touch device.
+:::
+
+<d-example name="groups-compact">
+</d-example>
diff --git a/src/docs/content/en_us/calendar.md b/src/docs/content/en_us/calendar.md
new file mode 100644
index 00000000..049a08d4
--- /dev/null
+++ b/src/docs/content/en_us/calendar.md
@@ -0,0 +1,105 @@
+---
+fdRelatedComponents:
+  - fd-calendar
+---
+
+# Calendar
+
+The `fd-calendar` component is usually displayed inside an `fd-popover`. Scroll down to see an example if you are unsure how to do that. Even though the calendar is a very complex component getting started is as easy as pie. This
+
+```html
+<fd-calendar />
+```
+
+gets you the default calendar displayed below. `fd-calendar` has a lot of customization points. Please refer to the examples below for details.
+
+## Default Calendar
+
+::: tip
+
+`fd-calendar` is still under heavy development. Things might break.
+
+:::
+
+<d-example name="default">
+</d-example>
+
+## Calendar Rangle Selection
+
+By default you can only select a single date. To change that simply set the `selectionMode` to 'range'.
+
+<d-example name="selection-range">
+</d-example>
+
+## Calendar with blocked Items
+
+<d-example name="blocked-items">
+</d-example>
+
+## Calendar with Disabled Items
+
+<d-example name="disabled-items">
+</d-example>
+
+## Calendar & `v-model`
+
+`fd-calendar` supports `v-model`. The example below shows two calendars bound to the same model.
+
+<d-example name="bindings">
+</d-example>
+
+## Calendar in a Popover
+
+Calendars work best when displayed in a popover. You can use `fd-popover` for that.
+
+<d-example name="popover">
+</d-example>
+
+## Calendar with custom Names
+
+::: tip
+You can customize the names (day of week and month of year)  displayed in the calendar by using the props `dayNames` and `monthNames`. This is also how you would implement i18n.
+:::
+
+<d-example name="custom-names">
+</d-example>
+
+## Controlling Calendar Buttons
+The `hasNext` and `hasPrevious` props can be used to control the next and previous buttons in the calendar header. Those props are functions that return either `true` or `false`. Returning `false` disables the corresponding button. The calendar passes an object containing the `min` and `max` date of the currently displayed month.
+
+::: tip
+The example below let's you go three month into the future and past by using the previous and next buttons in the header. By using the year and month picker the user can still go to months/years that are not reachable with previous and next buttons.
+:::
+
+<d-example name="buttons">
+</d-example>
+
+## Controlling the First Day of Week
+
+By default the first day of the week is **Sunday**. You can customize that by using the `first-day-of-week`-prop. `first-day-of-week` accepts a number between `0` (default) and `6`. By setting `first-day-of-week` to `1` you basically set the first day of the week to **Monday**.
+
+::: tip
+If you customize weekday names by using the `day-names`-prop you do that independently from `first-day-of-week`. This means that even though you may have set a different `first-day-of-week`, the first name specified in `day-names` is always and will always be the name for **Sunday**.
+:::
+
+<d-example name="first-day-of-week">
+</d-example>
+
+## Default Date
+
+By default the calendar displays the current month. You can change that by setting  `default-value` to a custom date value.
+
+
+::: tip
+`default-value` accepts values of type `Number`, `String` and `Date`. The `Number` or `String` you pass to `default-value` simply be forwarded to the `Date`'s constructor.
+:::
+
+<d-example name="default-date">
+</d-example>
+
+## Calendar without the Header
+
+You can hide the header by setting `header-visible` to `false`. Without a header it is hard to tell which date is displayed/selected. Thus it is a good idea to render the currently displayed/selected date separately.
+
+<d-example name="no-header">
+</d-example>
diff --git a/src/docs/content/en_us/colors.md b/src/docs/content/en_us/colors.md
new file mode 100644
index 00000000..3ad0f6ce
--- /dev/null
+++ b/src/docs/content/en_us/colors.md
@@ -0,0 +1,8 @@
+---
+fdRelatedComponents:
+---
+
+# Colors
+
+<d-example name="all">
+</d-example>
diff --git a/src/docs/content/en_us/combobox.md b/src/docs/content/en_us/combobox.md
new file mode 100644
index 00000000..910ae19a
--- /dev/null
+++ b/src/docs/content/en_us/combobox.md
@@ -0,0 +1,34 @@
+---
+fdRelatedComponents:
+  - fd-combobox
+  - fd-menu-item
+---
+
+# Combobox
+
+## Default Combobox
+
+::: tip
+
+`fd-combobox` supports `v-model` and thus you can easily create bi-directional bindings.
+All `fd-menu-item`s need an associated `value` – otherwise `v-model` will not work.
+
+:::
+<d-example name="default">
+</d-example>
+
+## Combobox Sizes
+
+<d-example name="sizes">
+</d-example>
+
+## Custom Menu
+
+::: tip
+
+Use the `menu`-slot in combination with `fd-combobox-menu` in order to provide a custom menu. This allows you (e.g.:) to easily apply custom attributes (`class`, `style`, …). The example below is using a custom menu in order to make it the same width as the combobox itself. A custom menu also allows you to have multiple lists.
+
+:::
+
+<d-example name="custom-menu">
+</d-example>
\ No newline at end of file
diff --git a/src/docs/content/en_us/container.md b/src/docs/content/en_us/container.md
new file mode 100644
index 00000000..837c7e6b
--- /dev/null
+++ b/src/docs/content/en_us/container.md
@@ -0,0 +1,30 @@
+---
+fdRelatedComponents:
+  - fd-container
+  - fd-col
+---
+
+# Container
+
+Layout containers used to arrange content on a 12-column grid. Can be used inside other layout containers like sections and panels.
+
+## Default Container
+
+<d-example name="0-container-default">
+</d-example>
+
+## Fluid Container
+`fluid` overrides the `max-width` for a fluid layout with 100% of parent container.
+
+<d-example name="1-container-fluid">
+</d-example>
+
+## Centered Container
+
+<d-example name="2-container-centered">
+</d-example>
+
+## Fluid with Cols
+
+<d-example name="3-container-fluid-with-cols">
+</d-example>
diff --git a/src/docs/content/en_us/context-menu.md b/src/docs/content/en_us/context-menu.md
new file mode 100644
index 00000000..4c402bc9
--- /dev/null
+++ b/src/docs/content/en_us/context-menu.md
@@ -0,0 +1,19 @@
+---
+fdRelatedComponents:
+  - fd-context-menu
+  - fd-context-button
+---
+
+# Contex Menu
+
+## Default Context Menu
+
+<d-example name="context-menu-default">
+</d-example>
+
+## Context Menu with custom Button
+
+Use the `button`-slot in order to provide a custom `fd-context-button`.
+
+<d-example name="context-menu-custom-button">
+</d-example>
diff --git a/src/docs/content/en_us/counter.md b/src/docs/content/en_us/counter.md
new file mode 100644
index 00000000..4e0faea0
--- /dev/null
+++ b/src/docs/content/en_us/counter.md
@@ -0,0 +1,16 @@
+---
+fdRelatedComponents:
+  - fd-counter
+---
+
+# Counter
+
+## Default Counter
+
+<d-example name="default">
+</d-example>
+
+## Notification Counter
+
+<d-example name="notification-center">
+</d-example>
diff --git a/src/docs/content/en_us/date-input.md b/src/docs/content/en_us/date-input.md
new file mode 100644
index 00000000..a81ede80
--- /dev/null
+++ b/src/docs/content/en_us/date-input.md
@@ -0,0 +1,23 @@
+---
+fdRelatedComponents:
+  - fd-date-input
+---
+
+# Date Input
+
+`fd-date-input` can be used to get date + date range inputs from a user. Currently `fd-date-input` is used by `fd-date-picker` but you can also use it on it's own if you want.
+
+## Default Date Input
+
+<d-example name="date-input-default">
+</d-example>
+
+## Date Range Input
+
+<d-example name="date-input-range">
+</d-example>
+
+## Date Input & `v-model`
+
+<d-example name="date-input-vmodel">
+</d-example>
diff --git a/src/docs/content/en_us/date-picker.md b/src/docs/content/en_us/date-picker.md
new file mode 100644
index 00000000..7af207f6
--- /dev/null
+++ b/src/docs/content/en_us/date-picker.md
@@ -0,0 +1,45 @@
+---
+fdRelatedComponents:
+  - fd-date-picker
+---
+
+# Date Picker
+
+`fd-date-picker` supports `v-model` and two different modes:
+
+1. `single`: Allows the user to only pick/enter a single date.
+2. `range`: Allows the user to pick/enter a date range.
+
+::: tip
+
+`fd-date-picker` has a `value`-prop that holds the current date/date range. This object always has the same structure – no matter the current `mode`.
+
+The general structure of the expected `value`s looks like this:
+
+```typescript
+interface DateValue {
+  from?: Date;
+  to?: Date;
+}
+```
+
+If `mode` is set to `"single"` only the `from`-date is relevant.
+If `mode` is set to `"range"` both properties represent the range.
+
+:::
+
+## Default Date Pickers
+
+<d-example name="date-picker-default">
+</d-example>
+
+## Customized Date Pickers
+
+`fd-date-picker` has two slots that can be used to customize the calendar and input.
+
+The `input`-slot must render a `fd-date-picker-input`-component.
+
+The `calendar`-slot must render a `fd-date-picker-calendar`-component.
+
+<d-example name="date-picker-custom">
+</d-example>
diff --git a/src/docs/content/en_us/design-system-utilities.md b/src/docs/content/en_us/design-system-utilities.md
new file mode 100644
index 00000000..639f9535
--- /dev/null
+++ b/src/docs/content/en_us/design-system-utilities.md
@@ -0,0 +1,47 @@
+# Design System Utilities
+
+## Margin
+
+::: tip
+
+Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.
+
+:::
+
+<d-example name="margin">
+</d-example>
+
+## Padding
+
+::: tip
+
+Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.
+
+:::
+
+<d-example name="padding">
+</d-example>
+
+## Removing Padding
+
+::: tip
+Use `v-fd-padding` multiple times to selectively remove padding.
+:::
+
+<d-example name="remove-padding">
+</d-example>
+
+## Font Weight
+
+<d-example name="font-weight">
+</d-example>
+
+## Font Family
+
+<d-example name="font-family">
+</d-example>
+
+## Font Type
+
+<d-example name="font-type">
+</d-example>
diff --git a/src/docs/content/en_us/directives.md b/src/docs/content/en_us/directives.md
new file mode 100644
index 00000000..ff47fb23
--- /dev/null
+++ b/src/docs/content/en_us/directives.md
@@ -0,0 +1,12 @@
+---
+fdRelatedComponents:
+---
+
+# Directives
+
+## Icon
+
+Use the `v-fd-icon`-directive to attach icons to any element.
+
+<d-example name="icon">
+</d-example>
diff --git a/src/docs/content/en_us/dropdown.md b/src/docs/content/en_us/dropdown.md
new file mode 100644
index 00000000..abd4e0eb
--- /dev/null
+++ b/src/docs/content/en_us/dropdown.md
@@ -0,0 +1,26 @@
+---
+fdRelatedComponents:
+  - fd-dropdown
+---
+
+# Dropdown
+
+## Default Dropdown
+
+<d-example name="default-dropdown">
+</d-example>
+
+## Toolbar Dropdown
+
+<d-example name="toolbar-dropdown">
+</d-example>
+
+## Dropdown with Icon
+
+<d-example name="icon-dropdown">
+</d-example>
+
+## Disabled Dropdown
+
+<d-example name="disabled-dropdown">
+</d-example>
diff --git a/src/docs/content/en_us/form.md b/src/docs/content/en_us/form.md
new file mode 100644
index 00000000..0c09bad3
--- /dev/null
+++ b/src/docs/content/en_us/form.md
@@ -0,0 +1,74 @@
+---
+fdRelatedComponents:
+  - fd-field-set
+  - fd-form-group
+  - fd-form-item
+  - fd-form-label
+  - fd-form-message
+  - fd-form-set
+  - fd-input
+  - fd-input-group
+  - fd-legend
+  - fd-select
+  - fd-text-area
+---
+
+# Form
+
+## Binding
+
+::: tip
+`fd-input` supports `v-model` and thus you can easily create bi-directional bindings.
+:::
+
+<d-example name="binding">
+</d-example>
+
+## Input States
+
+<d-example name="states">
+</d-example>
+
+## Checkboxes
+You can bind multiple checkboxes to a single array. For each checked control it's corresponding value is added to the bound array.
+
+::: tip
+
+Form items can be inlined. You can do this either by setting the `inline`-flag on each item or by simply setting it on the enclosing `fd-form-group`.
+
+:::
+
+<d-example name="checkbox">
+</d-example>
+
+
+## Radio Buttons
+
+<d-example name="radio">
+</d-example>
+
+
+## Select
+
+<d-example name="select">
+</d-example>
+
+
+## Select with `v-model`
+
+::: tip
+`fd-select` supports `v-model`.
+:::
+
+<d-example name="select-model">
+</d-example>
+
+
+## `v-model` Example
+
+The example below is using `v-model` in order to bind similar component to the same data.
+
+<d-example name="mixing-model">
+</d-example>
+
+
diff --git a/src/docs/content/en_us/icon.md b/src/docs/content/en_us/icon.md
new file mode 100644
index 00000000..c633a245
--- /dev/null
+++ b/src/docs/content/en_us/icon.md
@@ -0,0 +1,16 @@
+---
+fdRelatedComponents:
+  - fd-icon
+---
+
+# Icon
+
+<d-example name="icon">
+</d-example>
+
+# Icon Gallery
+::: tip
+Click on an icon to copy it's name to the clipboard.
+:::
+<d-example name="all-icons">
+</d-example>
diff --git a/src/docs/content/en_us/identifier.md b/src/docs/content/en_us/identifier.md
new file mode 100644
index 00000000..4b817973
--- /dev/null
+++ b/src/docs/content/en_us/identifier.md
@@ -0,0 +1,40 @@
+---
+fdRelatedComponents:
+  - fd-identifier
+---
+
+# Identifier
+
+Identifier is a way to visually present something using an icon or user initials.
+
+::: tip
+
+Include `aria-label` when there is no text equivalent for the identifier. This is not necessary if the identifier is used for illustrative purposes only.
+
+:::
+
+<d-example name="types">
+</d-example>
+
+## Accent Colors
+
+<d-example name="accent">
+</d-example>
+
+
+## Identifier Sizes
+
+There are multiple sizes:
+
+- Extra Extra Small: `size="xxs"`
+- Extra Small: `size="xs"`
+- Small: `size="s"`
+- Medium: `size="m"`
+- Large: `size="l"`
+- Extra Large: `size="xl"`
+- Extra Extra Large: `size="xxl"`
+
+Use the `size`-prop to specify the size you want.
+
+<d-example name="sizes">
+</d-example>
diff --git a/src/docs/content/en_us/image.md b/src/docs/content/en_us/image.md
new file mode 100644
index 00000000..c86497e8
--- /dev/null
+++ b/src/docs/content/en_us/image.md
@@ -0,0 +1,9 @@
+---
+fdRelatedComponents:
+  - fd-image
+---
+
+# Images
+
+<d-example name="image">
+</d-example>
diff --git a/src/docs/content/en_us/index.js b/src/docs/content/en_us/index.js
new file mode 100644
index 00000000..a7122062
--- /dev/null
+++ b/src/docs/content/en_us/index.js
@@ -0,0 +1,109 @@
+// @ts-check
+
+import matter from "gray-matter";
+import deslugify from "./../../util/deslugify";
+import slugify from "./../../util/slugify";
+
+/**
+ * @typedef {import("webpack")} Webpack
+ */
+class ExamplePage {
+  /** @param {string} key looks like './hello-world.md' */
+  constructor(key) {
+    this.key = key;
+  }
+  get title() {
+    return deslugify(this.key.replace(".md", "").replace("./", ""));
+  }
+  get slug() {
+    return slugify(this.key.replace(".md", "").replace("./", ""));
+  }
+}
+
+// eslint-disable-next-line no-undef
+const markdownContext = require
+  // @ts-ignore
+  .context("./", true, /\.md$/);
+
+/**
+ * @returns {ExamplePage[]}
+ */
+export const getExamplePages = () => {
+  return markdownContext.keys().map(key => new ExamplePage(key));
+};
+
+// eslint-disable-next-line no-undef
+const markdownGreyMatterContext = require
+  // @ts-ignore
+  .context("!raw-loader!./", true, /\.md$/);
+
+const importMarkdown = key => {
+  return markdownContext(key);
+};
+
+/** @param {string} key Webpack Key */
+const getFrontMatter = key => {
+  const mdModule = markdownGreyMatterContext(key);
+  const frontMatter = matter(mdModule.default);
+  return frontMatter.data;
+};
+
+/** @param {string} key looks like './search-input.md' */
+const getCollectionNameFromKey = key => {
+  return key.replace("./", "").replace(".md", "");
+};
+
+/**
+ * @typedef {object} ContentWrapperOptions
+ * @prop {string} collection
+ * @prop {any} mdModule
+ * @prop {string} key Webpack Key to load the module
+ */
+/**
+ *
+ * @param {ContentWrapperOptions} options
+ */
+const CreateMdContentWrapper = ({ key, collection, mdModule }) => {
+  const fm = getFrontMatter(key);
+  const wrapper = {
+    name: `md-${collection}`,
+    inject: {
+      $_fddFrontmatter: {
+        default: { value: {} }
+      }
+    },
+    data() {
+      return {
+        $_fddExampleCollection: collection
+      };
+    },
+    render(h) {
+      return h(mdModule.default);
+    },
+    mounted() {
+      const frontMatterCollector = this.$_fddFrontmatter;
+      const frontMatter = fm || {};
+      frontMatterCollector.value = { ...frontMatterCollector.value, ...frontMatter };
+    }
+  };
+  wrapper.$_fddFrontmatter = fm;
+  wrapper.groupName = getCollectionNameFromKey(key) || "default";
+  wrapper.$fddExampleCollection = collection;
+  return wrapper;
+};
+
+const mdModules = markdownContext.keys().map(key => {
+  const mdModule = importMarkdown(key);
+  const collection = getCollectionNameFromKey(key.split("/").reverse()[0]);
+  return CreateMdContentWrapper({ key, collection, mdModule });
+});
+
+export const exampleCollectionModules = mdModules;
+
+export default {
+  install: vue => {
+    mdModules.forEach(mdModule => {
+      vue.component(mdModule.name, mdModule);
+    });
+  }
+};
diff --git a/src/docs/content/en_us/inline-help.md b/src/docs/content/en_us/inline-help.md
new file mode 100644
index 00000000..536c7588
--- /dev/null
+++ b/src/docs/content/en_us/inline-help.md
@@ -0,0 +1,9 @@
+---
+fdRelatedComponents:
+  - fd-inline-help
+---
+
+# Inline Help
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/input-group.md b/src/docs/content/en_us/input-group.md
new file mode 100644
index 00000000..018dd77e
--- /dev/null
+++ b/src/docs/content/en_us/input-group.md
@@ -0,0 +1,37 @@
+---
+fdRelatedComponents:
+  - fd-input-group
+  - fd-input
+---
+
+# Input Group
+
+## Text add-on
+
+<d-example name="input-group-slot-addon-text">
+</d-example>
+
+## Slot add-on
+
+<d-example name="input-group-slot-addon-icon">
+</d-example>
+
+## Button add-on
+
+<d-example name="input-group-slot-addon-button">
+</d-example>
+
+## Search
+
+You have to provide two slots in order to make `fd-input-group-search` work properly:
+
+1. `input`-slot: Use this slot to provide a search input.
+2. `clear`-slot: Use this slot to provide a clear button. You can use `fd-input-group-clear-button` for that.
+
+<d-example name="input-group-search">
+</d-example>
+
+## Compact Mode
+
+<d-example name="input-group-compact">
+</d-example>
diff --git a/src/docs/content/en_us/label.md b/src/docs/content/en_us/label.md
new file mode 100644
index 00000000..4775c78c
--- /dev/null
+++ b/src/docs/content/en_us/label.md
@@ -0,0 +1,9 @@
+---
+fdRelatedComponents:
+  - fd-label
+---
+
+# Label
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/link.md b/src/docs/content/en_us/link.md
new file mode 100644
index 00000000..b1e81ad2
--- /dev/null
+++ b/src/docs/content/en_us/link.md
@@ -0,0 +1,26 @@
+---
+fdRelatedComponents:
+  - fd-link
+---
+
+# Link
+
+::: tip
+
+You can provide the visible title of the link by using a default slot or by using the `title`-prop.
+If both are provided the `title`-prop is only used for the `title` attribute of the anchor. This means that
+
+```xml
+<fd-link href="#" title="foo bar" />
+```
+
+is **equivialent** to
+
+```xml
+<fd-link href="#" title="foo bar">foo bar</fd-link>
+```
+
+:::
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/list-group.md b/src/docs/content/en_us/list-group.md
new file mode 100644
index 00000000..6cb20b32
--- /dev/null
+++ b/src/docs/content/en_us/list-group.md
@@ -0,0 +1,19 @@
+---
+fdRelatedComponents:
+  - fd-list-group
+---
+
+# List Group
+
+<d-example name="simple">
+</d-example>
+
+## List with Action
+
+<d-example name="action">
+</d-example>
+
+## List with Checkboxes
+
+<d-example name="checkboxes">
+</d-example>
diff --git a/src/docs/content/en_us/menu-popover.md b/src/docs/content/en_us/menu-popover.md
new file mode 100644
index 00000000..bc658740
--- /dev/null
+++ b/src/docs/content/en_us/menu-popover.md
@@ -0,0 +1,23 @@
+---
+fdRelatedComponents:
+  - fd-menu-item
+  - fd-menu-link
+  - fd-menu-list
+  - fd-menu-popover
+---
+
+# Menu Popover
+
+`fd-menu-popover` is a relatively low-level component. It is used internally by *Fundamental Vue* for dropdowns and other more high-level components.
+
+## Menu Popover with multiple Lists
+
+<d-example name="default-menu-popover">
+</d-example>
+
+## Customized Menu Popover
+
+`fd-menu-popover` is a simple wrapper around `fd-popover`. Any attributes you set on `fd-menu-popover` that are not directly handled by `fd-menu-popver` itself will be passed through to the wrapped `fd-popover`. This allows you to set all `fd-popover`-related props. The example below shows how to set the `placement`-prop. Since `fd-menu-popover` has no custom `placement`-prop it will simply pass it to the popover.
+
+<d-example name="menu-popover-placement">
+</d-example>
diff --git a/src/docs/content/en_us/menu.md b/src/docs/content/en_us/menu.md
new file mode 100644
index 00000000..1cbd547a
--- /dev/null
+++ b/src/docs/content/en_us/menu.md
@@ -0,0 +1,86 @@
+---
+fdRelatedComponents:
+  - fd-menu
+  - fd-menu-list
+  - fd-menu-item
+  - fd-menu-link
+---
+
+# Menu
+
+Menus are created by using `fd-menu`. A menu contains one or more `fd-menu-list`s. Lists in turn contain `fd-menu-item`s. *This separation allows you to put similar items in the same group and bring order to chaos*. Further down you will find examples that show how to use multiple lists.
+
+**Events**
+
+- `fd-menu-item` emits `click` when clicked.
+- Both, `fd-menu-list` and `fd-menu` emit `select`-events every time an item was clicked. The payload is the item itself. They act as some kind of event aggregator which is useful if you don't care about the context of the clicked items so much.
+
+## Default Menu
+
+<d-example name="menu">
+</d-example>
+
+## Menu Item with Link
+
+
+**`fd-menu-item` is smart:**
+
+`fd-menu-item` looks at what you put in it. If you have an item with just text, `fd-menu-item` will detect that and automatically wrap it with an anchor-element. So this:
+
+```html
+<fd-menu-item>click me</fd-menu-item>
+```
+
+will yield the same *HTML* as
+
+```html
+<fd-menu-item>
+  <fd-menu-link>click me</fd-menu-link>
+</fd-menu-item>
+```
+
+If you put anything other than just plain text inside `fd-menu-item` then this automatism won't kick in.
+
+::: tip
+
+`fd-menuLink` is just a simple wrapper around the standard `a`-element. This allows you to further customize the menu item (`href`, `target`, …).
+
+:::
+
+<d-example name="menuitem-link">
+</d-example>
+
+## Menu w/ Group
+
+<d-example name="menu-group">
+</d-example>
+
+## Menu w/ addon before
+
+<d-example name="menu-addon">
+</d-example>
+
+## Menu w/ separated items
+
+Use the `separated` modifier on `fd-menu-list` to add separators between the items.
+
+<d-example name="menu-separated">
+</d-example>
+
+## Menu Highlight
+
+`fd-menu` currently has a limited API to control the highlighting-state. At this moment only two methods are exposed:
+
+1. `highlightNextItem()`: Highlights the next menu item.
+2. `highlightPreviousItem()`: Highlights the previous menu item.
+
+You should rarely need to manually call those methods. They are mainly used to support keyboard navigation.
+
+::: tip
+
+By setting `highlights-selection` to `true` you tell `fd-menu` that selected items should be highlighted. A highlighted menu item is rendered with a background colored in light-blue.
+
+:::
+
+<d-example name="menu-selection">
+</d-example>
diff --git a/src/docs/content/en_us/modal.md b/src/docs/content/en_us/modal.md
new file mode 100644
index 00000000..e1a9e8ae
--- /dev/null
+++ b/src/docs/content/en_us/modal.md
@@ -0,0 +1,37 @@
+---
+fdRelatedComponents:
+  - fd-modal
+---
+
+# Modal
+
+Each slot (*footer*, *actions*, *default*, *close*, *title*) has access to the modal itself. This allows you to call any method or query any prop/data-value by using the slot's scope. A practical use case for this is shown in the example below. The modal's body (*default* slot) contains a link that, when clicked, closes the modal.
+
+::: tip
+
+There are multiple ways to show a modal.
+
+**Using `$fdModal.open(modalName)`**
+
+You can use the `$fdModal.open(modalName)` to open modals from anywhere. Just give each modal a name (using the `name`-prop) and pass this to the `open`-function.
+
+**Manually showing the modal**
+
+Of course you can also manually show or close the modal by simply calling the corresponding methods in it:
+
+- `show(event?)`: shows the modal.
+- `close(event?)`: closes the modal.
+
+:::
+
+## Default Modal
+
+<d-example name="default-modal">
+</d-example>
+
+## Nested Modals
+
+You can nest modals just by calling `$fdModal.open(…)` multiple times.
+
+<d-example name="nested-modals">
+</d-example>
diff --git a/src/docs/content/en_us/pagination.md b/src/docs/content/en_us/pagination.md
new file mode 100644
index 00000000..76660da2
--- /dev/null
+++ b/src/docs/content/en_us/pagination.md
@@ -0,0 +1,9 @@
+---
+fdRelatedComponents:
+  - fd-pagination
+---
+
+# Pagination
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/panel.md b/src/docs/content/en_us/panel.md
new file mode 100644
index 00000000..e59767cd
--- /dev/null
+++ b/src/docs/content/en_us/panel.md
@@ -0,0 +1,39 @@
+---
+fdRelatedComponents:
+  - fd-panel
+  - fd-panel-grid
+---
+
+# Panel
+
+## Panel Structure
+<d-example name="structure">
+</d-example>
+
+## Default Panel Grid (3 Columns)
+<d-example name="default-grid">
+</d-example>
+
+## Panel Grid without Gaps
+<d-example name="nogap">
+</d-example>
+
+## Panel Grid (2 Columns)
+<d-example name="cols-2">
+</d-example>
+
+## Panel Grid (4 Columns)
+<d-example name="cols-4">
+</d-example>
+
+## Panel Grid (5 Columns)
+<d-example name="cols-5">
+</d-example>
+
+## Panel Grid (6 Columns)
+<d-example name="cols-6">
+</d-example>
+
+## Panel Grid with Column Span
+<d-example name="span">
+</d-example>
diff --git a/src/docs/pages/Popover/0-default-popover.vue b/src/docs/content/en_us/popover.md
similarity index 65%
rename from src/docs/pages/Popover/0-default-popover.vue
rename to src/docs/content/en_us/popover.md
index 03d41d0c..224a97d5 100644
--- a/src/docs/pages/Popover/0-default-popover.vue
+++ b/src/docs/content/en_us/popover.md
@@ -1,5 +1,11 @@
-<title>Popovers</title>
-<docs>
+---
+fdRelatedComponents:
+  - fd-popover
+  - fd-menu-popover
+---
+
+# Popovers
+
 A popover is made up of two parts:
 
 - **Popover Control:** This part triggers the popover content to be displayed. You specify the popover control by providing content for the `control`-slot.
@@ -12,24 +18,31 @@ Each slot (`control` and `default`) have access to the following *slot-props*:
 - `hide` – *Function*: When called, the popover's content will be dismissed.
 - `toggle` – *Function*: When called, the popover's visibility will be toggled.
 - `placement` – *String*: The current popover placement.
-</docs>
 
-<tip>
+
+## Default Popover
+::: tip
+
 You can use those slot-props to customize all sorts of things. For example, showing the popover's content when the user hovers over the *control* just means that you have to call `toggle` or `show` for `mouseenter` instead of `click`.
-</tip>
-<template>
-  <FdPopover boundary="viewport">
-    <template #control="{toggle}">
-      <FdButton @click="toggle">top-start</FdButton>
-    </template>
-    <template #default="{hide}">
-      <FdMenu @select="hide">
-        <FdMenuList>
-          <FdMenuItem>Option 1</FdMenuItem>
-          <FdMenuItem>Option 2</FdMenuItem>
-          <FdMenuItem>Option 3</FdMenuItem>
-        </FdMenuList>
-      </FdMenu>
-    </template>
-  </FdPopover>
-</template>
+
+:::
+
+<d-example name="default-popover">
+</d-example>
+
+## Placement Options
+
+Use the `placement`-prop to any of the following values: `bottom-start`, `bottom`, `bottom-end`, `left-start`, `left`, `left-end`, `right-start`, `right`, `right-end`, `top-start`, `top` and `top-end`.
+
+<d-example name="placement-options">
+</d-example>
+
+## Custom Content
+
+<d-example name="custom-content">
+</d-example>
+
+## Custom Controls
+
+<d-example name="custom-controls">
+</d-example>
diff --git a/src/docs/content/en_us/search-input.md b/src/docs/content/en_us/search-input.md
new file mode 100644
index 00000000..eb0a5af2
--- /dev/null
+++ b/src/docs/content/en_us/search-input.md
@@ -0,0 +1,38 @@
+---
+fdRelatedComponents:
+  - fd-search-input
+---
+
+# Search Input
+
+## Default Search Input
+
+`fd-search-input` supports `v-model`: The *model value* is simply the currently entered predicate/query/value.
+
+<d-example name="default">
+</d-example>
+
+## Search Input with Autocompletion
+
+Use the `completions`-prop in order to pass an array of strings to `fd-search-input`. `fd-search-input` will then render a completion list that is automatically filtered.
+
+::: tip
+
+Use the `popoverClass`- and `inputGroupClass`-props in order to apply custom CSS classes. The class specified by `popoverClass` is attached to be popover body/content and the class specified by `inputGroupClass` is applied to the input group. The example below is using those two props in order to make the auto completion menu the same width as the input group.
+
+:::
+
+<d-example name="completions">
+</d-example>
+
+## Confirm on Tab
+
+::: tip
+
+Set `confirmOn` to `keyup.tab` in order to allow the user to select suggestions by using the tab key. By default, selected suggestions are confirmed when the user hits the **Enter**-key.
+
+:::
+
+<d-example name="confirm-on-tab">
+</d-example>
+
diff --git a/src/docs/content/en_us/section.md b/src/docs/content/en_us/section.md
new file mode 100644
index 00000000..6c99fa22
--- /dev/null
+++ b/src/docs/content/en_us/section.md
@@ -0,0 +1,28 @@
+---
+fdRelatedComponents:
+  - fd-section
+  - fd-panel
+  - fd-panel-grid
+---
+
+# Section
+
+## Section Structure
+
+<d-example name="structure">
+</d-example>
+
+## Section with Header
+
+<d-example name="header">
+</d-example>
+
+## Section with Panels
+
+<d-example name="panels">
+</d-example>
+
+## Section with Panel Grid
+
+<d-example name="grid">
+</d-example>
diff --git a/src/docs/content/en_us/shell-bar.md b/src/docs/content/en_us/shell-bar.md
new file mode 100644
index 00000000..1c158dc5
--- /dev/null
+++ b/src/docs/content/en_us/shell-bar.md
@@ -0,0 +1,54 @@
+---
+fdRelatedComponents:
+  - fd-shell-bar
+  - fd-shell-bar-action
+  - fd-shell-bar-actions
+  - fd-shell-bar-group
+  - fd-shell-bar-logo
+  - fd-shell-bar-product
+  - fd-shell-bar-product-menu
+  - fd-shell-bar-product-switcher
+  - fd-shell-bar-product-switcher-item
+  - fd-shell-bar-product-switcher-item-img
+  - fd-shell-bar-product-switcher-item-title
+  - fd-shell-bar-product-title
+  - fd-shell-bar-subtitle
+  - fd-shell-bar-user-menu
+---
+
+# Shell Bar
+
+## Minimal Shell Bar
+
+::: tip
+
+This example shows the minimum Shellbar for a single application product with only user settings. If no user thumbnail is available then display initials.
+
+:::
+
+<d-example name="minimal">
+</d-example>
+
+## Shell Bar with additional Actions
+
+::: tip
+
+Use `fd-shell-bar-action-button` to add additional action buttons to the shell bar.
+
+:::
+
+<d-example name="actions">
+</d-example>
+
+## Shell Bar with Product Switcher
+
+::: tip
+
+You have to embed a `fd-shell-bar` in a `fd-shell` for things to work properly.
+
+:::
+
+<d-example name="products">
+</d-example>
+
+
diff --git a/src/docs/content/en_us/shell.md b/src/docs/content/en_us/shell.md
new file mode 100644
index 00000000..cc74e151
--- /dev/null
+++ b/src/docs/content/en_us/shell.md
@@ -0,0 +1,12 @@
+---
+fdRelatedComponents:
+  - fd-shell
+---
+
+# Shell (Application-level Layout)
+
+::: tip
+`fd-shell` is not production ready. There are several bugs that have to be fixed first. This is tracked in the [Fundamental Styles](https://github.com/SAP/fundamental-styles) repository.
+:::
+<d-example fullscreen-only name="default">
+</d-example>
diff --git a/src/docs/content/en_us/side-navigation.md b/src/docs/content/en_us/side-navigation.md
new file mode 100644
index 00000000..7044e12d
--- /dev/null
+++ b/src/docs/content/en_us/side-navigation.md
@@ -0,0 +1,41 @@
+---
+fdRelatedComponents:
+  - fd-side-nav
+  - fd-side-nav-list
+  - fd-side-nav-item
+  - fd-side-nav-link
+  - fd-side-nav-group
+  - fd-side-nav-group-title
+  - fd-side-nav-sub-list
+  - fd-side-nav-sub-item
+  - fd-side-nav-sub-link
+  - fd-side-nav-icon
+---
+
+# Side Navigation
+
+## Dynamic Side Navigation
+
+`fd-side-nav-list` requires  which you set via the `items`-prop. You can put anything into your items. However there are a few special attributes you should be aware of:
+
+```typescript
+type Item = {
+  // A SideNav-wide unique id
+  id?: string; // default: random string
+
+  // Child items – if this is non-empty the
+  // item becomes expandable.
+  children: Item[] = [];
+}
+```
+
+<d-example name="dynamic">
+</d-example>
+
+## Working with the current Selection
+
+The prop `selectedId` supports the `.sync`-modifier. This way you can bind the selection of the navigation to your data model.
+
+<d-example name="data-driven-complex-sync">
+</d-example>
+
diff --git a/src/docs/content/en_us/spinner.md b/src/docs/content/en_us/spinner.md
new file mode 100644
index 00000000..3e3959dd
--- /dev/null
+++ b/src/docs/content/en_us/spinner.md
@@ -0,0 +1,10 @@
+---
+fdRelatedComponents:
+  - fd-spinner
+---
+
+# Spinner
+
+<d-example name="default">
+</d-example>
+
diff --git a/src/docs/content/en_us/status.md b/src/docs/content/en_us/status.md
new file mode 100644
index 00000000..9fe6dcf1
--- /dev/null
+++ b/src/docs/content/en_us/status.md
@@ -0,0 +1,22 @@
+---
+fdRelatedComponents:
+  - fd-status
+---
+
+# Status
+
+## Status Indicator Label with built-in Status Icons
+
+<d-example name="status-icon">
+</d-example>
+
+## Status Indicator Label with custom Icons
+
+<d-example name="status-custom-icon">
+</d-example>
+
+## Semantic Status Indicator
+
+<d-example name="default">
+</d-example>
+
diff --git a/src/docs/content/en_us/table.md b/src/docs/content/en_us/table.md
new file mode 100644
index 00000000..593b8dfc
--- /dev/null
+++ b/src/docs/content/en_us/table.md
@@ -0,0 +1,168 @@
+---
+fdRelatedComponents:
+  - fd-table
+  - fd-table-cell
+  - fd-table-row
+---
+
+# Table
+
+Use `fd-table` in order to display data best visualized by rows and columns.
+
+::: tip
+In a previous release you didn't have to put `fd-table-row` in a `<template>`-tag. Going forward you have to do so.
+:::
+
+The most important prop exposed by `fd-table` is called `items`. The items of a table must all be some kind of `Object`. If `fd-table` encounters an item without an `id`-property, an `id` will be created. The `id` of an item is used to uniquely identify the corresponding item. Each item may contain any additional custom properties.
+
+### fd-table Atonomy
+
+#### The Table Header: `fd-table-header`
+It is the responsibility of `fd-table` to render it's header. The header renders column names, sort indicators and custom content. You configure the header of an `fd-table` by using it's `headers`-prop. The `headers`-prop accepts an array which may contain strings or header configuration objects. A plain string inside the `headers`-array will be used as a label for the column header. The complete definition of the `headers`-prop looks like this:
+
+```ts
+type Header = {
+  label: string;
+  sortable?: boolean;
+  sortBy?: string;
+  alignment?: TextAlignment; // 'center' or 'default'
+  renderHeader?: HeaderCellRenderFunction; // not yet implemented
+} | string;
+```
+
+#### The Table Row Template: `fd-table-row`
+Rows are rendered by `fd-table` on your behalf. This is why you don't specify each row individually. Instead you describe how to render a row (`fd-table-row`) given some context (using Vue's __slot-scope__-mechanism). The object passed to the template has the following shape:
+
+```typescript
+// Object passed to the row template.
+interface RowSlotProps<T=object> {
+  // Your custom item
+  item: T & { id: string; };
+
+  // True if the corresonding row is currently selected
+  selected: boolean;
+
+  // Call this if you want to change the selection
+  setSelected(selected: boolean): void;
+
+  selectedIds: string[];
+  canSelect: boolean;
+  toggle(): void;
+}
+```
+
+::: tip
+`fd-table` is pretty fast. However it currently renders everything no matter whether an item is currently displayed or not. The `items`-array should be somewhere around `0` and `5.000`. Otherwise `fd-table` will crash your browser. We are working on removing that limitation. In the meantime you should work around that by using some kind of paging mechanism.
+:::
+
+## Default Table
+
+<d-example name="default">
+</d-example>
+
+## Table without Border
+You can use `borderless` on `fd-table` in order to disable the outer table border.
+
+<d-example name="no-border">
+</d-example>
+
+## Table with Stripes
+
+You can use `striped` on `fd-table` in order enable alternating colored rows.
+
+<d-example name="stripes">
+</d-example>
+
+## Example: Adding Entries & Sorting
+
+The example below is a little bit more complex. It highlights three aspects:
+
+### Sortable Columns
+
+A header can be made sortable by simply flagging it as such using `sortable` and setting `sortBy` to any sortable property of the objects in your `items`-array. By doing so `fd-table` displays sort indicators in the individual column headers. The currently applied sorting can be adjusted by simply clicking on the column headers.
+
+### Custom Cell Content
+Up until now `fd-tableCell` was only used to display plain text. However, `fd-tableCell` is simply rendering whatever you put in it. This can be anything from emojis (we all like emojis, right? 😀 🥰 ) to images and even custom components.
+
+```html
+// …
+<fd-table-cell>{{item.rating}}</fd-table-cell>
+// …
+<fd-table-cell>{{item.firstName}} {{item.lastName}}</fd-table-cell>
+// …
+```
+
+The two lines above show that in action. The first cell is simply rendering the rating which is just a string with emojis. The second line is combining the first name with the last name in order to render the full name. But as already said: You can put in whatever you want.
+
+### Modifying the displayed Items
+`fd-table` watches for any changes to it's items array. So you can simply add/remove and modify anything you want.
+
+::: tip
+
+If you modify the `items`-array, make sure that the modification is done in a way compatible with [Vue's reactivity system](https://vuejs.org/v2/guide/reactivity.html).
+
+:::
+
+<d-example name="complex">
+</d-example>
+
+## Table with fixed Column
+Use `<fd-table-fixed-wrapper>` on and `fd-table-fixed` in order to make the first column stay fixed when scrolling.
+
+::: tip
+
+Using fixed columns is still experimental.
+
+:::
+
+<d-example name="fixed-col">
+</d-example>
+
+## Selection Modes
+
+`fd-table` supports three different selection modes:
+
+1. Selection mode `none` (default): Rows are not selectable in any way.
+2. Selection mode `single`: There can only ever be a single selected row.
+3. Selection mode `multiple`: Multiple rows can be selected.
+
+Use the `selectionMode`-prop to set the selection mode of your choice.
+
+<d-example name="selection-modes">
+</d-example>
+
+## Performance Test
+
+::: tip
+
+`fd-table` is not yet capable of displaying huge data sets. The current limit is around `1.000`-`5.000` rows (depending on the browser, number of elements currently present in the DOM, number of columns, displayed data, …).
+
+**If you want to display a lot of data consider using** `fd-virtualized-list`.
+
+:::
+
+<d-example name="performance-test">
+</d-example>
+
+## Custom Row Content
+
+You can put other components (for example a simple `fd-button`) in `fd-table-cell`.
+
+::: tip
+
+If a component you put inside an `fd-tableCell` subscribes to `@click`-events, you will most likely wand to use the `.stop`-modifier. Otherwise clicking a button will toggle the selection of the enclosing row.
+
+:::
+
+<d-example name="with-components">
+</d-example>
+
+## Dynamic Columns
+
+<d-example name="dynamic-columns">
+</d-example>
+
+## Select by Clicking on Row
+
+<d-example name="select-by-row-click">
+</d-example>
diff --git a/src/docs/content/en_us/tabs.md b/src/docs/content/en_us/tabs.md
new file mode 100644
index 00000000..fc5b5445
--- /dev/null
+++ b/src/docs/content/en_us/tabs.md
@@ -0,0 +1,10 @@
+---
+fdRelatedComponents:
+  - fd-tabs
+  - fd-tab-item
+---
+
+# Tabs
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/tile-grid.md b/src/docs/content/en_us/tile-grid.md
new file mode 100644
index 00000000..c5ad9c61
--- /dev/null
+++ b/src/docs/content/en_us/tile-grid.md
@@ -0,0 +1,34 @@
+---
+fdRelatedComponents:
+  - fd-tile-grid
+---
+
+# Tile Grid
+
+## 2-col product tile grid
+<d-example name="tile-grid--col-and-prod-tile">
+</d-example>
+
+## 2-col grid
+<d-example name="tile-grid--col-2-with-tile">
+</d-example>
+
+## 3-col grid (default)
+<d-example name="tile-grid--col-3-with-tile">
+</d-example>
+
+## 4-col grid
+<d-example name="tile-grid--col-4-with-tile">
+</d-example>
+
+## 5-col grid
+<d-example name="tile-grid--col-5-with-tile">
+</d-example>
+
+## 6-col grid
+<d-example name="tile-grid--col-6-with-tile">
+</d-example>
+
+## 6-col grid with span helpers
+<d-example name="tile-grid--span-helpers">
+</d-example>
diff --git a/src/docs/content/en_us/tile.md b/src/docs/content/en_us/tile.md
new file mode 100644
index 00000000..1387346b
--- /dev/null
+++ b/src/docs/content/en_us/tile.md
@@ -0,0 +1,36 @@
+---
+fdRelatedComponents:
+  - fd-tile
+  - fd-product-tile
+  - fd-tile-grid
+---
+
+# Tile
+
+## Simple Tile
+<d-example name="tile-default">
+</d-example>
+
+## Media Tile
+<d-example name="media">
+</d-example>
+
+## Actions Tile
+<d-example name="actions">
+</d-example>
+
+## Tile as a Button
+Use `is-button` to make a tile behave like a button
+
+<d-example name="button">
+</d-example>
+
+## Product Tile
+
+<d-example name="product-tile-default">
+</d-example>
+
+## Product Tile as Button
+
+<d-example name="product-tile-button">
+</d-example>
diff --git a/src/docs/content/en_us/time-picker.md b/src/docs/content/en_us/time-picker.md
new file mode 100644
index 00000000..40bf051e
--- /dev/null
+++ b/src/docs/content/en_us/time-picker.md
@@ -0,0 +1,32 @@
+---
+fdRelatedComponents:
+  - fd-time
+  - fd-time-item
+  - fd-time-picker
+---
+
+# Time Picker
+
+## Default Time Picker
+
+<d-example name="default">
+</d-example>
+
+## Time
+
+The `fd-time` component is used for a single time value. Multiple components can be used in the time-picker to assemble a clock time. A max of four will account for hours, minutes, seconds and period of the day.
+
+```xml
+<fd-time />
+```
+It will be rare to see this component used outside of it being composed in the time-picker component.
+
+<d-example name="time">
+</d-example>
+
+## Time Item as a set of Time
+
+This shows a composition of four `fd-time` components to create a TimeItem. If this is the plan, it is suggested to use the TimeItem component instead.
+
+<d-example name="multiple-times">
+</d-example>
diff --git a/src/docs/content/en_us/toggle.md b/src/docs/content/en_us/toggle.md
new file mode 100644
index 00000000..bc94a04a
--- /dev/null
+++ b/src/docs/content/en_us/toggle.md
@@ -0,0 +1,33 @@
+---
+fdRelatedComponents:
+  - fd-toggle
+---
+
+# Toggle/Switch
+
+`fd-form-item` has an optional label. Use the `on`-prop to turn a toggle on (`:on=true`) or off (`:on=false`). Set `disabled`-flag to disable user interaction.
+
+## Default Toggles
+
+<d-example name="default">
+</d-example>
+
+## Sizes
+
+`fd-toggle` supports three different size classes:
+
+1. `xs`: renderes an extra small toggle
+2. `s`: renderes a small toggle
+3. `l`: renderes a large toggle
+
+If you omit the size class, the toggle will be rendered with a default size.
+
+<d-example name="sizes">
+</d-example>
+
+## Using `v-model`
+
+`fd-toggle` supports `v-model`. This allows you to bind an `fd-toggle` to a `boolean` property of your component. The example below uses `v-model` to control the visbibility of a popover.
+
+<d-example name="v-model">
+</d-example>
diff --git a/src/docs/content/en_us/token.md b/src/docs/content/en_us/token.md
new file mode 100644
index 00000000..32235a69
--- /dev/null
+++ b/src/docs/content/en_us/token.md
@@ -0,0 +1,9 @@
+---
+fdRelatedComponents:
+  - fd-token
+---
+
+# Token
+
+<d-example name="default">
+</d-example>
diff --git a/src/docs/content/en_us/virtualized-list.md b/src/docs/content/en_us/virtualized-list.md
new file mode 100644
index 00000000..2704b6f1
--- /dev/null
+++ b/src/docs/content/en_us/virtualized-list.md
@@ -0,0 +1,87 @@
+---
+fdRelatedComponents:
+  - fd-virtualized-list
+---
+
+# Virtualized List
+
+You can use `fd-virtualized-list` when you need to display a lot of data in a scrollable list. `fd-virtualized-list` only renders what is currently on your screen. Offscreen data is not rendered. Thus scrolling through your list should be very efficient. `fd-virtualized-list` depends on a 3rd-party (open source) library called [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller). *Fundamental Vue* does not include a copy of [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller). It is up to you to properly setup [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller).
+
+Your `items`-array must have some kind of unique identifier. Use the `key-field`-prop to specify the name of the property.
+
+::: tip
+
+You also have to install [vue-observe-visibility](https://github.com/Akryum/vue-observe-visibility) because `fd-virtualized-list` requires the `v-observe-visibility`-directive.
+
+:::
+
+## Simple Virtualized List
+
+<d-example name="virtualized-list-default">
+</d-example>
+
+## Lazy Loading Virtualized List
+
+
+You don't have to tell `fd-virtualized-list` all of your items in advance. You can simply give `fd-virtualized-list` only a few items, just enough to fill it up completely. Once the user has scrolled to the bottom of the list you are asked to provide more items.
+
+This works by passing an item loader by using the `load-more-items`-prop. Typically this prop is simply a method in your component.
+
+This method will automatically be alled by `fd-virtualized-list` once more items are required in order to let the user continue to scroll.
+
+Your method that loads more items is invoked with a callback that has to be called. A typical method that loads more items and can be used in conjunction with `load-more-items` may look like this:
+
+```js
+{
+  data() {
+    return { items: [/* your items */]}
+  },
+  methods: {
+    loadMoreItems(done) {
+      // Load more items…
+      const newItems = this.fetchItemsFromBackend();
+      // Add the new items to your items-array:
+      this.items.push(...newItems);
+      // Call done.
+      done()
+    }
+  }
+}
+```
+
+Between `loadMoreItems` is invoked and you calling `done` `fd-virtualized-list` is in a loading state and displays a spinner (`fd-spinner`) at the very bottom. This can be customized by specifying a custom `loading`-slot.
+
+::: tip
+
+The example below loads new items for ever and ever. You will never reach the end. Sorry.
+
+:::
+
+<d-example name="virtualized-list-loading-more">
+</d-example>
+
+## Initial Load
+
+<d-example name="virtualized-list-initial-load">
+</d-example>
+
+## Resetting a Virtualized List
+
+<d-example name="virtualized-list-reset">
+</d-example>
+
+## Filtering a Virtualized List
+
+<d-example name="virtualized-list-filter">
+</d-example>
+
+## Adding/Removing Items from a Virtualized List
+
+You can modify the `items`-array directly in order to add/remove items. The rules as described in the [Vue Reactivity Guide](https://vuejs.org/v2/guide/reactivity.html) still apply.
+
+If you click on `[Add Item]` a new item will be appened to the beginning of the `items`-array.
+If an item is selected, clicking on `[Add Item]` will insert an item right below the current selection.
+Clicking on `[Remove Item]` will remove the currently selected item from the list.
+
+<d-example name="virtualized-list-mutate">
+</d-example>
\ No newline at end of file
diff --git a/src/docs/content/examples/action-bar/0-full.vue b/src/docs/content/examples/action-bar/0-full.vue
new file mode 100644
index 00000000..90e5976d
--- /dev/null
+++ b/src/docs/content/examples/action-bar/0-full.vue
@@ -0,0 +1,7 @@
+<template>
+  <fd-action-bar title="Page Title" description="Action bar Description">
+    <fd-button slot="back" styling="light" compact icon="nav-back" />
+    <fd-button>Button 1</fd-button>
+    <fd-button styling="emphasized">Button 2</fd-button>
+  </fd-action-bar>
+</template>
diff --git a/src/docs/pages/Action Bar/1-title-slot.vue b/src/docs/content/examples/action-bar/1-title-slot.vue
similarity index 77%
rename from src/docs/pages/Action Bar/1-title-slot.vue
rename to src/docs/content/examples/action-bar/1-title-slot.vue
index 796b464b..075d4d23 100644
--- a/src/docs/pages/Action Bar/1-title-slot.vue	
+++ b/src/docs/content/examples/action-bar/1-title-slot.vue
@@ -1,9 +1,7 @@
-<title>Action bar with title and description as slots.</title>
-
 <template>
   <fd-action-bar title="Page Title" description="Action bar Description">
     <template #title>
-      <fd-identifier size="s" circle thumbnail url="/images/headshot-male.jpg" />
+      <fd-identifier size="s" circle thumbnail :url="$withBase('images/headshot-male.jpg')" />
       <span>Matthew Spark</span>
     </template>
     <template #description>
diff --git a/src/docs/pages/Alert/0-default.vue b/src/docs/content/examples/alert/default.vue
similarity index 58%
rename from src/docs/pages/Alert/0-default.vue
rename to src/docs/content/examples/alert/default.vue
index 805e0b31..a7d7e5e5 100644
--- a/src/docs/pages/Alert/0-default.vue
+++ b/src/docs/content/examples/alert/default.vue
@@ -1,8 +1,7 @@
-<title>Default Alert</title>
 <template>
   <div>
-    <FdAlert dismissible>
+    <fd-alert dismissible>
       Default dismissable alert. Click on the close button.
-    </FdAlert>
+    </fd-alert>
   </div>
 </template>
diff --git a/src/docs/content/examples/alert/error.vue b/src/docs/content/examples/alert/error.vue
new file mode 100644
index 00000000..1d1e3af7
--- /dev/null
+++ b/src/docs/content/examples/alert/error.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <fd-alert type="error" dismissible>Default error alert. Click on the close button.</fd-alert>
+    <br />
+    <fd-alert type="error" dismissible>
+      <fd-icon name="message-error" />
+      Error Message.
+      <fd-link href="#">Learn more</fd-link>
+    </fd-alert>
+  </div>
+</template>
diff --git a/src/docs/content/examples/alert/information.vue b/src/docs/content/examples/alert/information.vue
new file mode 100644
index 00000000..7faa3487
--- /dev/null
+++ b/src/docs/content/examples/alert/information.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <fd-alert type="information" dismissible>
+      Information alert. Click on the close button.
+    </fd-alert>
+    <br />
+    <fd-alert type="information" dismissible>
+      <fd-icon name="message-information" />
+      Information Message.
+      <fd-link href="#">Learn more</fd-link>
+    </fd-alert>
+  </div>
+</template>
diff --git a/src/docs/content/examples/alert/success.vue b/src/docs/content/examples/alert/success.vue
new file mode 100644
index 00000000..fd5e0b56
--- /dev/null
+++ b/src/docs/content/examples/alert/success.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <fd-alert type="success" dismissible>Success alert. Click on the close button.</fd-alert>
+    <br />
+    <fd-alert type="success" dismissible>
+      <fd-icon name="message-success" />
+      Success Message.
+      <fd-link href="#">Learn more</fd-link>
+    </fd-alert>
+  </div>
+</template>
diff --git a/src/docs/content/examples/alert/vmodel.vue b/src/docs/content/examples/alert/vmodel.vue
new file mode 100644
index 00000000..9bc2a541
--- /dev/null
+++ b/src/docs/content/examples/alert/vmodel.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <fd-button @click="visible = !visible">Toggle Visibile</fd-button>
+
+    <br />
+    <br />
+
+    <fd-alert type="success" v-model="visible" dismissible>
+      Success alert. Click on the close button.
+    </fd-alert>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      visible: true
+    };
+  }
+};
+</script>
diff --git a/src/docs/content/examples/alert/warning.vue b/src/docs/content/examples/alert/warning.vue
new file mode 100644
index 00000000..7cf6c4e2
--- /dev/null
+++ b/src/docs/content/examples/alert/warning.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <fd-alert type="warning" dismissible>
+      Default warning alert. Click on the close button.
+    </fd-alert>
+    <br />
+    <fd-alert type="warning" dismissible>
+      <fd-icon name="message-warning" />
+      Warning Message.
+      <fd-link href="#">Learn more</fd-link>
+    </fd-alert>
+  </div>
+</template>
diff --git a/src/docs/pages/Badge/default.vue b/src/docs/content/examples/badge/default.vue
similarity index 97%
rename from src/docs/pages/Badge/default.vue
rename to src/docs/content/examples/badge/default.vue
index bf4d2bd3..8a362f83 100644
--- a/src/docs/pages/Badge/default.vue
+++ b/src/docs/content/examples/badge/default.vue
@@ -1,4 +1,3 @@
-<title>Default Badge</title>
 <template>
   <div class="badges" style="text-align: center;">
     <fd-container flex>
diff --git a/src/docs/pages/Breadcrumb/default.vue b/src/docs/content/examples/breadcrumb/default.vue
similarity index 79%
rename from src/docs/pages/Breadcrumb/default.vue
rename to src/docs/content/examples/breadcrumb/default.vue
index 0d563d39..9faeac5b 100644
--- a/src/docs/pages/Breadcrumb/default.vue
+++ b/src/docs/content/examples/breadcrumb/default.vue
@@ -1,10 +1,8 @@
-<title>Breadcrumb</title>
-
 <template>
   <div>
     <fd-breadcrumb>
       <fd-breadcrumb-item @click.prevent="handleClick">Home</fd-breadcrumb-item>
-      <fd-breadcrumb-item href="#helloworld">Products</fd-breadcrumb-item>
+      <fd-breadcrumb-item href="#">Products</fd-breadcrumb-item>
       <fd-breadcrumb-item to="#chris">Butter Pretzel</fd-breadcrumb-item>
     </fd-breadcrumb>
   </div>
diff --git a/src/docs/content/examples/button/groups-compact.vue b/src/docs/content/examples/button/groups-compact.vue
new file mode 100644
index 00000000..e7718333
--- /dev/null
+++ b/src/docs/content/examples/button/groups-compact.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <fd-buttonGroup v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Color">
+      <fd-buttonGroupButton value="a">Red</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="b">Green</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="c">Blue</fd-buttonGroupButton>
+    </fd-buttonGroup>
+    <br />
+    <br />
+    <fd-buttonGroup
+      compact
+      v-model="activeButtons"
+      selectionMode="multiple"
+      aria-label="Favorite Color"
+    >
+      <fd-buttonGroupButton value="a">Red</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="b">Green</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="c">Blue</fd-buttonGroupButton>
+    </fd-buttonGroup>
+    <br />
+    <br />
+    Values of selected Buttons: {{ activeButtons }}
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({ activeButtons: [] })
+};
+</script>
diff --git a/src/docs/content/examples/button/groups.vue b/src/docs/content/examples/button/groups.vue
new file mode 100644
index 00000000..a6c84613
--- /dev/null
+++ b/src/docs/content/examples/button/groups.vue
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <fd-buttonGroup v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Color">
+      <fd-buttonGroupButton value="a">Red</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="b">Green</fd-buttonGroupButton>
+      <fd-buttonGroupButton value="c">Blue</fd-buttonGroupButton>
+    </fd-buttonGroup>
+    <br />
+    <br />
+    <fd-buttonGroup v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Icon">
+      <fd-buttonGroupButton icon="survey" value="a" />
+      <fd-buttonGroupButton icon="pool" value="b" />
+      <fd-buttonGroupButton icon="pie-chart" value="c" />
+    </fd-buttonGroup>
+    <br />
+    <br />
+
+    Values of selected Buttons: {{ activeButtons }}
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      activeButtons: []
+    };
+  }
+};
+</script>
diff --git a/src/docs/pages/Button/1-icons.vue b/src/docs/content/examples/button/icons.vue
similarity index 96%
rename from src/docs/pages/Button/1-icons.vue
rename to src/docs/content/examples/button/icons.vue
index 30abf67d..fd6ccecd 100644
--- a/src/docs/pages/Button/1-icons.vue
+++ b/src/docs/content/examples/button/icons.vue
@@ -1,5 +1,3 @@
-<title>Button with Icon</title>
-
 <template>
   <div class="fdd-button__icons">
     <fd-button styling="emphasized" icon="cart">Add to Cart</fd-button>
diff --git a/src/docs/pages/Button/2-sizes.vue b/src/docs/content/examples/button/sizes.vue
similarity index 65%
rename from src/docs/pages/Button/2-sizes.vue
rename to src/docs/content/examples/button/sizes.vue
index 630eb16c..8b2c271c 100644
--- a/src/docs/pages/Button/2-sizes.vue
+++ b/src/docs/content/examples/button/sizes.vue
@@ -1,6 +1,3 @@
-<title>Button Sizes</title>
-<tip>The compact size is only used on desktop and it is full size when used on a touch device.</tip>
-
 <template>
   <div class="fdd-button__sizes">
     <fd-button>default or none</fd-button>
diff --git a/src/docs/pages/Button/2.1-split-button.vue b/src/docs/content/examples/button/split-button-playground.vue
similarity index 80%
rename from src/docs/pages/Button/2.1-split-button.vue
rename to src/docs/content/examples/button/split-button-playground.vue
index f72a9b7e..f985cc6d 100644
--- a/src/docs/pages/Button/2.1-split-button.vue
+++ b/src/docs/content/examples/button/split-button-playground.vue
@@ -1,14 +1,3 @@
-<title>Split Button Playground</title>
-<docs>
-`fd-split-button` is a composition of two other components:
-
-1. `fd-split-button-action`: The *main* area on the left. `fd-split-button` will emit a `click`-event when the action-area is clicked.
-2. `fd-split-button-auxiliary`: The area on the right. `fd-split-button` will emit a `click:auxiliary`-event when the auxiliary-area is clicked. You should show a popover/menu in when this event is emitted.
-
-</docs>
-<tip>
-`fd-split-button` does not display a menu or popover when clicked. It is up to you to set that up.
-</tip>
 <template>
   <div>
     <div class="fdv-d-button-split-button__preview">
diff --git a/src/docs/pages/Button/2.2-split-button-popover.vue b/src/docs/content/examples/button/split-button-popover.vue
similarity index 82%
rename from src/docs/pages/Button/2.2-split-button-popover.vue
rename to src/docs/content/examples/button/split-button-popover.vue
index 719565b5..43991dc3 100644
--- a/src/docs/pages/Button/2.2-split-button-popover.vue
+++ b/src/docs/content/examples/button/split-button-popover.vue
@@ -1,7 +1,3 @@
-<title>Split Button With Menu</title>
-<docs>
-`fd-split-button` works perfectly together with `fd-menu-popover`.
-</docs>
 <template>
   <div>
     <fd-menu-popover body-size-mode="at-least-trigger">
diff --git a/src/docs/pages/Button/3-states.vue b/src/docs/content/examples/button/states.vue
similarity index 98%
rename from src/docs/pages/Button/3-states.vue
rename to src/docs/content/examples/button/states.vue
index 1b474840..e81aac36 100644
--- a/src/docs/pages/Button/3-states.vue
+++ b/src/docs/content/examples/button/states.vue
@@ -1,5 +1,3 @@
-<title>Button States</title>
-
 <template>
   <div class="fdd-button__states">
     <fd-button styling="emphasized" state="normal">Normal State</fd-button>
diff --git a/src/docs/pages/Button/0-styling.vue b/src/docs/content/examples/button/styling.vue
similarity index 91%
rename from src/docs/pages/Button/0-styling.vue
rename to src/docs/content/examples/button/styling.vue
index 9b1b2a97..ff552493 100644
--- a/src/docs/pages/Button/0-styling.vue
+++ b/src/docs/content/examples/button/styling.vue
@@ -1,5 +1,3 @@
-<title>Button Styling</title>
-
 <template>
   <div class="fdd-button__styling">
     <fd-button styling="emphasized">Emphasized Button</fd-button>
diff --git a/src/docs/pages/Calendar/4-bindings.vue b/src/docs/content/examples/calendar/bindings.vue
similarity index 74%
rename from src/docs/pages/Calendar/4-bindings.vue
rename to src/docs/content/examples/calendar/bindings.vue
index 84f364c6..563f7883 100644
--- a/src/docs/pages/Calendar/4-bindings.vue
+++ b/src/docs/content/examples/calendar/bindings.vue
@@ -1,7 +1,3 @@
-<title>Calendar & `v-model`</title>
-<docs>
-`fd-calendar` supports `v-model`. The example below shows two calendars bound to the same model.
-</docs>
 <template>
   <div>
     <div style="display:flex;">
diff --git a/src/docs/pages/Calendar/2-blocked-items.vue b/src/docs/content/examples/calendar/blocked-items.vue
similarity index 84%
rename from src/docs/pages/Calendar/2-blocked-items.vue
rename to src/docs/content/examples/calendar/blocked-items.vue
index 756cf5ad..cf55c1f5 100644
--- a/src/docs/pages/Calendar/2-blocked-items.vue
+++ b/src/docs/content/examples/calendar/blocked-items.vue
@@ -1,5 +1,3 @@
-<title>Calendar with blocked Items</title>
-
 <template>
   <div>
     <fd-calendar :blocked-date="isWeekend" />
diff --git a/src/docs/content/examples/calendar/buttons.vue b/src/docs/content/examples/calendar/buttons.vue
new file mode 100644
index 00000000..eb05fc8b
--- /dev/null
+++ b/src/docs/content/examples/calendar/buttons.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <fd-calendar :has-next="hasNext" :has-previous="hasPrevious" />
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    hasNext({ max }) {
+      return max.getTime() < this.maxDate.getTime();
+    },
+    hasPrevious({ min }) {
+      return min.getTime() > this.minDate.getTime();
+    }
+  },
+  data() {
+    const maxDate = new Date(Date.now());
+    maxDate.setMonth(maxDate.getMonth() + 3);
+
+    const minDate = new Date(Date.now());
+    minDate.setMonth(minDate.getMonth() - 3);
+
+    return {
+      maxDate,
+      minDate
+    };
+  }
+};
+</script>
diff --git a/src/docs/pages/Calendar/6-custom-names.vue b/src/docs/content/examples/calendar/custom-names.vue
similarity index 54%
rename from src/docs/pages/Calendar/6-custom-names.vue
rename to src/docs/content/examples/calendar/custom-names.vue
index 60604b46..921608b8 100644
--- a/src/docs/pages/Calendar/6-custom-names.vue
+++ b/src/docs/content/examples/calendar/custom-names.vue
@@ -1,9 +1,3 @@
-<title>Calendar with custom Names</title>
-
-<tip>
-You can customize the names (day of week and month of year)  displayed in the calendar by using the props `dayNames` and `monthNames`. This is also how you would implement i18n.
-</tip>
-
 <template>
   <div>
     <fd-calendar
diff --git a/src/docs/content/examples/calendar/default-date.vue b/src/docs/content/examples/calendar/default-date.vue
new file mode 100644
index 00000000..2ce97979
--- /dev/null
+++ b/src/docs/content/examples/calendar/default-date.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-calendar default-value="2010-02-01" />
+  </div>
+</template>
diff --git a/src/docs/content/examples/calendar/default.vue b/src/docs/content/examples/calendar/default.vue
new file mode 100644
index 00000000..e61a30ed
--- /dev/null
+++ b/src/docs/content/examples/calendar/default.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-calendar />
+  </div>
+</template>
diff --git a/src/docs/pages/Calendar/3-disabled-items.vue b/src/docs/content/examples/calendar/disabled-items.vue
similarity index 84%
rename from src/docs/pages/Calendar/3-disabled-items.vue
rename to src/docs/content/examples/calendar/disabled-items.vue
index f9e03a62..748ee3d9 100644
--- a/src/docs/pages/Calendar/3-disabled-items.vue
+++ b/src/docs/content/examples/calendar/disabled-items.vue
@@ -1,5 +1,3 @@
-<title>Calendar with Disabled Items</title>
-
 <template>
   <div>
     <fd-calendar :disabled-date="isWeekend" />
diff --git a/src/docs/content/examples/calendar/first-day-of-week.vue b/src/docs/content/examples/calendar/first-day-of-week.vue
new file mode 100644
index 00000000..16aedacf
--- /dev/null
+++ b/src/docs/content/examples/calendar/first-day-of-week.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-calendar :first-day-of-week="1" />
+  </div>
+</template>
diff --git a/src/docs/content/examples/calendar/no-header.vue b/src/docs/content/examples/calendar/no-header.vue
new file mode 100644
index 00000000..4214389b
--- /dev/null
+++ b/src/docs/content/examples/calendar/no-header.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-calendar :header-visible="false" />
+  </div>
+</template>
diff --git a/src/docs/pages/Calendar/5-popover.vue b/src/docs/content/examples/calendar/popover.vue
similarity index 51%
rename from src/docs/pages/Calendar/5-popover.vue
rename to src/docs/content/examples/calendar/popover.vue
index 0a16dad0..3ea3925a 100644
--- a/src/docs/pages/Calendar/5-popover.vue
+++ b/src/docs/content/examples/calendar/popover.vue
@@ -1,14 +1,14 @@
-<title>Calendar in a Popover</title>
-<docs>Calendars work best when displayed in a popover. You can use `fd-popover` for that.</docs>
 <template>
   <div v-fd-padding:large>
     <fd-popover withArrow>
       <template #control="{toggle}">
         <fd-button @click="toggle">Pick Date</fd-button>
       </template>
-      <div v-fd-padding:tiny>
-        <fd-calendar />
-      </div>
+      <template #default>
+        <div v-fd-padding:tiny>
+          <fd-calendar />
+        </div>
+      </template>
     </fd-popover>
   </div>
 </template>
diff --git a/src/docs/content/examples/calendar/selection-range.vue b/src/docs/content/examples/calendar/selection-range.vue
new file mode 100644
index 00000000..5842468a
--- /dev/null
+++ b/src/docs/content/examples/calendar/selection-range.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-calendar mode="range"></fd-calendar>
+  </div>
+</template>
diff --git a/src/docs/pages/Colors/all.vue b/src/docs/content/examples/colors/all.vue
similarity index 99%
rename from src/docs/pages/Colors/all.vue
rename to src/docs/content/examples/colors/all.vue
index 7e95fe46..941082e3 100644
--- a/src/docs/pages/Colors/all.vue
+++ b/src/docs/content/examples/colors/all.vue
@@ -1,5 +1,3 @@
-<title>Colors</title>
-
 <template>
   <div style="flex-wrap: wrap; display: flex;">
     <div class="fdv-d-color-box" v-fd-background-color:action-1 />
diff --git a/src/docs/pages/Combobox/3-custom-menu.vue b/src/docs/content/examples/combobox/custom-menu.vue
similarity index 68%
rename from src/docs/pages/Combobox/3-custom-menu.vue
rename to src/docs/content/examples/combobox/custom-menu.vue
index 0d97bcfd..016c9d28 100644
--- a/src/docs/pages/Combobox/3-custom-menu.vue
+++ b/src/docs/content/examples/combobox/custom-menu.vue
@@ -1,8 +1,3 @@
-<title>Custom Menu</title>
-<tip>
-Use the `menu`-slot in combination with `fd-combobox-menu` in order to provide a custom menu. This allows you (e.g.:) to easily apply custom attributes (`class`, `style`, …). The example below is using a custom menu in order to make it the same width as the combobox itself. A custom menu also allows you to have multiple lists.
-</tip>
-
 <template>
   <div>
     <div class="favorite-fruit">
diff --git a/src/docs/content/examples/combobox/default.vue b/src/docs/content/examples/combobox/default.vue
new file mode 100644
index 00000000..4333d678
--- /dev/null
+++ b/src/docs/content/examples/combobox/default.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <p>
+      <strong>Selected Fruit:</strong>
+    </p>
+    <p>{{ fruit || "none" }}</p>
+    <fd-combobox v-model="fruit" placeholder="Pick your Fruit of the day">
+      <template #default>
+        <fd-menu-item value="Apple">Apple</fd-menu-item>
+        <fd-menu-item value="Banana">Banana</fd-menu-item>
+        <fd-menu-item value="Cherry">Cherry</fd-menu-item>
+      </template>
+    </fd-combobox>
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({ fruit: null })
+};
+</script>
diff --git a/src/docs/content/examples/combobox/sizes.vue b/src/docs/content/examples/combobox/sizes.vue
new file mode 100644
index 00000000..78fd9b4b
--- /dev/null
+++ b/src/docs/content/examples/combobox/sizes.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <fd-combobox v-model="fruit" placeholder="Pick your Fruit of the day (default size)">
+      <fd-menu-item value="Apple">Apple</fd-menu-item>
+      <fd-menu-item value="Banana">Banana</fd-menu-item>
+      <fd-menu-item value="Cherry">Cherry</fd-menu-item>
+    </fd-combobox>
+
+    <br />
+    <br />
+
+    <fd-combobox v-model="fruit" compact placeholder="Pick your Fruit of the day (compact size)">
+      <fd-menu-item value="Apple">Apple</fd-menu-item>
+      <fd-menu-item value="Banana">Banana</fd-menu-item>
+      <fd-menu-item value="Cherry">Cherry</fd-menu-item>
+    </fd-combobox>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    select(value) {
+      this.fruit = value;
+    }
+  },
+  data() {
+    return {
+      fruit: null
+    };
+  }
+};
+</script>
diff --git a/src/docs/content/examples/container/0-container-default.vue b/src/docs/content/examples/container/0-container-default.vue
new file mode 100644
index 00000000..f1e7d818
--- /dev/null
+++ b/src/docs/content/examples/container/0-container-default.vue
@@ -0,0 +1,3 @@
+<template>
+  <fd-container>Container without Columns</fd-container>
+</template>
diff --git a/src/docs/content/examples/container/1-container-fluid.vue b/src/docs/content/examples/container/1-container-fluid.vue
new file mode 100644
index 00000000..b5360bda
--- /dev/null
+++ b/src/docs/content/examples/container/1-container-fluid.vue
@@ -0,0 +1,3 @@
+<template>
+  <fd-container fluid>Fluid Container</fd-container>
+</template>
diff --git a/src/docs/pages/Container/2-container-centered.vue b/src/docs/content/examples/container/2-container-centered.vue
similarity index 78%
rename from src/docs/pages/Container/2-container-centered.vue
rename to src/docs/content/examples/container/2-container-centered.vue
index b1f24654..9fc073f3 100644
--- a/src/docs/pages/Container/2-container-centered.vue
+++ b/src/docs/content/examples/container/2-container-centered.vue
@@ -1,4 +1,3 @@
-<title>Centered Container</title>
 <template>
   <div>
     <fd-container style="width: 200px;" centered>
diff --git a/src/docs/pages/Container/3-container-fluid-with-cols.vue b/src/docs/content/examples/container/3-container-fluid-with-cols.vue
similarity index 95%
rename from src/docs/pages/Container/3-container-fluid-with-cols.vue
rename to src/docs/content/examples/container/3-container-fluid-with-cols.vue
index 87cd2ad5..b29d199b 100644
--- a/src/docs/pages/Container/3-container-fluid-with-cols.vue
+++ b/src/docs/content/examples/container/3-container-fluid-with-cols.vue
@@ -1,4 +1,3 @@
-<title>Fluid with Cols</title>
 <template>
   <div>
     Columns:
diff --git a/src/docs/pages/Context Menu/1-context-menu-custom-button.vue b/src/docs/content/examples/context-menu/context-menu-custom-button.vue
similarity index 78%
rename from src/docs/pages/Context Menu/1-context-menu-custom-button.vue
rename to src/docs/content/examples/context-menu/context-menu-custom-button.vue
index 1466a274..c3ec62f3 100644
--- a/src/docs/pages/Context Menu/1-context-menu-custom-button.vue	
+++ b/src/docs/content/examples/context-menu/context-menu-custom-button.vue
@@ -1,9 +1,3 @@
-<title>Context Menu with custom Button</title>
-
-<docs>
-Use the `button`-slot in order to provide a custom `fd-context-button`.
-</docs>
-
 <template>
   <fd-context-menu>
     <template #button="{toggleContextMenu}">
diff --git a/src/docs/pages/Context Menu/0-context-menu-default.vue b/src/docs/content/examples/context-menu/context-menu-default.vue
similarity index 89%
rename from src/docs/pages/Context Menu/0-context-menu-default.vue
rename to src/docs/content/examples/context-menu/context-menu-default.vue
index 0990aa8a..1f6f343b 100644
--- a/src/docs/pages/Context Menu/0-context-menu-default.vue	
+++ b/src/docs/content/examples/context-menu/context-menu-default.vue
@@ -1,5 +1,3 @@
-<title>Default Context Menu</title>
-
 <template>
   <fd-context-menu>
     <fd-menu-list>
diff --git a/src/docs/pages/Counter/1-DefaultCounter.vue b/src/docs/content/examples/counter/default.vue
similarity index 80%
rename from src/docs/pages/Counter/1-DefaultCounter.vue
rename to src/docs/content/examples/counter/default.vue
index 29bd4c21..3ef7ede8 100644
--- a/src/docs/pages/Counter/1-DefaultCounter.vue
+++ b/src/docs/content/examples/counter/default.vue
@@ -1,4 +1,3 @@
-<title>Default Counter</title>
 <template>
   <div>
     <fd-counter :value="23" />
diff --git a/src/docs/content/examples/counter/notification-center.vue b/src/docs/content/examples/counter/notification-center.vue
new file mode 100644
index 00000000..dfb9c4ad
--- /dev/null
+++ b/src/docs/content/examples/counter/notification-center.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-counter type="notification" :value="23" />
+  </div>
+</template>
diff --git a/src/docs/content/examples/date-input/date-input-default.vue b/src/docs/content/examples/date-input/date-input-default.vue
new file mode 100644
index 00000000..268a64b3
--- /dev/null
+++ b/src/docs/content/examples/date-input/date-input-default.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <fd-date-input v-model="date" />
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({ date: { from: new Date(2019, 1, 13), to: null } })
+};
+</script>
diff --git a/src/docs/pages/Date Input/1-date-input-range.vue b/src/docs/content/examples/date-input/date-input-range.vue
similarity index 87%
rename from src/docs/pages/Date Input/1-date-input-range.vue
rename to src/docs/content/examples/date-input/date-input-range.vue
index feca6647..db5ed972 100644
--- a/src/docs/pages/Date Input/1-date-input-range.vue	
+++ b/src/docs/content/examples/date-input/date-input-range.vue
@@ -1,5 +1,3 @@
-<title>Date Range Input</title>
-
 <template>
   <div>
     <fd-date-input mode="range" v-model="date" />
diff --git a/src/docs/pages/Date Input/3-date-input-vmodel.vue b/src/docs/content/examples/date-input/date-input-vmodel.vue
similarity index 92%
rename from src/docs/pages/Date Input/3-date-input-vmodel.vue
rename to src/docs/content/examples/date-input/date-input-vmodel.vue
index b5ad28a9..0a0c4c2c 100644
--- a/src/docs/pages/Date Input/3-date-input-vmodel.vue	
+++ b/src/docs/content/examples/date-input/date-input-vmodel.vue
@@ -1,5 +1,3 @@
-<title>Date Input & `v-model`</title>
-
 <template>
   <div>
     <strong>Date Mode:</strong>
diff --git a/src/docs/pages/Date Picker/1-date-picker-custom.vue b/src/docs/content/examples/date-picker/date-picker-custom.vue
similarity index 68%
rename from src/docs/pages/Date Picker/1-date-picker-custom.vue
rename to src/docs/content/examples/date-picker/date-picker-custom.vue
index f4dd6ee0..3f8c86a1 100644
--- a/src/docs/pages/Date Picker/1-date-picker-custom.vue	
+++ b/src/docs/content/examples/date-picker/date-picker-custom.vue
@@ -1,13 +1,3 @@
-<title>Customized Date Pickers</title>
-
-<docs>
-`fd-date-picker` has two slots that can be used to customize the calendar and input.
-
-The `input`-slot must render a `fd-date-picker-input`-component.
-
-The `calendar`-slot must render a `fd-date-picker-calendar`-component.
-</docs>
-
 <template>
   <div v-fd-padding:large>
     <fd-date-picker v-model="date" mode="range">
diff --git a/src/docs/content/examples/date-picker/date-picker-default.vue b/src/docs/content/examples/date-picker/date-picker-default.vue
new file mode 100644
index 00000000..67bbdd57
--- /dev/null
+++ b/src/docs/content/examples/date-picker/date-picker-default.vue
@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <fd-form-item>
+      <fd-form-label>Simple Date Picker</fd-form-label>
+      <fd-date-picker v-model="date" />
+    </fd-form-item>
+
+    <fd-form-item>
+      <fd-form-label>Range Date Picker</fd-form-label>
+      <fd-date-picker mode="range" v-model="range" />
+    </fd-form-item>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    const today = () => new Date(Date.now());
+    const dayAfterTomorrow = today();
+    dayAfterTomorrow.setDate(dayAfterTomorrow.getDate() + 3);
+
+    return {
+      range: { from: today(), to: dayAfterTomorrow },
+      date: { from: today(), to: null }
+    };
+  }
+};
+</script>
diff --git a/src/docs/pages/Design System Utils/5-font-family.vue b/src/docs/content/examples/design-system-utilities/font-family.vue
similarity index 87%
rename from src/docs/pages/Design System Utils/5-font-family.vue
rename to src/docs/content/examples/design-system-utilities/font-family.vue
index f659e8a6..3d0c732e 100644
--- a/src/docs/pages/Design System Utils/5-font-family.vue	
+++ b/src/docs/content/examples/design-system-utilities/font-family.vue
@@ -1,5 +1,3 @@
-<title>Type Family</title>
-
 <template>
   <div>
     <p v-fd-font-family:body>This is body text</p>
diff --git a/src/docs/pages/Design System Utils/6-font-type.vue b/src/docs/content/examples/design-system-utilities/font-type.vue
similarity index 95%
rename from src/docs/pages/Design System Utils/6-font-type.vue
rename to src/docs/content/examples/design-system-utilities/font-type.vue
index 9145621a..e82b4882 100644
--- a/src/docs/pages/Design System Utils/6-font-type.vue	
+++ b/src/docs/content/examples/design-system-utilities/font-type.vue
@@ -1,5 +1,3 @@
-<title>Type</title>
-
 <template>
   <div>
     <p v-fd-type:-1>This is text type size -1</p>
diff --git a/src/docs/pages/Design System Utils/4-font-weight.vue b/src/docs/content/examples/design-system-utilities/font-weight.vue
similarity index 89%
rename from src/docs/pages/Design System Utils/4-font-weight.vue
rename to src/docs/content/examples/design-system-utilities/font-weight.vue
index 3fad3b07..649c229d 100644
--- a/src/docs/pages/Design System Utils/4-font-weight.vue	
+++ b/src/docs/content/examples/design-system-utilities/font-weight.vue
@@ -1,5 +1,3 @@
-<title>Type Weight</title>
-
 <template>
   <div>
     <p v-fd-font-weight:light>This is font with weight light</p>
diff --git a/src/docs/pages/Design System Utils/0-margin.vue b/src/docs/content/examples/design-system-utilities/margin.vue
similarity index 58%
rename from src/docs/pages/Design System Utils/0-margin.vue
rename to src/docs/content/examples/design-system-utilities/margin.vue
index a8c70969..4a6dce31 100644
--- a/src/docs/pages/Design System Utils/0-margin.vue	
+++ b/src/docs/content/examples/design-system-utilities/margin.vue
@@ -1,5 +1,3 @@
-<title>Margin (mixed)</title>
-<tip>Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.</tip>
 <template>
   <div class="fdd-utils__container--0">
     <div v-fd-margin:small>
@@ -18,7 +16,7 @@
 
 <style>
 .fdd-utils__container--0 > div {
-  background-color: #cccccc;
-  border: 1px solid black;
+  background-color: #eeeeee;
+  border: 1px solid #cccccc;
 }
 </style>
diff --git a/src/docs/pages/Design System Utils/1-padding.vue b/src/docs/content/examples/design-system-utilities/padding.vue
similarity index 58%
rename from src/docs/pages/Design System Utils/1-padding.vue
rename to src/docs/content/examples/design-system-utilities/padding.vue
index 05409fcf..fca86535 100644
--- a/src/docs/pages/Design System Utils/1-padding.vue	
+++ b/src/docs/content/examples/design-system-utilities/padding.vue
@@ -1,6 +1,3 @@
-<title>Padding (mixed)</title>
-<tip>Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.</tip>
-
 <template>
   <div class="fdd-utils__container--1">
     <div v-fd-padding:small>
@@ -17,7 +14,7 @@
 
 <style>
 .fdd-utils__container--1 > div {
-  background-color: #cccccc;
-  border: 1px solid black;
+  background-color: #eeeeee;
+  border: 1px solid #cccccc;
 }
 </style>
diff --git a/src/docs/pages/Design System Utils/2-remove-padding.vue b/src/docs/content/examples/design-system-utilities/remove-padding.vue
similarity index 68%
rename from src/docs/pages/Design System Utils/2-remove-padding.vue
rename to src/docs/content/examples/design-system-utilities/remove-padding.vue
index cdf82568..db96f836 100644
--- a/src/docs/pages/Design System Utils/2-remove-padding.vue	
+++ b/src/docs/content/examples/design-system-utilities/remove-padding.vue
@@ -1,6 +1,3 @@
-<title>Removing Padding</title>
-<tip>Use `v-fd-padding` multiple times to selectively remove padding.</tip>
-
 <template>
   <div class="fdd-utils__container--2">
     <div v-fd-padding:medium v-fd-padding:none.left>
@@ -14,7 +11,7 @@
 
 <style>
 .fdd-utils__container--2 > div {
-  background-color: #cccccc;
-  border: 1px solid black;
+  background-color: #eeeeee;
+  border: 1px solid #cccccc;
 }
 </style>
diff --git a/src/docs/pages/Directives/0-icon.vue b/src/docs/content/examples/directives/icon.vue
similarity index 81%
rename from src/docs/pages/Directives/0-icon.vue
rename to src/docs/content/examples/directives/icon.vue
index 0aa06015..6b2245bc 100644
--- a/src/docs/pages/Directives/0-icon.vue
+++ b/src/docs/content/examples/directives/icon.vue
@@ -1,9 +1,5 @@
-<title>Icon</title>
-<docs>
-Use the `v-fd-icon`-directive to attach icons to any element.
-</docs>
 <template>
-  <div class="icons">
+  <div class="fdd-example-icons__directives">
     <span v-fd-icon:compare />
     <span v-fd-icon:wrench />
     <span v-fd-icon:settings />
@@ -31,13 +27,12 @@ Use the `v-fd-icon`-directive to attach icons to any element.
   </div>
 </template>
 
-<style scoped>
-.icons button {
+<style>
+.fdd-example-icons__directives > button {
   margin-right: 10px;
   padding: 5px;
 }
-.icons,
-span {
+.fdd-example-icons__directives > span {
   margin-right: 10px;
 }
 </style>
diff --git a/src/docs/pages/Dropdown/0-default-dropdown.vue b/src/docs/content/examples/dropdown/default-dropdown.vue
similarity index 95%
rename from src/docs/pages/Dropdown/0-default-dropdown.vue
rename to src/docs/content/examples/dropdown/default-dropdown.vue
index b2487888..ba2a52e8 100644
--- a/src/docs/pages/Dropdown/0-default-dropdown.vue
+++ b/src/docs/content/examples/dropdown/default-dropdown.vue
@@ -1,4 +1,3 @@
-<title>Default Dropdown</title>
 <template>
   <div>
     <fd-dropdown title="Select">
diff --git a/src/docs/pages/Dropdown/3-disabled-dropdown.vue b/src/docs/content/examples/dropdown/disabled-dropdown.vue
similarity index 95%
rename from src/docs/pages/Dropdown/3-disabled-dropdown.vue
rename to src/docs/content/examples/dropdown/disabled-dropdown.vue
index 35588552..f31aee49 100644
--- a/src/docs/pages/Dropdown/3-disabled-dropdown.vue
+++ b/src/docs/content/examples/dropdown/disabled-dropdown.vue
@@ -1,4 +1,3 @@
-<title>Disabled Dropdown</title>
 <template>
   <div>
     <fd-dropdown disabled title="Select">
diff --git a/src/docs/pages/Dropdown/2-icon-dropdown.vue b/src/docs/content/examples/dropdown/icon-dropdown.vue
similarity index 95%
rename from src/docs/pages/Dropdown/2-icon-dropdown.vue
rename to src/docs/content/examples/dropdown/icon-dropdown.vue
index 5c942785..576f897d 100644
--- a/src/docs/pages/Dropdown/2-icon-dropdown.vue
+++ b/src/docs/content/examples/dropdown/icon-dropdown.vue
@@ -1,4 +1,3 @@
-<title>Dropdown with Icon</title>
 <template>
   <div>
     <fd-dropdown icon="filter" title="Select">
diff --git a/src/docs/pages/Dropdown/1-toolbar-dropdown.vue b/src/docs/content/examples/dropdown/toolbar-dropdown.vue
similarity index 95%
rename from src/docs/pages/Dropdown/1-toolbar-dropdown.vue
rename to src/docs/content/examples/dropdown/toolbar-dropdown.vue
index 2af450ad..555bbd99 100644
--- a/src/docs/pages/Dropdown/1-toolbar-dropdown.vue
+++ b/src/docs/content/examples/dropdown/toolbar-dropdown.vue
@@ -1,4 +1,3 @@
-<title>Toolbar Dropdown</title>
 <template>
   <div>
     <fd-dropdown toolbar title="Select">
diff --git a/src/docs/pages/Form/1-binding.vue b/src/docs/content/examples/form/binding.vue
similarity index 60%
rename from src/docs/pages/Form/1-binding.vue
rename to src/docs/content/examples/form/binding.vue
index fda78614..b6dc3937 100644
--- a/src/docs/pages/Form/1-binding.vue
+++ b/src/docs/content/examples/form/binding.vue
@@ -1,20 +1,17 @@
-<title>Binding</title>
-<tip>`FdInput` supports `v-model` and thus you can easily create bi-directional bindings.</tip>
-
 <template>
   <div>
     <fd-field-set>
       <fd-form-item label="First Name">
-        <FdInput v-model="firstName" placeholder="First Name" />
+        <fd-input v-model="firstName" placeholder="First Name" />
       </fd-form-item>
       <fd-form-item label="First Name">
-        <FdInput v-model="firstName" placeholder="First Name" />
+        <fd-input v-model="firstName" placeholder="First Name" />
       </fd-form-item>
       <fd-form-item label="First Name">
-        <FdTextArea v-model="firstName" placeholder="First Name" />
+        <fd-text-area v-model="firstName" placeholder="First Name" />
       </fd-form-item>
     </fd-field-set>
-    <FdButton @click="changeName">Set first name to 'Chris'</FdButton>
+    <fd-button @click="changeName">Set first name to 'Chris'</fd-button>
     <br />
     <br />
     <br />
diff --git a/src/docs/pages/Form/4-checkbox.vue b/src/docs/content/examples/form/checkbox.vue
similarity index 75%
rename from src/docs/pages/Form/4-checkbox.vue
rename to src/docs/content/examples/form/checkbox.vue
index dc1771b4..6c3f06bf 100644
--- a/src/docs/pages/Form/4-checkbox.vue
+++ b/src/docs/content/examples/form/checkbox.vue
@@ -1,10 +1,3 @@
-<title>Checkboxes</title>
-<tip>
-Form items can be inlined. You can do this either by setting the `inline`-flag on each item or by simply setting it on the enclosing `FdFormGroup`.
-</tip>
-<docs>
-You can bind multiple checkboxes to a single array. For each checked control it's corresponding value is added to the bound array.
-</docs>
 <template>
   <div>
     <fd-field-set>
diff --git a/src/docs/pages/Form/8-mixing-model.vue b/src/docs/content/examples/form/mixing-model.vue
similarity index 86%
rename from src/docs/pages/Form/8-mixing-model.vue
rename to src/docs/content/examples/form/mixing-model.vue
index 897d6163..30d5c3c5 100644
--- a/src/docs/pages/Form/8-mixing-model.vue
+++ b/src/docs/content/examples/form/mixing-model.vue
@@ -1,20 +1,16 @@
-<title>`v-model` Example</title>
-<docs>
-The example below is using `v-model` in order to bind similar component to the same data.
-</docs>
 <template>
   <div>
     <fd-field-set>
       <fd-legend>Favorite Color</fd-legend>
       <fd-form-group inline>
         <fd-form-item-radio label="Red">
-          <FdRadio value="red" v-model="color" />
+          <fd-radio value="red" v-model="color" />
         </fd-form-item-radio>
         <fd-form-item-radio label="Green">
-          <FdRadio value="green" v-model="color" />
+          <fd-radio value="green" v-model="color" />
         </fd-form-item-radio>
         <fd-form-item-radio label="Yellow">
-          <FdRadio value="yellow" v-model="color" />
+          <fd-radio value="yellow" v-model="color" />
         </fd-form-item-radio>
       </fd-form-group>
     </fd-field-set>
diff --git a/src/docs/pages/Form/5-radio.vue b/src/docs/content/examples/form/radio.vue
similarity index 96%
rename from src/docs/pages/Form/5-radio.vue
rename to src/docs/content/examples/form/radio.vue
index fb2ae234..09c3cd03 100644
--- a/src/docs/pages/Form/5-radio.vue
+++ b/src/docs/content/examples/form/radio.vue
@@ -1,4 +1,3 @@
-<title>Radio Buttons</title>
 <template>
   <div>
     <fd-field-set>
diff --git a/src/docs/pages/Form/7-select-model.vue b/src/docs/content/examples/form/select-model.vue
similarity index 80%
rename from src/docs/pages/Form/7-select-model.vue
rename to src/docs/content/examples/form/select-model.vue
index 9ddeec2a..1c909096 100644
--- a/src/docs/pages/Form/7-select-model.vue
+++ b/src/docs/content/examples/form/select-model.vue
@@ -1,5 +1,3 @@
-<title>Select with `v-model`</title>
-<tip>`fd-select` supports `v-model`.</tip>
 <template>
   <div>
     <fd-field-set>
@@ -18,7 +16,7 @@
         <code class="fd-has-font-weight-bold">{{ color }}</code>
       </p>
     </div>
-    <FdButton @click="color = 'green'">Set Color to 'green'</FdButton>
+    <fd-button @click="color = 'green'">Set Color to 'green'</fd-button>
   </div>
 </template>
 
diff --git a/src/docs/pages/Form/6-select.vue b/src/docs/content/examples/form/select.vue
similarity index 97%
rename from src/docs/pages/Form/6-select.vue
rename to src/docs/content/examples/form/select.vue
index 4d527169..3e961883 100644
--- a/src/docs/pages/Form/6-select.vue
+++ b/src/docs/content/examples/form/select.vue
@@ -1,5 +1,3 @@
-<title>Select</title>
-
 <template>
   <div>
     <fd-field-set>
diff --git a/src/docs/content/examples/form/states.vue b/src/docs/content/examples/form/states.vue
new file mode 100644
index 00000000..0306678e
--- /dev/null
+++ b/src/docs/content/examples/form/states.vue
@@ -0,0 +1,37 @@
+<template>
+  <fd-field-set>
+    <fd-form-item label="Normal Input">
+      <fd-input placeholder="Field placeholder text" />
+      <fd-form-message slot="message">
+        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
+      </fd-form-message>
+    </fd-form-item>
+    <fd-form-item label="Valid Input">
+      <fd-input state="valid" placeholder="Field placeholder text" />
+    </fd-form-item>
+    <fd-form-item label="Warning Input">
+      <fd-input state="warning" placeholder="Field placeholder text" />
+      <fd-form-message slot="message" type="warning">
+        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
+      </fd-form-message>
+    </fd-form-item>
+    <fd-form-item label="Invalid Input">
+      <fd-input state="invalid" placeholder="Field placeholder text" />
+      <fd-form-message slot="message" type="error">
+        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
+      </fd-form-message>
+    </fd-form-item>
+    <fd-form-item label="Field Label">
+      <fd-input placeholder="Field placeholder text" />
+      <fd-form-message slot="message" type="help">
+        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
+      </fd-form-message>
+    </fd-form-item>
+    <fd-form-item label="Disabled Input">
+      <fd-input disabled placeholder="Field placeholder text" />
+    </fd-form-item>
+    <fd-form-item label="Readonly Input">
+      <fd-input readonly placeholder="Field placeholder text" value="Readonly Content" />
+    </fd-form-item>
+  </fd-field-set>
+</template>
diff --git a/src/docs/content/examples/icon/all-icons.vue b/src/docs/content/examples/icon/all-icons.vue
new file mode 100644
index 00000000..ba1fac94
--- /dev/null
+++ b/src/docs/content/examples/icon/all-icons.vue
@@ -0,0 +1,650 @@
+<template>
+  <div class="fdd-icons--all-icons">
+    <fd-button
+      styling="light"
+      type="standard"
+      v-for="icon in icons"
+      :key="icon"
+      :icon="icon"
+      @click="$copyText(icon)"
+    />
+  </div>
+</template>
+<script>
+export default {
+  data: () => ({
+    icons: [
+      "accelerated",
+      "accept",
+      "accidental-leave",
+      "account",
+      "accounting-document-verification",
+      "action",
+      "action-settings",
+      "activate",
+      "activities",
+      "activity-2",
+      "activity-assigned-to-goal",
+      "activity-individual",
+      "activity-items",
+      "add",
+      "add-activity",
+      "add-activity-2",
+      "add-contact",
+      "add-coursebook",
+      "add-document",
+      "add-equipment",
+      "add-favorite",
+      "add-filter",
+      "add-photo",
+      "add-process",
+      "add-product",
+      "address-book",
+      "addresses",
+      "alert",
+      "along-stacked-chart",
+      "alphabetical-order",
+      "appointment",
+      "appointment-2",
+      "approvals",
+      "area-chart",
+      "arobase",
+      "arrow-bottom",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "arrow-top",
+      "attachment",
+      "attachment-audio",
+      "attachment-e-pub",
+      "attachment-html",
+      "attachment-photo",
+      "attachment-text-file",
+      "attachment-video",
+      "attachment-zip-file",
+      "back-to-top",
+      "background",
+      "badge",
+      "bar-chart",
+      "bar-code",
+      "basket",
+      "batch-payments",
+      "bbyd-active-sales",
+      "bbyd-dashboard",
+      "bed",
+      "begin",
+      "bell",
+      "blank-tag",
+      "blank-tag-2",
+      "bo-strategy-management",
+      "bold-text",
+      "bookmark",
+      "border",
+      "broken-link",
+      "bubble-chart",
+      "building",
+      "bullet-text",
+      "burglary",
+      "bus-public-transport",
+      "business-by-design",
+      "business-card",
+      "business-objects-experience",
+      "business-objects-explorer",
+      "business-objects-mobile",
+      "business-one",
+      "calendar",
+      "call",
+      "camera",
+      "cancel",
+      "cancel-maintenance",
+      "cancel-share",
+      "capital-projects",
+      "car-rental",
+      "card",
+      "cargo-train",
+      "cart",
+      "cart-2",
+      "cart-3",
+      "cart-4",
+      "cart-5",
+      "cart-approval",
+      "cart-full",
+      "cause",
+      "chain-link",
+      "chalkboard",
+      "chart-axis",
+      "chart-table-view",
+      "Chart-Tree-Map",
+      "check-availability",
+      "checklist",
+      "checklist-2",
+      "checklist-item",
+      "checklist-item-2",
+      "chevron-phase",
+      "chevron-phase-2",
+      "choropleth-chart",
+      "circle-task",
+      "circle-task-2",
+      "citizen-connect",
+      "clear-filter",
+      "clinical-order",
+      "clinical-tast-tracker",
+      "close-command-field",
+      "cloud",
+      "co",
+      "collaborate",
+      "collapse",
+      "collapse-group",
+      "collections-insight",
+      "collections-management",
+      "collision",
+      "color-fill",
+      "column-chart-dual-axis",
+      "comment",
+      "commission-check",
+      "company-view",
+      "compare",
+      "compare-2",
+      "competitor",
+      "complete",
+      "connected",
+      "contacts",
+      "copy",
+      "course-book",
+      "course-program",
+      "create",
+      "create-entry-time",
+      "create-form",
+      "create-leave-request",
+      "create-session",
+      "credit-card",
+      "crm-sales",
+      "crm-service-manager",
+      "crop",
+      "crossed-line-chart",
+      "curriculum",
+      "cursor",
+      "customer",
+      "customer-and-contacts",
+      "customer-and-supplier",
+      "customer-briefing",
+      "customer-financial-fact-sheet",
+      "customer-history",
+      "customer-order-entry",
+      "customer-view",
+      "customize",
+      "database",
+      "date-time",
+      "decision",
+      "decline",
+      "decrease-line-height",
+      "delete",
+      "detail-view",
+      "developer-settings",
+      "dimension",
+      "disconnected",
+      "discussion",
+      "discussion-2",
+      "dishwasher",
+      "display",
+      "display-more",
+      "doc-attachment",
+      "doctor",
+      "document",
+      "document-text",
+      "documents",
+      "donut-chart",
+      "down",
+      "download",
+      "download-from-cloud",
+      "draw-rectangle",
+      "drill-down",
+      "drill-up",
+      "drop-down-list",
+      "dropdown",
+      "duplicate",
+      "e-care",
+      "e-learning",
+      "eam-work-order",
+      "edit",
+      "edit-outside",
+      "education",
+      "electrocardiogram",
+      "electronic-medical-record",
+      "email",
+      "email-read",
+      "employee",
+      "employee-approvals",
+      "employee-lookup",
+      "employee-pane",
+      "employee-rejections",
+      "end-user-experience-monitoring",
+      "endoscopy",
+      "energy-saving-lightbulb",
+      "enter-more",
+      "eraser",
+      "error",
+      "example",
+      "excel-attachment",
+      "exitfullscreen",
+      "expand",
+      "expand-group",
+      "expense-report",
+      "explorer",
+      "factory",
+      "fallback",
+      "family-care",
+      "family-protection",
+      "favorite",
+      "favorite-list",
+      "fax-machine",
+      "feed",
+      "feeder-arrow",
+      "filter",
+      "filter-analytics",
+      "filter-facets",
+      "filter-fields",
+      "flag",
+      "flight",
+      "fob-watch",
+      "folder",
+      "folder-blank",
+      "folder-full",
+      "form",
+      "forward",
+      "fridge",
+      "full-screen",
+      "full-stacked-chart",
+      "full-stacked-column-chart",
+      "functional-location",
+      "future",
+      "gantt-bars",
+      "general-leave-request",
+      "generate-shortcut",
+      "geographic-bubble-chart",
+      "globe",
+      "goal",
+      "goalseek",
+      "grid",
+      "group",
+      "group-2",
+      "header",
+      "heading-1",
+      "heading-2",
+      "heading-3",
+      "headset",
+      "heating-cooling",
+      "heatmap-chart",
+      "hello-world",
+      "hide",
+      "hint",
+      "history",
+      "home",
+      "home-share",
+      "horizontal-bar-chart",
+      "horizontal-bar-chart-2",
+      "horizontal-bullet-chart",
+      "horizontal-grip",
+      "horizontal-stacked-chart",
+      "horizontal-waterfall-chart",
+      "hr-approval",
+      "idea-wall",
+      "image-viewer",
+      "inbox",
+      "incident",
+      "incoming-call",
+      "increase-line-height",
+      "indent",
+      "initiative",
+      "inspect",
+      "inspect-down",
+      "inspection",
+      "instance",
+      "insurance-car",
+      "insurance-house",
+      "insurance-life",
+      "internet-browser",
+      "inventory",
+      "ipad",
+      "ipad-2",
+      "iphone",
+      "iphone-2",
+      "it-host",
+      "it-instance",
+      "it-system",
+      "italic-text",
+      "jam",
+      "journey-arrive",
+      "journey-change",
+      "journey-depart",
+      "key",
+      "key-user-settings",
+      "kpi-corporate-performance",
+      "kpi-managing-my-area",
+      "lab",
+      "laptop",
+      "lateness",
+      "lead",
+      "lead-outdated",
+      "leads",
+      "learning-assistant",
+      "legend",
+      "less",
+      "letter",
+      "lightbulb",
+      "line-chart",
+      "line-chart-dual-axis",
+      "line-chart-time-axis",
+      "line-charts",
+      "list",
+      "loan",
+      "locate-me",
+      "locked",
+      "log",
+      "machine",
+      "manager",
+      "manager-insight",
+      "map",
+      "map-2",
+      "map-3",
+      "marketing-campaign",
+      "master-task-triangle",
+      "master-task-triangle-2",
+      "meal",
+      "measure",
+      "measurement-document",
+      "measuring-point",
+      "media-forward",
+      "media-pause",
+      "media-play",
+      "media-reverse",
+      "media-rewind",
+      "meeting-room",
+      "menu",
+      "menu2",
+      "message-error",
+      "message-information",
+      "message-popup",
+      "message-success",
+      "message-warning",
+      "microphone",
+      "mileage",
+      "minimize",
+      "mirrored-task-circle",
+      "mirrored-task-circle-2",
+      "money-bills",
+      "monitor-payments",
+      "move",
+      "mri-scan",
+      "multiple-bar-chart",
+      "multiple-line-chart",
+      "multiple-pie-chart",
+      "multiple-radar-chart",
+      "multiselect",
+      "multiselect-all",
+      "multiselect-none",
+      "my-sales-order",
+      "my-view",
+      "nav-back",
+      "navigation-down-arrow",
+      "navigation-left-arrow",
+      "navigation-right-arrow",
+      "navigation-up-arrow",
+      "negative",
+      "Netweaver-business-client",
+      "newspaper",
+      "notes",
+      "notification-2",
+      "number-sign",
+      "numbered-text",
+      "nurse",
+      "nutrition-activity",
+      "official-service",
+      "offsite-work",
+      "open-command-field",
+      "open-folder",
+      "opportunities",
+      "opportunity",
+      "order-status",
+      "org-chart",
+      "outbox",
+      "outdent",
+      "outgoing-call",
+      "overflow",
+      "overlay",
+      "overview-chart",
+      "paging",
+      "paid-leave",
+      "palette",
+      "paper-plane",
+      "passenger-train",
+      "past",
+      "paste",
+      "pause",
+      "payment-approval",
+      "pdf-attachment",
+      "pdf-reader",
+      "pending",
+      "per-diem",
+      "performance",
+      "permission",
+      "person-placeholder",
+      "personnel-view",
+      "pharmacy",
+      "phone",
+      "photo-voltaic",
+      "physical-activity",
+      "picture",
+      "pie-chart",
+      "pipeline-analysis",
+      "play",
+      "pool",
+      "popup-window",
+      "positive",
+      "post",
+      "ppt-attachment",
+      "present",
+      "print",
+      "private",
+      "process",
+      "product",
+      "program-triangles",
+      "program-triangles-2",
+      "project-definition-triangle",
+      "project-definition-triangle-2",
+      "projector",
+      "provision",
+      "pull-down",
+      "pushpin-off",
+      "pushpin-on",
+      "puzzle",
+      "quality-issue",
+      "question-mark",
+      "radar-chart",
+      "receipt",
+      "record",
+      "redo",
+      "refresh",
+      "repost",
+      "request",
+      "reset",
+      "resize",
+      "resize-corner",
+      "resize-horizontal",
+      "resize-vertical",
+      "response",
+      "restart",
+      "retail-store",
+      "retail-store-manager",
+      "rhombus-milestone",
+      "rhombus-milestone-2",
+      "role",
+      "sales-document",
+      "sales-notification",
+      "sales-order",
+      "sales-order-item",
+      "sales-quote",
+      "sap-box",
+      "sap-logo-shape",
+      "sap-ui5",
+      "save",
+      "scatter-chart",
+      "scissors",
+      "screen-split-one",
+      "screen-split-three",
+      "screen-split-two",
+      "search",
+      "settings",
+      "share",
+      "share-2",
+      "shelf",
+      "shield",
+      "shipping-status",
+      "shortcut",
+      "show",
+      "signature",
+      "simple-payment",
+      "simulate",
+      "slim-arrow-down",
+      "slim-arrow-left",
+      "slim-arrow-right",
+      "slim-arrow-up",
+      "soccor",
+      "sonography",
+      "sort",
+      "sort-ascending",
+      "sort-descending",
+      "sorting-ranking",
+      "sound",
+      "sound-loud",
+      "sound-off",
+      "source-code",
+      "status-critical",
+      "status-inactive",
+      "status-negative",
+      "status-positive",
+      "step",
+      "stethoscope",
+      "stop",
+      "study-leave",
+      "subway-train",
+      "suitcase",
+      "supplier",
+      "survey",
+      "switch-classes",
+      "switch-views",
+      "synchronize",
+      "syntax",
+      "syringe",
+      "sys-add",
+      "sys-back",
+      "sys-back-2",
+      "sys-cancel",
+      "sys-cancel-2",
+      "sys-enter",
+      "sys-enter-2",
+      "sys-find",
+      "sys-find-next",
+      "sys-first-page",
+      "sys-help",
+      "sys-help-2",
+      "sys-last-page",
+      "sys-minus",
+      "sys-monitor",
+      "sys-next-page",
+      "sys-prev-page",
+      "system-exit",
+      "system-exit-2",
+      "table-chart",
+      "table-view",
+      "tag",
+      "tag-cloud-chart",
+      "tags",
+      "target-group",
+      "task",
+      "taxi",
+      "technical-object",
+      "temperature",
+      "text-align-center",
+      "text-align-justified",
+      "text-align-left",
+      "text-align-right",
+      "text-formatting",
+      "theater",
+      "thing-type",
+      "thumb-down",
+      "thumb-up",
+      "time-account",
+      "time-entry-request",
+      "time-overtime",
+      "timesheet",
+      "to-be-reviewed",
+      "toaster-down",
+      "toaster-top",
+      "toaster-up",
+      "tools-opportunity",
+      "travel-expense",
+      "travel-expense-report",
+      "travel-itinerary",
+      "travel-request",
+      "tree",
+      "trend-down",
+      "trend-up",
+      "trip-report",
+      "ui-notifications",
+      "umbrella",
+      "underline-text",
+      "undo",
+      "unfavorite",
+      "unlocked",
+      "unpaid-leave",
+      "unwired",
+      "up",
+      "upload",
+      "upload-to-cloud",
+      "upstacked-chart",
+      "user-edit",
+      "user-settings",
+      "value-help",
+      "vds-file",
+      "vehicle-repair",
+      "vertical-bar-chart",
+      "vertical-bar-chart-2",
+      "vertical-bullet-chart",
+      "vertical-grip",
+      "vertical-stacked-chart",
+      "vertical-waterfall-chart",
+      "video",
+      "visits",
+      "waiver",
+      "wallet",
+      "warning",
+      "warning2",
+      "washing-machine",
+      "weather-proofing",
+      "web-cam",
+      "widgets",
+      "windows-doors",
+      "work-history",
+      "workflow-tasks",
+      "world",
+      "wounds-doc",
+      "wrench",
+      "write-new",
+      "write-new-document",
+      "x-ray",
+      "zoom-in",
+      "zoom-out"
+    ]
+  })
+};
+</script>
+<style>
+.fdd-icons--all-icons {
+  display: flex;
+  flex-flow: row wrap;
+}
+.fdd-icons--all-icons > span {
+  margin: 4px;
+}
+</style>
diff --git a/src/docs/pages/Icon/icon.vue b/src/docs/content/examples/icon/icon.vue
similarity index 84%
rename from src/docs/pages/Icon/icon.vue
rename to src/docs/content/examples/icon/icon.vue
index 5387cafb..0e606f1f 100644
--- a/src/docs/pages/Icon/icon.vue
+++ b/src/docs/content/examples/icon/icon.vue
@@ -1,5 +1,3 @@
-<title>Icon usage and size options</title>
-
 <template>
   <div>
     <fd-icon name="cart" size="s" />
diff --git a/src/docs/pages/Identifier/1-accent.vue b/src/docs/content/examples/identifier/accent.vue
similarity index 96%
rename from src/docs/pages/Identifier/1-accent.vue
rename to src/docs/content/examples/identifier/accent.vue
index fd8d74c2..6ae76f8c 100644
--- a/src/docs/pages/Identifier/1-accent.vue
+++ b/src/docs/content/examples/identifier/accent.vue
@@ -1,5 +1,3 @@
-<title>Accent Colors</title>
-
 <template>
   <div class="fdd-identifier--accent">
     <fd-identifier size="m" icon="money-bills" backgroundColor="accent-1" />
diff --git a/src/docs/pages/Identifier/2-sizes.vue b/src/docs/content/examples/identifier/sizes.vue
similarity index 91%
rename from src/docs/pages/Identifier/2-sizes.vue
rename to src/docs/content/examples/identifier/sizes.vue
index f99bd880..93eef0db 100644
--- a/src/docs/pages/Identifier/2-sizes.vue
+++ b/src/docs/content/examples/identifier/sizes.vue
@@ -1,19 +1,3 @@
-<docs>
-There are multiple sizes:
-
-- Extra Extra Small: `size="xxs"`
-- Extra Small: `size="xs"`
-- Small: `size="s"`
-- Medium: `size="m"`
-- Large: `size="l"`
-- Extra Large: `size="xl"`
-- Extra Extra Large: `size="xxl"`
-
-Use the `size`-prop to specify the size you want.
-</docs>
-
-<title>Identifier Sizes</title>
-
 <template>
   <div class="fdd-identifier--sizes">
     <fd-identifier size="xxs" icon="money-bills" />
diff --git a/src/docs/pages/Identifier/0-types.vue b/src/docs/content/examples/identifier/types.vue
similarity index 66%
rename from src/docs/pages/Identifier/0-types.vue
rename to src/docs/content/examples/identifier/types.vue
index ca7b5848..09da09e7 100644
--- a/src/docs/pages/Identifier/0-types.vue
+++ b/src/docs/content/examples/identifier/types.vue
@@ -1,10 +1,3 @@
-<title>Identifiers</title>
-<docs>
-Identifier is a way to visually present something using an icon or user initials.
-</docs>
-<tip>
-Include `aria-label` when there is no text equivalent for the identifier. This is not necessary if the identifier is used for illustrative purposes only.
-</tip>
 <template>
   <div class="fdd-identifier--types">
     <fd-identifier icon="washing-machine" />
diff --git a/src/docs/pages/Image/Example.vue b/src/docs/content/examples/image/image.vue
similarity index 95%
rename from src/docs/pages/Image/Example.vue
rename to src/docs/content/examples/image/image.vue
index 8e47fb55..b6dc9a74 100644
--- a/src/docs/pages/Image/Example.vue
+++ b/src/docs/content/examples/image/image.vue
@@ -1,5 +1,3 @@
-<title>Size and Shape</title>
-
 <template>
   <div class="fdd-image--default">
     <fd-image size="s" :url="$withBase('images/img-small.jpeg')" />
diff --git a/src/docs/content/examples/index.js b/src/docs/content/examples/index.js
new file mode 100644
index 00000000..b07d14c4
--- /dev/null
+++ b/src/docs/content/examples/index.js
@@ -0,0 +1,65 @@
+/* eslint-env node */
+
+const context = require.context("./", true, /\.vue$/);
+const templateContext = require.context("!raw-loader!./", true, /\.vue$/);
+const assignMetaTemplate = (component, meta) => {
+  if (typeof component === "string") {
+    return null;
+  }
+  const methods = {
+    ...(component.methods || {}),
+    _meta: () => meta
+  };
+  return {
+    ...component,
+    methods
+  };
+};
+const assignComponentName = (component, name) => {
+  if (typeof component === "string") {
+    return null;
+  }
+  return {
+    name,
+    ...component
+  };
+};
+
+/** @param {string} path looks like './action-bar/0-full.vue' */
+const componentNameFromPath = path => {
+  if (path.startsWith("./") === false) {
+    // eslint-disable-next-line no-console
+    console.error(`path '${path}' does not start with './'.`);
+    return;
+  }
+  if (path.endsWith(".vue") === false) {
+    // eslint-disable-next-line no-console
+    console.error(`path '${path}' does not end with '.vue'.`);
+    return;
+  }
+
+  const name = `ex-${path
+    .replace("./", "")
+    .replace(".vue", "")
+    .replace("/", "--")}`;
+  return name;
+};
+
+export default {
+  install: vue => {
+    context
+      .keys()
+      .map(path => {
+        const exampleModule = context(path);
+        const name = componentNameFromPath(path);
+        return assignComponentName(
+          assignMetaTemplate(exampleModule.default, templateContext(path)),
+          name
+        );
+      })
+      .filter(r => r)
+      .forEach(exModule => {
+        vue.component(exModule.name, exModule);
+      });
+  }
+};
diff --git a/src/docs/pages/Inline Help/default.vue b/src/docs/content/examples/inline-help/default.vue
similarity index 97%
rename from src/docs/pages/Inline Help/default.vue
rename to src/docs/content/examples/inline-help/default.vue
index bd47aae6..581880ed 100644
--- a/src/docs/pages/Inline Help/default.vue	
+++ b/src/docs/content/examples/inline-help/default.vue
@@ -1,5 +1,3 @@
-<title>Inline Help</title>
-
 <template>
   <div class="example-container">
     <div>
diff --git a/src/docs/pages/Input Group/5-input-group-compact.vue b/src/docs/content/examples/input-group/input-group-compact.vue
similarity index 93%
rename from src/docs/pages/Input Group/5-input-group-compact.vue
rename to src/docs/content/examples/input-group/input-group-compact.vue
index 6bc66fc3..a9a966e0 100644
--- a/src/docs/pages/Input Group/5-input-group-compact.vue	
+++ b/src/docs/content/examples/input-group/input-group-compact.vue
@@ -1,4 +1,3 @@
-<title>Compact Mode</title>
 <template>
   <fd-form-item>
     <fd-form-label>Compact Input Group:</fd-form-label>
diff --git a/src/docs/pages/Input Group/3-input-group-search.vue b/src/docs/content/examples/input-group/input-group-search.vue
similarity index 56%
rename from src/docs/pages/Input Group/3-input-group-search.vue
rename to src/docs/content/examples/input-group/input-group-search.vue
index 8a403940..3fcb1723 100644
--- a/src/docs/pages/Input Group/3-input-group-search.vue	
+++ b/src/docs/content/examples/input-group/input-group-search.vue
@@ -1,11 +1,3 @@
-<title>Search</title>
-<docs>
-You have to provide two slots in order to make `fd-input-group-search` work properly:
-
-1. `input`-slot: Use this slot to provide a search input.
-2. `clear`-slot: Use this slot to provide a clear button. You can use `fd-input-group-clear-button` for that.
-
-</docs>
 <template>
   <fd-form-item>
     <fd-form-label>Render a Search Field with a Clear Button:</fd-form-label>
diff --git a/src/docs/pages/Input Group/1-3-input-group-slot-addon-button.vue b/src/docs/content/examples/input-group/input-group-slot-addon-button.vue
similarity index 98%
rename from src/docs/pages/Input Group/1-3-input-group-slot-addon-button.vue
rename to src/docs/content/examples/input-group/input-group-slot-addon-button.vue
index 77176fb6..6464f4ca 100644
--- a/src/docs/pages/Input Group/1-3-input-group-slot-addon-button.vue	
+++ b/src/docs/content/examples/input-group/input-group-slot-addon-button.vue
@@ -1,5 +1,3 @@
-<title>Button add-on</title>
-
 <template>
   <div>
     <fd-form-item>
diff --git a/src/docs/pages/Input Group/1-1-input-group-slot-addon-icon.vue b/src/docs/content/examples/input-group/input-group-slot-addon-icon.vue
similarity index 95%
rename from src/docs/pages/Input Group/1-1-input-group-slot-addon-icon.vue
rename to src/docs/content/examples/input-group/input-group-slot-addon-icon.vue
index 35847095..2c33d294 100644
--- a/src/docs/pages/Input Group/1-1-input-group-slot-addon-icon.vue	
+++ b/src/docs/content/examples/input-group/input-group-slot-addon-icon.vue
@@ -1,5 +1,3 @@
-<title>Slot add-on</title>
-
 <template>
   <div>
     <fd-input-group>
diff --git a/src/docs/content/examples/input-group/input-group-slot-addon-text.vue b/src/docs/content/examples/input-group/input-group-slot-addon-text.vue
new file mode 100644
index 00000000..1f54e970
--- /dev/null
+++ b/src/docs/content/examples/input-group/input-group-slot-addon-text.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <fd-input-group>
+      <template #before>
+        <fd-input-group-addon>$</fd-input-group-addon>
+      </template>
+      <template #input>
+        <fd-input placeholder="Enter Amount…" />
+      </template>
+    </fd-input-group>
+    <br />
+    <fd-input-group>
+      <template #after>
+        <fd-input-group-addon>$</fd-input-group-addon>
+      </template>
+      <template #input>
+        <fd-input placeholder="Enter Amount…" />
+      </template>
+    </fd-input-group>
+  </div>
+</template>
diff --git a/src/docs/content/examples/label/default.vue b/src/docs/content/examples/label/default.vue
new file mode 100644
index 00000000..f5fb6b30
--- /dev/null
+++ b/src/docs/content/examples/label/default.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="labels">
+    <fd-label>Default</fd-label>
+    <fd-label type="success">Success</fd-label>
+    <fd-label type="warning">Warning</fd-label>
+    <fd-label type="error">Error</fd-label>
+  </div>
+</template>
diff --git a/src/docs/content/examples/link/default.vue b/src/docs/content/examples/link/default.vue
new file mode 100644
index 00000000..211c0496
--- /dev/null
+++ b/src/docs/content/examples/link/default.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <h3>Normal</h3>
+    <p>
+      Lorem ipsum
+      <fd-link href="#" @click="handleClick">dolor sit amet consectetur</fd-link>
+      adipiscing elit.
+    </p>
+
+    <h3>Selected</h3>
+    <p>
+      Lorem ipsum
+      <fd-link href="#" selected @click="handleClick">dolor sit amet consectetur</fd-link>
+      adipiscing elit.
+    </p>
+
+    <h3>Disabled</h3>
+    <p>
+      Lorem ipsum
+      <fd-link href="#" disabled @click="handleClick">dolor sit amet consectetur</fd-link>
+      adipiscing elit.
+    </p>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    handleFocus() {
+      console.log("focus"); // eslint-disable-line no-console
+    },
+    handleClick() {
+      console.log("clicked"); // eslint-disable-line no-console
+    }
+  }
+};
+</script>
diff --git a/src/docs/pages/List Group/1-action.vue b/src/docs/content/examples/list-group/action.vue
similarity index 65%
rename from src/docs/pages/List Group/1-action.vue
rename to src/docs/content/examples/list-group/action.vue
index 06aa8ec9..2f6c4c43 100644
--- a/src/docs/pages/List Group/1-action.vue	
+++ b/src/docs/content/examples/list-group/action.vue
@@ -1,24 +1,21 @@
-<title>List with Action</title>
-<condensed />
-
 <template>
   <fd-list-group>
     <fd-list-group-item>
       List item 1
-      <FdButton slot="action" styling="light" icon="edit" />
+      <fd-button slot="action" styling="light" icon="edit" />
     </fd-list-group-item>
     <fd-list-group-item>
       List item 2
-      <FdButton slot="action" styling="light" icon="edit" />
+      <fd-button slot="action" styling="light" icon="edit" />
     </fd-list-group-item>
     <fd-list-group-item>
       List item 3 — Lorem ipsum dolor sit amet, consectetur sed do
-      <FdButton slot="action" styling="light" icon="edit" />
+      <fd-button slot="action" styling="light" icon="edit" />
     </fd-list-group-item>
     <fd-list-group-item>
       List item 4 — Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
       incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-      <FdButton slot="action" styling="light" icon="edit" />
+      <fd-button slot="action" styling="light" icon="edit" />
     </fd-list-group-item>
   </fd-list-group>
 </template>
diff --git a/src/docs/pages/List Group/2-checkboxes.vue b/src/docs/content/examples/list-group/checkboxes.vue
similarity index 95%
rename from src/docs/pages/List Group/2-checkboxes.vue
rename to src/docs/content/examples/list-group/checkboxes.vue
index af21c105..db56cbc3 100644
--- a/src/docs/pages/List Group/2-checkboxes.vue	
+++ b/src/docs/content/examples/list-group/checkboxes.vue
@@ -1,5 +1,3 @@
-<title>List with Checkboxes</title>
-
 <template>
   <fd-list-group>
     <fd-list-group-item>
diff --git a/src/docs/pages/List Group/0-simple.vue b/src/docs/content/examples/list-group/simple.vue
similarity index 92%
rename from src/docs/pages/List Group/0-simple.vue
rename to src/docs/content/examples/list-group/simple.vue
index ed566dd8..9acadc05 100644
--- a/src/docs/pages/List Group/0-simple.vue	
+++ b/src/docs/content/examples/list-group/simple.vue
@@ -1,6 +1,3 @@
-<title>Simple List</title>
-<condensed />
-
 <template>
   <fd-list-group>
     <fd-list-group-item>List item 1</fd-list-group-item>
diff --git a/src/docs/pages/Menu Popover/0-default-menu-popover.vue b/src/docs/content/examples/menu-popover/default-menu-popover.vue
similarity index 84%
rename from src/docs/pages/Menu Popover/0-default-menu-popover.vue
rename to src/docs/content/examples/menu-popover/default-menu-popover.vue
index 74a497cc..d9f1f52d 100644
--- a/src/docs/pages/Menu Popover/0-default-menu-popover.vue	
+++ b/src/docs/content/examples/menu-popover/default-menu-popover.vue
@@ -1,7 +1,3 @@
-<title>Menu Popover with multiple Lists</title>
-<docs>
-`fd-menu-popover` is a relatively low-level component. It is used internally by *Fundamental Vue* for dropdowns and other more high-level components.
-</docs>
 <template>
   <div>
     <p>
diff --git a/src/docs/pages/Menu Popover/1-menu-popover-placement.vue b/src/docs/content/examples/menu-popover/menu-popover-placement.vue
similarity index 60%
rename from src/docs/pages/Menu Popover/1-menu-popover-placement.vue
rename to src/docs/content/examples/menu-popover/menu-popover-placement.vue
index 3375449c..5a1360fd 100644
--- a/src/docs/pages/Menu Popover/1-menu-popover-placement.vue	
+++ b/src/docs/content/examples/menu-popover/menu-popover-placement.vue
@@ -1,7 +1,3 @@
-<title>Customized Menu Popover</title>
-<docs>
-`fd-menu-popover` is a simple wrapper around `fd-popover`. Any attributes you set on `fd-menu-popover` that are not directly handled by `fd-menu-popver` itself will be passed through to the wrapped `fd-popover`. This allows you to set all `fd-popover`-related props. The example below shows how to set the `placement`-prop. Since `fd-menu-popover` has no custom `placement`-prop it will simply pass it to the popover.
-</docs>
 <template>
   <div>
     <p>
diff --git a/src/docs/content/examples/menu/menu-addon.vue b/src/docs/content/examples/menu/menu-addon.vue
new file mode 100644
index 00000000..dc3d1826
--- /dev/null
+++ b/src/docs/content/examples/menu/menu-addon.vue
@@ -0,0 +1,13 @@
+<template>
+  <fd-menu canHaveAddon>
+    <fd-menu-list>
+      <fd-menu-item>Option 1</fd-menu-item>
+      <fd-menu-item>
+        <span slot="addon" class="sap-icon--accept" />
+        Option 2
+      </fd-menu-item>
+      <fd-menu-item>Option 3</fd-menu-item>
+      <fd-menu-item>Option 4</fd-menu-item>
+    </fd-menu-list>
+  </fd-menu>
+</template>
diff --git a/src/docs/content/examples/menu/menu-group.vue b/src/docs/content/examples/menu/menu-group.vue
new file mode 100644
index 00000000..f815f137
--- /dev/null
+++ b/src/docs/content/examples/menu/menu-group.vue
@@ -0,0 +1,24 @@
+<template>
+  <fd-menu @select="sayHi">
+    <fd-menu-list>
+      <fd-menu-item value="1-1">Option 1</fd-menu-item>
+      <fd-menu-item value="1-2">Option 2</fd-menu-item>
+      <fd-menu-item value="1-3">Option 3</fd-menu-item>
+    </fd-menu-list>
+    <fd-menu-list header="Group Header">
+      <fd-menu-item value="2-1">Option 4</fd-menu-item>
+      <fd-menu-item value="2-2">Option 5</fd-menu-item>
+      <fd-menu-item value="2-3">Option 6</fd-menu-item>
+    </fd-menu-list>
+  </fd-menu>
+</template>
+
+<script>
+export default {
+  methods: {
+    sayHi({ value }) {
+      alert(`Hi >>${value}<<`);
+    }
+  }
+};
+</script>
diff --git a/src/docs/pages/Menu/6-menu-selection.vue b/src/docs/content/examples/menu/menu-selection.vue
similarity index 62%
rename from src/docs/pages/Menu/6-menu-selection.vue
rename to src/docs/content/examples/menu/menu-selection.vue
index 3cb45ec4..d4652230 100644
--- a/src/docs/pages/Menu/6-menu-selection.vue
+++ b/src/docs/content/examples/menu/menu-selection.vue
@@ -1,15 +1,3 @@
-<title>Menu Highlight</title>
-<docs>
-`fd-menu` currently has a limited API to control the highlighting-state. At this moment only two methods are exposed:
-
-1. `highlightNextItem()`: Highlights the next menu item.
-2. `highlightPreviousItem()`: Highlights the previous menu item.
-
-You should rarely need to manually call those methods. They are mainly used to support keyboard navigation.
-</docs>
-<tip>
-By setting `highlights-selection` to `true` you tell `fd-menu` that selected items should be highlighted. A highlighted menu item is rendered with a background colored in light-blue.
-</tip>
 <template>
   <div>
     <div v-fd-margin:medium.bottom>
diff --git a/src/docs/content/examples/menu/menu-separated.vue b/src/docs/content/examples/menu/menu-separated.vue
new file mode 100644
index 00000000..71975f5c
--- /dev/null
+++ b/src/docs/content/examples/menu/menu-separated.vue
@@ -0,0 +1,10 @@
+<template>
+  <fd-menu>
+    <fd-menu-list separated>
+      <fd-menu-item>Option 1</fd-menu-item>
+      <fd-menu-item>Option 2</fd-menu-item>
+      <fd-menu-item>Option 3</fd-menu-item>
+      <fd-menu-item>Option 4</fd-menu-item>
+    </fd-menu-list>
+  </fd-menu>
+</template>
diff --git a/src/docs/content/examples/menu/menu.vue b/src/docs/content/examples/menu/menu.vue
new file mode 100644
index 00000000..a9eacfca
--- /dev/null
+++ b/src/docs/content/examples/menu/menu.vue
@@ -0,0 +1,26 @@
+<template>
+  <fd-menu @select="sayHi">
+    <fd-menu-list>
+      <fd-menu-item value="1">Option 1</fd-menu-item>
+      <fd-menu-item value="2">
+        Option 2
+      </fd-menu-item>
+      <fd-menu-item value="3">
+        Option 3
+      </fd-menu-item>
+      <fd-menu-item value="4">
+        Option 4
+      </fd-menu-item>
+    </fd-menu-list>
+  </fd-menu>
+</template>
+
+<script>
+export default {
+  methods: {
+    sayHi(item) {
+      alert(`Clicked Menu Item with value: '${item.value}'`);
+    }
+  }
+};
+</script>
diff --git a/src/docs/content/examples/menu/menuitem-link.vue b/src/docs/content/examples/menu/menuitem-link.vue
new file mode 100644
index 00000000..9cfcf3d0
--- /dev/null
+++ b/src/docs/content/examples/menu/menuitem-link.vue
@@ -0,0 +1,14 @@
+<template>
+  <fd-menu>
+    <fd-menu-list>
+      <fd-menu-item><fd-menu-link disabled>Disabled Menu Item</fd-menu-link></fd-menu-item>
+      <fd-menu-item>
+        <fd-menu-link href="https://sap.com" target="_blank">
+          Goto sap.com (new window)
+        </fd-menu-link>
+      </fd-menu-item>
+      <fd-menu-item><fd-menu-link href="https://sap.com">Option 3</fd-menu-link></fd-menu-item>
+      <fd-menu-item><fd-menu-link href="https://sap.com">Option 4</fd-menu-link></fd-menu-item>
+    </fd-menu-list>
+  </fd-menu>
+</template>
diff --git a/src/docs/content/examples/modal/0-default-modal.vue b/src/docs/content/examples/modal/0-default-modal.vue
new file mode 100644
index 00000000..0d46f1e1
--- /dev/null
+++ b/src/docs/content/examples/modal/0-default-modal.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <fd-modal name="party" ref="party" title="Modal Title">
+      <template #default="{close}">
+        <div>
+          <p>Do you want to invite your friends to join the party?</p>
+          <p>
+            <fd-link @click="close">Nah…</fd-link>
+            – maybe next time though.
+          </p>
+        </div>
+      </template>
+      <template #actions="{close}">
+        <fd-button @click="close" styling="light">Cancel</fd-button>
+        <fd-button @click="close" styling="emphasized">Invite</fd-button>
+      </template>
+    </fd-modal>
+    <fd-button v-fd-open-modal:party>Show Modal</fd-button>
+    <br />
+    <br />
+    <fd-button @click="$fdModal.open('party')">
+      Show Modal using $fdModal.open(…)
+    </fd-button>
+  </div>
+</template>
diff --git a/src/docs/content/examples/modal/default-modal.vue b/src/docs/content/examples/modal/default-modal.vue
new file mode 100644
index 00000000..0d46f1e1
--- /dev/null
+++ b/src/docs/content/examples/modal/default-modal.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <fd-modal name="party" ref="party" title="Modal Title">
+      <template #default="{close}">
+        <div>
+          <p>Do you want to invite your friends to join the party?</p>
+          <p>
+            <fd-link @click="close">Nah…</fd-link>
+            – maybe next time though.
+          </p>
+        </div>
+      </template>
+      <template #actions="{close}">
+        <fd-button @click="close" styling="light">Cancel</fd-button>
+        <fd-button @click="close" styling="emphasized">Invite</fd-button>
+      </template>
+    </fd-modal>
+    <fd-button v-fd-open-modal:party>Show Modal</fd-button>
+    <br />
+    <br />
+    <fd-button @click="$fdModal.open('party')">
+      Show Modal using $fdModal.open(…)
+    </fd-button>
+  </div>
+</template>
diff --git a/src/docs/pages/Modal/1-nested-modals.vue b/src/docs/content/examples/modal/nested-modals.vue
similarity index 84%
rename from src/docs/pages/Modal/1-nested-modals.vue
rename to src/docs/content/examples/modal/nested-modals.vue
index 0b98c9f4..5ab25453 100644
--- a/src/docs/pages/Modal/1-nested-modals.vue
+++ b/src/docs/content/examples/modal/nested-modals.vue
@@ -1,7 +1,3 @@
-<title>Nested Modals</title>
-<docs>
-You can nest modals just by calling `$fdModal.open(…)` multiple times.
-</docs>
 <template>
   <div>
     <fd-button @click="$fdModal.open('outer')" styling="emphasized">
@@ -31,5 +27,5 @@ You can nest modals just by calling `$fdModal.open(…)` multiple times.
 </template>
 
 <style lang="scss">
-@import "./../../../styles";
+// @import "./../../../styles";
 </style>
diff --git a/src/docs/content/examples/pagination/default.vue b/src/docs/content/examples/pagination/default.vue
new file mode 100644
index 00000000..7f753b97
--- /dev/null
+++ b/src/docs/content/examples/pagination/default.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <strong>Current Page: {{ initialPage }}</strong>
+    <br />
+    <br />
+    <br />
+    <fd-pagination
+      style="width: 100%;"
+      :items-total="101"
+      :initial-page.sync="initialPage"
+      total-text="Search Results"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      initialPage: 1
+    };
+  }
+};
+</script>
diff --git a/src/docs/content/examples/panel/cols-2.vue b/src/docs/content/examples/panel/cols-2.vue
new file mode 100644
index 00000000..ac919825
--- /dev/null
+++ b/src/docs/content/examples/panel/cols-2.vue
@@ -0,0 +1,8 @@
+<template>
+  <fd-panel-grid :col="2">
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/cols-4.vue b/src/docs/content/examples/panel/cols-4.vue
new file mode 100644
index 00000000..34eae245
--- /dev/null
+++ b/src/docs/content/examples/panel/cols-4.vue
@@ -0,0 +1,12 @@
+<template>
+  <fd-panel-grid :col="4">
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+    <fd-panel>Panel Body 6</fd-panel>
+    <fd-panel>Panel Body 7</fd-panel>
+    <fd-panel>Panel Body 8</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/cols-5.vue b/src/docs/content/examples/panel/cols-5.vue
new file mode 100644
index 00000000..472ce92c
--- /dev/null
+++ b/src/docs/content/examples/panel/cols-5.vue
@@ -0,0 +1,14 @@
+<template>
+  <fd-panel-grid :col="5">
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+    <fd-panel>Panel Body 6</fd-panel>
+    <fd-panel>Panel Body 7</fd-panel>
+    <fd-panel>Panel Body 8</fd-panel>
+    <fd-panel>Panel Body 9</fd-panel>
+    <fd-panel>Panel Body 10</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/cols-6.vue b/src/docs/content/examples/panel/cols-6.vue
new file mode 100644
index 00000000..b7180198
--- /dev/null
+++ b/src/docs/content/examples/panel/cols-6.vue
@@ -0,0 +1,16 @@
+<template>
+  <fd-panel-grid :col="6">
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+    <fd-panel>Panel Body 6</fd-panel>
+    <fd-panel>Panel Body 7</fd-panel>
+    <fd-panel>Panel Body 8</fd-panel>
+    <fd-panel>Panel Body 9</fd-panel>
+    <fd-panel>Panel Body 10</fd-panel>
+    <fd-panel>Panel Body 11</fd-panel>
+    <fd-panel>Panel Body 12</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/default-grid.vue b/src/docs/content/examples/panel/default-grid.vue
new file mode 100644
index 00000000..f30d8fc5
--- /dev/null
+++ b/src/docs/content/examples/panel/default-grid.vue
@@ -0,0 +1,9 @@
+<template>
+  <fd-panel-grid>
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/nogap.vue b/src/docs/content/examples/panel/nogap.vue
new file mode 100644
index 00000000..9c36e2ea
--- /dev/null
+++ b/src/docs/content/examples/panel/nogap.vue
@@ -0,0 +1,9 @@
+<template>
+  <fd-panel-grid nogap>
+    <fd-panel>Panel Body 1</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/content/examples/panel/span.vue b/src/docs/content/examples/panel/span.vue
new file mode 100644
index 00000000..86b9e7a5
--- /dev/null
+++ b/src/docs/content/examples/panel/span.vue
@@ -0,0 +1,19 @@
+<template>
+  <fd-panel-grid :col="6">
+    <fd-panel :span="2">Panel Body 1 - span 2</fd-panel>
+    <fd-panel>Panel Body 2</fd-panel>
+    <fd-panel>Panel Body 3</fd-panel>
+    <fd-panel>Panel Body 4</fd-panel>
+    <fd-panel>Panel Body 5</fd-panel>
+    <fd-panel :span="3">Panel Body 6 - span 3</fd-panel>
+    <fd-panel>Panel Body 7</fd-panel>
+    <fd-panel>Panel Body 8</fd-panel>
+    <fd-panel>Panel Body 9</fd-panel>
+    <fd-panel :span="4">Panel Body 10 - span 4</fd-panel>
+    <fd-panel>Panel Body 11</fd-panel>
+    <fd-panel>Panel Body 12</fd-panel>
+    <fd-panel :span="5">Panel Body 13 - span 5</fd-panel>
+    <fd-panel>Panel Body 14</fd-panel>
+    <fd-panel :span="6">Panel Body 15 - span 6</fd-panel>
+  </fd-panel-grid>
+</template>
diff --git a/src/docs/pages/Panel/0-structure.vue b/src/docs/content/examples/panel/structure.vue
similarity index 58%
rename from src/docs/pages/Panel/0-structure.vue
rename to src/docs/content/examples/panel/structure.vue
index bf0ead87..9b23823b 100644
--- a/src/docs/pages/Panel/0-structure.vue
+++ b/src/docs/content/examples/panel/structure.vue
@@ -1,10 +1,8 @@
-<title>Panel Structure</title>
-
 <template>
-  <FdPanel title="Title" description="Description">
+  <fd-panel title="Title" description="Description">
     <p slot="actions">Actions</p>
     <p slot="filters">Filters</p>
     <p>Body</p>
     <p slot="footer">Footer</p>
-  </FdPanel>
+  </fd-panel>
 </template>
diff --git a/src/docs/content/examples/popover/custom-content.vue b/src/docs/content/examples/popover/custom-content.vue
new file mode 100644
index 00000000..e4e9e29d
--- /dev/null
+++ b/src/docs/content/examples/popover/custom-content.vue
@@ -0,0 +1,15 @@
+<template>
+  <fd-popover placement="bottom-start" with-arrow>
+    <template #control="{toggle}">
+      <fd-button @click="toggle">Custom Content</fd-button>
+    </template>
+
+    <template #default="{hide}">
+      <div v-fd-padding:large style="text-align:center;">
+        <div v-fd-type:6>Hello World</div>
+        <hr />
+        <fd-identifier circle size="xxl" thumbnail url="https://placeimg.com/400/400/nature" />
+      </div>
+    </template>
+  </fd-popover>
+</template>
diff --git a/src/docs/content/examples/popover/custom-controls.vue b/src/docs/content/examples/popover/custom-controls.vue
new file mode 100644
index 00000000..3d25c3b4
--- /dev/null
+++ b/src/docs/content/examples/popover/custom-controls.vue
@@ -0,0 +1,16 @@
+<template>
+  <fd-popover placement="right" with-arrow>
+    <template #control="{toggle}">
+      <fd-identifier @click="toggle" icon="settings" />
+    </template>
+    <template #default="{hide}">
+      <fd-menu @select="hide">
+        <fd-menu-list>
+          <fd-menu-item>Option 1</fd-menu-item>
+          <fd-menu-item>Option 2</fd-menu-item>
+          <fd-menu-item>Option 3</fd-menu-item>
+        </fd-menu-list>
+      </fd-menu>
+    </template>
+  </fd-popover>
+</template>
diff --git a/src/docs/content/examples/popover/default-popover.vue b/src/docs/content/examples/popover/default-popover.vue
new file mode 100644
index 00000000..71747d18
--- /dev/null
+++ b/src/docs/content/examples/popover/default-popover.vue
@@ -0,0 +1,16 @@
+<template>
+  <fd-popover boundary="viewport">
+    <template #control="{toggle}">
+      <fd-button @click="toggle">top-start</fd-button>
+    </template>
+    <template #default="{hide}">
+      <fd-menu @select="hide">
+        <fd-menu-list>
+          <fd-menu-item>Option 1</fd-menu-item>
+          <fd-menu-item>Option 2</fd-menu-item>
+          <fd-menu-item>Option 3</fd-menu-item>
+        </fd-menu-list>
+      </fd-menu>
+    </template>
+  </fd-popover>
+</template>
diff --git a/src/docs/content/examples/popover/placement-options.vue b/src/docs/content/examples/popover/placement-options.vue
new file mode 100644
index 00000000..f12418f9
--- /dev/null
+++ b/src/docs/content/examples/popover/placement-options.vue
@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <!-- Row 1 -->
+    <div class="fd-container">
+      <div class="fd-col--shift-3 fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="top-start">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-up-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+
+      <div class="fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="top">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-up-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+
+      <div class="fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="top-end">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-up-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+    </div>
+    <!-- /Row 1 -->
+    <!-- Row 2 -->
+    <div class="fd-container">
+      <div class="fd-col--shift-2 fd-col--2">
+        <fd-popover with-arrow placement="left">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-left-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+
+      <div class="fd-col--shift-4 fd-col--2 fd-has-text-align-right">
+        <fd-popover with-arrow placement="right">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-right-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+    </div>
+    <!-- /Row 2 -->
+    <!-- Row 3 -->
+    <div class="fd-container">
+      <div class="fd-col--shift-3 fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="bottom-start">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-down-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+
+      <div class="fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="bottom">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-down-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+
+      <div class="fd-col--2 fd-has-text-align-center">
+        <fd-popover with-arrow placement="bottom-end">
+          <template #control="{toggle}">
+            <fd-button @click="toggle" icon="navigation-down-arrow" />
+          </template>
+          <template #default="{hide}">
+            <fd-menu @select="hide">
+              <fd-menu-list>
+                <fd-menu-item>Option 1</fd-menu-item>
+                <fd-menu-item>Option 2</fd-menu-item>
+                <fd-menu-item>Option 3</fd-menu-item>
+              </fd-menu-list>
+            </fd-menu>
+          </template>
+        </fd-popover>
+      </div>
+    </div>
+    <!-- /Row 3 -->
+  </div>
+</template>
diff --git a/src/docs/content/examples/search-input/completions.vue b/src/docs/content/examples/search-input/completions.vue
new file mode 100644
index 00000000..b3efbbbf
--- /dev/null
+++ b/src/docs/content/examples/search-input/completions.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <p>
+      Predicate:
+      <code>{{ predicate }}</code>
+    </p>
+    <fd-search-input
+      popoverClass="docs-search"
+      class="docs-search"
+      v-model="predicate"
+      placeholder="Search"
+      :completions="['Apple', 'Peach', 'Banana', 'Chris', 'Vue is Cool', 'Test123']"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({ predicate: "" })
+};
+</script>
+
+<style>
+.docs-search {
+  width: 300px;
+}
+</style>
diff --git a/src/docs/pages/Search Input/3-Search-Completions-Confirm-on-tab.vue b/src/docs/content/examples/search-input/confirm-on-tab.vue
similarity index 65%
rename from src/docs/pages/Search Input/3-Search-Completions-Confirm-on-tab.vue
rename to src/docs/content/examples/search-input/confirm-on-tab.vue
index 0ec033de..072b108a 100644
--- a/src/docs/pages/Search Input/3-Search-Completions-Confirm-on-tab.vue	
+++ b/src/docs/content/examples/search-input/confirm-on-tab.vue
@@ -1,9 +1,3 @@
-<title>Search Input with Confirmation on Tab</title>
-
-<tip>
-Set `confirmOn` to `keyup.tab` in order to allow the user to select suggestions by using the tab key. By default, selected suggestions are confirmed when the user hits the **Enter**-key.
-</tip>
-
 <template>
   <div>
     <p>
diff --git a/src/docs/pages/Search Input/1-Search.vue b/src/docs/content/examples/search-input/default.vue
similarity index 63%
rename from src/docs/pages/Search Input/1-Search.vue
rename to src/docs/content/examples/search-input/default.vue
index 969bed5b..ff01d8c2 100644
--- a/src/docs/pages/Search Input/1-Search.vue	
+++ b/src/docs/content/examples/search-input/default.vue
@@ -1,5 +1,3 @@
-<title>Search Input</title>
-<docs>`fd-search-input` supports `v-model`: The *model value* is simply the currently entered predicate/query/value.</docs>
 <template>
   <div>
     <p>
diff --git a/src/docs/content/examples/section/grid.vue b/src/docs/content/examples/section/grid.vue
new file mode 100644
index 00000000..003d60cf
--- /dev/null
+++ b/src/docs/content/examples/section/grid.vue
@@ -0,0 +1,11 @@
+<template>
+  <fd-section>
+    <fd-panel-grid>
+      <fd-panel :span="2">Panel 1</fd-panel>
+      <fd-panel>Panel 2</fd-panel>
+      <fd-panel>Panel 3</fd-panel>
+      <fd-panel>Panel 4</fd-panel>
+      <fd-panel>Panel 5</fd-panel>
+    </fd-panel-grid>
+  </fd-section>
+</template>
diff --git a/src/docs/content/examples/section/header.vue b/src/docs/content/examples/section/header.vue
new file mode 100644
index 00000000..64aa333a
--- /dev/null
+++ b/src/docs/content/examples/section/header.vue
@@ -0,0 +1,5 @@
+<template>
+  <fd-section title="Section title">
+    <fd-panel>Panel</fd-panel>
+  </fd-section>
+</template>
diff --git a/src/docs/content/examples/section/panels.vue b/src/docs/content/examples/section/panels.vue
new file mode 100644
index 00000000..0eb4ca5c
--- /dev/null
+++ b/src/docs/content/examples/section/panels.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <fd-section>
+      <fd-container>
+        <fd-panel>Panel 1</fd-panel>
+      </fd-container>
+    </fd-section>
+
+    <fd-section>
+      <fd-container>
+        <fd-col :span="6">
+          <fd-panel>Panel 2 with col span 6</fd-panel>
+        </fd-col>
+        <fd-col :span="6">
+          <fd-panel>Panel 3 with col span 6</fd-panel>
+        </fd-col>
+      </fd-container>
+    </fd-section>
+  </div>
+</template>
diff --git a/src/docs/content/examples/section/structure.vue b/src/docs/content/examples/section/structure.vue
new file mode 100644
index 00000000..47110cbf
--- /dev/null
+++ b/src/docs/content/examples/section/structure.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <fd-section>Section 1</fd-section>
+    <fd-section v-fd-background-color:neutral-2>Section 2 with Background Color</fd-section>
+    <fd-section>Section 3</fd-section>
+  </div>
+</template>
diff --git a/src/docs/content/examples/shell-bar/actions.vue b/src/docs/content/examples/shell-bar/actions.vue
new file mode 100644
index 00000000..8807df08
--- /dev/null
+++ b/src/docs/content/examples/shell-bar/actions.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <fd-shell-bar>
+      <fd-shell-bar-group position="start">
+        <fd-shell-bar-logo
+          alt="SAP"
+          :src="$withBase('images/sap-logo.png')"
+          :srcset="srcset"
+          width="48"
+          height="24"
+        />
+        <fd-shell-bar-product productTitle="Product Name" />
+      </fd-shell-bar-group>
+      <fd-shell-bar-group position="end">
+        <fd-shell-bar-actions>
+          <fd-shell-bar-action>
+            <fd-shell-bar-action-button icon="sys-help" />
+          </fd-shell-bar-action>
+          <fd-shell-bar-action>
+            <fd-shell-bar-action-button icon="settings" />
+          </fd-shell-bar-action>
+          <fd-shell-bar-action>
+            <fd-shell-bar-user-menu>
+              <fd-menu>
+                <fd-menu-list>
+                  <fd-menu-item>
+                    Settings
+                  </fd-menu-item>
+                  <fd-menu-item>
+                    Sign out
+                  </fd-menu-item>
+                </fd-menu-list>
+              </fd-menu>
+            </fd-shell-bar-user-menu>
+          </fd-shell-bar-action>
+        </fd-shell-bar-actions>
+      </fd-shell-bar-group>
+    </fd-shell-bar>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    srcset() {
+      return [
+        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
+        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
+        `${this.$withBase("images/sap-logo@4x.png")} 4x`
+      ].join(", ");
+    }
+  }
+};
+</script>
diff --git a/src/docs/content/examples/shell-bar/minimal.vue b/src/docs/content/examples/shell-bar/minimal.vue
new file mode 100644
index 00000000..8b1e10dc
--- /dev/null
+++ b/src/docs/content/examples/shell-bar/minimal.vue
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <fd-shell-bar>
+      <fd-shell-bar-group position="start">
+        <fd-shell-bar-logo
+          alt="SAP"
+          :src="$withBase('images/sap-logo.png')"
+          :srcset="srcset"
+          width="48"
+          height="24"
+        />
+        <fd-shell-bar-product productTitle="Product Name" />
+      </fd-shell-bar-group>
+      <fd-shell-bar-group position="end">
+        <fd-shell-bar-actions>
+          <fd-shell-bar-action>
+            <fd-shell-bar-user-menu ref="userMenu">
+              <fd-menu>
+                <fd-menu-list>
+                  <fd-menu-item @click="closeUserMenu">
+                    Settings
+                  </fd-menu-item>
+                  <fd-menu-item @click="closeUserMenu">
+                    Sign out
+                  </fd-menu-item>
+                </fd-menu-list>
+              </fd-menu>
+            </fd-shell-bar-user-menu>
+          </fd-shell-bar-action>
+        </fd-shell-bar-actions>
+      </fd-shell-bar-group>
+    </fd-shell-bar>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    closeUserMenu() {
+      this.$refs.userMenu.close();
+    }
+  },
+  computed: {
+    srcset() {
+      return [
+        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
+        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
+        `${this.$withBase("images/sap-logo@4x.png")} 4x`
+      ].join(", ");
+    }
+  }
+};
+</script>
diff --git a/src/docs/content/examples/shell-bar/products.vue b/src/docs/content/examples/shell-bar/products.vue
new file mode 100644
index 00000000..fd99e00b
--- /dev/null
+++ b/src/docs/content/examples/shell-bar/products.vue
@@ -0,0 +1,168 @@
+<template>
+  <div>
+    <fd-shell-bar>
+      <fd-shell-bar-group position="start">
+        <fd-shell-bar-logo
+          alt="SAP"
+          :src="$withBase('images/sap-logo.png')"
+          :srcset="srcset"
+          width="48"
+          height="24"
+        />
+        <fd-shell-bar-product>
+          <fd-shell-bar-product-menu>
+            <template #title>
+              Very long Product Name
+            </template>
+            <template #default>
+              <fd-menu-list>
+                <fd-menu-item @click="itemClicked('a')">
+                  Application A
+                </fd-menu-item>
+                <fd-menu-item>Sample Application No 1</fd-menu-item>
+                <fd-menu-item>Sample Application No 1</fd-menu-item>
+                <fd-menu-item>Sample Application No 1</fd-menu-item>
+                <fd-menu-item>Sample Application No 2</fd-menu-item>
+                <fd-menu-item>Sample Application No 2</fd-menu-item>
+                <fd-menu-item>Sample Application No 2</fd-menu-item>
+                <fd-menu-item>Sample Application No 3</fd-menu-item>
+                <fd-menu-item>Sample Application No 3</fd-menu-item>
+                <fd-menu-item>Sample Application No 3</fd-menu-item>
+                <fd-menu-item>Sample Application No 4</fd-menu-item>
+                <fd-menu-item>Sample Application No 4</fd-menu-item>
+                <fd-menu-item>Sample Application No 4</fd-menu-item>
+                <fd-menu-item>Sample Application No 5</fd-menu-item>
+                <fd-menu-item>Sample Application No 5</fd-menu-item>
+                <fd-menu-item>Sample Application No 5</fd-menu-item>
+                <fd-menu-item>Sample Application No 6</fd-menu-item>
+                <fd-menu-item>Sample Application No 6</fd-menu-item>
+                <fd-menu-item>Sample Application No 6</fd-menu-item>
+                <fd-menu-item>Sample Application No 7</fd-menu-item>
+                <fd-menu-item>Sample Application No 7</fd-menu-item>
+                <fd-menu-item>Sample Application No 7</fd-menu-item>
+                <fd-menu-item>Sample Application No 8</fd-menu-item>
+                <fd-menu-item>Sample Application No 8</fd-menu-item>
+                <fd-menu-item>Sample Application No 8</fd-menu-item>
+                <fd-menu-item>Sample Application No 9</fd-menu-item>
+                <fd-menu-item>Sample Application No 9</fd-menu-item>
+                <fd-menu-item>Sample Application No 9</fd-menu-item>
+                <fd-menu-item>Sample Application No 10</fd-menu-item>
+                <fd-menu-item>Sample Application No 10</fd-menu-item>
+                <fd-menu-item>Sample Application No 10</fd-menu-item>
+                <fd-menu-item>Sample Application No 11</fd-menu-item>
+                <fd-menu-item>Sample Application No 11</fd-menu-item>
+                <fd-menu-item>Sample Application No 11</fd-menu-item>
+                <fd-menu-item>Sample Application No 12</fd-menu-item>
+                <fd-menu-item>Sample Application No 12</fd-menu-item>
+                <fd-menu-item>Sample Application No 12</fd-menu-item>
+              </fd-menu-list>
+            </template>
+          </fd-shell-bar-product-menu>
+        </fd-shell-bar-product>
+        <fd-shell-bar-subtitle>Subtitle</fd-shell-bar-subtitle>
+      </fd-shell-bar-group>
+      <fd-shell-bar-group position="end">
+        <fd-shell-bar-actions>
+          <fd-shell-bar-action>
+            <fd-shell-bar-product-switcher>
+              <fd-shell-bar-product-switcher-item
+                v-for="product in products"
+                :key="product.title"
+                href="#"
+                :src="$withBase(product.src)"
+                :title="product.title"
+              />
+            </fd-shell-bar-product-switcher>
+          </fd-shell-bar-action>
+        </fd-shell-bar-actions>
+      </fd-shell-bar-group>
+    </fd-shell-bar>
+
+    <br />
+    <br />
+    <br />
+    <br />
+    <fd-shell-bar>
+      <fd-shell-bar-group position="start">
+        <fd-shell-bar-logo
+          alt="SAP"
+          :src="$withBase('images/sap-logo.png')"
+          :srcset="srcset"
+          width="48"
+          height="24"
+        />
+        <fd-shell-bar-product>
+          <fd-shell-bar-product-menu>
+            <template #title>
+              Short
+            </template>
+            <template #default>
+              <fd-menu-list>
+                <fd-menu-item @click="itemClicked('a')">
+                  Application with a very very long name
+                </fd-menu-item>
+                <fd-menu-item>
+                  anotherApplication with a very very long name
+                </fd-menu-item>
+              </fd-menu-list>
+            </template>
+          </fd-shell-bar-product-menu>
+        </fd-shell-bar-product>
+        <fd-shell-bar-subtitle>Subtitle</fd-shell-bar-subtitle>
+      </fd-shell-bar-group>
+      <fd-shell-bar-group position="end">
+        <fd-shell-bar-actions>
+          <fd-shell-bar-action>
+            <fd-shell-bar-product-switcher>
+              <fd-shell-bar-product-switcher-item
+                v-for="product in products"
+                :key="product.title"
+                href="#"
+                :src="$withBase(product.src)"
+                :title="product.title"
+              />
+            </fd-shell-bar-product-switcher>
+          </fd-shell-bar-action>
+        </fd-shell-bar-actions>
+      </fd-shell-bar-group>
+    </fd-shell-bar>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    itemClicked(item) {
+      // eslint-disable-next-line no-console
+      console.log("item clicked", item);
+    }
+  },
+  data() {
+    return {
+      products: [
+        {
+          src: "images/products/01.png",
+          title: "Fiori"
+        },
+        {
+          src: "images/products/02.png",
+          title: "S/4 HANA Cloud"
+        },
+        {
+          src: "images/products/03.png",
+          title: "Analytics Cloud"
+        }
+      ]
+    };
+  },
+  computed: {
+    srcset() {
+      return [
+        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
+        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
+        `${this.$withBase("images/sap-logo@4x.png")} 4x`
+      ].join(", ");
+    }
+  }
+};
+</script>
diff --git a/src/docs/content/examples/shell/default.vue b/src/docs/content/examples/shell/default.vue
new file mode 100644
index 00000000..9613d124
--- /dev/null
+++ b/src/docs/content/examples/shell/default.vue
@@ -0,0 +1,21 @@
+<template>
+  <fd-shell>
+    <template #header>
+      <fd-shell-header>Header</fd-shell-header>
+    </template>
+    <template #app>
+      <fd-shell-app>
+        <fd-app>
+          <template #navigation>
+            <fd-app-navigation>nav</fd-app-navigation>
+          </template>
+          <template #main>
+            <fd-app-main>
+              <fd-section>main content</fd-section>
+            </fd-app-main>
+          </template>
+        </fd-app>
+      </fd-shell-app>
+    </template>
+  </fd-shell>
+</template>
diff --git a/src/docs/pages/Side Navigation/2-data-driven-complex-sync.vue b/src/docs/content/examples/side-navigation/data-driven-complex-sync.vue
similarity index 89%
rename from src/docs/pages/Side Navigation/2-data-driven-complex-sync.vue
rename to src/docs/content/examples/side-navigation/data-driven-complex-sync.vue
index 9bc76b65..24a9118b 100644
--- a/src/docs/pages/Side Navigation/2-data-driven-complex-sync.vue	
+++ b/src/docs/content/examples/side-navigation/data-driven-complex-sync.vue
@@ -1,7 +1,3 @@
-<title>Using the `.sync`-modifier</title>
-<docs>
-The prop `selectedId` supports the `.sync`-modifier. This way you can bind the selection of the navigation to your data model.
-</docs>
 <template>
   <div>
     <p class="fd-has-text-align-center" v-fd-font-weight:bold>selected id: {{ selectedId }}</p>
diff --git a/src/docs/pages/Side Navigation/1-1-dynamic.vue b/src/docs/content/examples/side-navigation/dynamic.vue
similarity index 66%
rename from src/docs/pages/Side Navigation/1-1-dynamic.vue
rename to src/docs/content/examples/side-navigation/dynamic.vue
index 81ae0d8e..435c99dd 100644
--- a/src/docs/pages/Side Navigation/1-1-dynamic.vue	
+++ b/src/docs/content/examples/side-navigation/dynamic.vue
@@ -1,18 +1,3 @@
-<title>Side Navigation</title>
-<docs>`fd-side-nav-list` requires  which you set via the `items`-prop. You can put anything into your items. However there are a few special attributes you should be aware of:
-
-```typescript
-type Item = {
-  // A SideNav-wide unique id
-  id?: string; // default: random string
-
-  // Child items – if this is non-empty the
-  // item becomes expandable.
-  children: Item[] = [];
-}
-```
-</docs>
-
 <template>
   <fd-side-nav>
     <fd-side-nav-list :items="items">
diff --git a/src/docs/content/examples/spinner/default.vue b/src/docs/content/examples/spinner/default.vue
new file mode 100644
index 00000000..8c5fc0fb
--- /dev/null
+++ b/src/docs/content/examples/spinner/default.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <fd-spinner />
+  </div>
+</template>
diff --git a/src/docs/content/examples/status/default.vue b/src/docs/content/examples/status/default.vue
new file mode 100644
index 00000000..482e5676
--- /dev/null
+++ b/src/docs/content/examples/status/default.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="status">
+    <fd-status>Default</fd-status>
+    <fd-status type="success">Success</fd-status>
+    <fd-status type="warning">Warning</fd-status>
+    <fd-status type="error">Error</fd-status>
+  </div>
+</template>
diff --git a/src/docs/content/examples/status/status-custom-icon.vue b/src/docs/content/examples/status/status-custom-icon.vue
new file mode 100644
index 00000000..1b5ff991
--- /dev/null
+++ b/src/docs/content/examples/status/status-custom-icon.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="status">
+    <fd-status icon="history">Custom Icon</fd-status>
+    <fd-status icon="message-success">Success</fd-status>
+    <fd-status icon="message-warning">Warning</fd-status>
+    <fd-status icon="message-error">Error</fd-status>
+  </div>
+</template>
diff --git a/src/docs/content/examples/status/status-icon.vue b/src/docs/content/examples/status/status-icon.vue
new file mode 100644
index 00000000..faa2ec11
--- /dev/null
+++ b/src/docs/content/examples/status/status-icon.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="status">
+    <fd-status statusIcon="available">Available</fd-status>
+    <fd-status statusIcon="away">Away</fd-status>
+    <fd-status statusIcon="busy">Busy</fd-status>
+    <fd-status statusIcon="offline">Appear Offline</fd-status>
+  </div>
+</template>
diff --git a/src/docs/pages/Table/3-table-complex.vue b/src/docs/content/examples/table/complex.vue
similarity index 63%
rename from src/docs/pages/Table/3-table-complex.vue
rename to src/docs/content/examples/table/complex.vue
index f6dbb378..6cfe9f7b 100644
--- a/src/docs/pages/Table/3-table-complex.vue
+++ b/src/docs/content/examples/table/complex.vue
@@ -1,41 +1,3 @@
-<title>Example: Adding Entries & Sorting</title>
-
-<docs>
-The example below is a little bit more complex. It highlights three aspects:
-
-### Sortable Columns
-
-A header can be made sortable by simply flagging it as such using `sortable` and setting `sortBy` to any sortable property of the objects in your `items`-array. By doing so `FdTable` displays sort indicators in the individual column headers. The currently applied sorting can be adjusted by simply clicking on the column headers.
-
-### Custom Cell Content
-Up until now `fd-table-cell` was only used to display plain text. However, `fd-table-cell` is simply rendering whatever you put in it. This can be anything from emojis (we all like emojis, right? 😀 🥰 ) to images and even custom components.
-
-```xml
-<!-- item.rating: ⭐️⭐️⭐️⭐️⭐️ -->
-<fd-table-cell>{{ item.rating }}</fd-table-cell>
-
-<!-- display a full name -->
-<fd-table-cell>
-  {{item.firstName}} {{item.lastName}}
-</fd-table-cell>
-
-
-<!-- display a button -->
-<fd-table-cell>
-  <fd-button>Hello World</fd-button>
-</fd-table-cell>
-```
-
-The two lines above show that in action. The first cell is simply rendering the rating which is just a string with emojis. The second line is combining the first name with the last name in order to render the full name. But as already said: You can put in whatever you want.
-
-### Modifying the displayed Items
-`fd-table` watches for any changes to it's items array. So you can simply add/remove and modify anything you want.
-</docs>
-
-<tip>
-If you modify the `items`-array, make sure that the modification is done in a way compatible with [Vue's reactivity system](https://vuejs.org/v2/guide/reactivity.html).
-</tip>
-
 <template>
   <div>
     <fd-table :headers="headers" :items="items">
@@ -67,10 +29,10 @@ If you modify the `items`-array, make sure that the modification is done in a wa
 
     <fd-field-set>
       <fd-form-item label="First Name">
-        <FdInput v-model="newEntry.firstName" placeholder="Enter something nice" />
+        <fd-input v-model="newEntry.firstName" placeholder="Enter something nice" />
       </fd-form-item>
       <fd-form-item label="Last Name">
-        <FdInput v-model="newEntry.lastName" placeholder="Enter something nice" />
+        <fd-input v-model="newEntry.lastName" placeholder="Enter something nice" />
       </fd-form-item>
       <fd-form-item label="Rating">
         <fd-combobox v-model="newEntry.rating">
diff --git a/src/docs/content/examples/table/default.vue b/src/docs/content/examples/table/default.vue
new file mode 100644
index 00000000..4d797022
--- /dev/null
+++ b/src/docs/content/examples/table/default.vue
@@ -0,0 +1,36 @@
+<template>
+  <fd-table :headers="['firstName', 'lastName', 'building']" :items="items">
+    <template #row="{ item }">
+      <fd-table-row>
+        <template #firstName>
+          <fd-table-cell>
+            {{ item.firstName }}
+          </fd-table-cell>
+        </template>
+        <template #lastName>
+          <fd-table-cell>
+            {{ item.lastName }}
+          </fd-table-cell>
+        </template>
+        <template #building>
+          <fd-table-cell>
+            {{ item.building }}
+          </fd-table-cell>
+        </template>
+      </fd-table-row>
+    </template>
+  </fd-table>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    items: [
+      { firstName: "Chris", lastName: "Kienle", building: "WFD02" },
+      { firstName: "Andi", lastName: "Kienle", building: "WFD03" },
+      { firstName: "Sven", lastName: "Bacia", building: "WFD02" },
+      { firstName: "Artur", lastName: "Raess", building: "WFD02" }
+    ]
+  })
+};
+</script>
diff --git a/src/docs/pages/Table/10-table-dynamic-columns.vue b/src/docs/content/examples/table/dynamic-columns.vue
similarity index 100%
rename from src/docs/pages/Table/10-table-dynamic-columns.vue
rename to src/docs/content/examples/table/dynamic-columns.vue
diff --git a/src/docs/pages/Table/4-table-fixed-col.vue b/src/docs/content/examples/table/fixed-col.vue
similarity index 93%
rename from src/docs/pages/Table/4-table-fixed-col.vue
rename to src/docs/content/examples/table/fixed-col.vue
index 241131da..016412c5 100644
--- a/src/docs/pages/Table/4-table-fixed-col.vue
+++ b/src/docs/content/examples/table/fixed-col.vue
@@ -1,12 +1,3 @@
-<title>Table with fixed Column</title>
-<docs>
-Use `firstColumnFixed` on `FdTable` in order to make the first column stay fixed when scrolling.
-</docs>
-
-<tip>
-Using fixed columns is still experimental.
-</tip>
-
 <template>
   <div>
     <fd-table-fixed-wrapper style="width: 100%;">
diff --git a/src/docs/pages/Table/1-table-no-border.vue b/src/docs/content/examples/table/no-border.vue
similarity index 87%
rename from src/docs/pages/Table/1-table-no-border.vue
rename to src/docs/content/examples/table/no-border.vue
index e3259efe..79890bff 100644
--- a/src/docs/pages/Table/1-table-no-border.vue
+++ b/src/docs/content/examples/table/no-border.vue
@@ -1,9 +1,3 @@
-<title>Removing Borders</title>
-
-<docs>
-You can use `borderless` on `FdTable` in order to disable the outer table border.
-</docs>
-
 <template>
   <fd-table borderless :headers="['firstName', 'lastName', 'building']" :items="items">
     <template #row="{ item: { firstName, lastName, building } }">
diff --git a/src/docs/pages/Table/8-table-performance-test.vue b/src/docs/content/examples/table/performance-test.vue
similarity index 77%
rename from src/docs/pages/Table/8-table-performance-test.vue
rename to src/docs/content/examples/table/performance-test.vue
index 8c7d83a3..4c5458ec 100644
--- a/src/docs/pages/Table/8-table-performance-test.vue
+++ b/src/docs/content/examples/table/performance-test.vue
@@ -1,19 +1,11 @@
-<title>Performance Test</title>
-
-<tip>
-`fd-table` is not yet capable of displaying huge data sets. The current limit is around `1.000`-`5.000` rows (depending on the browser, number of elements currently present in the DOM, number of columns, displayed data, …).
-
-**If you want to display a lot of data consider using** `fd-virtualized-list`.
-</tip>
-
 <template>
   <div>
     <fd-field-set style="height: 100px;">
       <fd-form-item inline label="Number of Columns">
-        <FdInput v-model.number="numberOfColumns" />
+        <fd-input v-model.number="numberOfColumns" />
       </fd-form-item>
       <fd-form-item inline label="Number of Rows">
-        <FdInput v-model.number="numberOfRows" />
+        <fd-input v-model.number="numberOfRows" />
       </fd-form-item>
     </fd-field-set>
     <fd-table-fixed-wrapper style="width: 100%;">
diff --git "a/src/docs/pages/Table/11-table-select\342\200\223by-row-click.vue" b/src/docs/content/examples/table/select-by-row-click.vue
similarity index 96%
rename from "src/docs/pages/Table/11-table-select\342\200\223by-row-click.vue"
rename to src/docs/content/examples/table/select-by-row-click.vue
index ab44ce7f..ef499f29 100644
--- "a/src/docs/pages/Table/11-table-select\342\200\223by-row-click.vue"
+++ b/src/docs/content/examples/table/select-by-row-click.vue
@@ -1,5 +1,3 @@
-<title>Select by Clicking on Row</title>
-
 <template>
   <fd-table
     selection-mode="multiple"
diff --git a/src/docs/pages/Table/6-table-selection-modes.vue b/src/docs/content/examples/table/selection-modes.vue
similarity index 80%
rename from src/docs/pages/Table/6-table-selection-modes.vue
rename to src/docs/content/examples/table/selection-modes.vue
index 4d853d9c..2b4fae33 100644
--- a/src/docs/pages/Table/6-table-selection-modes.vue
+++ b/src/docs/content/examples/table/selection-modes.vue
@@ -1,14 +1,3 @@
-<title>Selection Modes</title>
-<docs>
-`FdTable` supports three different selection modes:
-
-1. Selection mode `none` (default): Rows are not selectable in any way.
-2. Selection mode `single`: There can only ever be a single selected row.
-3. Selection mode `multiple`: Multiple rows can be selected.
-
-Use the `selectionMode`-prop to set the selection mode of your choice.
-</docs>
-
 <template>
   <div>
     <fd-field-set>
diff --git a/src/docs/pages/Table/2-table-no-stripes.vue b/src/docs/content/examples/table/stripes.vue
similarity index 88%
rename from src/docs/pages/Table/2-table-no-stripes.vue
rename to src/docs/content/examples/table/stripes.vue
index f8d3fde9..781cebf9 100644
--- a/src/docs/pages/Table/2-table-no-stripes.vue
+++ b/src/docs/content/examples/table/stripes.vue
@@ -1,8 +1,3 @@
-<title>Table with Stripes</title>
-<docs>
-You can use `striped` on `FdTable` in order enable alternating colored rows.
-</docs>
-
 <template>
   <fd-table striped :headers="['firstName', 'lastName', 'building']" :items="items">
     <template #row="{ item }">
diff --git a/src/docs/pages/Table/9-table-table-with-components.vue b/src/docs/content/examples/table/with-components.vue
similarity index 81%
rename from src/docs/pages/Table/9-table-table-with-components.vue
rename to src/docs/content/examples/table/with-components.vue
index 2576320d..9c93009d 100644
--- a/src/docs/pages/Table/9-table-table-with-components.vue
+++ b/src/docs/content/examples/table/with-components.vue
@@ -1,12 +1,3 @@
-<title>Table</title>
-<docs>
-You can put other components (for example a simple `FdButton`) in `fd-table-cell`.
-</docs>
-
-<tip>
-If a component you put inside an `fd-table-cell` subscribes to `@click`-events, you will most likely wand to use the `.stop`-modifier. Otherwise clicking a button will toggle the selection of the enclosing row.
-</tip>
-
 <template>
   <fd-table
     selection-mode="multiple"
diff --git a/src/docs/pages/Tabs/Example.vue b/src/docs/content/examples/tabs/default.vue
similarity index 56%
rename from src/docs/pages/Tabs/Example.vue
rename to src/docs/content/examples/tabs/default.vue
index d45cf99f..b11e3b90 100644
--- a/src/docs/pages/Tabs/Example.vue
+++ b/src/docs/content/examples/tabs/default.vue
@@ -1,24 +1,22 @@
-<title>Default Tabs</title>
-
 <template>
   <div>
-    <FdTabs v-model="activeTab">
-      <FdTabItem label="Tab A" name="a">
+    <fd-tabs v-model="activeTab">
+      <fd-tab-item label="Tab A" name="a">
         A tab item can contain anything…
-      </FdTabItem>
+      </fd-tab-item>
 
-      <FdTabItem label="Tab B" name="b">
+      <fd-tab-item label="Tab B" name="b">
         …you dream about. There are no limitations.
-      </FdTabItem>
+      </fd-tab-item>
 
-      <FdTabItem label="Tab C (disabled)" name="c" disabled>
+      <fd-tab-item label="Tab C (disabled)" name="c" disabled>
         I am tab item C.
-      </FdTabItem>
+      </fd-tab-item>
 
-      <FdTabItem label="Tab D" name="d">
+      <fd-tab-item label="Tab D" name="d">
         I am tab item D.
-      </FdTabItem>
-    </FdTabs>
+      </fd-tab-item>
+    </fd-tabs>
 
     <br />
     <br />
diff --git a/src/docs/pages/Tile Grid/1-tile-grid--col-2-with-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-2-with-tile.vue
similarity index 97%
rename from src/docs/pages/Tile Grid/1-tile-grid--col-2-with-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-2-with-tile.vue
index 7fb9e1f2..fc56286e 100644
--- a/src/docs/pages/Tile Grid/1-tile-grid--col-2-with-tile.vue	
+++ b/src/docs/content/examples/tile-grid/tile-grid--col-2-with-tile.vue
@@ -1,5 +1,3 @@
-<title>2-col grid</title>
-
 <template>
   <fd-tile-grid :col="2">
     <fd-tile>
diff --git a/src/docs/pages/Tile Grid/2-tile-grid--col-3-with-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-3-with-tile.vue
similarity index 95%
rename from src/docs/pages/Tile Grid/2-tile-grid--col-3-with-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-3-with-tile.vue
index 6cd8d54e..c0c65b2f 100644
--- a/src/docs/pages/Tile Grid/2-tile-grid--col-3-with-tile.vue	
+++ b/src/docs/content/examples/tile-grid/tile-grid--col-3-with-tile.vue
@@ -1,5 +1,3 @@
-<title>3-col grid (default)</title>
-
 <template>
   <fd-tile-grid>
     <fd-tile>
diff --git a/src/docs/pages/Tile Grid/3-tile-grid--col-4-with-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-4-with-tile.vue
similarity index 97%
rename from src/docs/pages/Tile Grid/3-tile-grid--col-4-with-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-4-with-tile.vue
index c281ffce..c0cd9248 100644
--- a/src/docs/pages/Tile Grid/3-tile-grid--col-4-with-tile.vue	
+++ b/src/docs/content/examples/tile-grid/tile-grid--col-4-with-tile.vue
@@ -1,5 +1,3 @@
-<title>4-col grid</title>
-
 <template>
   <fd-tile-grid :col="4">
     <fd-tile>
diff --git a/src/docs/pages/Tile Grid/4-tile-grid--col-5-with-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-5-with-tile.vue
similarity index 100%
rename from src/docs/pages/Tile Grid/4-tile-grid--col-5-with-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-5-with-tile.vue
diff --git a/src/docs/pages/Tile Grid/5-tile-grid--col-6-with-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-6-with-tile.vue
similarity index 100%
rename from src/docs/pages/Tile Grid/5-tile-grid--col-6-with-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-6-with-tile.vue
diff --git a/src/docs/pages/Tile Grid/0-tile-grid--col-and-prod-tile.vue b/src/docs/content/examples/tile-grid/tile-grid--col-and-prod-tile.vue
similarity index 93%
rename from src/docs/pages/Tile Grid/0-tile-grid--col-and-prod-tile.vue
rename to src/docs/content/examples/tile-grid/tile-grid--col-and-prod-tile.vue
index 21ae6007..53b84964 100644
--- a/src/docs/pages/Tile Grid/0-tile-grid--col-and-prod-tile.vue	
+++ b/src/docs/content/examples/tile-grid/tile-grid--col-and-prod-tile.vue
@@ -1,5 +1,3 @@
-<title>2-col product tile grid</title>
-
 <template>
   <fd-tile-grid :col="2">
     <fd-product-tile
diff --git a/src/docs/pages/Tile Grid/6-tile-grid--span-helpers.vue b/src/docs/content/examples/tile-grid/tile-grid--span-helpers.vue
similarity index 97%
rename from src/docs/pages/Tile Grid/6-tile-grid--span-helpers.vue
rename to src/docs/content/examples/tile-grid/tile-grid--span-helpers.vue
index d7288afb..40c3da86 100644
--- a/src/docs/pages/Tile Grid/6-tile-grid--span-helpers.vue	
+++ b/src/docs/content/examples/tile-grid/tile-grid--span-helpers.vue
@@ -1,5 +1,3 @@
-<title>6 col grid with span helpers</title>
-
 <template>
   <fd-tile-grid :col="6">
     <fd-tile :row-span="2">
diff --git a/src/docs/pages/Tile/2-actions.vue b/src/docs/content/examples/tile/actions.vue
similarity index 90%
rename from src/docs/pages/Tile/2-actions.vue
rename to src/docs/content/examples/tile/actions.vue
index 4856071d..0103929d 100644
--- a/src/docs/pages/Tile/2-actions.vue
+++ b/src/docs/content/examples/tile/actions.vue
@@ -1,5 +1,3 @@
-<title>Actions Tile</title>
-
 <template>
   <fd-tile>
     <fd-tile-content>
diff --git a/src/docs/pages/Tile/3-button.vue b/src/docs/content/examples/tile/button.vue
similarity index 83%
rename from src/docs/pages/Tile/3-button.vue
rename to src/docs/content/examples/tile/button.vue
index 7aa5ca63..a083af9c 100644
--- a/src/docs/pages/Tile/3-button.vue
+++ b/src/docs/content/examples/tile/button.vue
@@ -1,9 +1,3 @@
-<title>Tile as a Button</title>
-
-<docs>
-Use `is-button` to make a tile behave like a button
-</docs>
-
 <template>
   <div>
     <fd-tile is-button @click="handleClick">
diff --git a/src/docs/pages/Tile/1-media.vue b/src/docs/content/examples/tile/media.vue
similarity index 96%
rename from src/docs/pages/Tile/1-media.vue
rename to src/docs/content/examples/tile/media.vue
index 76aa9e84..2defbd3a 100644
--- a/src/docs/pages/Tile/1-media.vue
+++ b/src/docs/content/examples/tile/media.vue
@@ -1,5 +1,3 @@
-<title>Media Tile</title>
-
 <template>
   <div>
     <fd-tile>
diff --git a/src/docs/pages/Tile/6-product-tile-button.vue b/src/docs/content/examples/tile/product-tile-button.vue
similarity index 84%
rename from src/docs/pages/Tile/6-product-tile-button.vue
rename to src/docs/content/examples/tile/product-tile-button.vue
index d9c80180..a9a028e8 100644
--- a/src/docs/pages/Tile/6-product-tile-button.vue
+++ b/src/docs/content/examples/tile/product-tile-button.vue
@@ -1,5 +1,3 @@
-<title>Product Tile Button</title>
-
 <template>
   <div>
     <fd-product-tile
diff --git a/src/docs/pages/Tile/5-product-tile-default.vue b/src/docs/content/examples/tile/product-tile-default.vue
similarity index 83%
rename from src/docs/pages/Tile/5-product-tile-default.vue
rename to src/docs/content/examples/tile/product-tile-default.vue
index c9853e9e..5523f302 100644
--- a/src/docs/pages/Tile/5-product-tile-default.vue
+++ b/src/docs/content/examples/tile/product-tile-default.vue
@@ -1,5 +1,3 @@
-<title>Product Tile</title>
-
 <template>
   <fd-product-tile
     title="For Sale – a wonderful vineyard"
diff --git a/src/docs/pages/Tile/0-tile-default.vue b/src/docs/content/examples/tile/tile-default.vue
similarity index 85%
rename from src/docs/pages/Tile/0-tile-default.vue
rename to src/docs/content/examples/tile/tile-default.vue
index 748a3e3c..d66398c2 100644
--- a/src/docs/pages/Tile/0-tile-default.vue
+++ b/src/docs/content/examples/tile/tile-default.vue
@@ -1,5 +1,3 @@
-<title>Simple Tile</title>
-
 <template>
   <fd-tile>
     <fd-tile-content>
diff --git a/src/docs/pages/Time Picker/0-TimePicker.vue b/src/docs/content/examples/time-picker/default.vue
similarity index 54%
rename from src/docs/pages/Time Picker/0-TimePicker.vue
rename to src/docs/content/examples/time-picker/default.vue
index acaa3a32..1bc75172 100644
--- a/src/docs/pages/Time Picker/0-TimePicker.vue	
+++ b/src/docs/content/examples/time-picker/default.vue
@@ -1,13 +1,6 @@
-<title>TimePicker</title>
-<tip>`FdTimePicker` is still under heavy development. Things might break.</tip>
-<docs>
-```
-<FdTimePicker />
-```
-</docs>
 <template>
   <div style="display: flex;">
-    <FdTimePicker :showMeridian="meridianTime.showMeridian" :value="meridianTime.value" />
+    <fd-timePicker :showMeridian="meridianTime.showMeridian" :value="meridianTime.value" />
   </div>
 </template>
 
diff --git a/src/docs/pages/Time Picker/2-Time.vue b/src/docs/content/examples/time-picker/multiple-times.vue
similarity index 68%
rename from src/docs/pages/Time Picker/2-Time.vue
rename to src/docs/content/examples/time-picker/multiple-times.vue
index 51670ba4..7fc878e6 100644
--- a/src/docs/pages/Time Picker/2-Time.vue	
+++ b/src/docs/content/examples/time-picker/multiple-times.vue
@@ -1,15 +1,11 @@
-<title>Time Item as a set of Time</title>
-<docs>
-    This shows a composition of four `FdTime` components to create a TimeItem. If this is the plan, it is suggested to use the TimeItem component instead. 
-</docs>
 <template>
   <div>
-    <FdTime
+    <fd-time
       v-for="item in timeitems"
       :key="item.type"
       :type="item.type"
       :value="item.value"
-    ></FdTime>
+    ></fd-time>
   </div>
 </template>
 
diff --git a/src/docs/content/examples/time-picker/time.vue b/src/docs/content/examples/time-picker/time.vue
new file mode 100644
index 00000000..bbe0e38c
--- /dev/null
+++ b/src/docs/content/examples/time-picker/time.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <fd-time :value="value" @update:value="onTimeUpdate" type="hour24"></fd-time>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    onTimeUpdate(time) {
+      console.log(time); // eslint-disable-line no-console
+    }
+  },
+  data: () => ({ value: 17 })
+};
+</script>
diff --git a/src/docs/pages/Toggle/0-Default-Toggle.vue b/src/docs/content/examples/toggle/default.vue
similarity index 71%
rename from src/docs/pages/Toggle/0-Default-Toggle.vue
rename to src/docs/content/examples/toggle/default.vue
index b0d6a794..d0d6ea93 100644
--- a/src/docs/pages/Toggle/0-Default-Toggle.vue
+++ b/src/docs/content/examples/toggle/default.vue
@@ -1,8 +1,3 @@
-<title>Toggle</title>
-<docs>
-`fd-form-item-toggle` has an optional label. Use the `on`-prop to turn a toggle on (`:on=true`) or off (`:on=false`). Set `disabled`-flag to disable user interaction.
-</docs>
-
 <template>
   <fd-field-set>
     <fd-form-item-toggle label="Default Toggle: on">
diff --git a/src/docs/pages/Toggle/1-Toggle-Sizes.vue b/src/docs/content/examples/toggle/sizes.vue
similarity index 68%
rename from src/docs/pages/Toggle/1-Toggle-Sizes.vue
rename to src/docs/content/examples/toggle/sizes.vue
index 7e35199b..83aa6fd5 100644
--- a/src/docs/pages/Toggle/1-Toggle-Sizes.vue
+++ b/src/docs/content/examples/toggle/sizes.vue
@@ -1,19 +1,8 @@
-<title>Toggle Sizes</title>
-<docs>
-`fd-toggle` supports three different size classes:
-
-1. `xs`: renderes an extra small toggle
-2. `s`: renderes a small toggle
-3. `l`: renderes a large toggle
-
-If you omit the size class, the toggle will be rendered with a default size.
-</docs>
-
 <template>
   <div>
-    <FdFieldSet>
-      <FdLegend>Extra Small Toggles</FdLegend>
-      <FdFormGroup inline>
+    <fd-field-set>
+      <fd-legend>Extra Small Toggles</fd-legend>
+      <fd-form-group inline>
         <fd-form-item-toggle label="on">
           <fd-toggle on size="xs" />
         </fd-form-item-toggle>
@@ -29,12 +18,12 @@ If you omit the size class, the toggle will be rendered with a default size.
         <fd-form-item-toggle label="off + disabled">
           <fd-toggle disabled size="xs" />
         </fd-form-item-toggle>
-      </FdFormGroup>
-    </FdFieldSet>
+      </fd-form-group>
+    </fd-field-set>
 
-    <FdFieldSet>
-      <FdLegend>Small Toggles</FdLegend>
-      <FdFormGroup inline>
+    <fd-field-set>
+      <fd-legend>Small Toggles</fd-legend>
+      <fd-form-group inline>
         <fd-form-item-toggle label="on">
           <fd-toggle on size="s" />
         </fd-form-item-toggle>
@@ -50,12 +39,12 @@ If you omit the size class, the toggle will be rendered with a default size.
         <fd-form-item-toggle label="off + disabled">
           <fd-toggle disabled size="s" />
         </fd-form-item-toggle>
-      </FdFormGroup>
-    </FdFieldSet>
+      </fd-form-group>
+    </fd-field-set>
 
-    <FdFieldSet>
-      <FdLegend>Large Toggles</FdLegend>
-      <FdFormGroup inline>
+    <fd-field-set>
+      <fd-legend>Large Toggles</fd-legend>
+      <fd-form-group inline>
         <fd-form-item-toggle label="on">
           <fd-toggle on size="l" />
         </fd-form-item-toggle>
@@ -71,7 +60,7 @@ If you omit the size class, the toggle will be rendered with a default size.
         <fd-form-item-toggle label="off + disabled">
           <fd-toggle disabled size="l" />
         </fd-form-item-toggle>
-      </FdFormGroup>
-    </FdFieldSet>
+      </fd-form-group>
+    </fd-field-set>
   </div>
 </template>
diff --git a/src/docs/pages/Toggle/2-Model.vue b/src/docs/content/examples/toggle/v-model.vue
similarity index 70%
rename from src/docs/pages/Toggle/2-Model.vue
rename to src/docs/content/examples/toggle/v-model.vue
index 061cea20..21d33a10 100644
--- a/src/docs/pages/Toggle/2-Model.vue
+++ b/src/docs/content/examples/toggle/v-model.vue
@@ -1,8 +1,3 @@
-<title>Toggle and `v-model`</title>
-<docs>
-`FdToggle` supports `v-model`. This allows you to bind an `FdToggle` to a `boolean` property of your component. The example below uses `v-model` to control the visbibility of a popover.
-</docs>
-
 <template>
   <div>
     <p>
@@ -10,10 +5,10 @@
     </p>
     <fd-field-set>
       <fd-form-item-toggle :label="String(isOn)">
-        <FdToggle v-model="isOn" />
+        <fd-toggle v-model="isOn" />
       </fd-form-item-toggle>
       <fd-form-item-toggle :label="String(isOn)">
-        <FdToggle v-model="isOn" />
+        <fd-toggle v-model="isOn" />
       </fd-form-item-toggle>
     </fd-field-set>
     <fd-popover ref="popover">
diff --git a/src/docs/content/examples/token/default.vue b/src/docs/content/examples/token/default.vue
new file mode 100644
index 00000000..498ff863
--- /dev/null
+++ b/src/docs/content/examples/token/default.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="tokens">
+    <fd-token @click="click">Click Me</fd-token>
+    <fd-token>Lorem</fd-token>
+    <fd-token>Dolor</fd-token>
+    <fd-token>Filter</fd-token>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    click() {
+      window.alert("Clicked!");
+    }
+  }
+};
+</script>
diff --git a/src/docs/content/examples/virtualized-list/virtualized-list-default.vue b/src/docs/content/examples/virtualized-list/virtualized-list-default.vue
new file mode 100644
index 00000000..a156d57f
--- /dev/null
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-default.vue
@@ -0,0 +1,40 @@
+<template>
+  <!--
+    You have to import the CSS that is part of vue-virtual-scroller
+    manually. Otherwise this component will not work:
+
+    import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+  -->
+  <fd-virtualized-list style="height: 400px;" :min-item-size="30" :items="items" key-field="id">
+    <template #item="{ item, index }">
+      <fd-tile is-button transparent>
+        <fd-tile-content>
+          <fd-tile-title>#{{ index }} {{ item.title }}</fd-tile-title>
+        </fd-tile-content>
+      </fd-tile>
+    </template>
+  </fd-virtualized-list>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      items: [
+        { id: "1", title: "Item A" },
+        { id: "2", title: "Item B" },
+        { id: "3", title: "Item C" },
+        { id: "4", title: "Item D" },
+        { id: "5", title: "Item E" },
+        { id: "6", title: "Item F" },
+        { id: "7", title: "Item G" },
+        { id: "8", title: "Item H" },
+        { id: "9", title: "Item I" },
+        { id: "10", title: "Item J" },
+        { id: "11", title: "Item K" },
+        { id: "12", title: "Item L" }
+      ]
+    };
+  }
+};
+</script>
diff --git a/src/docs/pages/Virtualized List/5-VirtualizedList-filter.vue b/src/docs/content/examples/virtualized-list/virtualized-list-filter.vue
similarity index 98%
rename from src/docs/pages/Virtualized List/5-VirtualizedList-filter.vue
rename to src/docs/content/examples/virtualized-list/virtualized-list-filter.vue
index 2df75b7b..0e1b39ca 100644
--- a/src/docs/pages/Virtualized List/5-VirtualizedList-filter.vue	
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-filter.vue
@@ -1,5 +1,3 @@
-<title>Filtering a Virtualized List</title>
-
 <template>
   <div>
     <fd-input-group-search>
diff --git a/src/docs/pages/Virtualized List/3-VirtualizedList-InitialLoad.vue b/src/docs/content/examples/virtualized-list/virtualized-list-initial-load.vue
similarity index 97%
rename from src/docs/pages/Virtualized List/3-VirtualizedList-InitialLoad.vue
rename to src/docs/content/examples/virtualized-list/virtualized-list-initial-load.vue
index 3524a9e6..14007d25 100644
--- a/src/docs/pages/Virtualized List/3-VirtualizedList-InitialLoad.vue	
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-initial-load.vue
@@ -1,5 +1,3 @@
-<title>Initial Load</title>
-
 <template>
   <fd-virtualized-list
     :min-item-size="30"
diff --git a/src/docs/content/examples/virtualized-list/virtualized-list-loading-more.vue b/src/docs/content/examples/virtualized-list/virtualized-list-loading-more.vue
new file mode 100644
index 00000000..0548bcc2
--- /dev/null
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-loading-more.vue
@@ -0,0 +1,45 @@
+<template>
+  <fd-virtualized-list
+    :min-item-size="30"
+    :items="items"
+    :load-more-items="loadMoreItems"
+    style="height: 400px;"
+    key-field="id"
+  >
+    <template #item="{ item, index }">
+      <fd-tile transparent is-button>
+        <fd-tile-content>
+          <fd-tile-title>#{{ index }} {{ item.title }}</fd-tile-title>
+        </fd-tile-content>
+      </fd-tile>
+    </template>
+  </fd-virtualized-list>
+</template>
+
+<script>
+const createItem = maxIndex => ({
+  title: `Item at Index ${maxIndex}`,
+  id: `${maxIndex}`
+});
+
+const createItems = (maxIndex, count) => {
+  const indices = Array.from({ length: count }).map((_, index) => index + maxIndex);
+  return indices.map(index => createItem(index));
+};
+
+export default {
+  methods: {
+    loadMoreItems(done) {
+      setTimeout(() => {
+        this.items.push(...createItems(this.items.length, 20));
+        done();
+      }, 2000);
+    }
+  },
+  data() {
+    return {
+      items: createItems(0, 20)
+    };
+  }
+};
+</script>
diff --git a/src/docs/pages/Virtualized List/6-VirtualizedList-add-remove.vue b/src/docs/content/examples/virtualized-list/virtualized-list-mutate.vue
similarity index 80%
rename from src/docs/pages/Virtualized List/6-VirtualizedList-add-remove.vue
rename to src/docs/content/examples/virtualized-list/virtualized-list-mutate.vue
index d2df01c3..4d663600 100644
--- a/src/docs/pages/Virtualized List/6-VirtualizedList-add-remove.vue	
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-mutate.vue
@@ -1,11 +1,3 @@
-<title>Adding/Removing Items from a Virtualized List</title>
-<docs>
-You can modify the `items`-array directly in order to add/remove items. The rules as described in the [Vue Reactivity Guide](https://vuejs.org/v2/guide/reactivity.html) still apply.
-
-If you click on `[Add Item]` a new item will be appened to the beginning of the `items`-array.
-If an item is selected, clicking on `[Add Item]` will insert an item right below the current selection.
-Clicking on `[Remove Item]` will remove the currently selected item from the list.
-</docs>
 <template>
   <div>
     <fd-button @click="add">Add Item</fd-button>
diff --git a/src/docs/pages/Virtualized List/4-VirtualizedList-reset.vue b/src/docs/content/examples/virtualized-list/virtualized-list-reset.vue
similarity index 96%
rename from src/docs/pages/Virtualized List/4-VirtualizedList-reset.vue
rename to src/docs/content/examples/virtualized-list/virtualized-list-reset.vue
index 0f947b1e..0271928c 100644
--- a/src/docs/pages/Virtualized List/4-VirtualizedList-reset.vue	
+++ b/src/docs/content/examples/virtualized-list/virtualized-list-reset.vue
@@ -1,5 +1,3 @@
-<title>Resetting a Virtualized List</title>
-
 <template>
   <div>
     <fd-button @click="items = []">reset</fd-button>
diff --git a/src/docs/get-documented-components/documented-component.js b/src/docs/get-documented-components/documented-component.js
new file mode 100644
index 00000000..e2702e22
--- /dev/null
+++ b/src/docs/get-documented-components/documented-component.js
@@ -0,0 +1,23 @@
+// @ts-check
+
+/**
+ * @typedef {object} Options
+ * @prop {string} key looks like './BreadcrumbItem/BreadcrumbItem.vue'
+ * @prop {import("@vuese/parser").ParserResult} api
+ * @prop {import("./../util/component-name").default} componentName
+ */
+export default class DocumentedComponent {
+  /** @param {Options} options */
+  constructor({ key, componentName, api }) {
+    this.key = key;
+    this.componentName = componentName;
+    this.api = api;
+  }
+
+  /** @returns {import("vue-router").RouteConfig} */
+  get route() {
+    return {
+      path: this.componentName.slugified
+    };
+  }
+}
diff --git a/src/docs/get-documented-components/index.js b/src/docs/get-documented-components/index.js
new file mode 100644
index 00000000..7c3af0ba
--- /dev/null
+++ b/src/docs/get-documented-components/index.js
@@ -0,0 +1,31 @@
+import DocumentedComponent from "./documented-component";
+import ComponentName from "./../util/component-name";
+
+// Keys will looks like this:
+// ./BreadcrumbItem/BreadcrumbItem.vue
+// eslint-disable-next-line no-undef
+const ComponentsContext = require.context("!!vuese-loader!./../../components", true, /\.vue$/);
+
+const importComponentApi = key => ComponentsContext(key);
+
+/** @type {DocumentedComponent[]} */
+const documentedComponents = ComponentsContext.keys()
+  .map(key => {
+    const codeModule = importComponentApi(key);
+    const api = codeModule.default;
+    const rawName = api.name;
+    if (ComponentName.hasPrefix(rawName) == false) {
+      return;
+    }
+    const componentName = ComponentName.from(rawName);
+    return new DocumentedComponent({
+      key,
+      componentName,
+      api
+    });
+  })
+  .filter(documentedComponent => documentedComponent != null);
+
+export default () => {
+  return documentedComponents;
+};
diff --git a/src/docs/get-documented-components/vue-plugin.js b/src/docs/get-documented-components/vue-plugin.js
new file mode 100644
index 00000000..1857bcde
--- /dev/null
+++ b/src/docs/get-documented-components/vue-plugin.js
@@ -0,0 +1,30 @@
+// @ts-check
+import ComponentName from "./../util/component-name";
+
+/**
+ * @typedef {import("./documented-component").default} DocumentedComponent
+ *
+ * @typedef {object} Options
+ * @prop {DocumentedComponent[]} documentedComponents
+ */
+
+/**
+ * @param {import("vue").VueConstructor} vue
+ * @param {Options} options
+ */
+const install = (vue, { documentedComponents }) => {
+  /**
+   * @param {string} name
+   * @returns {DocumentedComponent}
+   */
+  vue.prototype.$fddDocumentedComponentNamed = function(name) {
+    const componentName = ComponentName.from(name);
+    return documentedComponents.find(
+      documentedComponent =>
+        documentedComponent.componentName.normalized === componentName.normalized
+    );
+  };
+  vue.prototype.$documentedComponents = documentedComponents;
+};
+
+export default { install };
diff --git a/src/docs/index.js b/src/docs/index.js
index cb6f72d8..71f4afc1 100644
--- a/src/docs/index.js
+++ b/src/docs/index.js
@@ -1,46 +1,55 @@
+// @ts-check
+// @ts-ignore
 import Vue from "vue";
 import FundamentalVue from "./../index.js";
+import "./main.scss";
+import Layouts from "./layouts";
+// @ts-ignore
 import App from "./App.vue";
 import Router from "vue-router";
-import DocumentationLoader from "./DocumentationLoader";
 import VueVirtualScroller from "vue-virtual-scroller";
 import VueObserveVisibility from "vue-observe-visibility";
 import createRouter from "./router/create";
-import { registerComponents } from "./components";
-import "./main.scss";
-import ComponentApiRepository from "./component-api-repository";
-import DefaultLayout from "./layouts/DefaultLayout.vue";
-import FullscreenLayout from "./layouts/FullscreenLayout.vue";
+import DocumentationComponents from "./components";
 import "prismjs";
-
-const ComponentApiContext = require.context("./../../api/", true, /\.json$/);
-
-// Vue.config.productionTip = true;
-Vue.use(Router);
-Vue.use(FundamentalVue);
-Vue.use(VueVirtualScroller);
-Vue.use(VueObserveVisibility);
-
-// Install Plugins
-Vue.use(DocumentationLoader);
-
-// Register Layouts globally so that they are available by name
-Vue.component("DefaultLayout", DefaultLayout);
-Vue.component("FullscreenLayout", FullscreenLayout);
-
-Vue.prototype.$withBase = relativePath => `${process.env.BASE_URL}${relativePath}`;
-
-Vue.prototype.$componentApiRepository = new ComponentApiRepository(ComponentApiContext.keys());
-
-const router = createRouter(Vue.prototype.$componentApiRepository);
-
-registerComponents(Vue);
-
-const app = new Vue({
+import VueClipboard from "vue-clipboard2";
+
+import Examples from "./content/examples";
+import MDPages from "./content/en_us";
+import getDocumentedComponents from "./get-documented-components";
+import DocumentedComponentsPlugin from "./get-documented-components/vue-plugin";
+import "prismjs/components/prism-typescript.min";
+import "prismjs/components/prism-javascript.min";
+import "prismjs/components/prism-markup.min";
+import "prismjs/components/prism-scss.min";
+import "prismjs/components/prism-css.min";
+import "prismjs/components/prism-bash.min";
+
+/**
+ * @type {import("vue").VueConstructor}
+ */
+const _Vue = Vue;
+
+// eslint-disable-next-line no-undef
+_Vue.prototype.$withBase = relativePath => `${process.env.BASE_URL}${relativePath}`;
+_Vue.use(VueClipboard);
+_Vue.use(DocumentedComponentsPlugin, { documentedComponents: getDocumentedComponents() });
+_Vue.config.productionTip = true;
+_Vue.use(Examples);
+_Vue.use(MDPages);
+_Vue.use(Router);
+_Vue.use(FundamentalVue);
+_Vue.use(VueVirtualScroller);
+_Vue.use(VueObserveVisibility);
+_Vue.use(DocumentationComponents);
+_Vue.use(Layouts);
+const router = createRouter();
+
+new Vue({
   router,
+  el: "#app",
   render: h => h(App),
   mounted() {
     document.dispatchEvent(new Event("render-event"));
   }
 });
-app.$mount("#app");
diff --git a/src/docs/layouts/DefaultLayout.vue b/src/docs/layouts/d-default-layout.vue
similarity index 93%
rename from src/docs/layouts/DefaultLayout.vue
rename to src/docs/layouts/d-default-layout.vue
index a8135401..ba6351d7 100644
--- a/src/docs/layouts/DefaultLayout.vue
+++ b/src/docs/layouts/d-default-layout.vue
@@ -68,18 +68,11 @@ export default {
   data() {
     return {
       isSidebarOpen: false,
-      activeNavItemId: "./Action Bar/index.ts",
-      logoSrc: process.env.BASE_URL + "images/logo.png",
-      logoSrcSet:
-        process.env.BASE_URL +
-        "images/logo.png 1x, " +
-        process.env.BASE_URL +
-        "images/logo@2x.png 2x"
+      activeNavItemId: "./Action Bar/index.ts"
     };
   }
 };
 </script>
-
 <style lang="scss">
 @import "./../styles/mixins";
 
diff --git a/src/docs/layouts/FullscreenLayout.vue b/src/docs/layouts/d-fullscreen-layout.vue
similarity index 100%
rename from src/docs/layouts/FullscreenLayout.vue
rename to src/docs/layouts/d-fullscreen-layout.vue
diff --git a/src/docs/layouts/default/ShellBar.vue b/src/docs/layouts/default/ShellBar.vue
index a6a9a32c..232ab804 100644
--- a/src/docs/layouts/default/ShellBar.vue
+++ b/src/docs/layouts/default/ShellBar.vue
@@ -16,8 +16,8 @@
             <template #control="{toggle}">
               <fd-shell-bar-action-button icon="search" @click="toggle" />
             </template>
-            <template #default>
-              <d-component-picker @input="navigateToComponent" />
+            <template #default="{hide}">
+              <d-component-picker @select="hide" />
             </template>
           </fd-popover>
         </fd-shell-bar-action>
@@ -26,41 +26,6 @@
   </fd-shell-bar>
 </template>
 
-<script>
-import DComponentPicker from "./../../components/component-picker.vue";
-
-export default {
-  components: { DComponentPicker },
-  methods: {
-    navigateToComponent(key) {
-      this.selectedComponent = key;
-      if (key == null) {
-        return;
-      }
-      const route = this.$componentApiRepository.routeForKey(key);
-      this.$router.push(route);
-      this.$refs.popover.hide();
-    }
-  },
-  computed: {
-    sidenavVisible: {
-      get() {
-        return this.sidenavVisibleModel.length === 1 && this.sidenavVisibleModel[0] === true;
-      },
-      set(visible) {
-        this.sidenavVisibleModel = [visible];
-      }
-    }
-  },
-  data() {
-    return {
-      selectedComponentKey: null,
-      sidenavVisibleModel: [true]
-    };
-  }
-};
-</script>
-
 <style lang="scss">
 .fdd-shell-bar {
   &__product-name {
diff --git a/src/docs/layouts/default/SideNav.vue b/src/docs/layouts/default/SideNav.vue
index 10d74998..788cc046 100644
--- a/src/docs/layouts/default/SideNav.vue
+++ b/src/docs/layouts/default/SideNav.vue
@@ -32,16 +32,18 @@
 </template>
 
 <script>
+import { getExamplePages } from "./../../content/en_us";
+
 export default {
   computed: {
     examplePages() {
-      const pages = this.$docLoader.pages;
+      const pages = getExamplePages();
       return pages.map(page => {
         return {
-          id: page.slug,
+          id: page.key,
           name: page.title,
           to: {
-            name: "example",
+            name: "examples",
             params: { slug: page.slug }
           }
         };
@@ -80,6 +82,6 @@ export default {
   min-width: 250px;
   padding-top: 30px;
   padding-bottom: 100px; /* so that users can scroll beyond the last item */
-  box-shadow: inset 0 -20px 10px #cccccc;
+  border-right: 1px solid #ebebeb;
 }
 </style>
diff --git a/src/docs/layouts/index.js b/src/docs/layouts/index.js
new file mode 100644
index 00000000..7ba70a39
--- /dev/null
+++ b/src/docs/layouts/index.js
@@ -0,0 +1,11 @@
+import DDefaultLayout from "./d-default-layout.vue";
+import DFullscreenLayout from "./d-fullscreen-layout.vue";
+
+const install = vue => {
+  vue.component("d-default-layout", DDefaultLayout);
+  vue.component("default-layout", DDefaultLayout);
+  vue.component("d-fullscreen-layout", DFullscreenLayout);
+  vue.component("fullscreen-layout", DFullscreenLayout);
+};
+
+export default { install };
diff --git a/src/docs/main.scss b/src/docs/main.scss
index c054e69b..0e36d72e 100644
--- a/src/docs/main.scss
+++ b/src/docs/main.scss
@@ -1,8 +1,12 @@
 @import "./../../node_modules/fundamental-styles/dist/fundamental-styles-ie11.min.css";
-@import "./../styles";
 // Support for fd-virtualized-list
 @import "./../../node_modules/vue-virtual-scroller/dist/vue-virtual-scroller.css";
+// Custom Markdown Styles for doc app
+@import "./styles/markdown";
+// Suppport styles from Fundamental Vue
+@import "./../styles";
 
 body {
   background-color: #fff;
+  font-size: 16px;
 }
diff --git a/src/docs/pages/Action Bar/0-full.vue b/src/docs/pages/Action Bar/0-full.vue
deleted file mode 100644
index 08542e85..00000000
--- a/src/docs/pages/Action Bar/0-full.vue	
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Action bar with back button, description and action buttons.</title>
-
-<template>
-  <FdActionBar title="Page Title" description="Action bar Description">
-    <FdButton slot="back" styling="light" compact icon="nav-back" />
-    <FdButton>Button 1</FdButton>
-    <FdButton styling="emphasized">Button 2</FdButton>
-  </FdActionBar>
-</template>
diff --git a/src/docs/pages/Action Bar/index.js b/src/docs/pages/Action Bar/index.js
deleted file mode 100644
index d07792e9..00000000
--- a/src/docs/pages/Action Bar/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-action-bar"]
-};
diff --git a/src/docs/pages/Alert/1-warning.vue b/src/docs/pages/Alert/1-warning.vue
deleted file mode 100644
index 0ddcb3df..00000000
--- a/src/docs/pages/Alert/1-warning.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<title>Warning Alert</title>
-
-<template>
-  <div>
-    <FdAlert type="warning" dismissible>Default warning alert. Click on the close button.</FdAlert>
-    <br />
-    <FdAlert type="warning" dismissible>
-      <FdIcon name="message-warning" />
-      Warning Message.
-      <FdLink href="#">Learn more</FdLink>
-    </FdAlert>
-  </div>
-</template>
diff --git a/src/docs/pages/Alert/2-error.vue b/src/docs/pages/Alert/2-error.vue
deleted file mode 100644
index 8d6a9e10..00000000
--- a/src/docs/pages/Alert/2-error.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<title>Error Alert</title>
-<template>
-  <div>
-    <FdAlert type="error" dismissible>Default error alert. Click on the close button.</FdAlert>
-    <br />
-    <FdAlert type="error" dismissible>
-      <FdIcon name="message-error" />
-      Error Message.
-      <FdLink href="#">Learn more</FdLink>
-    </FdAlert>
-  </div>
-</template>
diff --git a/src/docs/pages/Alert/3-information.vue b/src/docs/pages/Alert/3-information.vue
deleted file mode 100644
index 0b591933..00000000
--- a/src/docs/pages/Alert/3-information.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<title>Information Alert</title>
-<template>
-  <div>
-    <FdAlert type="information" dismissible>Information alert. Click on the close button.</FdAlert>
-    <br />
-    <FdAlert type="information" dismissible>
-      <FdIcon name="message-information" />
-      Information Message.
-      <FdLink href="#">Learn more</FdLink>
-    </FdAlert>
-  </div>
-</template>
diff --git a/src/docs/pages/Alert/4-success.vue b/src/docs/pages/Alert/4-success.vue
deleted file mode 100644
index 106f6f97..00000000
--- a/src/docs/pages/Alert/4-success.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<title>Success Alert</title>
-
-<template>
-  <div>
-    <FdAlert type="success" dismissible>Success alert. Click on the close button.</FdAlert>
-    <br />
-    <FdAlert type="success" dismissible>
-      <FdIcon name="message-success" />
-      Success Message.
-      <FdLink href="#">Learn more</FdLink>
-    </FdAlert>
-  </div>
-</template>
diff --git a/src/docs/pages/Alert/5-vmodel.vue b/src/docs/pages/Alert/5-vmodel.vue
deleted file mode 100644
index 03412b07..00000000
--- a/src/docs/pages/Alert/5-vmodel.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<title>Alert and `v-model`</title>
-<tip>`FdAlert` supports `v-model`. You can use `v-model` to control the visibility of the alert.</tip>
-<template>
-  <div>
-    <FdButton @click="visible = !visible">Toggle Visibile</FdButton>
-
-    <br />
-    <br />
-
-    <FdAlert type="success" v-model="visible" dismissible>
-      Success alert. Click on the close button.
-    </FdAlert>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      visible: true
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Alert/index.js b/src/docs/pages/Alert/index.js
deleted file mode 100644
index 5440c0d5..00000000
--- a/src/docs/pages/Alert/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-alert"]
-};
diff --git a/src/docs/pages/Badge/index.js b/src/docs/pages/Badge/index.js
deleted file mode 100644
index 10ae0ce0..00000000
--- a/src/docs/pages/Badge/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-badge"]
-};
diff --git a/src/docs/pages/Breadcrumb/index.js b/src/docs/pages/Breadcrumb/index.js
deleted file mode 100644
index ce0e33be..00000000
--- a/src/docs/pages/Breadcrumb/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-breadcrumb", "fd-breadcrumb-item"]
-};
diff --git a/src/docs/pages/Button/4-groups.vue b/src/docs/pages/Button/4-groups.vue
deleted file mode 100644
index cdf5307d..00000000
--- a/src/docs/pages/Button/4-groups.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<title>Button Groups</title>
-<docs>Use an `fd-button-group` in order to group buttons. `fd-button-group-button` supports everything (ex. `icon`, `@click(…), …`) a regular `FdButton` does. You can use `v-model` on `fd-button-group-button`. The `value` of a button group is always an array which contains the `value` of each pressed/selected `fd-button-group-button`. You associate a value with a button group button by using it's `value`-prop. There are also three selection modes (specified by using the `selectionMode`-prop on the group):
-
-1. `single`: A single button can be pressed/selected at a time.
-2. `multiple`: Multiple buttons can be pressed/selected at a time.
-3. **A custom selection mode function**
-
-**Custom Selection Mode**
-
-If you have special needs you can specific a custom selection mode function. Simply pass a function to the `selectionMode`-prop. The function will be called with the current selection and the value of button that has just been clicked/tapped. Your custom selection mode function then has to return an array which represents the new selection.
-
-```javascript
-const mySelectionMode = (selection, value) => {
-  if(value === "foo" || value === "bar") {
-    return selection;
-  }
-  const index = selection.indexOf(value);
-  const newSelection = [...selection];
-  if(index >= 0) {
-    // value is already selected, remove it
-    newSelection.splice(index);
-    return newSelection;
-  }
-  // value is not selected, add it
-  return [value, ...newSelection];
-};
-```
-
-The custom selection mode above ignores any interactions with buttons that have the value `foo` or `bar`. Otherwise it acts just like the multiple selection mode.
-</docs>
-<tip>A button group may only contain `fd-button-group-button`s. If you use `FdButton` instead, things will not work correctly.
-
-**Important**
-
-Make sure to set `aria-label` on the button group.
-</tip>
-<template>
-  <div>
-    <fd-button-group v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Color">
-      <fd-button-group-button value="a">Red</fd-button-group-button>
-      <fd-button-group-button value="b">Green</fd-button-group-button>
-      <fd-button-group-button value="c">Blue</fd-button-group-button>
-    </fd-button-group>
-    <br />
-    <br />
-    <fd-button-group v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Icon">
-      <fd-button-group-button icon="survey" value="a" />
-      <fd-button-group-button icon="pool" value="b" />
-      <fd-button-group-button icon="pie-chart" value="c" />
-    </fd-button-group>
-    <br />
-    <br />
-
-    Values of selected Buttons: {{ activeButtons }}
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      activeButtons: []
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Button/5-groups-compact.vue b/src/docs/pages/Button/5-groups-compact.vue
deleted file mode 100644
index e17302f7..00000000
--- a/src/docs/pages/Button/5-groups-compact.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<title>Compact Button Groups</title>
-<tip>The compact size is only used on desktop and it is full size when used on a touch device.</tip>
-
-<template>
-  <div>
-    <fd-button-group v-model="activeButtons" selectionMode="multiple" aria-label="Favorite Color">
-      <fd-button-group-button value="a">Red</fd-button-group-button>
-      <fd-button-group-button value="b">Green</fd-button-group-button>
-      <fd-button-group-button value="c">Blue</fd-button-group-button>
-    </fd-button-group>
-    <br />
-    <br />
-    <fd-button-group
-      compact
-      v-model="activeButtons"
-      selectionMode="multiple"
-      aria-label="Favorite Color"
-    >
-      <fd-button-group-button value="a">Red</fd-button-group-button>
-      <fd-button-group-button value="b">Green</fd-button-group-button>
-      <fd-button-group-button value="c">Blue</fd-button-group-button>
-    </fd-button-group>
-    <br />
-    <br />
-    Values of selected Buttons: {{ activeButtons }}
-  </div>
-</template>
-
-<script>
-export default {
-  data: () => ({ activeButtons: [] })
-};
-</script>
diff --git a/src/docs/pages/Button/index.js b/src/docs/pages/Button/index.js
deleted file mode 100644
index e7849b4b..00000000
--- a/src/docs/pages/Button/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-button", "fd-button-group"]
-};
diff --git a/src/docs/pages/Calendar/0-default.vue b/src/docs/pages/Calendar/0-default.vue
deleted file mode 100644
index e8d0597c..00000000
--- a/src/docs/pages/Calendar/0-default.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<title>Calendar</title>
-<docs>The `fd-calendar` component is usually displayed inside an `fd-popover`. Scroll down to see an example if you are unsure how to do that. Even though the calendar is a very complex component getting started is as easy as pie. This
-
-```html
-<fd-calendar />
-```
-
-gets you the default calendar displayed below. `fd-calendar` has a lot of customization points. Please refer to the examples below for details.
-</docs>
-<tip>`fd-calendar` is still under heavy development. Things might break.</tip>
-<template>
-  <div>
-    <fd-calendar />
-  </div>
-</template>
diff --git a/src/docs/pages/Calendar/1-selection-range.vue b/src/docs/pages/Calendar/1-selection-range.vue
deleted file mode 100644
index b2b879a2..00000000
--- a/src/docs/pages/Calendar/1-selection-range.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<title>Calendar Rangle Selection</title>
-<docs>By default you can only select a single date. To change that simply set the `selectionMode` to 'range'.</docs>
-<template>
-  <div>
-    <fd-calendar mode="range"></fd-calendar>
-  </div>
-</template>
diff --git a/src/docs/pages/Calendar/10-no-header.vue b/src/docs/pages/Calendar/10-no-header.vue
deleted file mode 100644
index ea95b246..00000000
--- a/src/docs/pages/Calendar/10-no-header.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<title>Calendar without the Header</title>
-
-<docs>
-You can hide the header by setting `header-visible` to `false`. Without a header it is hard to tell which date is displayed/selected. Thus it is a good idea to render the currently displayed/selected date separately.
-</docs>
-
-<template>
-  <div>
-    <fd-calendar :headerVisible="false" />
-  </div>
-</template>
diff --git a/src/docs/pages/Calendar/7-buttons.vue b/src/docs/pages/Calendar/7-buttons.vue
deleted file mode 100644
index 8464b008..00000000
--- a/src/docs/pages/Calendar/7-buttons.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<title>Controlling Calendar Buttons</title>
-<docs>The `hasNext` and `hasPrevious` props can be used to control the next and previous buttons in the calendar header. Those props are functions that return either `true` or `false`. Returning `false` disables the corresponding button. The calendar passes an object containing the `min` and `max` date of the currently displayed month.</docs>
-<tip>The example below let's you go three month into the future and past by using the previous and next buttons in the header. By using the year and month picker the user can still go to months/years that are not reachable with previous and next buttons.</tip>
-<template>
-  <div>
-    <fd-calendar :has-next="hasNext" :has-previous="hasPrevious" />
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    hasNext({ max }) {
-      return max.getTime() < this.maxDate.getTime();
-    },
-    hasPrevious({ min }) {
-      return min.getTime() > this.minDate.getTime();
-    }
-  },
-  data() {
-    const maxDate = new Date(Date.now());
-    maxDate.setMonth(maxDate.getMonth() + 3);
-
-    const minDate = new Date(Date.now());
-    minDate.setMonth(minDate.getMonth() - 3);
-
-    return {
-      maxDate,
-      minDate
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Calendar/8-first-day-of-week.vue b/src/docs/pages/Calendar/8-first-day-of-week.vue
deleted file mode 100644
index eee697bc..00000000
--- a/src/docs/pages/Calendar/8-first-day-of-week.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<title>Controlling the First Day of Week</title>
-
-<docs>
-By default the first day of the week is **Sunday**. You can customize that by using the `first-day-of-week`-prop. `first-day-of-week` accepts a number between `0` (default) and `6`. By setting `first-day-of-week` to `1` you basically set the first day of the week to **Monday**.
-</docs>
-
-<tip>
-If you customize weekday names by using the `day-names`-prop you do that independently from `first-day-of-week`. This means that even though you may have set a different `first-day-of-week`, the first name specified in `day-names` is always and will always be the name for **Sunday**.
-</tip>
-<template>
-  <div>
-    <fd-calendar :first-day-of-week="1" />
-  </div>
-</template>
diff --git a/src/docs/pages/Calendar/9-default-date.vue b/src/docs/pages/Calendar/9-default-date.vue
deleted file mode 100644
index 6282a67a..00000000
--- a/src/docs/pages/Calendar/9-default-date.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<title>Default Date</title>
-<docs>
-By default the calendar displays the current month. You can change that by setting  `default-value` to a custom date value.
-</docs>
-
-<tip>
-`default-value` accepts values of type `Number`, `String` and `Date`. The `Number` or `String` you pass to `default-value` simply be forwarded to the `Date`'s constructor.
-</tip>
-
-<template>
-  <div>
-    <fd-calendar default-value="2010-02-01" />
-  </div>
-</template>
diff --git a/src/docs/pages/Calendar/index.js b/src/docs/pages/Calendar/index.js
deleted file mode 100644
index 88312a66..00000000
--- a/src/docs/pages/Calendar/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-calendar"]
-};
diff --git a/src/docs/pages/Colors/index.js b/src/docs/pages/Colors/index.js
deleted file mode 100644
index 1a66eb05..00000000
--- a/src/docs/pages/Colors/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-context-menu"]
-};
diff --git a/src/docs/pages/Combobox/0-default.vue b/src/docs/pages/Combobox/0-default.vue
deleted file mode 100644
index 3f1ab620..00000000
--- a/src/docs/pages/Combobox/0-default.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<title>Default Combobox</title>
-<tip>
-`FdCombobox` supports `v-model` and thus you can easily create bi-directional bindings.
-
----
-
-**Important**
-
-All `FdMenuItem`s need an associated `value` – otherwise `v-model` will not work.
-</tip>
-
-<template>
-  <div>
-    <div class="favorite-fruit">
-      <span class="favorite-fruit-label">Selected Fruit:</span>
-      <span class="favorite-fruit-current">{{ fruit || "none" }}</span>
-    </div>
-    <FdCombobox v-model="fruit" placeholder="Pick your Fruit of the day">
-      <template style="width: 300px;" #default>
-        <FdMenuItem value="Apple">Apple</FdMenuItem>
-        <FdMenuItem value="Banana">Banana</FdMenuItem>
-        <FdMenuItem value="Cherry">Cherry</FdMenuItem>
-      </template>
-    </FdCombobox>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    select(value) {
-      this.fruit = value;
-    }
-  },
-  data() {
-    return {
-      fruit: null
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Combobox/1-sizes.vue b/src/docs/pages/Combobox/1-sizes.vue
deleted file mode 100644
index f0ce9f30..00000000
--- a/src/docs/pages/Combobox/1-sizes.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<title>Combobox Sizes</title>
-
-<template>
-  <div>
-    <FdCombobox v-model="fruit" placeholder="Pick your Fruit of the day (default size)">
-      <FdMenuItem value="Apple">Apple</FdMenuItem>
-      <FdMenuItem value="Banana">Banana</FdMenuItem>
-      <FdMenuItem value="Cherry">Cherry</FdMenuItem>
-    </FdCombobox>
-
-    <br />
-    <br />
-
-    <FdCombobox v-model="fruit" compact placeholder="Pick your Fruit of the day (compact size)">
-      <FdMenuItem value="Apple">Apple</FdMenuItem>
-      <FdMenuItem value="Banana">Banana</FdMenuItem>
-      <FdMenuItem value="Cherry">Cherry</FdMenuItem>
-    </FdCombobox>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    select(value) {
-      this.fruit = value;
-    }
-  },
-  data() {
-    return {
-      fruit: null
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Combobox/index.js b/src/docs/pages/Combobox/index.js
deleted file mode 100644
index e9f0ebe3..00000000
--- a/src/docs/pages/Combobox/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-combobox", "fd-menu-item"]
-};
diff --git a/src/docs/pages/Container/0-container-default.vue b/src/docs/pages/Container/0-container-default.vue
deleted file mode 100644
index bd6981ae..00000000
--- a/src/docs/pages/Container/0-container-default.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<title>Default Container</title>
-
-<docs>
-Layout containers used to arrange content on a 12-column grid. Can be used inside other layout containers like sections and panels.
-</docs>
-<template>
-  <fd-container>Container without Columns</fd-container>
-</template>
diff --git a/src/docs/pages/Container/1-container-fluid-default copy.vue b/src/docs/pages/Container/1-container-fluid-default copy.vue
deleted file mode 100644
index 735f030a..00000000
--- a/src/docs/pages/Container/1-container-fluid-default copy.vue	
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Default Container</title>
-
-<docs>
-`fluid` overrides the `max-width` for a fluid layout with 100% of parent container.
-</docs>
-
-<template>
-  <fd-container fluid>Fluid Container</fd-container>
-</template>
diff --git a/src/docs/pages/Container/index.js b/src/docs/pages/Container/index.js
deleted file mode 100644
index ad1b8f0d..00000000
--- a/src/docs/pages/Container/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-container", "fd-col"]
-};
diff --git a/src/docs/pages/Context Menu/index.js b/src/docs/pages/Context Menu/index.js
deleted file mode 100644
index e9c178c0..00000000
--- a/src/docs/pages/Context Menu/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: []
-};
diff --git a/src/docs/pages/Counter/2-NotificationCounter.vue b/src/docs/pages/Counter/2-NotificationCounter.vue
deleted file mode 100644
index 9d468420..00000000
--- a/src/docs/pages/Counter/2-NotificationCounter.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Notification Counter</title>
-<docs>
-The ideal upper limit on the number of characters in the Counter value is **4** characters. Try to keep the range from 0 to 999+
-</docs>
-<template>
-  <div>
-    <fd-counter type="notification" :value="23" />
-  </div>
-</template>
diff --git a/src/docs/pages/Counter/index.js b/src/docs/pages/Counter/index.js
deleted file mode 100644
index a97c4f97..00000000
--- a/src/docs/pages/Counter/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-counter"]
-};
diff --git a/src/docs/pages/Date Input/0-date-input-default.vue b/src/docs/pages/Date Input/0-date-input-default.vue
deleted file mode 100644
index b6cc9123..00000000
--- a/src/docs/pages/Date Input/0-date-input-default.vue	
+++ /dev/null
@@ -1,15 +0,0 @@
-<title>Default Date Input</title>
-<docs>
-`fd-date-input` can be used to get date + date range inputs from a user. Currently `fd-date-input` is used by `fd-date-picker` but you can also use it on it's own if you want.
-</docs>
-<template>
-  <div>
-    <fd-date-input v-model="date" />
-  </div>
-</template>
-
-<script>
-export default {
-  data: () => ({ date: { from: new Date(2019, 1, 13), to: null } })
-};
-</script>
diff --git a/src/docs/pages/Date Input/index.js b/src/docs/pages/Date Input/index.js
deleted file mode 100644
index 12a1b9f6..00000000
--- a/src/docs/pages/Date Input/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-date-input"]
-};
diff --git a/src/docs/pages/Date Picker/0-date-picker-default.vue b/src/docs/pages/Date Picker/0-date-picker-default.vue
deleted file mode 100644
index 8f30517c..00000000
--- a/src/docs/pages/Date Picker/0-date-picker-default.vue	
+++ /dev/null
@@ -1,52 +0,0 @@
-<title>Default Date Pickers</title>
-<docs>
-`fd-date-picker` supports `v-model` and two different modes:
-
-1. `single`: Allows the user to only pick/enter a single date.
-2. `range`: Allows the user to pick/enter a date range.
-</docs>
-
-<tip>
-`fd-date-picker` has a `value`-prop that holds the current date/date range. This object always has the same structure – no matter the current `mode`.
-
-The general structure of the expected `value`s looks like this:
-
-```typescript
-interface DateValue {
-  from?: Date;
-  to?: Date;
-}
-```
-
-If `mode` is set to `"single"` only the `from`-date is relevant.
-If `mode` is set to `"range"` both properties represent the range.
-</tip>
-
-<template>
-  <div>
-    <fd-form-item>
-      <fd-form-label>Simple Date Picker</fd-form-label>
-      <fd-date-picker v-model="date" />
-    </fd-form-item>
-
-    <fd-form-item>
-      <fd-form-label>Range Date Picker</fd-form-label>
-      <fd-date-picker mode="range" v-model="range" />
-    </fd-form-item>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    const today = () => new Date(Date.now());
-    const dayAfterTomorrow = today();
-    dayAfterTomorrow.setDate(dayAfterTomorrow.getDate() + 3);
-
-    return {
-      range: { from: today(), to: dayAfterTomorrow },
-      date: { from: today(), to: null }
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Date Picker/index.js b/src/docs/pages/Date Picker/index.js
deleted file mode 100644
index 4e30a0e8..00000000
--- a/src/docs/pages/Date Picker/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-date-picker"]
-};
diff --git a/src/docs/pages/Design System Utils/index.js b/src/docs/pages/Design System Utils/index.js
deleted file mode 100644
index e9c178c0..00000000
--- a/src/docs/pages/Design System Utils/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: []
-};
diff --git a/src/docs/pages/Directives/index.js b/src/docs/pages/Directives/index.js
deleted file mode 100644
index e9c178c0..00000000
--- a/src/docs/pages/Directives/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: []
-};
diff --git a/src/docs/pages/Dropdown/index.js b/src/docs/pages/Dropdown/index.js
deleted file mode 100644
index 209f5b61..00000000
--- a/src/docs/pages/Dropdown/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-dropdown"]
-};
diff --git a/src/docs/pages/Form/3-states.vue b/src/docs/pages/Form/3-states.vue
deleted file mode 100644
index d17c73de..00000000
--- a/src/docs/pages/Form/3-states.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<title>Input States</title>
-
-<template>
-  <fd-field-set>
-    <fd-form-item label="Normal Input">
-      <FdInput placeholder="Field placeholder text" />
-      <FdFormMessage slot="message">
-        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
-      </FdFormMessage>
-    </fd-form-item>
-    <fd-form-item label="Valid Input">
-      <FdInput state="valid" placeholder="Field placeholder text" />
-    </fd-form-item>
-    <fd-form-item label="Warning Input">
-      <FdInput state="warning" placeholder="Field placeholder text" />
-      <FdFormMessage slot="message" type="warning">
-        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
-      </FdFormMessage>
-    </fd-form-item>
-    <fd-form-item label="Invalid Input">
-      <FdInput state="invalid" placeholder="Field placeholder text" />
-      <FdFormMessage slot="message" type="error">
-        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
-      </FdFormMessage>
-    </fd-form-item>
-    <fd-form-item label="Field Label">
-      <FdInput placeholder="Field placeholder text" />
-      <FdFormMessage slot="message" type="help">
-        Pellentesque metus lacus commodo eget justo ut rutrum varius nunc
-      </FdFormMessage>
-    </fd-form-item>
-    <fd-form-item label="Disabled Input">
-      <FdInput disabled placeholder="Field placeholder text" />
-    </fd-form-item>
-    <fd-form-item label="Readonly Input">
-      <FdInput readonly placeholder="Field placeholder text" value="Readonly Content" />
-    </fd-form-item>
-  </fd-field-set>
-</template>
diff --git a/src/docs/pages/Form/index.js b/src/docs/pages/Form/index.js
deleted file mode 100644
index 01c03064..00000000
--- a/src/docs/pages/Form/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export default {
-  relatedComponents: [
-    "fd-form-set",
-    "fd-form-group",
-    "fd-form-item",
-    "fd-form-label",
-    "fd-form-message",
-    "fd-field-set",
-    "fd-input",
-    "fd-input-group",
-    "fd-legend",
-    "fd-text-area",
-    "fd-select"
-  ]
-};
diff --git a/src/docs/pages/Icon/index.js b/src/docs/pages/Icon/index.js
deleted file mode 100644
index 7364469c..00000000
--- a/src/docs/pages/Icon/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-icon"]
-};
diff --git a/src/docs/pages/Identifier/index.js b/src/docs/pages/Identifier/index.js
deleted file mode 100644
index 92150d05..00000000
--- a/src/docs/pages/Identifier/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-identifier"]
-};
diff --git a/src/docs/pages/Image/index.js b/src/docs/pages/Image/index.js
deleted file mode 100644
index 0b5fe535..00000000
--- a/src/docs/pages/Image/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-image"]
-};
diff --git a/src/docs/pages/Inline Help/index.js b/src/docs/pages/Inline Help/index.js
deleted file mode 100644
index e1cc8946..00000000
--- a/src/docs/pages/Inline Help/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-inline-help"]
-};
diff --git a/src/docs/pages/Input Group/index.js b/src/docs/pages/Input Group/index.js
deleted file mode 100644
index 9bdc7542..00000000
--- a/src/docs/pages/Input Group/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-input-group", "fd-input"]
-};
diff --git a/src/docs/pages/Label/default.vue b/src/docs/pages/Label/default.vue
deleted file mode 100644
index 49e49f10..00000000
--- a/src/docs/pages/Label/default.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Label</title>
-<template>
-  <div class="labels">
-    <FdLabel>Default</FdLabel>
-    <FdLabel type="success">Success</FdLabel>
-    <FdLabel type="warning">Warning</FdLabel>
-    <FdLabel type="error">Error</FdLabel>
-  </div>
-</template>
diff --git a/src/docs/pages/Label/index.js b/src/docs/pages/Label/index.js
deleted file mode 100644
index 493d17af..00000000
--- a/src/docs/pages/Label/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-label"]
-};
diff --git a/src/docs/pages/Link/default.vue b/src/docs/pages/Link/default.vue
deleted file mode 100644
index cc7b0aba..00000000
--- a/src/docs/pages/Link/default.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<title>Link</title>
-<tip>
-You can provide the visible title of the link by using a default slot or by using the `title`-prop.
-If both are provided the `title`-prop is only used for the `title` attribute of the anchor. This means that
-
-```html
-<FdLink href="#" title="foo bar" />
-```
-
-is **equivialent** to
-
-```html
-<FdLink href="#" title="foo bar">foo bar</FdLink>
-```
-
-</tip>
-<template>
-  <div>
-    <h3>Normal</h3>
-    <p>
-      Lorem ipsum
-      <FdLink href="#" @click="handleClick">dolor sit amet consectetur</FdLink>
-      adipiscing elit.
-    </p>
-
-    <h3>Selected</h3>
-    <p>
-      Lorem ipsum
-      <FdLink href="#" selected @click="handleClick">dolor sit amet consectetur</FdLink>
-      adipiscing elit.
-    </p>
-
-    <h3>Disabled</h3>
-    <p>
-      Lorem ipsum
-      <FdLink href="#" disabled @click="handleClick">dolor sit amet consectetur</FdLink>
-      adipiscing elit.
-    </p>
-  </div>
-</template>
-<script>
-export default {
-  methods: {
-    handleFocus() {
-      console.log("focus"); // eslint-disable-line no-console
-    },
-    handleClick() {
-      console.log("clicked"); // eslint-disable-line no-console
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Link/index.js b/src/docs/pages/Link/index.js
deleted file mode 100644
index 337dbd8d..00000000
--- a/src/docs/pages/Link/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-link"]
-};
diff --git a/src/docs/pages/List Group/index.js b/src/docs/pages/List Group/index.js
deleted file mode 100644
index b6be4df5..00000000
--- a/src/docs/pages/List Group/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-list-group"]
-};
diff --git a/src/docs/pages/Menu Popover/index.js b/src/docs/pages/Menu Popover/index.js
deleted file mode 100644
index dbd4bce8..00000000
--- a/src/docs/pages/Menu Popover/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-menu-popover", "fd-menu-list", "fd-menu-item", "fd-menu-link"]
-};
diff --git a/src/docs/pages/Menu/1-menu.vue b/src/docs/pages/Menu/1-menu.vue
deleted file mode 100644
index 9b7c3439..00000000
--- a/src/docs/pages/Menu/1-menu.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<title>Menu</title>
-<condensed />
-<docs>
-Menus are created by using `FdMenu`. A menu contains one or more `FdMenuList`s. Lists in turn contain `FdMenuItem`s. *This separation allows you to put similar items in the same group and bring order to chaos*. Further down you will find examples that show how to use multiple lists.
-
-**Events**
-
-- `FdMenuItem` emits `click` when clicked.
-- Both, `FdMenuList` and `FdMenu` emit `select`-events every time an item was clicked. The payload is the item itself. They act as some kind of event aggregator which is useful if you don't care about the context of the clicked items so much.
-
-</docs>
-<template>
-  <FdMenu @select="sayHi">
-    <FdMenuList>
-      <FdMenuItem value="1">Option 1</FdMenuItem>
-      <FdMenuItem value="2">
-        Option 2
-      </FdMenuItem>
-      <FdMenuItem value="3">
-        Option 3
-      </FdMenuItem>
-      <FdMenuItem value="4">
-        Option 4
-      </FdMenuItem>
-    </FdMenuList>
-  </FdMenu>
-</template>
-
-<script>
-export default {
-  methods: {
-    sayHi(item) {
-      alert(`Clicked Menu Item with value: '${item.value}'`);
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Menu/2-menuitem-link.vue b/src/docs/pages/Menu/2-menuitem-link.vue
deleted file mode 100644
index f2b2e139..00000000
--- a/src/docs/pages/Menu/2-menuitem-link.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<title>Menu Item with Link</title>
-<condensed />
-<docs>
-**`FdMenuItem` is smart:**
-
-`FdMenuItem` looks at what you put in it. If you have an item with just text, `FdMenuItem` will detect that and automatically wrap it with an anchor-element. So this:
-
-```html
-<FdMenuItem>click me</FdMenuItem>
-```
-
-will yield the same *HTML* as
-
-```html
-<FdMenuItem>
-  <FdMenuLink>click me</FdMenuLink>
-</FdMenuItem>
-```
-
-If you put anything other than just plain text inside `FdMenuItem` then this automatism won't kick in.
-</docs>
-<tip>`FdMenuLink` is just a simple wrapper around the standard `a`-element. This allows you to further customize the menu item (`href`, `target`, …).</tip>
-<template>
-  <FdMenu>
-    <FdMenuList>
-      <FdMenuItem><FdMenuLink disabled>Disabled Menu Item</FdMenuLink></FdMenuItem>
-      <FdMenuItem>
-        <FdMenuLink href="https://sap.com" target="_blank">Goto sap.com (new window)</FdMenuLink>
-      </FdMenuItem>
-      <FdMenuItem><FdMenuLink href="https://sap.com">Option 3</FdMenuLink></FdMenuItem>
-      <FdMenuItem><FdMenuLink href="https://sap.com">Option 4</FdMenuLink></FdMenuItem>
-    </FdMenuList>
-  </FdMenu>
-</template>
diff --git a/src/docs/pages/Menu/3-menu-group.vue b/src/docs/pages/Menu/3-menu-group.vue
deleted file mode 100644
index 562d595e..00000000
--- a/src/docs/pages/Menu/3-menu-group.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<title>Menu w/ Group</title>
-<condensed />
-
-<template>
-  <FdMenu @select="sayHi">
-    <FdMenuList>
-      <FdMenuItem value="1-1">Option 1</FdMenuItem>
-      <FdMenuItem value="1-2">Option 2</FdMenuItem>
-      <FdMenuItem value="1-3">Option 3</FdMenuItem>
-    </FdMenuList>
-    <FdMenuList header="Group Header">
-      <FdMenuItem value="2-1">Option 4</FdMenuItem>
-      <FdMenuItem value="2-2">Option 5</FdMenuItem>
-      <FdMenuItem value="2-3">Option 6</FdMenuItem>
-    </FdMenuList>
-  </FdMenu>
-</template>
-
-<script>
-export default {
-  methods: {
-    sayHi({ value }) {
-      alert(`Hi >>${value}<<`);
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Menu/4-menu-addon.vue b/src/docs/pages/Menu/4-menu-addon.vue
deleted file mode 100644
index eecb40d3..00000000
--- a/src/docs/pages/Menu/4-menu-addon.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<title>Menu w/ addon before</title>
-<condensed />
-
-<template>
-  <FdMenu canHaveAddon>
-    <FdMenuList>
-      <FdMenuItem>Option 1</FdMenuItem>
-      <FdMenuItem>
-        <span slot="addon" class="sap-icon--accept" />
-        Option 2
-      </FdMenuItem>
-      <FdMenuItem>Option 3</FdMenuItem>
-      <FdMenuItem>Option 4</FdMenuItem>
-    </FdMenuList>
-  </FdMenu>
-</template>
diff --git a/src/docs/pages/Menu/5-menu-separated.vue b/src/docs/pages/Menu/5-menu-separated.vue
deleted file mode 100644
index 04872cce..00000000
--- a/src/docs/pages/Menu/5-menu-separated.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<title>Menu list with separated items</title>
-<docs>
-Use the `separated` modifier on `FdMenuList` to add separators between the items.
-</docs>
-<condensed />
-<template>
-  <FdMenu>
-    <FdMenuList separated>
-      <FdMenuItem>Option 1</FdMenuItem>
-      <FdMenuItem>Option 2</FdMenuItem>
-      <FdMenuItem>Option 3</FdMenuItem>
-      <FdMenuItem>Option 4</FdMenuItem>
-    </FdMenuList>
-  </FdMenu>
-</template>
diff --git a/src/docs/pages/Menu/index.js b/src/docs/pages/Menu/index.js
deleted file mode 100644
index 48a43c22..00000000
--- a/src/docs/pages/Menu/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-menu", "fd-menu-list", "fd-menu-item", "fd-menu-link"]
-};
diff --git a/src/docs/pages/Modal/0-default-modal.vue b/src/docs/pages/Modal/0-default-modal.vue
deleted file mode 100644
index 35cb3ccf..00000000
--- a/src/docs/pages/Modal/0-default-modal.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<title>Modal</title>
-<docs>
-Each slot (*footer*, *actions*, *default*, *close*, *title*) has access to the modal itself. This allows you to call any method or query any prop/data-value by using the slot's scope. A practical use case for this is shown in the example below. The modal's body (*default* slot) contains a link that, when clicked, closes the modal.
-</docs>
-<tip>
-There are multiple ways to show a modal.
-
-**Using `$fdModal.open(modalName)`**
-
-You can use the `$fdModal.open(modalName)` to open modals from anywhere. Just give each modal a name (using the `name`-prop) and pass this to the `open`-function.
-
-**Manually showing the modal**
-
-Of course you can also manually show or close the modal by simply calling the corresponding methods in it:
-
-- `show(event?)`: shows the modal.
-- `close(event?)`: closes the modal.
-</tip>
-<template>
-  <div>
-    <FdModal name="party" ref="party" title="Modal Title">
-      <template #default="{close}">
-        <div>
-          <p>Do you want to invite your friends to join the party?</p>
-          <p>
-            <FdLink @click="close">Nah…</FdLink>
-            – maybe next time though.
-          </p>
-        </div>
-      </template>
-      <template #actions="{close}">
-        <FdButton @click="close" styling="light">Cancel</FdButton>
-        <FdButton @click="close" styling="emphasized">Invite</FdButton>
-      </template>
-    </FdModal>
-    <FdButton v-fd-open-modal:party>Show Modal</FdButton>
-    <br />
-    <br />
-    <FdButton @click="$fdModal.open('party')">
-      Show Modal using $fdModal.open(…)
-    </FdButton>
-  </div>
-</template>
diff --git a/src/docs/pages/Modal/index.js b/src/docs/pages/Modal/index.js
deleted file mode 100644
index a7c04825..00000000
--- a/src/docs/pages/Modal/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-modal"]
-};
diff --git a/src/docs/pages/Pagination/Example.vue b/src/docs/pages/Pagination/Example.vue
deleted file mode 100644
index 6809461a..00000000
--- a/src/docs/pages/Pagination/Example.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<title>Pagination</title>
-<template>
-  <div>
-    <strong>{{ initialPage }}</strong>
-    <FdPagination :itemsTotal="101" totalText="Search Results" :initialPage.sync="initialPage" />
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      initialPage: 1
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Pagination/index.js b/src/docs/pages/Pagination/index.js
deleted file mode 100644
index 09612632..00000000
--- a/src/docs/pages/Pagination/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-pagination"]
-};
diff --git a/src/docs/pages/Panel/1-default-grid.vue b/src/docs/pages/Panel/1-default-grid.vue
deleted file mode 100644
index 018c231c..00000000
--- a/src/docs/pages/Panel/1-default-grid.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<title>Default Panel Grid (3 Columns)</title>
-
-<template>
-  <FdPanelGrid>
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/2-nogap.vue b/src/docs/pages/Panel/2-nogap.vue
deleted file mode 100644
index 6a8f9afd..00000000
--- a/src/docs/pages/Panel/2-nogap.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<title>Panel Grid with nogap</title>
-
-<template>
-  <FdPanelGrid nogap>
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/5-cols-2-.vue b/src/docs/pages/Panel/5-cols-2-.vue
deleted file mode 100644
index 165f6d09..00000000
--- a/src/docs/pages/Panel/5-cols-2-.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<title>Panel Grid (2 Columns)</title>
-
-<template>
-  <FdPanelGrid :col="2">
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/5-cols-4.vue b/src/docs/pages/Panel/5-cols-4.vue
deleted file mode 100644
index 1e914a9e..00000000
--- a/src/docs/pages/Panel/5-cols-4.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<title>Panel Grid (4 Columns)</title>
-
-<template>
-  <FdPanelGrid :col="4">
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-    <FdPanel>Panel Body 6</FdPanel>
-    <FdPanel>Panel Body 7</FdPanel>
-    <FdPanel>Panel Body 8</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/5-cols-5.vue b/src/docs/pages/Panel/5-cols-5.vue
deleted file mode 100644
index c908eca6..00000000
--- a/src/docs/pages/Panel/5-cols-5.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<title>Panel Grid (5 Colunns)</title>
-
-<template>
-  <FdPanelGrid :col="5">
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-    <FdPanel>Panel Body 6</FdPanel>
-    <FdPanel>Panel Body 7</FdPanel>
-    <FdPanel>Panel Body 8</FdPanel>
-    <FdPanel>Panel Body 9</FdPanel>
-    <FdPanel>Panel Body 10</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/5-cols-6.vue b/src/docs/pages/Panel/5-cols-6.vue
deleted file mode 100644
index f9bb604a..00000000
--- a/src/docs/pages/Panel/5-cols-6.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<title>Panel Grid (6 Columns)</title>
-
-<template>
-  <FdPanelGrid :col="6">
-    <FdPanel>Panel Body 1</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-    <FdPanel>Panel Body 6</FdPanel>
-    <FdPanel>Panel Body 7</FdPanel>
-    <FdPanel>Panel Body 8</FdPanel>
-    <FdPanel>Panel Body 9</FdPanel>
-    <FdPanel>Panel Body 10</FdPanel>
-    <FdPanel>Panel Body 11</FdPanel>
-    <FdPanel>Panel Body 12</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Panel/index.js b/src/docs/pages/Panel/index.js
deleted file mode 100644
index 5b0a7368..00000000
--- a/src/docs/pages/Panel/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-panel", "fd-panel-grid"]
-};
diff --git a/src/docs/pages/Panel/span.vue b/src/docs/pages/Panel/span.vue
deleted file mode 100644
index 36e30595..00000000
--- a/src/docs/pages/Panel/span.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<title>Panel Grid with Column Span</title>
-
-<template>
-  <FdPanelGrid :col="6">
-    <FdPanel :span="2">Panel Body 1 - span 2</FdPanel>
-    <FdPanel>Panel Body 2</FdPanel>
-    <FdPanel>Panel Body 3</FdPanel>
-    <FdPanel>Panel Body 4</FdPanel>
-    <FdPanel>Panel Body 5</FdPanel>
-    <FdPanel :span="3">Panel Body 6 - span 3</FdPanel>
-    <FdPanel>Panel Body 7</FdPanel>
-    <FdPanel>Panel Body 8</FdPanel>
-    <FdPanel>Panel Body 9</FdPanel>
-    <FdPanel :span="4">Panel Body 10 - span 4</FdPanel>
-    <FdPanel>Panel Body 11</FdPanel>
-    <FdPanel>Panel Body 12</FdPanel>
-    <FdPanel :span="5">Panel Body 13 - span 5</FdPanel>
-    <FdPanel>Panel Body 14</FdPanel>
-    <FdPanel :span="6">Panel Body 15 - span 6</FdPanel>
-  </FdPanelGrid>
-</template>
diff --git a/src/docs/pages/Popover/1-placement-options.vue b/src/docs/pages/Popover/1-placement-options.vue
deleted file mode 100644
index 8828e789..00000000
--- a/src/docs/pages/Popover/1-placement-options.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<title>Placement Options</title>
-<docs>Use the `placement`-prop to any of the following values: `bottom-start`, `bottom`, `bottom-end`, `left-start`, `left`, `left-end`, `right-start`, `right`, `right-end`, `top-start`, `top` and `top-end`.
-</docs>
-<template>
-  <div>
-    <!-- Row 1 -->
-    <div class="fd-container">
-      <div class="fd-col--shift-3 fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="top-start">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-up-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-
-      <div class="fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="top">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-up-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-
-      <div class="fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="top-end">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-up-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-    </div>
-    <!-- /Row 1 -->
-    <!-- Row 2 -->
-    <div class="fd-container">
-      <div class="fd-col--shift-2 fd-col--2">
-        <FdPopover with-arrow placement="left">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-left-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-
-      <div class="fd-col--shift-4 fd-col--2 fd-has-text-align-right">
-        <FdPopover with-arrow placement="right">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-right-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-    </div>
-    <!-- /Row 2 -->
-    <!-- Row 3 -->
-    <div class="fd-container">
-      <div class="fd-col--shift-3 fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="bottom-start">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-down-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-
-      <div class="fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="bottom">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-down-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-
-      <div class="fd-col--2 fd-has-text-align-center">
-        <FdPopover with-arrow placement="bottom-end">
-          <template #control="{toggle}">
-            <FdButton @click="toggle" icon="navigation-down-arrow" />
-          </template>
-          <template #default="{hide}">
-            <FdMenu @select="hide">
-              <FdMenuList>
-                <FdMenuItem>Option 1</FdMenuItem>
-                <FdMenuItem>Option 2</FdMenuItem>
-                <FdMenuItem>Option 3</FdMenuItem>
-              </FdMenuList>
-            </FdMenu>
-          </template>
-        </FdPopover>
-      </div>
-    </div>
-    <!-- /Row 3 -->
-  </div>
-</template>
diff --git a/src/docs/pages/Popover/3-custom-content.vue b/src/docs/pages/Popover/3-custom-content.vue
deleted file mode 100644
index f9973c80..00000000
--- a/src/docs/pages/Popover/3-custom-content.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<title>Popover with custom Content</title>
-<template>
-  <FdPopover placement="bottom-start" with-arrow>
-    <template #control="{toggle}">
-      <FdButton @click="toggle">Custom Content</FdButton>
-    </template>
-
-    <template #default="{hide}">
-      <div v-fd-padding:large style="text-align:center;">
-        <div v-fd-type:6>Hello World</div>
-        <hr />
-        <FdIdentifier circle size="xxl" thumbnail url="https://placeimg.com/400/400/nature" />
-      </div>
-    </template>
-  </FdPopover>
-</template>
diff --git a/src/docs/pages/Popover/4-custom-controls.vue b/src/docs/pages/Popover/4-custom-controls.vue
deleted file mode 100644
index a3bd9b4d..00000000
--- a/src/docs/pages/Popover/4-custom-controls.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<title>Custom Controls</title>
-
-<template>
-  <FdPopover placement="right" with-arrow>
-    <template #control="{toggle}">
-      <FdIdentifier @click="toggle" icon="settings" />
-    </template>
-    <template #default="{hide}">
-      <FdMenu @select="hide">
-        <FdMenuList>
-          <FdMenuItem>Option 1</FdMenuItem>
-          <FdMenuItem>Option 2</FdMenuItem>
-          <FdMenuItem>Option 3</FdMenuItem>
-        </FdMenuList>
-      </FdMenu>
-    </template>
-  </FdPopover>
-</template>
diff --git a/src/docs/pages/Popover/index.js b/src/docs/pages/Popover/index.js
deleted file mode 100644
index 22f02f9d..00000000
--- a/src/docs/pages/Popover/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-popover", "fd-menu-popover"]
-};
diff --git a/src/docs/pages/Search Input/2-Search-Completions.vue b/src/docs/pages/Search Input/2-Search-Completions.vue
deleted file mode 100644
index e3b707cf..00000000
--- a/src/docs/pages/Search Input/2-Search-Completions.vue	
+++ /dev/null
@@ -1,37 +0,0 @@
-<title>Search Input with Autocompletion</title>
-<docs>
-Use the `completions`-prop in order to pass an array of strings to `fd-search-input`. `fd-search-input` will then render a completion list that is automatically filtered.
-
-</docs>
-
-<tip>
-Use the `popoverClass`- and `inputGroupClass`-props in order to apply custom CSS classes. The class specified by `popoverClass` is attached to be popover body/content and the class specified by `inputGroupClass` is applied to the input group. The example below is using those two props in order to make the auto completion menu the same width as the input group.
-</tip>
-
-<template>
-  <div>
-    <p>
-      Predicate:
-      <code>{{ predicate }}</code>
-    </p>
-    <fd-search-input
-      popoverClass="docs-search"
-      class="docs-search"
-      v-model="predicate"
-      placeholder="Search"
-      :completions="['Apple', 'Peach', 'Banana', 'Chris', 'Vue is Cool', 'Test123']"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  data: () => ({ predicate: "" })
-};
-</script>
-
-<style>
-.docs-search {
-  width: 300px;
-}
-</style>
diff --git a/src/docs/pages/Search Input/index.js b/src/docs/pages/Search Input/index.js
deleted file mode 100644
index d6bd3efe..00000000
--- a/src/docs/pages/Search Input/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-search-input"]
-};
diff --git a/src/docs/pages/Section/0-structure.vue b/src/docs/pages/Section/0-structure.vue
deleted file mode 100644
index c31d5795..00000000
--- a/src/docs/pages/Section/0-structure.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Section Structure</title>
-
-<template>
-  <div>
-    <FdSection>Section 1</FdSection>
-    <FdSection v-fd-background-color:neutral-2>Section 2 with Background Color</FdSection>
-    <FdSection>Section 3</FdSection>
-  </div>
-</template>
diff --git a/src/docs/pages/Section/1-header.vue b/src/docs/pages/Section/1-header.vue
deleted file mode 100644
index 6a7b27a7..00000000
--- a/src/docs/pages/Section/1-header.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<title>Section with Header</title>
-
-<template>
-  <FdSection title="Section title">
-    <FdPanel>Panel</FdPanel>
-  </FdSection>
-</template>
diff --git a/src/docs/pages/Section/2-panels.vue b/src/docs/pages/Section/2-panels.vue
deleted file mode 100644
index e1f1e183..00000000
--- a/src/docs/pages/Section/2-panels.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<title>Section with Panels</title>
-
-<template>
-  <div>
-    <FdSection>
-      <FdContainer>
-        <FdPanel>Panel 1</FdPanel>
-      </FdContainer>
-    </FdSection>
-
-    <FdSection>
-      <FdContainer>
-        <FdCol :span="6">
-          <FdPanel>Panel 2 with col span 6</FdPanel>
-        </FdCol>
-        <FdCol :span="6">
-          <FdPanel>Panel 3 with col span 6</FdPanel>
-        </FdCol>
-      </FdContainer>
-    </FdSection>
-  </div>
-</template>
diff --git a/src/docs/pages/Section/3-grid.vue b/src/docs/pages/Section/3-grid.vue
deleted file mode 100644
index b8a3ec45..00000000
--- a/src/docs/pages/Section/3-grid.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<title>Section with Panel Grid</title>
-
-<template>
-  <FdSection>
-    <FdPanelGrid>
-      <FdPanel :span="2">Panel 1</FdPanel>
-      <FdPanel>Panel 2</FdPanel>
-      <FdPanel>Panel 3</FdPanel>
-      <FdPanel>Panel 4</FdPanel>
-      <FdPanel>Panel 5</FdPanel>
-    </FdPanelGrid>
-  </FdSection>
-</template>
diff --git a/src/docs/pages/Section/index.js b/src/docs/pages/Section/index.js
deleted file mode 100644
index 7662bd65..00000000
--- a/src/docs/pages/Section/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-section", "fd-panel", "fd-panel-grid"]
-};
diff --git a/src/docs/pages/Shell Bar/0-minimal.vue b/src/docs/pages/Shell Bar/0-minimal.vue
deleted file mode 100644
index ed54a7cc..00000000
--- a/src/docs/pages/Shell Bar/0-minimal.vue	
+++ /dev/null
@@ -1,56 +0,0 @@
-<title>Minimal Shell Bar</title>
-<tip>This example shows the minimum Shellbar for a single application product with only user settings. If no user thumbnail is available then display initials.</tip>
-
-<template>
-  <div>
-    <FdShellBar>
-      <FdShellBarGroup position="start">
-        <FdShellBarLogo
-          alt="SAP"
-          :src="$withBase('images/sap-logo.png')"
-          :srcset="srcset"
-          width="48"
-          height="24"
-        />
-        <FdShellBarProduct productTitle="Product Name" />
-      </FdShellBarGroup>
-      <FdShellBarGroup position="end">
-        <FdShellBarActions>
-          <FdShellBarAction>
-            <FdShellBarUserMenu ref="userMenu">
-              <FdMenu>
-                <FdMenuList>
-                  <FdMenuItem @click="closeUserMenu">
-                    Settings
-                  </FdMenuItem>
-                  <FdMenuItem @click="closeUserMenu">
-                    Sign out
-                  </FdMenuItem>
-                </FdMenuList>
-              </FdMenu>
-            </FdShellBarUserMenu>
-          </FdShellBarAction>
-        </FdShellBarActions>
-      </FdShellBarGroup>
-    </FdShellBar>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    closeUserMenu() {
-      this.$refs.userMenu.close();
-    }
-  },
-  computed: {
-    srcset() {
-      return [
-        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
-        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
-        `${this.$withBase("images/sap-logo@4x.png")} 4x`
-      ].join(", ");
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Shell Bar/1-actions.vue b/src/docs/pages/Shell Bar/1-actions.vue
deleted file mode 100644
index f7c54ffb..00000000
--- a/src/docs/pages/Shell Bar/1-actions.vue	
+++ /dev/null
@@ -1,57 +0,0 @@
-<title>Shell Bar with additional Actions</title>
-<tip>Use `FdShellBarActionButton` to add additional action buttons to the shell bar.</tip>
-
-<template>
-  <div>
-    <FdShellBar>
-      <FdShellBarGroup position="start">
-        <FdShellBarLogo
-          alt="SAP"
-          :src="$withBase('images/sap-logo.png')"
-          :srcset="srcset"
-          width="48"
-          height="24"
-        />
-        <FdShellBarProduct productTitle="Product Name" />
-      </FdShellBarGroup>
-      <FdShellBarGroup position="end">
-        <FdShellBarActions>
-          <FdShellBarAction>
-            <FdShellBarActionButton icon="sys-help" />
-          </FdShellBarAction>
-          <FdShellBarAction>
-            <FdShellBarActionButton icon="settings" />
-          </FdShellBarAction>
-          <FdShellBarAction>
-            <FdShellBarUserMenu>
-              <FdMenu>
-                <FdMenuList>
-                  <FdMenuItem>
-                    Settings
-                  </FdMenuItem>
-                  <FdMenuItem>
-                    Sign out
-                  </FdMenuItem>
-                </FdMenuList>
-              </FdMenu>
-            </FdShellBarUserMenu>
-          </FdShellBarAction>
-        </FdShellBarActions>
-      </FdShellBarGroup>
-    </FdShellBar>
-  </div>
-</template>
-
-<script>
-export default {
-  computed: {
-    srcset() {
-      return [
-        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
-        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
-        `${this.$withBase("images/sap-logo@4x.png")} 4x`
-      ].join(", ");
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Shell Bar/3-products.vue b/src/docs/pages/Shell Bar/3-products.vue
deleted file mode 100644
index f06b552c..00000000
--- a/src/docs/pages/Shell Bar/3-products.vue	
+++ /dev/null
@@ -1,171 +0,0 @@
-<title>Shell Bar with Product Switcher</title>
-<tip>You have to embed a `FdShellBar` in a `FdShell` for things to work properly.</tip>
-
-<template>
-  <div>
-    <FdShellBar>
-      <FdShellBarGroup position="start">
-        <FdShellBarLogo
-          alt="SAP"
-          :src="$withBase('images/sap-logo.png')"
-          :srcset="srcset"
-          width="48"
-          height="24"
-        />
-        <FdShellBarProduct>
-          <FdShellBarProductMenu>
-            <template #title>
-              Very long Product Name
-            </template>
-            <template #default>
-              <FdMenuList>
-                <FdMenuItem @click="itemClicked('a')">
-                  Application A
-                </FdMenuItem>
-                <FdMenuItem>Sample Application No 1</FdMenuItem>
-                <FdMenuItem>Sample Application No 1</FdMenuItem>
-                <FdMenuItem>Sample Application No 1</FdMenuItem>
-                <FdMenuItem>Sample Application No 2</FdMenuItem>
-                <FdMenuItem>Sample Application No 2</FdMenuItem>
-                <FdMenuItem>Sample Application No 2</FdMenuItem>
-                <FdMenuItem>Sample Application No 3</FdMenuItem>
-                <FdMenuItem>Sample Application No 3</FdMenuItem>
-                <FdMenuItem>Sample Application No 3</FdMenuItem>
-                <FdMenuItem>Sample Application No 4</FdMenuItem>
-                <FdMenuItem>Sample Application No 4</FdMenuItem>
-                <FdMenuItem>Sample Application No 4</FdMenuItem>
-                <FdMenuItem>Sample Application No 5</FdMenuItem>
-                <FdMenuItem>Sample Application No 5</FdMenuItem>
-                <FdMenuItem>Sample Application No 5</FdMenuItem>
-                <FdMenuItem>Sample Application No 6</FdMenuItem>
-                <FdMenuItem>Sample Application No 6</FdMenuItem>
-                <FdMenuItem>Sample Application No 6</FdMenuItem>
-                <FdMenuItem>Sample Application No 7</FdMenuItem>
-                <FdMenuItem>Sample Application No 7</FdMenuItem>
-                <FdMenuItem>Sample Application No 7</FdMenuItem>
-                <FdMenuItem>Sample Application No 8</FdMenuItem>
-                <FdMenuItem>Sample Application No 8</FdMenuItem>
-                <FdMenuItem>Sample Application No 8</FdMenuItem>
-                <FdMenuItem>Sample Application No 9</FdMenuItem>
-                <FdMenuItem>Sample Application No 9</FdMenuItem>
-                <FdMenuItem>Sample Application No 9</FdMenuItem>
-                <FdMenuItem>Sample Application No 10</FdMenuItem>
-                <FdMenuItem>Sample Application No 10</FdMenuItem>
-                <FdMenuItem>Sample Application No 10</FdMenuItem>
-                <FdMenuItem>Sample Application No 11</FdMenuItem>
-                <FdMenuItem>Sample Application No 11</FdMenuItem>
-                <FdMenuItem>Sample Application No 11</FdMenuItem>
-                <FdMenuItem>Sample Application No 12</FdMenuItem>
-                <FdMenuItem>Sample Application No 12</FdMenuItem>
-                <FdMenuItem>Sample Application No 12</FdMenuItem>
-              </FdMenuList>
-            </template>
-          </FdShellBarProductMenu>
-        </FdShellBarProduct>
-        <FdShellBarSubtitle>Subtitle</FdShellBarSubtitle>
-      </FdShellBarGroup>
-      <FdShellBarGroup position="end">
-        <FdShellBarActions>
-          <FdShellBarAction>
-            <FdShellBarProductSwitcher>
-              <FdShellBarProductSwitcherItem
-                v-for="product in products"
-                :key="product.title"
-                href="#"
-                :src="$withBase(product.src)"
-                :title="product.title"
-              />
-            </FdShellBarProductSwitcher>
-          </FdShellBarAction>
-        </FdShellBarActions>
-      </FdShellBarGroup>
-    </FdShellBar>
-
-    <br />
-    <br />
-    <br />
-    <br />
-    <FdShellBar>
-      <FdShellBarGroup position="start">
-        <FdShellBarLogo
-          alt="SAP"
-          :src="$withBase('images/sap-logo.png')"
-          :srcset="srcset"
-          width="48"
-          height="24"
-        />
-        <FdShellBarProduct>
-          <FdShellBarProductMenu>
-            <template #title>
-              Short
-            </template>
-            <template #default>
-              <FdMenuList>
-                <FdMenuItem @click="itemClicked('a')">
-                  Application with a very very long name
-                </FdMenuItem>
-                <FdMenuItem>
-                  anotherApplication with a very very long name
-                </FdMenuItem>
-              </FdMenuList>
-            </template>
-          </FdShellBarProductMenu>
-        </FdShellBarProduct>
-        <FdShellBarSubtitle>Subtitle</FdShellBarSubtitle>
-      </FdShellBarGroup>
-      <FdShellBarGroup position="end">
-        <FdShellBarActions>
-          <FdShellBarAction>
-            <FdShellBarProductSwitcher>
-              <FdShellBarProductSwitcherItem
-                v-for="product in products"
-                :key="product.title"
-                href="#"
-                :src="$withBase(product.src)"
-                :title="product.title"
-              />
-            </FdShellBarProductSwitcher>
-          </FdShellBarAction>
-        </FdShellBarActions>
-      </FdShellBarGroup>
-    </FdShellBar>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    itemClicked(item) {
-      // eslint-disable-next-line no-console
-      console.log("item clicked", item);
-    }
-  },
-  data() {
-    return {
-      products: [
-        {
-          src: "images/products/01.png",
-          title: "Fiori"
-        },
-        {
-          src: "images/products/02.png",
-          title: "S/4 HANA Cloud"
-        },
-        {
-          src: "images/products/03.png",
-          title: "Analytics Cloud"
-        }
-      ]
-    };
-  },
-  computed: {
-    srcset() {
-      return [
-        `${this.$withBase("images/sap-logo@2x.png")} 2x`,
-        `${this.$withBase("images/sap-logo@3x.png")} 3x`,
-        `${this.$withBase("images/sap-logo@4x.png")} 4x`
-      ].join(", ");
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Shell Bar/index.js b/src/docs/pages/Shell Bar/index.js
deleted file mode 100644
index 57c3b3b2..00000000
--- a/src/docs/pages/Shell Bar/index.js	
+++ /dev/null
@@ -1,18 +0,0 @@
-export default {
-  relatedComponents: [
-    "fd-shell-bar",
-    "fd-shell-bar-group",
-    "fd-shell-bar-product",
-    "fd-shell-bar-product-menu",
-    "fd-shell-bar-product-title",
-    "fd-shell-bar-logo",
-    "fd-shell-bar-subtitle",
-    "fd-shell-bar-actions",
-    "fd-shell-bar-action",
-    "fd-shell-bar-user-menu",
-    "fd-shell-bar-product-switcher",
-    "fd-shell-bar-product-switcher-item",
-    "fd-shell-bar-product-switcher-item-img",
-    "fd-shell-bar-product-switcher-item-title"
-  ]
-};
diff --git a/src/docs/pages/Shell/default.vue b/src/docs/pages/Shell/default.vue
deleted file mode 100644
index 8153e7c0..00000000
--- a/src/docs/pages/Shell/default.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<title>Shell (Application-level Layout)</title>
-<fullscreen-only />
-
-<template>
-  <div class="docs-component docs-component__app">
-    <FdShell>
-      <FdShellHeader>Header</FdShellHeader>
-      <FdApp>
-        <FdAppNavigation orientation="vertical">
-          Navigation
-        </FdAppNavigation>
-        <FdAppMain>main</FdAppMain>
-      </FdApp>
-      <FdShellFooter>Footer</FdShellFooter>
-    </FdShell>
-  </div>
-</template>
-
-<style>
-.docs-component {
-  height: 500px;
-}
-.docs-component__app {
-  height: 500px;
-  color: white;
-  position: relative;
-}
-.docs-component__app .fd-shell {
-  width: 100%;
-  max-width: 100%;
-  min-height: 410px;
-  max-height: 410px;
-  position: relative;
-}
-.docs-component__app .fd-shell__app {
-  height: calc(100% - 48px);
-  margin-top: 0;
-}
-.docs-component__app .fd-app__navigation {
-  height: calc(100% - 48px);
-  margin-top: 48px;
-}
-.docs-component__app .fd-shell__app,
-.docs-component__app .fd-shell,
-.docs-component__app .fd-app {
-  width: 100%;
-  max-width: 100%;
-  min-height: 410px;
-  max-height: 410px;
-}
-.docs-component__app .fd-shell__header,
-.docs-component__app .fd-app__navigation,
-.docs-component__app .fd-shell__footer,
-.docs-component__app .fd-app__main {
-  padding: 10px;
-  text-align: center;
-  color: #000;
-}
-.docs-component__app .fd-shell__header,
-.docs-component__app .fd-shell__footer {
-  background-color: #d9d9d9;
-}
-.docs-component__app .fd-app__navigation {
-  background-color: white;
-}
-.docs-component__app .fd-app__main {
-  background-color: #fafafa;
-  padding-top: 50px;
-}
-.docs-component__app .fd-overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.docs-component__app .fd-overlay--alert .fd-alert {
-  margin-top: -410px;
-}
-.docs-component__app .docs-component__bg-toggle {
-  display: none;
-}
-</style>
diff --git a/src/docs/pages/Shell/index.js b/src/docs/pages/Shell/index.js
deleted file mode 100644
index 4ba9ae0c..00000000
--- a/src/docs/pages/Shell/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-shell"]
-};
diff --git a/src/docs/pages/Side Navigation/index.js b/src/docs/pages/Side Navigation/index.js
deleted file mode 100644
index be9b9953..00000000
--- a/src/docs/pages/Side Navigation/index.js	
+++ /dev/null
@@ -1,14 +0,0 @@
-export default {
-  relatedComponents: [
-    "fd-side-nav",
-    "fd-side-nav-list",
-    "fd-side-nav-item",
-    "fd-side-nav-link",
-    "fd-side-nav-group",
-    "fd-side-nav-group-title",
-    "fd-side-nav-sub-list",
-    "fd-side-nav-sub-item",
-    "fd-side-nav-sub-link",
-    "fd-side-nav-icon"
-  ]
-};
diff --git a/src/docs/pages/Spinner/Example.vue b/src/docs/pages/Spinner/Example.vue
deleted file mode 100644
index 2eb1d403..00000000
--- a/src/docs/pages/Spinner/Example.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<title>Loader Element</title>
-
-<template>
-  <div><FdSpinner /></div>
-</template>
diff --git a/src/docs/pages/Spinner/index.js b/src/docs/pages/Spinner/index.js
deleted file mode 100644
index 0083f1c2..00000000
--- a/src/docs/pages/Spinner/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-spinner"]
-};
diff --git a/src/docs/pages/Status/1-statusIcon.vue b/src/docs/pages/Status/1-statusIcon.vue
deleted file mode 100644
index ffec7295..00000000
--- a/src/docs/pages/Status/1-statusIcon.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<title>Status Indicator Label with build in status icons</title>
-<template>
-  <div class="status">
-    <FdStatus statusIcon="available">Available</FdStatus>
-    <FdStatus statusIcon="away">Away</FdStatus>
-    <FdStatus statusIcon="busy">Busy</FdStatus>
-    <FdStatus statusIcon="offline">Appear Offline</FdStatus>
-  </div>
-</template>
diff --git a/src/docs/pages/Status/2-anyIcon.vue b/src/docs/pages/Status/2-anyIcon.vue
deleted file mode 100644
index f646c620..00000000
--- a/src/docs/pages/Status/2-anyIcon.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<title>Status Indicator Label with any icons</title>
-
-<template>
-  <div class="status">
-    <FdStatus icon="history">Custom Icon</FdStatus>
-    <FdStatus icon="message-success">Success</FdStatus>
-    <FdStatus icon="message-warning">Warning</FdStatus>
-    <FdStatus icon="message-error">Error</FdStatus>
-  </div>
-</template>
diff --git a/src/docs/pages/Status/3-default.vue b/src/docs/pages/Status/3-default.vue
deleted file mode 100644
index 6aabbc88..00000000
--- a/src/docs/pages/Status/3-default.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<title>Status Indicator Label with symentic colors</title>
-
-<template>
-  <div class="status">
-    <FdStatus>Default</FdStatus>
-    <FdStatus type="success">Success</FdStatus>
-    <FdStatus type="warning">Warning</FdStatus>
-    <FdStatus type="error">Error</FdStatus>
-  </div>
-</template>
diff --git a/src/docs/pages/Status/index.js b/src/docs/pages/Status/index.js
deleted file mode 100644
index 7376b71f..00000000
--- a/src/docs/pages/Status/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-status"]
-};
diff --git a/src/docs/pages/Table/.vscode/settings.json b/src/docs/pages/Table/.vscode/settings.json
deleted file mode 100644
index a92f73ff..00000000
--- a/src/docs/pages/Table/.vscode/settings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "eslint.enable": false
-}
\ No newline at end of file
diff --git a/src/docs/pages/Table/0-table-default.vue b/src/docs/pages/Table/0-table-default.vue
deleted file mode 100644
index 703abd47..00000000
--- a/src/docs/pages/Table/0-table-default.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<title>Table</title>
-<docs>
-Use `fd-table` in order to display data best visualized by rows and columns.
-
-<d-tip></d-tip>
-
-<div class="fdd-tip">
-  <div class="fdd-tip__title">IMPORTANT</div>
-  <div class="fdd-tip__body">
-    <p>In a previous release you didn't have to put <code>fd-table-row</code> in a <code>template</code>. Going forward you have to do so.</p>
-  </div>
-</div>
-
-The most important prop exposed by `fd-table` is called `items`. The items of a table must all be some kind of `Object`. If `fd-table` encounters an item without an `id`-property, an `id` will be created. The `id` of an item is used to uniquely identify the corresponding item. Each item may contain any additional custom properties.
-
-### fd-table Atonomy
-
-#### The Table Header: `fd-tableHeader`
-It is the responsibility of `fd-table` to render it's header. The header renders column names, sort indicators and custom content. You configure the header of an `fd-table` by using it's `headers`-prop. The `headers`-prop accepts an array which may contain strings or header configuration objects. A plain string inside the `headers`-array will be used as a label for the column header. The complete definition of the `headers`-prop looks like this:
-
-```typescript
-type Header = {
-  label: string;
-  sortable?: boolean;
-  sortBy?: string;
-  alignment?: TextAlignment; // 'center' or 'default'
-  renderHeader?: HeaderCellRenderFunction; // not yet implemented
-} | string;
-```
-
-#### The Table Row Template: `fd-table-row`
-Rows are rendered by `fd-table` on your behalf. This is why you don't specify each row individually. Instead you describe how to render a row (`fd-table-row`) given some context (using Vue's __slot-scope__-mechanism). The object passed to the template has the following shape:
-
-```typescript
-// Object passed to the row template.
-interface RowSlotProps<T=object> {
-  // Your custom item
-  item: T & { id: string; };
-
-  // True if the corresonding row is currently selected
-  selected: boolean;
-
-  // Call this if you want to change the selection
-  setSelected(selected: boolean): void;
-
-  selectedIds: string[];
-  canSelect: boolean;
-  toggle(): void;
-}
-```
-</docs>
-
-<tip>
-`fd-table` is pretty fast. However it currently renders everything no matter whether an item is currently displayed or not. The `items`-array should be somewhere around `0` and `5.000`. Otherwise `fd-table` will crash your browser. We are working on removing that limitation. In the meantime you should work around that by using some kind of paging mechanism.
-</tip>
-
-<template>
-  <fd-table :headers="['firstName', 'lastName', 'building']" :items="items">
-    <template #row="{ item }">
-      <fd-table-row>
-        <template #firstName>
-          <fd-table-cell>
-            {{ item.firstName }}
-          </fd-table-cell>
-        </template>
-        <template #lastName>
-          <fd-table-cell>
-            {{ item.lastName }}
-          </fd-table-cell>
-        </template>
-        <template #building>
-          <fd-table-cell>
-            {{ item.building }}
-          </fd-table-cell>
-        </template>
-      </fd-table-row>
-    </template>
-  </fd-table>
-</template>
-
-<script>
-export default {
-  data: () => ({
-    items: [
-      { firstName: "Chris", lastName: "Kienle", building: "WFD02" },
-      { firstName: "Andi", lastName: "Kienle", building: "WFD03" },
-      { firstName: "Sven", lastName: "Bacia", building: "WFD02" },
-      { firstName: "Artur", lastName: "Raess", building: "WFD02" }
-    ]
-  })
-};
-</script>
diff --git a/src/docs/pages/Table/index.js b/src/docs/pages/Table/index.js
deleted file mode 100644
index 05b3ac02..00000000
--- a/src/docs/pages/Table/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-table", "fd-table-cell", "fd-table-row"]
-};
diff --git a/src/docs/pages/Tabs/index.js b/src/docs/pages/Tabs/index.js
deleted file mode 100644
index bece7405..00000000
--- a/src/docs/pages/Tabs/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-tabs", "fd-tab-item"]
-};
diff --git a/src/docs/pages/Tile Grid/index.js b/src/docs/pages/Tile Grid/index.js
deleted file mode 100644
index 98d44854..00000000
--- a/src/docs/pages/Tile Grid/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-tile-grid"]
-};
diff --git a/src/docs/pages/Tile/index.js b/src/docs/pages/Tile/index.js
deleted file mode 100644
index 5ac7abf4..00000000
--- a/src/docs/pages/Tile/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-tile", "fd-product-tile", "fd-tile-grid"]
-};
diff --git a/src/docs/pages/Time Picker/1-Time.vue b/src/docs/pages/Time Picker/1-Time.vue
deleted file mode 100644
index 43908f54..00000000
--- a/src/docs/pages/Time Picker/1-Time.vue	
+++ /dev/null
@@ -1,23 +0,0 @@
-<title>Time</title>
-<docs>The `FdTime` component is used for a single time value. Multiple components can be used in the time-picker to assemble a clock time. A max of four will account for hours, minutes, seconds and period of the day.
-```
-<FdTime />
-```
-It will be rare to see this component used outside of it being composed in the time-picker component.
-</docs>
-<template>
-  <div>
-    <FdTime :value="value" @update:value="onTimeUpdate" type="hour24"></FdTime>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    onTimeUpdate(time) {
-      console.log(time); // eslint-disable-line no-console
-    }
-  },
-  data: () => ({ value: 17 })
-};
-</script>
diff --git a/src/docs/pages/Time Picker/3-TimeItem.vue b/src/docs/pages/Time Picker/3-TimeItem.vue
deleted file mode 100644
index 253da751..00000000
--- a/src/docs/pages/Time Picker/3-TimeItem.vue	
+++ /dev/null
@@ -1,33 +0,0 @@
-<title>TimeItem</title>
-<docs>
-The `FdTimeItem` is used in the popover to pick time that is associated with the `FdTimePicker` component.
-```
-<FdTimeItem />
-```
-</docs>
-<template>
-  <div>
-    <FdTimeItem
-      :showMeridian="showMeridian"
-      :value="value"
-      @update:value="onTimeItemUpdate"
-    ></FdTimeItem>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    onTimeItemUpdate(time) {
-      // eslint-disable-next-line no-console
-      console.log(time);
-    }
-  },
-  data() {
-    return {
-      showMeridian: true,
-      value: "12:00:00 pm"
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Time Picker/index.js b/src/docs/pages/Time Picker/index.js
deleted file mode 100644
index 11dcd6b2..00000000
--- a/src/docs/pages/Time Picker/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-time", "fd-time-item", "fd-time-picker"]
-};
diff --git a/src/docs/pages/Toggle/index.js b/src/docs/pages/Toggle/index.js
deleted file mode 100644
index a79c0dcb..00000000
--- a/src/docs/pages/Toggle/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-toggle"]
-};
diff --git a/src/docs/pages/Token/Example.vue b/src/docs/pages/Token/Example.vue
deleted file mode 100644
index 4b6b4091..00000000
--- a/src/docs/pages/Token/Example.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<title>Default Token</title>
-
-<template>
-  <div class="tokens">
-    <FdToken @click="click">Click Me</FdToken>
-    <FdToken>Lorem</FdToken>
-    <FdToken>Dolor</FdToken>
-    <FdToken>Filter</FdToken>
-  </div>
-</template>
-
-<script>
-export default {
-  methods: {
-    click() {
-      window.alert("Clicked!");
-    }
-  }
-};
-</script>
diff --git a/src/docs/pages/Token/index.js b/src/docs/pages/Token/index.js
deleted file mode 100644
index bb6f6f9e..00000000
--- a/src/docs/pages/Token/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-token"]
-};
diff --git a/src/docs/pages/Virtualized List/0-VirtualizedList.vue b/src/docs/pages/Virtualized List/0-VirtualizedList.vue
deleted file mode 100644
index 39c489b0..00000000
--- a/src/docs/pages/Virtualized List/0-VirtualizedList.vue	
+++ /dev/null
@@ -1,52 +0,0 @@
-<title>Simple Virtualized List</title>
-
-<docs>
-You can use `fd-virtualized-list` when you need to display a lot of data in a scrollable list. `fd-virtualized-list` only renders what is currently on your screen. Offscreen data is not rendered. Thus scrolling through your list should be very efficient. `fd-virtualized-list` depends on a 3rd-party (open source) library called [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller). *Fundamental Vue* does not include a copy of [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller). It is up to you to properly setup [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller).
-
-    <p>Your <code>items</code>-array must have some kind of unique identifier. Use the <code>key-field</code>-prop to specify the name of the property.</p>
-
-</docs>
-
-<tip>
-You also have to install [vue-observe-visibility](https://github.com/Akryum/vue-observe-visibility) because `fd-virtualized-list` requires the `v-observe-visibility`-directive.
-</tip>
-<template>
-  <!--
-    You have to import the CSS that is part of vue-virtual-scroller
-    manually. Otherwise this component will not work:
-
-    import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-  -->
-  <fd-virtualized-list style="height: 400px;" :min-item-size="30" :items="items" key-field="id">
-    <template #item="{ item, index }">
-      <fd-tile is-button transparent>
-        <fd-tile-content>
-          <fd-tile-title tag="p">#{{ index }} {{ item.title }}</fd-tile-title>
-        </fd-tile-content>
-      </fd-tile>
-    </template>
-  </fd-virtualized-list>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      items: [
-        { id: "1", title: "Item A" },
-        { id: "2", title: "Item B" },
-        { id: "3", title: "Item C" },
-        { id: "4", title: "Item D" },
-        { id: "5", title: "Item E" },
-        { id: "6", title: "Item F" },
-        { id: "7", title: "Item G" },
-        { id: "8", title: "Item H" },
-        { id: "9", title: "Item I" },
-        { id: "10", title: "Item J" },
-        { id: "11", title: "Item K" },
-        { id: "12", title: "Item L" }
-      ]
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Virtualized List/1-VirtualizedList-Loading-More.vue b/src/docs/pages/Virtualized List/1-VirtualizedList-Loading-More.vue
deleted file mode 100644
index e900b681..00000000
--- a/src/docs/pages/Virtualized List/1-VirtualizedList-Loading-More.vue	
+++ /dev/null
@@ -1,83 +0,0 @@
-<title>Lazy Loading Virtualized List</title>
-
-<docs>
-You don't have to tell `fd-virtualized-list` all of your items in advance. You can simply give `fd-virtualized-list` only a few items, just enough to fill it up completely. Once the user has scrolled to the bottom of the list you are asked to provide more items.
-
-This works by passing an item loader by using the `load-more-items`-prop. Typically this prop is simply a method in your component.
-
-This method will automatically be alled by `fd-virtualized-list` once more items are required in order to let the user continue to scroll.
-
-Your method that loads more items is invoked with a callback that has to be called. A typical method that loads more items and can be used in conjunction with `load-more-items` may look like this:
-
-```js
-{
-  data() {
-    return { items: [/* your items */]}
-  },
-  methods: {
-    loadMoreItems(done) {
-      // Load more items…
-      const newItems = this.fetchItemsFromBackend();
-      // Add the new items to your items-array:
-      this.items.push(...newItems);
-      // Call done.
-      done()
-    }
-  }
-}
-```
-
-Between `loadMoreItems` is invoked and you calling `done` `fd-virtualized-list` is in a loading state and displays a spinner (`fd-spinner`) at the very bottom. This can be customized by specifying a custom `loading`-slot.
-</docs>
-
-<tip>
-The example below loads new items for ever and ever. You will never reach the end. Sorry.
-</tip>
-
-<template>
-  <fd-virtualized-list
-    :min-item-size="30"
-    :items="items"
-    :load-more-items="loadMoreItems"
-    style="height: 400px;"
-    key-field="id"
-  >
-    <template #item="{ item, index }">
-      <fd-tile transparent is-button>
-        <fd-tile-content>
-          <fd-tile-title>#{{ index }} {{ item.title }}</fd-tile-title>
-        </fd-tile-content>
-      </fd-tile>
-    </template>
-  </fd-virtualized-list>
-</template>
-
-<script>
-import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-
-const createItem = maxIndex => ({
-  title: `Item at Index ${maxIndex}`,
-  id: `${maxIndex}`
-});
-
-const createItems = (maxIndex, count) => {
-  const indices = Array.from({ length: count }).map((_, index) => index + maxIndex);
-  return indices.map(index => createItem(index));
-};
-
-export default {
-  methods: {
-    loadMoreItems(done) {
-      setTimeout(() => {
-        this.items.push(...createItems(this.items.length, 20));
-        done();
-      }, 2000);
-    }
-  },
-  data() {
-    return {
-      items: createItems(0, 20)
-    };
-  }
-};
-</script>
diff --git a/src/docs/pages/Virtualized List/index.js b/src/docs/pages/Virtualized List/index.js
deleted file mode 100644
index 7a647352..00000000
--- a/src/docs/pages/Virtualized List/index.js	
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  relatedComponents: ["fd-virtualized-list"]
-};
diff --git a/src/docs/pages/index.js b/src/docs/pages/index.js
deleted file mode 100644
index 002dd5e6..00000000
--- a/src/docs/pages/index.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import slugify from "./../util/slugify";
-import deslugify from "./../util/deslugify";
-
-const examplesContext = require.context("./", true, /\.vue$/);
-const examplesCodeContext = require.context("!remove-docs-loader!./", true, /\.vue$/);
-
-class Page {
-  constructor({ key, slug, relatedComponents }) {
-    this.slug = slug;
-    this.key = key;
-    this.title = deslugify(slug);
-    this.relatedComponents = relatedComponents;
-  }
-}
-
-export const getPages = () => {
-  /** @param {string} key */
-  const slugFromKey = key => {
-    let withoutPrefix = key;
-    if (key.startsWith("./")) {
-      withoutPrefix = key.substring(2);
-    }
-    const indexModuleIndex = withoutPrefix.indexOf("/index.js");
-    if (indexModuleIndex >= 0) {
-      withoutPrefix = withoutPrefix.substring(0, indexModuleIndex);
-    }
-    // we are calling slugify because atm the directory name is
-    // not yet slugified.
-    return slugify(withoutPrefix);
-  };
-  const context = require.context("./", true, /index.js$/);
-  // eg.: "./Action Bar/index.js"
-  /** @type {string[]} */
-  const keys = context.keys().filter(key => key !== "./index.js");
-  const pages = [];
-
-  keys.forEach(key => {
-    const pageModule = context(key);
-    const defaultExport = pageModule.default;
-    if (pageModule == null) {
-      // eslint-disable-next-line no-console
-      console.warn(`page ${key} has no default export.`);
-      return;
-    }
-    const { relatedComponents = [] } = defaultExport;
-    const slug = slugFromKey(key);
-    pages.push(new Page({ key, slug, relatedComponents }));
-  });
-
-  return pages;
-};
-
-export const getExamples = collectionName => {
-  // Contains stringe like: ./Button/group.vue
-  const exampleKeys = examplesContext.keys();
-  const reg = new RegExp(`^./${collectionName}/(.*).vue$`);
-  const keyMatches = key => key.match(reg) != null;
-  // This array contains only matching keys. Each key represents a single
-  // example eg.: './Alert/0-default.vue'
-  // From now on we refer to a matching key as the example's id.
-  // The id is used to uniquely identify an example. This is needed to host
-  // a specific example (eg. in fullscreen mode).
-  const matchingKeys = exampleKeys.filter(keyMatches);
-  const result = matchingKeys.map(key => {
-    const component = examplesContext(key).default;
-    const titleFromComponent = component.__title;
-    const title = typeof titleFromComponent === "string" ? titleFromComponent : "";
-    const tip = component.__tip;
-    const docs = component.__docs;
-    const condensed = component.__condensed != null;
-    const fullscreenOnly = component.__fullscreenOnly != null;
-    const code = examplesCodeContext(key).default;
-    return {
-      id: key,
-      tip,
-      component,
-      title,
-      code,
-      docs,
-      condensed,
-      fullscreenOnly
-    };
-  });
-  result.sort((lhs, rhs) => lhs.id.localeCompare(rhs.id, "en", { numeric: true }));
-  return result;
-};
diff --git a/src/docs/router/component-api-route.js b/src/docs/router/component-api-route.js
new file mode 100644
index 00000000..92a4f9d3
--- /dev/null
+++ b/src/docs/router/component-api-route.js
@@ -0,0 +1,14 @@
+// @ts-check
+
+/**
+ * @param {import("./../util/component-name").default} name
+ * @returns {import("vue-router").Location}
+ */
+export const routeConfigForComponentNamed = name => {
+  return {
+    name: "api",
+    params: {
+      slug: name.slugified
+    }
+  };
+};
diff --git a/src/docs/router/create.js b/src/docs/router/create.js
index dad2ce57..33e772ba 100644
--- a/src/docs/router/create.js
+++ b/src/docs/router/create.js
@@ -1,24 +1,26 @@
 // @ts-check
 import Router from "vue-router";
-import { ExampleCollection, StaticContent, FullscreenDemo } from "./../components";
-import ComponentApiPage from "./../_pages/component-api-page.vue";
+// @ts-ignore
+import DComponentApi from "./../components/d-component-api.vue";
+// @ts-ignore
+import DExampleCollection from "./../components/d-example-collection.vue";
+// @ts-ignore
+import DExampleFullscreen from "./../components/d-example-fullscreen.vue";
 
-const createRouter = componentApiRepository => {
-  const keys = componentApiRepository.keys;
-  const componentApiRoutes = keys
-    .map(key => componentApiRepository.routeForKey(key))
-    .map(route => ({
-      ...route,
-      meta: {
-        // This disables to scroll to top feature.
-        // Scrolling in the api documentation is handled there.
-        scrollToTop: false
-      },
-      // @ts-ignore
-      component: () => import("./../components/d-component-api.vue")
-    }));
+// @ts-ignore
+import README_MD from "./../../../README.md";
+// @ts-ignore
+import NEW_COMPONENT_GUIDE_MD from "./../static-pages/NEW_COMPONENT/NEW_COMPONENT.md";
+
+// eslint-disable-next-line no-undef
+const baseUrl = process.env.BASE_URL;
+// eslint-disable-next-line no-undef
+const prerender = process.env.FDD_PRERENDER === "true";
+
+const createRouter = () => {
   return new Router({
-    mode: "hash",
+    base: baseUrl,
+    mode: prerender ? "history" : "hash",
     // Scroll the main component to the top.
     scrollBehavior(to) {
       const { meta = {} } = to;
@@ -40,40 +42,31 @@ const createRouter = componentApiRepository => {
       {
         path: "/",
         name: "home",
-        component: StaticContent,
-        meta: { layout: "Default" },
-        props: { html: require("./../static-pages/start.md") }
+        component: README_MD,
+        meta: { layout: "default" }
       },
       {
-        path: "/api",
         name: "api",
-        component: ComponentApiPage,
-        meta: {
-          // This disables to scroll to top feature.
-          // Scrolling in the api documentation is handled there.
-          scrollToTop: false
-        },
-        children: componentApiRoutes
+        path: "/api/:slug",
+        meta: { layout: "default" },
+        component: DComponentApi
       },
       {
         name: "guide-new-component",
         path: "/guide/new-component",
-        component: StaticContent,
-        props: {
-          html: require("./../static-pages/NEW_COMPONENT/NEW_COMPONENT.md")
-        }
+        component: NEW_COMPONENT_GUIDE_MD
       },
       {
-        path: "/example/:slug",
-        name: "example",
-        meta: { layout: "Default" },
-        component: ExampleCollection
+        name: "examples",
+        path: "/examples/:slug",
+        meta: { layout: "default" },
+        component: DExampleCollection
       },
       {
-        path: "/demo/:id",
-        name: "example-demo",
-        meta: { layout: "Fullscreen" },
-        component: FullscreenDemo
+        name: "example",
+        path: "/example/:collection/:example",
+        meta: { layout: "fullscreen" },
+        component: DExampleFullscreen
       }
     ]
   });
diff --git a/src/docs/router/resolve-example.js b/src/docs/router/resolve-example.js
new file mode 100644
index 00000000..c75aa7a0
--- /dev/null
+++ b/src/docs/router/resolve-example.js
@@ -0,0 +1,20 @@
+// @ts-check
+
+/**
+ * @typedef {object} Options
+ * @prop {string} collection
+ * @prop {string} example
+ */
+/**
+ * @param {Options} options
+ * @returns {import("vue-router").Location}
+ */
+export const resolveExample = ({ collection, example }) => {
+  return {
+    name: "example",
+    params: {
+      collection,
+      example
+    }
+  };
+};
diff --git a/src/docs/static-pages/NEW_COMPONENT/NEW_COMPONENT.md b/src/docs/static-pages/NEW_COMPONENT/NEW_COMPONENT.md
index 8cc094a2..446ae4a9 100644
--- a/src/docs/static-pages/NEW_COMPONENT/NEW_COMPONENT.md
+++ b/src/docs/static-pages/NEW_COMPONENT/NEW_COMPONENT.md
@@ -6,7 +6,7 @@
 
 For the purpose of this guide, lets assume that you want to create a component called `Flower`. Create a folder that contains all of your files. For example:
 
-```
+```bash
 $ mkdir ui/src/components/Flower
 $ touch ui/src/components/Flower/index.ts
 $ touch ui/src/components/Flower/Flower.vue
@@ -18,7 +18,7 @@ $ touch ui/src/components/Flower/Util.ts
 
 **ui/src/components/Flower/Flower.vue**
 
-```
+```xml
 <template>
   <div :style="style">I am a flower</div>
 </template>
@@ -66,32 +66,32 @@ In order to make your component available to the public you have to document the
 
 In order to create a example for your new component create the necessary files:
 
-```shell
+```bash
 $ mkdir docs/src/pages/Flower
 $ touch docs/src/pages/Flower/0-default.vue
 $ touch docs/src/pages/Flower/index.ts
 ```
 
-Examples are implemented as single file components (in our case `docs/src/pages/Flower/0-default.vue`) because this is what most Vue developers are using. You can put anything you want in the vue-file: a `<template>`-block, a `<script>`-block and a `<style>`-block. 
+Examples are implemented as single file components (in our case `docs/src/pages/Flower/0-default.vue`) because this is what most Vue developers are using. You can put anything you want in the vue-file: a `<template>`-block, a `<script>`-block and a `<style>`-block.
 
-Fundamental Vue examples may contain additional documentation specific blocks. 
+Fundamental Vue examples may contain additional documentation specific blocks.
 
 **_baseline.json:**
  docs/src/api/_baseline.json
 
-Here you add the documentation that needs to be added for your component; like the possible slots, props, events, mixins etc. 
-  
+Here you add the documentation that needs to be added for your component; like the possible slots, props, events, mixins etc.
+
 **pages.json:**
  docs/src/pages/pages.json
 
-Here you add the page configuration in which the documentation will be shown; like the title that comes on the left section, the files that need to be read and stuff. 
+Here you add the page configuration in which the documentation will be shown; like the title that comes on the left section, the files that need to be read and stuff.
 
 Lets simply implement the most basic example possible:
 ### Simple Example
 
 **docs/src/pages/Flower/0-default.vue**
 
-```xhtml
+```xml
 <template>
   <FdFlower color="red" />
 </template>
@@ -109,7 +109,7 @@ As already mentioned in the paragraph above, you can improve your example by usi
 
 **docs/src/pages/Flower/0-default.vue**
 
-```xhtml
+```xml
 <title>Red Flower (Rose)</title>
 <docs>Roses are **red**, __Violets__ are ~blue~, Sugar is sweet, And so are you.</docs>
 <tip>Plant roses under trees for **best** results.</tip>
@@ -128,8 +128,7 @@ A good component should either be localized or localizable.
 Since there is no Fundamental Vue-wide localisation and internationalization concept (localized icons, right-to-left-support, …) you should at least create an issue for the component you implemented.
 
 ## Accessibility
-Having an accessible component directly means catering to a broader audience than otherwise. 
-It needs to be noted that each new component is expected to be accessible. 
-
-For details, please refer to: https://www.w3.org/TR/wai-aria-practices-1.1/
+Having an accessible component directly means catering to a broader audience than otherwise.
+It needs to be noted that each new component is expected to be accessible.
 
+For details, please refer to: [https://www.w3.org/TR/wai-aria-practices-1.1/](https://www.w3.org/TR/wai-aria-practices-1.1/)
\ No newline at end of file
diff --git a/src/docs/static-pages/start.md b/src/docs/static-pages/start.md
deleted file mode 100644
index 4d02223f..00000000
--- a/src/docs/static-pages/start.md
+++ /dev/null
@@ -1,128 +0,0 @@
-# Fundamental Vue
-
-> SAP Fundamental Vue is a UI framework based on [SAP Fundamental Styles](https://sap.github.io/fundamental-styles/) and [Vue.js](https://vuejs.org).
-
-## Installation
-You can install Fundamental Vue via **NPM** or by simply including it by using the `<script>`- and `<link>`-tags.
-
-### Installation via **\<script\>** and **\<link\>**
-
-In order to use Fundamental Vue you have to include three things in your `index.html` file:
-
-1. Fundamental CSS styles
-2. Vue
-3. Fundamental Vue
-
-Paste the following snippet in your `<head>`-tag:
-
-```html
-<link rel="stylesheet" href="https://unpkg.com/fundamental-styles@latest/dist/fundamental-styles.min.css">
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
-<script src="https://unpkg.com/fundamental-vue/dist/FundamentalVue.umd.js"></script>
-```
-
-Then you can use Fundamental Vue like this:
-
-```xhtml
-<body>
-  <div id="app" />
-  <script>
-    Vue.use(FundamentalVue);
-    new Vue({
-      el: '#app',
-      template: `
-        <FdPopover v-fd-margin:large>
-          <h1 v-fd-margin:large slot="body">
-            🚀 Hello Fundamental Vue 🚀
-          </h1>
-        </FdPopover>`
-    });
-  </script>
-</body>
-```
-
-You should then see a button saying *🚀 Hello Fundamental Vue 🚀*. Clicking on it will display a popover.
-
-If you are targeting IE 11 you have to include the IE-compatible build of Fundamental Styles:
-
-```html
-<link rel="stylesheet" type="text/css" href="https://unpkg.com/fundamental-styles@latest/dist/fundamental-styles-ie11.min.css">
-```
-
-### Install Fundamental Vue via **NPM**:
-
-Fundamental Vue can also be installed via NPM which requires a few more steps but is also a bit more flexible.
-
-```bash
-npm install --save fundamental-vue
-```
-
-## Usage
-
-After installing, you will need to import `fundamental-vue` and make it available to your Vue application. These instructions assume the usage of Vue CLI to scaffold your project.
-
-In your project's `main.js`:
-
-```
-// ...
-import FundamentalVue from 'fundamental-vue';
-Vue.use(FundamentalVue);
-// ...
-```
-
-Fundamental Vue does not include the ['SAP Fundamental Styles' library](https://sap.github.io/fundamental-styles/) which is required for styling.
-
-## Install Fundamental Styles
-The quickest way to get Fundamental Styles for your components is to include the compiled and minified Fundamental Styles CSS library with the following CDN link in your public `index.html` file:
-
-```
-<link rel="stylesheet" type="text/css" href="https://unpkg.com/fundamental-styles@1.4.3/dist/fundamental-styles.min.css">
-```
-
-However, installing the Fundamental Styles library with npm (recommended) will give you the flexibility to use individual components and enable advanced customisation options. In this case, you do not need the CDN link as this method uses the SASS/SCSS source.
-
-To install the Fundamental Styles SASS/SCSS source:
-
-```
-$ npm install --save fundamental-styles
-```
-
-The following assumes the usage of a module bundler such as [webpack](https://webpack.js.org/). To compile Fundamental Styles SASS/SCSS to CSS, two additional packages are required for your bundling process - [sass-loader](https://github.com/webpack-contrib/sass-loader) and [node-sass](https://github.com/sass/node-sass). To install these packages as development dependencies:
-
-```
-$ npm install sass-loader node-sass --save-dev
-```
-
-Loading the SCSS and running your project at this point will result in errors relating to the path configuration for icons and fonts. This is a [known issue](https://github.com/SAP/fundamental-styles#known-issues).
-
-To rectify this, start by creating a new directory ('scss') in your project's `src`. Within this directory, create a main SCSS file ('main.scss') from which to manage your imports, configurations and customisations.
-
-Add the following to the main SCSS file:
-
-```
-$fd-icons-path : "../node_modules/fundamental-styles/scss/icons/"; // should be declared before the scss import
-
-$fd-scss-font-path : "../node_modules/fundamental-styles/scss/fonts/";
-
-@import "../node_modules/fundamental-styles/scss/all.scss";
-```
-
-Import the main SCSS file in your `App.js` style block to add Fundamental Styles to your project.
-
-```
-<style lang='scss'>
-…
-@import "./scss/main.scss";
-…
-</style>
-```
-
-To learn more about currently available components please go to the official [component documentation](https://sap.github.io/fundamental-vue).
-
-To use a Fundamental Vue component, paste the desired code snippet from the [component documentation](https://sap.github.io/fundamental-vue) and configure it as necessarry:
-
-```
-<FdAlert dismissible>
-      Happy building! 🚀
-</FdAlert>
-```
diff --git a/src/docs/styles/_markdown-vars.scss b/src/docs/styles/_markdown-vars.scss
new file mode 100644
index 00000000..65c0ae50
--- /dev/null
+++ b/src/docs/styles/_markdown-vars.scss
@@ -0,0 +1,2 @@
+$md-font-size: 14px;
+$md-line-height: 2.0 * $md-font-size;
diff --git a/src/docs/styles/markdown.scss b/src/docs/styles/markdown.scss
new file mode 100644
index 00000000..97a1fe09
--- /dev/null
+++ b/src/docs/styles/markdown.scss
@@ -0,0 +1,56 @@
+@import "markdown-vars";
+
+@mixin fdd-code {
+  border-radius: 4px;
+  padding-left: 7px;
+  padding-right: 7px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  color: #476582;
+  font-weight: 400;
+  font-size: 0.9 * $md-font-size;
+  background-color: rgba(27, 31, 35, 0.05);
+}
+
+.fdd-md {
+  @for $i from 1 through 6 {
+    &--h#{$i} {
+      $scale-factor: 1 + ((6 - ($i - 1)) / 6);
+      font-size: $scale-factor * $md-font-size;
+      font-weight: 200;
+      color: rgb(110, 110, 110);
+      @if $i > 1 {
+        margin-top: 20px;
+      }
+      margin-bottom: 20px;
+    }
+  }
+  &--ol, &--ul {
+    font-size: $md-font-size;
+  }
+  &--li {
+    margin-left: 1rem;
+    margin-top: 8px;
+    font-size: $md-font-size;
+    line-height: $md-line-height;
+  }
+  &--blockquote {
+    font-size: 1rem;
+    color: #999;
+    border-left: .2rem solid #dfe2e5;
+    margin: 1rem 0;
+    padding: .25rem 0 .25rem 1rem;
+    > p {
+      margin: 0;
+    }
+  }
+  &--p {
+    font-size: $md-font-size;
+    line-height: $md-line-height;
+    margin-top: 1.5 * $md-font-size;
+    margin-bottom: 1.5 * $md-font-size;
+    code {
+      @include fdd-code;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/docs/util/__tests__/component-name.test.js b/src/docs/util/__tests__/component-name.test.js
new file mode 100644
index 00000000..9f0db5e7
--- /dev/null
+++ b/src/docs/util/__tests__/component-name.test.js
@@ -0,0 +1,38 @@
+import ComponentName from "./../component-name";
+
+describe("ComponentName", () => {
+  it("handles invalid name", () => {
+    expect(() => ComponentName.from()).toThrow();
+    expect(() => ComponentName.from(null)).toThrow();
+    expect(() => ComponentName.from(1)).toThrow();
+    expect(() => ComponentName.from({})).toThrow();
+    expect(() => ComponentName.from([])).toThrow();
+    expect(() => ComponentName.from(new Date())).toThrow();
+  });
+  it("handles already normalized names", () => {
+    expect(ComponentName.from("fd-button").normalized).toBe("fd-button");
+
+    expect(ComponentName.from("fd-button-group").normalized).toBe("fd-button-group");
+  });
+
+  it("handles names without prefix", () => {
+    expect(ComponentName.from("button").normalized).toBe("fd-button");
+    expect(ComponentName.from("button–group").normalized).toBe("fd-button–group");
+  });
+
+  it("handles CamelCased names without prefix", () => {
+    expect(ComponentName.from("Button").normalized).toBe("fd-button");
+    expect(ComponentName.from("ButtonGroup").normalized).toBe("fd-button-group");
+  });
+
+  it("handles CamelCased names with prefix", () => {
+    expect(ComponentName.from("FdButton").normalized).toBe("fd-button");
+    expect(ComponentName.from("FdButtonGroup").normalized).toBe("fd-button-group");
+  });
+
+  it("handles show names without prefix", () => {
+    expect(ComponentName.from("h").normalized).toBe("fd-h");
+    expect(ComponentName.from("a").normalized).toBe("fd-a");
+    expect(ComponentName.from("A").normalized).toBe("fd-a");
+  });
+});
diff --git a/src/docs/util/component-name.js b/src/docs/util/component-name.js
new file mode 100644
index 00000000..3530d006
--- /dev/null
+++ b/src/docs/util/component-name.js
@@ -0,0 +1,89 @@
+// @ts-check
+import kebabCase from "./kebab-case";
+import slugified from "./slugify";
+import deslugified from "./deslugify";
+
+// This class helps us to migrate between different representations of a component name.
+// There are different naming conventions.
+
+/**
+ * @param {any} invalidName
+ * @returns {never}
+ */
+const handleInvalidName = invalidName => {
+  throw Error(`Invalid component name: ${invalidName}`);
+};
+
+const NORMALIZED_PREFIX = "fd";
+
+class ComponentName {
+  /**
+   * @param {any} raw
+   * @returns {boolean}
+   */
+  static hasPrefix(raw) {
+    if (raw == null) {
+      return false;
+    }
+    if (typeof raw !== "string") {
+      return false;
+    }
+    return raw.toLowerCase().startsWith(NORMALIZED_PREFIX);
+  }
+  /**
+   * @param {any} raw
+   * @returns {ComponentName}
+   */
+  static from(raw) {
+    if (raw == null) {
+      handleInvalidName(raw);
+    }
+    if (typeof raw !== "string") {
+      handleInvalidName(raw);
+    }
+
+    if (raw.length <= NORMALIZED_PREFIX.length) {
+      // Name has no prefix
+      // let's kebab-case the raw string.
+      return new ComponentName(`${NORMALIZED_PREFIX}-${kebabCase(raw)}`);
+    }
+
+    if (raw.toLowerCase().startsWith(NORMALIZED_PREFIX)) {
+      return new ComponentName(kebabCase(raw));
+    }
+    return new ComponentName(`${NORMALIZED_PREFIX}-${kebabCase(raw)}`);
+  }
+
+  /** @param {string} normalized */
+  constructor(normalized) {
+    this._normalized = normalized;
+  }
+  /** @returns {string} */
+  get normalized() {
+    return this._normalized;
+  }
+  /** @returns {string} */
+  get slugified() {
+    return slugified(this.normalized);
+  }
+  /** @returns {string} */
+  get slugifiedWithoutPrefix() {
+    return slugified(this.normalizedWithoutPrefix);
+  }
+
+  /** @returns {string} */
+  get normalizedWithoutPrefix() {
+    return this.normalized.substring(3);
+  }
+
+  /** @returns {string} */
+  get displayable() {
+    return deslugified(this.normalizedWithoutPrefix);
+  }
+  /** @returns {string} */
+  get displayableWithPrefix() {
+    return this.normalized;
+  }
+}
+
+export default ComponentName;
diff --git a/src/docs/util/kebab-case.js b/src/docs/util/kebab-case.js
new file mode 100644
index 00000000..a77e2de3
--- /dev/null
+++ b/src/docs/util/kebab-case.js
@@ -0,0 +1,7 @@
+const kebabCased = str =>
+  str
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .replace(/[\s_]+/g, "-")
+    .toLowerCase();
+
+export default kebabCased;
diff --git a/src/lib/__mocks__/uuid.js b/src/lib/__mocks__/uuid.js
index ce37aebe..c89dac66 100644
--- a/src/lib/__mocks__/uuid.js
+++ b/src/lib/__mocks__/uuid.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 module.exports = {
   shortUuid() {
     return "0";
diff --git a/src/tools/index.js b/src/tools/index.js
deleted file mode 100644
index a994f315..00000000
--- a/src/tools/index.js
+++ /dev/null
@@ -1,161 +0,0 @@
-// @ts-check
-const { parser } = require("@vuese/parser");
-const { Render } = require("@vuese/markdown-render");
-const klawSync = require("klaw-sync");
-const Path = require("path");
-const fs = require("fs");
-const isSFCFile = item => Path.parse(item.path).ext === ".vue";
-
-const kebabCased = str =>
-  str
-    .replace(/([a-z])([A-Z])/g, "$1-$2")
-    .replace(/[\s_]+/g, "-")
-    .toLowerCase();
-
-/**
- * For context see below.
- * @param {import("@vuese/parser").SlotResult} lhsSlot
- * @param {import("@vuese/parser").SlotResult} rhsSlot
- * @returns {import("@vuese/parser").SlotResult}
- */
-const mergedSlot = (lhsSlot, rhsSlot) => {
-  const name = lhsSlot.name;
-  const {
-    describe: lhsDescribe,
-    backerDesc: lhsBackerDesc,
-    bindings: lhsBindings,
-    scoped: lhsScoped
-  } = lhsSlot;
-  const {
-    describe: rhsDescribe,
-    backerDesc: rhsBackerDesc,
-    bindings: rhsBindings,
-    scoped: rhsScoped
-  } = rhsSlot;
-  const describe = lhsDescribe.length >= rhsDescribe.length ? lhsDescribe : rhsDescribe;
-  const backerDesc = lhsBackerDesc.length >= rhsBackerDesc.length ? lhsBackerDesc : rhsBackerDesc;
-  const bindings =
-    Object.keys(lhsBindings).length >= Object.keys(rhsBindings).length ? lhsBindings : rhsBindings;
-  // The default seems to be 'false' – so if lhsScoped is true we take that. Otherwise we simply use rhsScoped
-  const scoped = lhsScoped === true ? true : rhsScoped;
-  return {
-    target: lhsSlot.target,
-    scoped,
-    name,
-    describe,
-    backerDesc,
-    bindings
-  };
-};
-
-/**
- * For context see below.
- * @param {import("@vuese/parser").SlotResult} slot
- * @param {import("@vuese/parser").SlotResult[]} otherSlots
- * @returns {import("@vuese/parser").SlotResult}
- */
-const fixedSlot = (slot, otherSlots) => {
-  const duplicateSlots = otherSlots.filter(({ name }) => name === slot.name);
-  if (duplicateSlots.length === 0) {
-    return slot; // no duplicates – phew
-  }
-  let fixed = slot;
-  duplicateSlots.forEach(otherSlot => {
-    fixed = mergedSlot(fixed, otherSlot);
-  });
-  return fixed;
-};
-
-/**
- * For context see fixedParserResult below.
- * @see https://github.com/vuese/vuese/commit/a3fb19b194fefc78ada69e7fdd3a9dc3dac1b39c
- * @param {import("@vuese/parser").SlotResult[]} slots
- * @returns {import("@vuese/parser").SlotResult[]}
- */
-const fixedParserSlots = slots => {
-  const fixedButDuplicated = slots.map((slot, index) => {
-    const otherSlots = [...slots];
-    // remove the current slot from the copy
-    // the result are the 'other slots'
-    otherSlots.splice(index, 1);
-    return fixedSlot(slot, otherSlots);
-  });
-  // fixedButDuplicated now contains correct slots but duplicated still remain.
-  const result = [];
-  fixedButDuplicated.forEach(slot => {
-    const alreadyInResult = result.findIndex(resultSlot => resultSlot.name === slot.name) >= 0;
-    if (alreadyInResult) {
-      return;
-    }
-    result.push(slot);
-  });
-  return result;
-};
-
-/**
- * Fixes the parser result. There is currently a bug in @vuese/parser
- * which causes result.slots to contain duplicate entries.
- * See: https://github.com/vuese/vuese/issues/83
- * @param {import("@vuese/parser").ParserResult} result
- * @returns {import("@vuese/parser").ParserResult}
- */
-const fixedParserResult = result => {
-  const { slots = [] } = result;
-  return { ...result, slots: fixedParserSlots(slots) };
-};
-
-const paths = klawSync("./src/components", {
-  traverseAll: true,
-  nodir: true,
-  filter: isSFCFile
-}).map(klawItem => klawItem.path);
-
-const parseFileAtPath = path => {
-  const source = fs.readFileSync(path, "utf-8");
-  try {
-    return fixedParserResult(parser(source));
-  } catch (e) {
-    return {};
-  }
-};
-
-const apiForFileAtPath = path => ({
-  path,
-  result: parseFileAtPath(path)
-});
-
-const rimraf = require("rimraf");
-const results = paths.map(apiForFileAtPath);
-const outputDir = Path.resolve("./api/");
-if (!fs.existsSync(outputDir)) {
-  fs.mkdirSync(outputDir);
-}
-rimraf.sync(outputDir + "/*");
-
-const _writeMarkdown = ({ filename, outputDir, result }) => {
-  const destination = Path.format({
-    dir: outputDir,
-    name: filename,
-    ext: ".md"
-  });
-  const render = new Render(result);
-  const markdown = render.renderMarkdown() || {};
-  // @ts-ignore
-  fs.writeFileSync(destination, markdown.content || "");
-};
-const writeApi = ({ result }) => {
-  /** @type {string} */
-  const componentName = result.name || "";
-  if (!componentName.toLowerCase().startsWith("fd")) {
-    return;
-  }
-  const filename = `${kebabCased(componentName)}.json`;
-  const source = JSON.stringify(result, null, 2);
-  const dest = Path.resolve(outputDir, filename);
-  fs.writeFileSync(dest, source);
-  if (process.env.FD_GENERATE_MD_API === "true") {
-    _writeMarkdown({ filename, outputDir, result });
-  }
-};
-
-results.forEach(writeApi);
diff --git a/src/tools/parse-result-from-sfc.js b/src/tools/parse-result-from-sfc.js
new file mode 100644
index 00000000..fff511f1
--- /dev/null
+++ b/src/tools/parse-result-from-sfc.js
@@ -0,0 +1,50 @@
+/* eslint-env node */
+// @ts-check
+const { parser } = require("@vuese/parser");
+
+/**
+ * @param {string} str
+ * @returns {string}
+ */
+const kebabCased = str =>
+  str
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .replace(/[\s_]+/g, "-")
+    .toLowerCase();
+
+/**
+ * Two things happen here:
+ *    1. We ensure that there is a kebab-cased name-prop in the result we export.
+ *    2. We ensure that there are no duplicate slots.
+ * @param {string} code
+ * @returns {import("@vuese/parser").ParserResult}
+ */
+const parseResultFromSfc = code => {
+  try {
+    const result = parser(code);
+    const { name = "" } = result;
+    const slots = [];
+    for (const slotToAdd of result.slots || []) {
+      const index = slots.findIndex(slot => slot.name === slotToAdd.name);
+      if (index < 0) {
+        slots.push(slotToAdd);
+      } else {
+        const existingSlot = slots[index];
+        if (existingSlot.target === "template") {
+          continue;
+        }
+        slots.splice(index, 1, slotToAdd);
+      }
+    }
+    return {
+      ...result,
+      slots,
+      name: kebabCased(name)
+    };
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error("Failed to parse code: %s", code);
+    return {};
+  }
+};
+module.exports = parseResultFromSfc;
diff --git a/tests/e2e/.eslintrc.js b/tests/e2e/.eslintrc.js
index 053c39f0..e045f28a 100644
--- a/tests/e2e/.eslintrc.js
+++ b/tests/e2e/.eslintrc.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 module.exports = {
   plugins: ["cypress"],
   env: {
diff --git a/tests/e2e/plugins/index.js b/tests/e2e/plugins/index.js
index 77a3bdaf..1f851ce4 100644
--- a/tests/e2e/plugins/index.js
+++ b/tests/e2e/plugins/index.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 // https://docs.cypress.io/guides/guides/plugins-guide.html
 module.exports = (on, config) => {
   // Dynamic configuration
diff --git a/tsconfig.json b/tsconfig.json
index f525ac48..fae6b648 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -27,6 +27,8 @@
     ]
   },
   "include": [
+    "*.js",
+    "vue-config/*.js",
     "src/docs/**/*.vue",
     "src/**/*.vue",
     "src/**/*.vue",
diff --git a/vue-config/vue-spa.config.js b/vue-config/vue-spa.config.js
index 2f2fedac..b48c3923 100644
--- a/vue-config/vue-spa.config.js
+++ b/vue-config/vue-spa.config.js
@@ -1,61 +1,137 @@
+/* eslint-env node */
 // @ts-check
+
 const Path = require("path");
+const globby = require("globby");
 const Process = require("process");
 const PrerenderSPAPlugin = require("prerender-spa-plugin");
-const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
-const getExampleCollections = require("./../src/docs/_node/get-example-collections");
+const FS = require("fs");
+const parseResultFromSfc = require("./../src/tools/parse-result-from-sfc");
 
-const rootDir = Process.cwd();
-const dist = Path.resolve(rootDir, "dist");
+/**
+ * @param {string} baseUrl base url – by convention the base url has to start and end with a `/`
+ */
+const create = baseUrl => {
+  const exampleFiles = globby.sync(["src/docs/content/examples/**/*.vue"]);
+  const examples = exampleFiles.map(ef => {
+    const path = Path.parse(ef);
+    const collection = Path.parse(Path.parse(ef).dir).name;
+    return {
+      collection,
+      example: path.name
+    };
+  });
 
-const vueDev = "vue/dist/vue.runtime.js";
-const vueProd = "vue/dist/vue.min.js";
+  const markdownFiles = globby.sync(["src/docs/content/en_us/**/*.md"]);
+  const exampleCollections = markdownFiles.map(md => Path.parse(md).name);
+  const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
+  const rootDir = Process.cwd();
+  const dist = Path.resolve(rootDir, "docs/dist");
+  const ComponentsContext = globby.sync(["src/components/**/*.vue"]);
+  const parsedComponents = ComponentsContext.map(path => FS.readFileSync(path, "utf-8"))
+    .map(parseResultFromSfc)
+    .map(r => r.name)
+    .filter(n => n != null && n.length > 0 && n.startsWith("fd-"));
 
-module.exports = {
-  configureWebpack: {
-    devtool: false,
-    devServer: {
-      historyApiFallback: true,
-      noInfo: false
-    },
-    mode: process.env.NODE_ENV,
-    entry: "./src/docs/index.js",
-    output: {
-      path: dist,
-      publicPath: "/",
-      filename: "build.js"
-    },
-    resolve: {
-      alias: {
-        vue$: process.env.NODE_ENV === "production" ? vueProd : vueDev
-      }
+  const vueDev = "vue/dist/vue.runtime.js";
+  const vueProd = "vue/dist/vue.min.js";
+
+  const nodeEnv = Process.env.NODE_ENV || "development";
+  if (nodeEnv !== "development" && nodeEnv !== "production" && nodeEnv !== "test") {
+    throw Error(`Invalid value ('${nodeEnv}') for environment variable NODE_ENV.`);
+  }
+  const config = {
+    nodeEnv: /** @type {"test" | "development" | "production"} */ (nodeEnv),
+    isDevelopment: nodeEnv === "development",
+    isProduction: nodeEnv === "production",
+    prerender: {
+      testRun: Process.env.FDD_PRERENDER_TEST_RUN === "true"
     }
-  },
+  };
+
   /**
-   * @param {import("webpack-chain")} config
+   * @param {string[]} routes
+   * @returns {string[]}
    */
-  chainWebpack: config => {
-    const exampleCollections = getExampleCollections();
-    const examplePaths = exampleCollections.map(
-      ({ slug }) => `/example/${slug}`
-    );
-    config.plugin("PrerenderSPAPlugin").use(PrerenderSPAPlugin, [
-      {
-        staticDir: dist,
-        routes: ["/", "/guide/new-component", ...examplePaths],
-        postProcess(renderedRoute) {
-          renderedRoute.html = renderedRoute.html.replace(
-            `<div id="app"`,
-            `<div id="app" data-server-rendered="true"`
-          );
-          return renderedRoute;
-        },
-        renderer: new Renderer({
-          maxConcurrentRoutes: 10,
-          headless: true,
-          renderAfterDocumentEvent: "render-event"
-        })
+  const pickedRoutes = routes => {
+    const maxIndex = routes.length - 1;
+    return config.prerender.testRun ? routes.splice(0, Math.min(maxIndex, 5)) : routes;
+  };
+
+  const resolvePath = path => {
+    const _path = path.startsWith("/") ? path.substring(1) : path;
+    return `${baseUrl}${_path}`;
+  };
+  const exampleRoutes = examples.map(ex => resolvePath(`/example/${ex.collection}/${ex.example}`));
+  const exampleCollectionPaths = exampleCollections.map(ec => `/examples/${ec}`);
+  const apiPaths = parsedComponents.map(ec => resolvePath(`/api/${ec}`));
+  const routes = [
+    resolvePath("/"),
+    resolvePath("/guide/new-component"),
+    // Routes for individual full-screen examples.
+    // For example: /example/buttons/default
+    ...pickedRoutes(exampleRoutes),
+    // Routes for the example collections (left side nav)
+    // For example: /examples/button
+    ...pickedRoutes(exampleCollectionPaths.map(resolvePath)),
+    // Routes for the API documentation.
+    // For example: /api/fd-button
+    ...pickedRoutes(apiPaths)
+  ];
+
+  const vueConfig = {
+    outputDir: Path.join(dist, baseUrl),
+    configureWebpack: {
+      devtool: false,
+      devServer: {
+        historyApiFallback: true,
+        noInfo: false
+      },
+      mode: config.nodeEnv,
+      entry: "./src/docs/index.js",
+      output: {
+        filename: "build.js"
+      },
+      resolve: {
+        alias: {
+          vue$: config.isProduction ? vueProd : vueDev
+        }
       }
-    ]);
-  }
+    },
+    /**
+     * @param {import("webpack-chain")} config
+     */
+    chainWebpack: config => {
+      config.plugin("PrerenderSPAPlugin").use(PrerenderSPAPlugin, [
+        {
+          outputDir: Path.join("docs", "dist"),
+          staticDir: Path.join(dist),
+          indexPath: Path.join(dist, baseUrl, "index.html"),
+          routes,
+          postProcess(renderedRoute) {
+            /** @type {{route: any, html: string}} */
+            const { html, route } = renderedRoute;
+            const APP_STR = `<div id="app"`;
+            const htmlContainsApp = html.includes(APP_STR);
+            if (htmlContainsApp == false) {
+              // eslint-disable-next-line no-console
+              console.warn(`Route '${route}' is something that does not contain an app-element.`);
+            }
+            renderedRoute.html = renderedRoute.html.replace(
+              APP_STR,
+              `<div id="app" data-server-rendered="true"`
+            );
+            return renderedRoute;
+          },
+          renderer: new Renderer({
+            maxConcurrentRoutes: 20,
+            headless: true,
+            renderAfterDocumentEvent: "render-event"
+          })
+        }
+      ]);
+    }
+  };
+  return vueConfig;
 };
+module.exports = create;
diff --git a/vue.config.js b/vue.config.js
index 8ce92a73..eb7acd4e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,103 +1,99 @@
-/* eslint-disable no-console */
+/* eslint-env node */
 // @ts-check
-
-const Process = require("process");
+// This require-statement has to be high up – otherwise you will get strange errors.
+const MarkdownItHighlight = require("./src/docs/_node/markdown/highlight");
+const grayMatter = require("gray-matter");
 const Path = require("path");
-const isE2e = process.env.FD_E2E === "true";
+const CreatePrerenderConfig = require("./vue-config/vue-spa.config");
+
+const MarkdownItPlugins = require("./src/docs/_node/markdown-plugins").all;
 
-const { env } = Process;
+const baseUrl = process.env.BASE_URL;
 
-const useSPA = env.FDV_SPA === "true";
-const VueSPAConfig = require("./vue-config/vue-spa.config");
+const FDD_PRERENDER = process.env.FDD_PRERENDER;
+const isInPrerendering = FDD_PRERENDER === "true";
+let prerenderConfig = {};
+if (isInPrerendering) {
+  prerenderConfig = CreatePrerenderConfig(baseUrl);
+}
+const outputDir = isInPrerendering ? { outputDir: prerenderConfig.outputDir } : {};
 
-const configureWebpack = useSPA ? VueSPAConfig.configureWebpack : {};
+const configureWebpack = isInPrerendering ? prerenderConfig.configureWebpack : {};
 
-const publicPath = isE2e
-  ? "/"
-  : process.env.NODE_ENV === "production" && process.argv[4] !== "--NETLIFY"
-  ? "/fundamental-vue/"
-  : "/";
+const publicPath = baseUrl;
 
-console.log("🌈  ", { publicPath });
+// eslint-disable-next-line no-console
+console.log("🌈  ", { FDD_PRERENDER, baseUrl, publicPath });
 
 module.exports = {
   publicPath,
-  configureWebpack,
+  ...outputDir,
+  configureWebpack: {
+    ...configureWebpack
+  },
   chainWebpack: config => {
-    if (useSPA) {
-      VueSPAConfig.chainWebpack(config);
+    if (isInPrerendering) {
+      prerenderConfig.chainWebpack(config);
     }
 
-    config.resolveLoader.modules
-      .add("node_modules")
-      .add(Path.resolve(__dirname, "loaders"))
-      .end();
+    config.plugin("define").tap(definitions => {
+      definitions[0]["process.env"]["FDD_PRERENDER"] = JSON.stringify(FDD_PRERENDER);
+      return definitions;
+    });
 
     config.module
-      .rule("md")
-      .test(/\.md$/)
-      .use("html-loader")
-      .loader("html-loader")
-      .end();
-
+      .rule("vue")
+      .use("vue-loader")
+      .loader("vue-loader")
+      .tap(() => {
+        return {
+          compilerOptions: {
+            whitespace: "condense"
+          }
+        };
+      });
     config.module
       .rule("md")
-      .use("markdown-loader")
-      .loader("markdown-loader")
+      .test(/\.md/)
+      .use("vue-loader")
+      .loader("vue-loader")
       .options({
-        highlight(code) {
-          return require("highlight.js").highlightAuto(code).value;
+        compilerOptions: {
+          whitespace: "condense"
         }
       })
-      .end();
-
-    config.module
-      .rule("handle-title-tags")
-      .resourceQuery(/blockType=title/)
-      .use("block-loader")
-      .loader("block-loader")
-      .options({ optionName: "__title" });
-
-    config.module
-      .rule("handle-docs-tags")
-      .resourceQuery(/blockType=docs/)
-      .use("block-loader")
-      .loader("block-loader")
-      .options({ optionName: "__docs" });
-
-    config.module
-      .rule("handle-docs-tags")
-      .use("markdown-loader")
-      .loader("markdown-loader");
-
-    config.module
-      .rule("handle-tip-tags")
-      .resourceQuery(/blockType=tip/)
-      .use("block-loader")
-      .loader("block-loader")
-      .options({ optionName: "__tip" });
-
-    config.module
-      .rule("handle-tip-tags")
-      .use("markdown-loader")
-      .loader("markdown-loader");
-
-    config.module
-      .rule()
-      .resourceQuery(/blockType=condensed/)
-      .use("block-loader")
-      .loader("block-loader")
-      .options({ optionName: "__condensed" })
-      .end();
+      .end()
+      .use("vue-markdown-loader")
+      .loader("vue-markdown-loader/lib/markdown-compiler")
+      .options({
+        preventExtract: true,
+        use: MarkdownItPlugins,
+        raw: true,
+        wrapper: "div",
+        highlight: MarkdownItHighlight,
+        preprocess(_parser, source) {
+          const result = grayMatter(source);
+          const relatedComponents = result.data.fdRelatedComponents || [];
+          const renderRelatedComponents = () => {
+            if (relatedComponents.length === 0) {
+              return "";
+            }
+            const wrapped = relatedComponents.map(c => `'${c}'`);
+            const relCompAttrs = `[${wrapped.join(", ")}]`;
+            const rendered = `\n\n<d-related-components-section :component-names="${relCompAttrs}">\n</ d-related-components-section>\n\n`;
+            return rendered;
+          };
+          let md = "";
+          md += result.content;
+          md += renderRelatedComponents();
+          return md;
+        }
+      });
 
-    config.module
-      .rule()
-      .resourceQuery(/blockType=fullscreen-only/)
-      .use("block-loader")
-      .loader("block-loader")
-      .options({ optionName: "__fullscreenOnly" })
+    config.resolveLoader.modules
+      .add("node_modules")
+      .add(Path.resolve(__dirname, "loaders"))
       .end();
   },
-
   lintOnSave: false
 };
diff --git a/yarn.lock b/yarn.lock
index 395009e3..04862434 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3,15 +3,15 @@
 
 
 "@babel/cli@^7.4.4":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.5.0.tgz#f403c930692e28ecfa3bf02a9e7562b474f38271"
-  integrity sha512-qNH55fWbKrEsCwID+Qc/3JDPnsSGpIIiMDbppnR8Z6PxLAqMQCFNqBctkIkBrMH49Nx+qqVTrHRWUR+ho2k+qQ==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.5.5.tgz#bdb6d9169e93e241a08f5f7b0265195bf38ef5ec"
+  integrity sha512-UHI+7pHv/tk9g6WXQKYz+kmXTI77YtuY3vqC59KIqcoWEjsJJSG6rAxKaLsgj3LDyadsPrCB929gVOKM6Hui0w==
   dependencies:
     commander "^2.8.1"
     convert-source-map "^1.1.0"
     fs-readdir-recursive "^1.1.0"
     glob "^7.0.0"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
     mkdirp "^0.5.1"
     output-file-sync "^2.0.0"
     slash "^2.0.0"
@@ -19,41 +19,41 @@
   optionalDependencies:
     chokidar "^2.0.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
-  integrity sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35", "@babel/code-frame@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
+  integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.2.2":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.5.tgz#081f97e8ffca65a9b4b0fdc7e274e703f000c06a"
-  integrity sha512-OvjIh6aqXtlsA8ujtGKfC7LYWksYSX8yQcM8Ay3LuvVeQ63lcOKgoZWVqcpFwkd29aYU9rVx7jxhfhiEDV9MZA==
+"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.1.0", "@babel/core@^7.1.2", "@babel/core@^7.2.2":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.5.5.tgz#17b2686ef0d6bc58f963dddd68ab669755582c30"
+  integrity sha512-i4qoSr2KTtce0DmkuuQBV4AuQgGPUcPXMr9L5MyYAtk06z068lQ10a4O009fe5OB/DfNV+h+qqT7ddNV8UnRjg==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.4"
-    "@babel/helpers" "^7.4.4"
-    "@babel/parser" "^7.4.5"
+    "@babel/code-frame" "^7.5.5"
+    "@babel/generator" "^7.5.5"
+    "@babel/helpers" "^7.5.5"
+    "@babel/parser" "^7.5.5"
     "@babel/template" "^7.4.4"
-    "@babel/traverse" "^7.4.5"
-    "@babel/types" "^7.4.4"
+    "@babel/traverse" "^7.5.5"
+    "@babel/types" "^7.5.5"
     convert-source-map "^1.1.0"
     debug "^4.1.0"
     json5 "^2.1.0"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
     resolve "^1.3.2"
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.0.0", "@babel/generator@^7.4.0", "@babel/generator@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.4.tgz#174a215eb843fc392c7edcaabeaa873de6e8f041"
-  integrity sha512-53UOLK6TVNqKxf7RUh8NE851EHRxOOeVXKbK2bivdb+iziMyk03Sr4eaE9OELCbyZAAafAKPDwF2TPUES5QbxQ==
+"@babel/generator@^7.0.0", "@babel/generator@^7.1.3", "@babel/generator@^7.4.0", "@babel/generator@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.5.5.tgz#873a7f936a3c89491b43536d12245b626664e3cf"
+  integrity sha512-ETI/4vyTSxTzGnU2c49XHv2zhExkv9JHLTwDAFz85kmcwuShvYG2H08FwgIguQf4JC75CBnXAUM5PqeF4fj0nQ==
   dependencies:
-    "@babel/types" "^7.4.4"
+    "@babel/types" "^7.5.5"
     jsesc "^2.5.1"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
@@ -89,26 +89,26 @@
     "@babel/traverse" "^7.4.4"
     "@babel/types" "^7.4.4"
 
-"@babel/helper-create-class-features-plugin@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.4.4.tgz#fc3d690af6554cc9efc607364a82d48f58736dba"
-  integrity sha512-UbBHIa2qeAGgyiNR9RszVF7bUHEdgS4JAUNT8SiqrAN6YJVxlOxeLr5pBzb5kan302dejJ9nla4RyKcR1XT6XA==
+"@babel/helper-create-class-features-plugin@^7.4.4", "@babel/helper-create-class-features-plugin@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.5.5.tgz#401f302c8ddbc0edd36f7c6b2887d8fa1122e5a4"
+  integrity sha512-ZsxkyYiRA7Bg+ZTRpPvB6AbOFKTFFK4LrvTet8lInm0V468MWCaSYJE+I7v2z2r8KNLtYiV+K5kTCnR7dvyZjg==
   dependencies:
     "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-member-expression-to-functions" "^7.0.0"
+    "@babel/helper-member-expression-to-functions" "^7.5.5"
     "@babel/helper-optimise-call-expression" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.4.4"
+    "@babel/helper-replace-supers" "^7.5.5"
     "@babel/helper-split-export-declaration" "^7.4.4"
 
-"@babel/helper-define-map@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.4.4.tgz#6969d1f570b46bdc900d1eba8e5d59c48ba2c12a"
-  integrity sha512-IX3Ln8gLhZpSuqHJSnTNBWGDE9kdkTEWl21A/K7PQ00tseBwbqCHTvNLHSBd9M0R5rER4h5Rsvj9vw0R5SieBg==
+"@babel/helper-define-map@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.5.5.tgz#3dec32c2046f37e09b28c93eb0b103fd2a25d369"
+  integrity sha512-fTfxx7i0B5NJqvUOBBGREnrqbTxRh7zinBANpZXAVDlsZxYdclDp467G1sQ8VZYMnAURY3RpBUAgOYT9GfzHBg==
   dependencies:
     "@babel/helper-function-name" "^7.1.0"
-    "@babel/types" "^7.4.4"
-    lodash "^4.17.11"
+    "@babel/types" "^7.5.5"
+    lodash "^4.17.13"
 
 "@babel/helper-explode-assignable-expression@^7.1.0":
   version "7.1.0"
@@ -141,12 +141,12 @@
   dependencies:
     "@babel/types" "^7.4.4"
 
-"@babel/helper-member-expression-to-functions@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.0.0.tgz#8cd14b0a0df7ff00f009e7d7a436945f47c7a16f"
-  integrity sha512-avo+lm/QmZlv27Zsi0xEor2fKcqWG56D5ae9dzklpIaY7cQMK5N8VSpaNVPPagiqmy7LrEjK1IWdGMOqPu5csg==
+"@babel/helper-member-expression-to-functions@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.5.5.tgz#1fb5b8ec4453a93c439ee9fe3aeea4a84b76b590"
+  integrity sha512-5qZ3D1uMclSNqYcXqiHoA0meVdv+xUEex9em2fqMnrk/scphGlGgg66zjMrPJESPwrFJ6sbfFQYUSa0Mz7FabA==
   dependencies:
-    "@babel/types" "^7.0.0"
+    "@babel/types" "^7.5.5"
 
 "@babel/helper-module-imports@^7.0.0":
   version "7.0.0"
@@ -156,16 +156,16 @@
     "@babel/types" "^7.0.0"
 
 "@babel/helper-module-transforms@^7.1.0", "@babel/helper-module-transforms@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.4.4.tgz#96115ea42a2f139e619e98ed46df6019b94414b8"
-  integrity sha512-3Z1yp8TVQf+B4ynN7WoHPKS8EkdTbgAEy0nU0rs/1Kw4pDgmvYH3rz3aI11KgxKCba2cn7N+tqzV1mY2HMN96w==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.5.5.tgz#f84ff8a09038dcbca1fd4355661a500937165b4a"
+  integrity sha512-jBeCvETKuJqeiaCdyaheF40aXnnU1+wkSiUs/IQg3tB85up1LyL8x77ClY8qJpuRJUcXQo+ZtdNESmZl4j56Pw==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-simple-access" "^7.1.0"
     "@babel/helper-split-export-declaration" "^7.4.4"
     "@babel/template" "^7.4.4"
-    "@babel/types" "^7.4.4"
-    lodash "^4.17.11"
+    "@babel/types" "^7.5.5"
+    lodash "^4.17.13"
 
 "@babel/helper-optimise-call-expression@^7.0.0":
   version "7.0.0"
@@ -180,11 +180,11 @@
   integrity sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==
 
 "@babel/helper-regex@^7.0.0", "@babel/helper-regex@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.4.4.tgz#a47e02bc91fb259d2e6727c2a30013e3ac13c4a2"
-  integrity sha512-Y5nuB/kESmR3tKjU8Nkn1wMGEx1tjJX076HBMeL3XLQCu6vA/YRzuTW0bbb+qRnXvQGn+d6Rx953yffl8vEy7Q==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.5.5.tgz#0aa6824f7100a2e0e89c1527c23936c152cab351"
+  integrity sha512-CkCYQLkfkiugbRDO8eZn6lRuR8kzZoGXCg3149iTk5se7g6qykSpy3+hELSwquhu+TgHn8nkLiBwHvNX8Hofcw==
   dependencies:
-    lodash "^4.17.11"
+    lodash "^4.17.13"
 
 "@babel/helper-remap-async-to-generator@^7.1.0":
   version "7.1.0"
@@ -197,15 +197,15 @@
     "@babel/traverse" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@babel/helper-replace-supers@^7.1.0", "@babel/helper-replace-supers@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.4.4.tgz#aee41783ebe4f2d3ab3ae775e1cc6f1a90cefa27"
-  integrity sha512-04xGEnd+s01nY1l15EuMS1rfKktNF+1CkKmHoErDppjAAZL+IUBZpzT748x262HF7fibaQPhbvWUl5HeSt1EXg==
+"@babel/helper-replace-supers@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.5.5.tgz#f84ce43df031222d2bad068d2626cb5799c34bc2"
+  integrity sha512-XvRFWrNnlsow2u7jXDuH4jDDctkxbS7gXssrP4q2nUD606ukXHRvydj346wmNg+zAgpFx4MWf4+usfC93bElJg==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.0.0"
+    "@babel/helper-member-expression-to-functions" "^7.5.5"
     "@babel/helper-optimise-call-expression" "^7.0.0"
-    "@babel/traverse" "^7.4.4"
-    "@babel/types" "^7.4.4"
+    "@babel/traverse" "^7.5.5"
+    "@babel/types" "^7.5.5"
 
 "@babel/helper-simple-access@^7.1.0":
   version "7.1.0"
@@ -222,7 +222,7 @@
   dependencies:
     "@babel/types" "^7.4.4"
 
-"@babel/helper-wrap-function@^7.1.0":
+"@babel/helper-wrap-function@^7.1.0", "@babel/helper-wrap-function@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.2.0.tgz#c4e0012445769e2815b55296ead43a958549f6fa"
   integrity sha512-o9fP1BZLLSrYlxYEYyl2aS+Flun5gtjTIG8iln+XuEzQTs0PLagAGSXUcqruJwD5fM48jzIEggCKpIfWTcR7pQ==
@@ -232,33 +232,38 @@
     "@babel/traverse" "^7.1.0"
     "@babel/types" "^7.2.0"
 
-"@babel/helpers@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.4.4.tgz#868b0ef59c1dd4e78744562d5ce1b59c89f2f2a5"
-  integrity sha512-igczbR/0SeuPR8RFfC7tGrbdTbFL3QTvH6D+Z6zNxnTe//GyqmtHmDkzrqDmyZ3eSwPqB/LhyKoU5DXsp+Vp2A==
+"@babel/helpers@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.5.5.tgz#63908d2a73942229d1e6685bc2a0e730dde3b75e"
+  integrity sha512-nRq2BUhxZFnfEn/ciJuhklHvFOqjJUD5wpx+1bxUF2axL9C+v4DE/dmp5sT2dKnpOs4orZWzpAZqlCy8QqE/7g==
   dependencies:
     "@babel/template" "^7.4.4"
-    "@babel/traverse" "^7.4.4"
-    "@babel/types" "^7.4.4"
+    "@babel/traverse" "^7.5.5"
+    "@babel/types" "^7.5.5"
 
 "@babel/highlight@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0.tgz#f710c38c8d458e6dd9a201afb637fcb781ce99e4"
-  integrity sha512-UFMC4ZeFC48Tpvj7C8UgLvtkaUuovQX+5xNWrsIoMG8o2z+XFKjKaN9iVmS84dPwVN00W4wPmqvYoZF3EGAsfw==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
+  integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==
   dependencies:
     chalk "^2.0.0"
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
+"@babel/parser@7.1.3":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.1.3.tgz#2c92469bac2b7fbff810b67fca07bd138b48af77"
+  integrity sha512-gqmspPZOMW3MIRb9HlrnbZHXI1/KHTOroBwN1NcLL6pWxzqzEKGvRTq0W/PxS45OtQGbaFikSQpkS5zbnsQm2w==
+
 "@babel/parser@7.2.3":
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.2.3.tgz#32f5df65744b70888d17872ec106b02434ba1489"
   integrity sha512-0LyEcVlfCoFmci8mXx8A5oIkpkOgyo8dRHtxBnK9RRBwxO2+JZPNsqtVEZQ7mJFPxnXF9lfmU24mHOPI0qnlkA==
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.4.4", "@babel/parser@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.5.tgz#04af8d5d5a2b044a2a1bffacc1e5e6673544e872"
-  integrity sha512-9mUqkL1FF5T7f0WDFfAoDdiMVPWsdD1gZYzSnaXsxUCUqzuch/8of9G3VUSNiZmMBoRxT3neyVsqeiL/ZPcjew==
+"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.4.4", "@babel/parser@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.5.5.tgz#02f077ac8817d3df4a832ef59de67565e71cca4b"
+  integrity sha512-E5BN68cqR7dhKan1SfqgPGhQ178bkVKpXTPEXnFJBrEt8/DKRZlybmy+IgYLTeN7tp1R5Ccmbm2rBk17sHYU3g==
 
 "@babel/plugin-proposal-async-generator-functions@^7.2.0":
   version "7.2.0"
@@ -269,15 +274,15 @@
     "@babel/helper-remap-async-to-generator" "^7.1.0"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
 
-"@babel/plugin-proposal-class-properties@^7.0.0":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.4.4.tgz#93a6486eed86d53452ab9bab35e368e9461198ce"
-  integrity sha512-WjKTI8g8d5w1Bc9zgwSz2nfrsNQsXcCf9J9cdCvrJV6RF56yztwm4TmJC0MgJ9tvwO9gUA/mcYe89bLdGfiXFg==
+"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.1.0":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.5.5.tgz#a974cfae1e37c3110e71f3c6a2e48b8e71958cd4"
+  integrity sha512-AF79FsnWFxjlaosgdi421vmYG6/jg79bVD0dpD44QdgobzHKuLZ6S3vl8la9qIeSwGi8i1fS0O1mfuDAAdo1/A==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.4.4"
+    "@babel/helper-create-class-features-plugin" "^7.5.5"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-proposal-decorators@^7.1.0":
+"@babel/plugin-proposal-decorators@^7.1.0", "@babel/plugin-proposal-decorators@^7.1.2":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.4.4.tgz#de9b2a1a8ab0196f378e2a82f10b6e2a36f21cc0"
   integrity sha512-z7MpQz3XC/iQJWXH9y+MaWcLPNSMY9RQSthrLzak8R8hCj0fuyNk+Dzi9kfNe/JxxlWQ2g7wkABbgWjW36MTcw==
@@ -286,7 +291,56 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-decorators" "^7.2.0"
 
-"@babel/plugin-proposal-json-strings@^7.2.0":
+"@babel/plugin-proposal-do-expressions@^7.0.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-do-expressions/-/plugin-proposal-do-expressions-7.5.0.tgz#ceb594d4a618545b00aa0b5cd61cad4aaaeb7a5a"
+  integrity sha512-xe0QQrhm+DGj6H23a6XtwkJNimy1fo71O/YVBfrfvfSl0fsq9T9dfoQBIY4QceEIdUo7u9s7OPEdsWEuizfGeg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-do-expressions" "^7.2.0"
+
+"@babel/plugin-proposal-dynamic-import@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.5.0.tgz#e532202db4838723691b10a67b8ce509e397c506"
+  integrity sha512-x/iMjggsKTFHYC6g11PL7Qy58IK8H5zqfm9e6hu4z1iH2IRyAp9u9dL80zA6R76yFovETFLKz2VJIC2iIPBuFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.2.0"
+
+"@babel/plugin-proposal-export-default-from@^7.0.0":
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.5.2.tgz#2c0ac2dcc36e3b2443fead2c3c5fc796fb1b5145"
+  integrity sha512-wr9Itk05L1/wyyZKVEmXWCdcsp/e185WUNl6AfYZeEKYaUPPvHXRDqO5K1VH7/UamYqGJowFRuCv30aDYZawsg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.2.0"
+
+"@babel/plugin-proposal-export-namespace-from@^7.0.0":
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.5.2.tgz#ccd5ed05b06d700688ff1db01a9dd27155e0d2a0"
+  integrity sha512-TKUdOL07anjZEbR1iSxb5WFh810KyObdd29XLFLGo1IDsSuGrjH3ouWSbAxHNmrVKzr9X71UYl2dQ7oGGcRp0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-export-namespace-from" "^7.2.0"
+
+"@babel/plugin-proposal-function-bind@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-function-bind/-/plugin-proposal-function-bind-7.2.0.tgz#94dc2cdc505cafc4e225c0014335a01648056bf7"
+  integrity sha512-qOFJ/eX1Is78sywwTxDcsntLOdb5ZlHVVqUz5xznq8ldAfOVIyZzp1JE2rzHnaksZIhrqMrwIpQL/qcEprnVbw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-function-bind" "^7.2.0"
+
+"@babel/plugin-proposal-function-sent@^7.1.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-function-sent/-/plugin-proposal-function-sent-7.5.0.tgz#39233aa801145e7d8072077cdb2d25f781c1ffd7"
+  integrity sha512-JXdfiQpKoC6UgQliZkp3NX7K3MVec1o1nfTWiCCIORE5ag/QZXhL0aSD8/Y2K+hIHonSTxuJF9rh9zsB6hBi2A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-wrap-function" "^7.2.0"
+    "@babel/plugin-syntax-function-sent" "^7.2.0"
+
+"@babel/plugin-proposal-json-strings@^7.0.0", "@babel/plugin-proposal-json-strings@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz#568ecc446c6148ae6b267f02551130891e29f317"
   integrity sha512-MAFV1CA/YVmYwZG0fBQyXhmj0BHCB5egZHCKWIFVv/XCxAeVGIHfos3SwDck4LvCllENIAg7xMKOG5kH0dzyUg==
@@ -294,10 +348,34 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
 
-"@babel/plugin-proposal-object-rest-spread@^7.3.1", "@babel/plugin-proposal-object-rest-spread@^7.3.4", "@babel/plugin-proposal-object-rest-spread@^7.4.4":
+"@babel/plugin-proposal-logical-assignment-operators@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.2.0.tgz#8a5cea6c42a7c87446959e02fff5fad012c56f57"
+  integrity sha512-0w797xwdPXKk0m3Js74hDi0mCTZplIu93MOSfb1ZLd/XFe3abWypx1QknVk0J+ohnsjYpvjH4Gwfo2i3RicB6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.2.0"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.0.0":
   version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.4.4.tgz#1ef173fcf24b3e2df92a678f027673b55e7e3005"
-  integrity sha512-dMBG6cSPBbHeEBdFXeQ2QLc5gUpg4Vkaz8octD4aoW/ISO+jBOcsuxYL7bsb5WSu8RLP6boxrBIALEHgoHtO9g==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.4.4.tgz#41c360d59481d88e0ce3a3f837df10121a769b39"
+  integrity sha512-Amph7Epui1Dh/xxUxS2+K22/MUi6+6JVTvy3P58tja3B6yKTSjwwx0/d83rF7551D6PVSSoplQb8GCwqec7HRw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.2.0"
+
+"@babel/plugin-proposal-numeric-separator@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.2.0.tgz#646854daf4cd22fd6733f6076013a936310443ac"
+  integrity sha512-DohMOGDrZiMKS7LthjUZNNcWl8TAf5BZDwZAH4wpm55FuJTHgfqPGdibg7rZDmont/8Yg0zA03IgT6XLeP+4sg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-numeric-separator" "^7.2.0"
+
+"@babel/plugin-proposal-object-rest-spread@^7.3.1", "@babel/plugin-proposal-object-rest-spread@^7.3.4", "@babel/plugin-proposal-object-rest-spread@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.5.5.tgz#61939744f71ba76a3ae46b5eea18a54c16d22e58"
+  integrity sha512-F2DxJJSQ7f64FyTVl5cw/9MWn6naXGdk3Q3UhDbFEEHv+EilCPoeRD3Zh/Utx1CJz4uyKlQ4uH+bJPbEhMV7Zw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
@@ -310,6 +388,30 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
 
+"@babel/plugin-proposal-optional-chaining@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.2.0.tgz#ae454f4c21c6c2ce8cb2397dc332ae8b420c5441"
+  integrity sha512-ea3Q6edZC/55wEBVZAEz42v528VulyO0eir+7uky/sT4XRcdkWJcFi1aPtitTlwUzGnECWJNExWww1SStt+yWw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.2.0"
+
+"@babel/plugin-proposal-pipeline-operator@^7.0.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-pipeline-operator/-/plugin-proposal-pipeline-operator-7.5.0.tgz#4100ec55ef4f6a4c2490b5f5a4f2a22dfa272c06"
+  integrity sha512-HFYuu/yGnkn69ligXxU0ohOVvQDsMNOUJs/c4PYLUVS6ntCYOyGmRQQaSYJARJ9rvc7/ulZKIzxd4wk91hN63A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-pipeline-operator" "^7.5.0"
+
+"@babel/plugin-proposal-throw-expressions@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-throw-expressions/-/plugin-proposal-throw-expressions-7.2.0.tgz#2d9e452d370f139000e51db65d0a85dc60c64739"
+  integrity sha512-adsydM8DQF4i5DLNO4ySAU5VtHTPewOtNBV3u7F4lNMPADFF9bWQ+iDtUUe8+033cYCUz+bFlQdXQJmJOwoLpw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-throw-expressions" "^7.2.0"
+
 "@babel/plugin-proposal-unicode-property-regex@^7.2.0", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.4.4.tgz#501ffd9826c0b91da22690720722ac7cb1ca9c78"
@@ -333,6 +435,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-do-expressions@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-do-expressions/-/plugin-syntax-do-expressions-7.2.0.tgz#f3d4b01be05ecde2892086d7cfd5f1fa1ead5a2a"
+  integrity sha512-/u4rJ+XEmZkIhspVuKRS+7WLvm7Dky9j9TvGK5IgId8B3FKir9MG+nQxDZ9xLn10QMBvW58dZ6ABe2juSmARjg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-dynamic-import@^7.0.0", "@babel/plugin-syntax-dynamic-import@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz#69c159ffaf4998122161ad8ebc5e6d1f55df8612"
@@ -340,6 +449,48 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-export-default-from@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.2.0.tgz#edd83b7adc2e0d059e2467ca96c650ab6d2f3820"
+  integrity sha512-c7nqUnNST97BWPtoe+Ssi+fJukc9P9/JMZ71IOMNQWza2E+Psrd46N6AEvtw6pqK+gt7ChjXyrw4SPDO79f3Lw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-export-namespace-from@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.2.0.tgz#8d257838c6b3b779db52c0224443459bd27fb039"
+  integrity sha512-1zGA3UNch6A+A11nIzBVEaE3DDJbjfB+eLIcf0GGOh/BJr/8NxL3546MGhV/r0RhH4xADFIEso39TKCfEMlsGA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-flow@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.2.0.tgz#a765f061f803bc48f240c26f8747faf97c26bf7c"
+  integrity sha512-r6YMuZDWLtLlu0kqIim5o/3TNRAlWb073HwT3e2nKf9I8IIvOggPrnILYPsrrKilmn/mYEMCf/Z07w3yQJF6dg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-function-bind@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-function-bind/-/plugin-syntax-function-bind-7.2.0.tgz#68fe85b0c0da67125f87bf239c68051b06c66309"
+  integrity sha512-/WzU1lLU2l0wDfB42Wkg6tahrmtBbiD8C4H6EGSX0M4GAjzN6JiOpq/Uh8G6GSoR6lPMvhjM0MNiV6znj6y/zg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-function-sent@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-function-sent/-/plugin-syntax-function-sent-7.2.0.tgz#91474d4d400604e4c6cbd4d77cd6cb3b8565576c"
+  integrity sha512-2MOVuJ6IMAifp2cf0RFkHQaOvHpbBYyWCvgtF/WVqXhTd7Bgtov8iXVCadLXp2FN1BrI2EFl+JXuwXy0qr3KoQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-import-meta@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.2.0.tgz#2333ef4b875553a3bcd1e93f8ebc09f5b9213a40"
+  integrity sha512-Hq6kFSZD7+PHkmBN8bCpHR6J8QEoCuEV/B38AIQscYjgMZkGlXB7cHNFzP5jR4RCh5545yP1ujHdmO7hAgKtBA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-json-strings@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.2.0.tgz#72bd13f6ffe1d25938129d2a186b11fd62951470"
@@ -354,6 +505,27 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-logical-assignment-operators@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.2.0.tgz#fcab7388530e96c6f277ce494c55caa6c141fcfb"
+  integrity sha512-l/NKSlrnvd73/EL540t9hZhcSo4TULBrIPs9Palju8Oc/A8DXDO+xQf04whfeuZLpi8AuIvCAdpKmmubLN4EfQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.2.0.tgz#f75083dfd5ade73e783db729bbd87e7b9efb7624"
+  integrity sha512-lRCEaKE+LTxDQtgbYajI04ddt6WW0WJq57xqkAZ+s11h4YgfRHhVA/Y2VhfPzzFD4qeLHWg32DMp9HooY4Kqlg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.2.0.tgz#7470fe070c2944469a756752a69a6963135018be"
+  integrity sha512-DroeVNkO/BnGpL2R7+ZNZqW+E24aR/4YWxP3Qb15d6lPU8KDzF8HlIUIRCOJRn4X77/oyW4mJY+7FHfY82NLtQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz#3b7a3e733510c57e820b9142a6579ac8b0dfad2e"
@@ -368,6 +540,27 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-optional-chaining@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.2.0.tgz#a59d6ae8c167e7608eaa443fda9fa8fa6bf21dff"
+  integrity sha512-HtGCtvp5Uq/jH/WNUPkK6b7rufnCPLLlDAFN7cmACoIjaOOiXxUt3SswU5loHqrhtqTsa/WoLQ1OQ1AGuZqaWA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-pipeline-operator@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-pipeline-operator/-/plugin-syntax-pipeline-operator-7.5.0.tgz#8ea7c2c22847c797748bf07752722a317079dc1e"
+  integrity sha512-5FVxPiMTMXWk4R7Kq9pt272nDu8VImJdaIzvXFSTcXFbgKWWaOdbic12TvUvl6cK+AE5EgnhwvxuWik4ZYYdzg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-syntax-throw-expressions@^7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-throw-expressions/-/plugin-syntax-throw-expressions-7.2.0.tgz#79001ee2afe1b174b1733cdc2fc69c9a46a0f1f8"
+  integrity sha512-ngwynuqu1Rx0JUS9zxSDuPgW1K8TyVZCi2hHehrL4vyjqE7RGoNHWlZsS7KQT2vw9Yjk4YLa0+KldBXTRdPLRg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-typescript@^7.2.0":
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.3.3.tgz#a7cc3f66119a9f7ebe2de5383cce193473d65991"
@@ -382,10 +575,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-async-to-generator@^7.3.4", "@babel/plugin-transform-async-to-generator@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.4.4.tgz#a3f1d01f2f21cadab20b33a82133116f14fb5894"
-  integrity sha512-YiqW2Li8TXmzgbXw+STsSqPBPFnGviiaSp6CYOq55X8GQ2SGVLrXB6pNid8HkqkZAzOH6knbai3snhP7v0fNwA==
+"@babel/plugin-transform-async-to-generator@^7.3.4", "@babel/plugin-transform-async-to-generator@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.5.0.tgz#89a3848a0166623b5bc481164b5936ab947e887e"
+  integrity sha512-mqvkzwIGkq0bEF1zLRRiTdjfomZJDV33AH3oQzHVGkI2VzEmXLpKKOBvEVaFZBJdN0XTyH38s9j/Kiqr68dggg==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -398,25 +591,25 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-block-scoping@^7.3.4", "@babel/plugin-transform-block-scoping@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.4.4.tgz#c13279fabf6b916661531841a23c4b7dae29646d"
-  integrity sha512-jkTUyWZcTrwxu5DD4rWz6rDB5Cjdmgz6z7M7RLXOJyCUkFBawssDGcGh8M/0FTSB87avyJI1HsTwUXp9nKA1PA==
+"@babel/plugin-transform-block-scoping@^7.3.4", "@babel/plugin-transform-block-scoping@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.5.5.tgz#a35f395e5402822f10d2119f6f8e045e3639a2ce"
+  integrity sha512-82A3CLRRdYubkG85lKwhZB0WZoHxLGsJdux/cOVaJCJpvYFl1LVzAIFyRsa7CvXqW8rBM4Zf3Bfn8PHt5DP0Sg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
 
-"@babel/plugin-transform-classes@^7.3.4", "@babel/plugin-transform-classes@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.4.4.tgz#0ce4094cdafd709721076d3b9c38ad31ca715eb6"
-  integrity sha512-/e44eFLImEGIpL9qPxSRat13I5QNRgBLu2hOQJCF7VLy/otSM/sypV1+XaIw5+502RX/+6YaSAPmldk+nhHDPw==
+"@babel/plugin-transform-classes@^7.3.4", "@babel/plugin-transform-classes@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.5.5.tgz#d094299d9bd680a14a2a0edae38305ad60fb4de9"
+  integrity sha512-U2htCNK/6e9K7jGyJ++1p5XRU+LJjrwtoiVn9SzRlDT2KubcZ11OOwy3s24TjHxPgxNwonCYP7U2K51uVYCMDg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.0.0"
-    "@babel/helper-define-map" "^7.4.4"
+    "@babel/helper-define-map" "^7.5.5"
     "@babel/helper-function-name" "^7.1.0"
     "@babel/helper-optimise-call-expression" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.4.4"
+    "@babel/helper-replace-supers" "^7.5.5"
     "@babel/helper-split-export-declaration" "^7.4.4"
     globals "^11.1.0"
 
@@ -427,10 +620,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-destructuring@^7.2.0", "@babel/plugin-transform-destructuring@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.4.4.tgz#9d964717829cc9e4b601fc82a26a71a4d8faf20f"
-  integrity sha512-/aOx+nW0w8eHiEHm+BTERB2oJn5D127iye/SUQl7NjHy0lf+j7h4MKMMSOwdazGq9OxgiNADncE+SRJkCxjZpQ==
+"@babel/plugin-transform-destructuring@^7.2.0", "@babel/plugin-transform-destructuring@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.5.0.tgz#f6c09fdfe3f94516ff074fe877db7bc9ef05855a"
+  integrity sha512-YbYgbd3TryYYLGyC7ZR+Tq8H/+bCmwoaxHfJHupom5ECstzbRLTch6gOQbhEY9Z4hiCNHEURgq06ykFv9JZ/QQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
@@ -443,10 +636,10 @@
     "@babel/helper-regex" "^7.4.4"
     regexpu-core "^4.5.4"
 
-"@babel/plugin-transform-duplicate-keys@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.2.0.tgz#d952c4930f312a4dbfff18f0b2914e60c35530b3"
-  integrity sha512-q+yuxW4DsTjNceUiTzK0L+AfQ0zD9rWaTLiUqHA8p0gxx7lu1EylenfzjeIWNkPy6e/0VG/Wjw9uf9LueQwLOw==
+"@babel/plugin-transform-duplicate-keys@^7.2.0", "@babel/plugin-transform-duplicate-keys@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz#c5dbf5106bf84cdf691222c0974c12b1df931853"
+  integrity sha512-igcziksHizyQPlX9gfSjHkE2wmoCH3evvD2qR5w29/Dk0SMKE/eOI7f1HhBdNhR/zxJDqrgpoDTq5YSLH/XMsQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
@@ -458,6 +651,14 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-flow-strip-types@^7.0.0":
+  version "7.4.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.4.4.tgz#d267a081f49a8705fc9146de0768c6b58dccd8f7"
+  integrity sha512-WyVedfeEIILYEaWGAUWzVNyqG4sfsNooMhXWsu/YzOvVGcsnPb5PguysjJqI3t3qiaYj0BR8T2f5njdjTGe44Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+
 "@babel/plugin-transform-for-of@^7.2.0", "@babel/plugin-transform-for-of@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.4.4.tgz#0267fc735e24c808ba173866c6c4d1440fc3c556"
@@ -487,30 +688,33 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-modules-amd@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.2.0.tgz#82a9bce45b95441f617a24011dc89d12da7f4ee6"
-  integrity sha512-mK2A8ucqz1qhrdqjS9VMIDfIvvT2thrEsIQzbaTdc5QFzhDjQv2CkJJ5f6BXIkgbmaoax3zBr2RyvV/8zeoUZw==
+"@babel/plugin-transform-modules-amd@^7.2.0", "@babel/plugin-transform-modules-amd@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.5.0.tgz#ef00435d46da0a5961aa728a1d2ecff063e4fb91"
+  integrity sha512-n20UsQMKnWrltocZZm24cRURxQnWIvsABPJlw/fvoy9c6AgHZzoelAIzajDHAQrDpuKFFPPcFGd7ChsYuIUMpg==
   dependencies:
     "@babel/helper-module-transforms" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.4.4.tgz#0bef4713d30f1d78c2e59b3d6db40e60192cac1e"
-  integrity sha512-4sfBOJt58sEo9a2BQXnZq+Q3ZTSAUXyK3E30o36BOGnJ+tvJ6YSxF0PG6kERvbeISgProodWuI9UVG3/FMY6iw==
+"@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.5.0.tgz#425127e6045231360858eeaa47a71d75eded7a74"
+  integrity sha512-xmHq0B+ytyrWJvQTc5OWAC4ii6Dhr0s22STOoydokG51JjWhyYo5mRPXoi+ZmtHQhZZwuXNN+GG5jy5UZZJxIQ==
   dependencies:
     "@babel/helper-module-transforms" "^7.4.4"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-simple-access" "^7.1.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-systemjs@^7.3.4", "@babel/plugin-transform-modules-systemjs@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.4.4.tgz#dc83c5665b07d6c2a7b224c00ac63659ea36a405"
-  integrity sha512-MSiModfILQc3/oqnG7NrP1jHaSPryO6tA2kOMmAQApz5dayPxWiHqmq4sWH2xF5LcQK56LlbKByCd8Aah/OIkQ==
+"@babel/plugin-transform-modules-systemjs@^7.3.4", "@babel/plugin-transform-modules-systemjs@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.5.0.tgz#e75266a13ef94202db2a0620977756f51d52d249"
+  integrity sha512-Q2m56tyoQWmuNGxEtUyeEkm6qJYFqs4c+XyXH5RAuYxObRNz9Zgj/1g2GMnjYp2EUyEy7YTrxliGCXzecl/vJg==
   dependencies:
     "@babel/helper-hoist-variables" "^7.4.4"
     "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
 "@babel/plugin-transform-modules-umd@^7.2.0":
   version "7.2.0"
@@ -534,13 +738,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-object-super@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.2.0.tgz#b35d4c10f56bab5d650047dad0f1d8e8814b6598"
-  integrity sha512-VMyhPYZISFZAqAPVkiYb7dUe2AsVi2/wCT5+wZdsNO31FojQJa9ns40hzZ6U9f50Jlq4w6qwzdBB2uwqZ00ebg==
+"@babel/plugin-transform-object-super@^7.2.0", "@babel/plugin-transform-object-super@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.5.5.tgz#c70021df834073c65eb613b8679cc4a381d1a9f9"
+  integrity sha512-un1zJQAhSosGFBduPgN/YFNvWVpRuHKU7IHBglLoLZsGmruJPOo6pbInneflUdmq7YvSVqhpPs5zdBvLnteltQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.1.0"
+    "@babel/helper-replace-supers" "^7.5.5"
 
 "@babel/plugin-transform-parameters@^7.2.0", "@babel/plugin-transform-parameters@^7.4.4":
   version "7.4.4"
@@ -558,7 +762,30 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-react-jsx@^7.3.0":
+"@babel/plugin-transform-react-display-name@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.2.0.tgz#ebfaed87834ce8dc4279609a4f0c324c156e3eb0"
+  integrity sha512-Htf/tPa5haZvRMiNSQSFifK12gtr/8vwfr+A9y69uF0QcU77AVu4K7MiHEkTxF7lQoHOL0F9ErqgfNEAKgXj7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-react-jsx-self@^7.0.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.2.0.tgz#461e21ad9478f1031dd5e276108d027f1b5240ba"
+  integrity sha512-v6S5L/myicZEy+jr6ielB0OR8h+EH/1QFx/YJ7c7Ua+7lqsjj/vW6fD5FR9hB/6y7mGbfT4vAURn3xqBxsUcdg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+
+"@babel/plugin-transform-react-jsx-source@^7.0.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.5.0.tgz#583b10c49cf057e237085bcbd8cc960bd83bd96b"
+  integrity sha512-58Q+Jsy4IDCZx7kqEZuSDdam/1oW8OdDX8f+Loo6xyxdfg1yF0GE2XNJQSTZCaMol93+FBzpWiPEwtbMloAcPg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+
+"@babel/plugin-transform-react-jsx@^7.0.0", "@babel/plugin-transform-react-jsx@^7.3.0":
   version "7.3.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.3.0.tgz#f2cab99026631c767e2745a5368b331cfe8f5290"
   integrity sha512-a/+aRb7R06WcKvQLOu4/TpjKOdvVEKRLWFpKcNuHhiREPgGRB4TQJxq07+EZLS8LFVYpfq1a5lDUnuMdcCpBKg==
@@ -582,9 +809,9 @@
     "@babel/helper-plugin-utils" "^7.0.0"
 
 "@babel/plugin-transform-runtime@^7.4.0":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.4.4.tgz#a50f5d16e9c3a4ac18a1a9f9803c107c380bce08"
-  integrity sha512-aMVojEjPszvau3NRg+TIH14ynZLvPewH4xhlCW1w6A3rkxTS1m4uwzRclYR9oS+rl/dr+kT+pzbfHuAWP/lc7Q==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.5.5.tgz#a6331afbfc59189d2135b2e09474457a8e3d28bc"
+  integrity sha512-6Xmeidsun5rkwnGfMOp6/z9nSzWpHFNVr2Jx7kwoq4mVatQfQx5S56drBgEHF+XQbKOdIaOiMIINvp/kAwMN+w==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -629,10 +856,11 @@
     "@babel/helper-plugin-utils" "^7.0.0"
 
 "@babel/plugin-transform-typescript@^7.3.2":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.4.5.tgz#ab3351ba35307b79981993536c93ff8be050ba28"
-  integrity sha512-RPB/YeGr4ZrFKNwfuQRlMf2lxoCUaU01MTw39/OFE/RiL8HDjtn68BwEPft1P7JN4akyEmjGWAMNldOV7o9V2g==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.5.5.tgz#6d862766f09b2da1cb1f7d505fe2aedab6b7d4b8"
+  integrity sha512-pehKf4m640myZu5B2ZviLaiBlxMCjSZ1qTEO459AXKX5GnPueyulJeCqZFs1nz/Ya2dDzXQ1NxZ/kKNWyD4h6w==
   dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.5.5"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-typescript" "^7.2.0"
 
@@ -694,43 +922,45 @@
     js-levenshtein "^1.1.3"
     semver "^5.3.0"
 
-"@babel/preset-env@^7.3.1":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.4.5.tgz#2fad7f62983d5af563b5f3139242755884998a58"
-  integrity sha512-f2yNVXM+FsR5V8UwcFeIHzHWgnhXg3NpRmy0ADvALpnhB0SLbCvrCRr4BLOUYbQNLS+Z0Yer46x9dJXpXewI7w==
+"@babel/preset-env@^7.1.0", "@babel/preset-env@^7.3.1":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.5.5.tgz#bc470b53acaa48df4b8db24a570d6da1fef53c9a"
+  integrity sha512-GMZQka/+INwsMz1A5UEql8tG015h5j/qjptpKY2gJ7giy8ohzU710YciJB5rcKsWGWHiW3RUnHib0E5/m3Tp3A==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-proposal-async-generator-functions" "^7.2.0"
+    "@babel/plugin-proposal-dynamic-import" "^7.5.0"
     "@babel/plugin-proposal-json-strings" "^7.2.0"
-    "@babel/plugin-proposal-object-rest-spread" "^7.4.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.5.5"
     "@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.2.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
     "@babel/plugin-transform-arrow-functions" "^7.2.0"
-    "@babel/plugin-transform-async-to-generator" "^7.4.4"
+    "@babel/plugin-transform-async-to-generator" "^7.5.0"
     "@babel/plugin-transform-block-scoped-functions" "^7.2.0"
-    "@babel/plugin-transform-block-scoping" "^7.4.4"
-    "@babel/plugin-transform-classes" "^7.4.4"
+    "@babel/plugin-transform-block-scoping" "^7.5.5"
+    "@babel/plugin-transform-classes" "^7.5.5"
     "@babel/plugin-transform-computed-properties" "^7.2.0"
-    "@babel/plugin-transform-destructuring" "^7.4.4"
+    "@babel/plugin-transform-destructuring" "^7.5.0"
     "@babel/plugin-transform-dotall-regex" "^7.4.4"
-    "@babel/plugin-transform-duplicate-keys" "^7.2.0"
+    "@babel/plugin-transform-duplicate-keys" "^7.5.0"
     "@babel/plugin-transform-exponentiation-operator" "^7.2.0"
     "@babel/plugin-transform-for-of" "^7.4.4"
     "@babel/plugin-transform-function-name" "^7.4.4"
     "@babel/plugin-transform-literals" "^7.2.0"
     "@babel/plugin-transform-member-expression-literals" "^7.2.0"
-    "@babel/plugin-transform-modules-amd" "^7.2.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.4.4"
-    "@babel/plugin-transform-modules-systemjs" "^7.4.4"
+    "@babel/plugin-transform-modules-amd" "^7.5.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.5.0"
+    "@babel/plugin-transform-modules-systemjs" "^7.5.0"
     "@babel/plugin-transform-modules-umd" "^7.2.0"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.4.5"
     "@babel/plugin-transform-new-target" "^7.4.4"
-    "@babel/plugin-transform-object-super" "^7.2.0"
+    "@babel/plugin-transform-object-super" "^7.5.5"
     "@babel/plugin-transform-parameters" "^7.4.4"
     "@babel/plugin-transform-property-literals" "^7.2.0"
     "@babel/plugin-transform-regenerator" "^7.4.5"
@@ -741,13 +971,37 @@
     "@babel/plugin-transform-template-literals" "^7.4.4"
     "@babel/plugin-transform-typeof-symbol" "^7.2.0"
     "@babel/plugin-transform-unicode-regex" "^7.4.4"
-    "@babel/types" "^7.4.4"
+    "@babel/types" "^7.5.5"
     browserslist "^4.6.0"
     core-js-compat "^3.1.1"
     invariant "^2.2.2"
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
+"@babel/preset-flow@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.0.0.tgz#afd764835d9535ec63d8c7d4caf1c06457263da2"
+  integrity sha512-bJOHrYOPqJZCkPVbG1Lot2r5OSsB+iUOaxiHdlOeB1yPWS6evswVHwvkDLZ54WTaTRIk89ds0iHmGZSnxlPejQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+
+"@babel/preset-react@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.0.0.tgz#e86b4b3d99433c7b3e9e91747e2653958bc6b3c0"
+  integrity sha512-oayxyPS4Zj+hF6Et11BwuBkmpgT/zMxyuZgFrMeZID6Hdh3dGlk4sHCAhdBCpuCKW2ppBfl2uCCetlrUIJRY3w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+
+"@babel/preset-stage-0@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-stage-0/-/preset-stage-0-7.0.0.tgz#999aaec79ee8f0a763042c68c06539c97c6e0646"
+  integrity sha512-FBMd0IiARPtH5aaOFUVki6evHiJQiY0pFy7fizyRF7dtwc+el3nwpzvhb9qBNzceG1OIJModG1xpE0DDFjPXwA==
+
 "@babel/preset-typescript@^7.1.0":
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.3.3.tgz#88669911053fa16b2b276ea2ede2ca603b3f307a"
@@ -757,17 +1011,17 @@
     "@babel/plugin-transform-typescript" "^7.3.2"
 
 "@babel/runtime-corejs2@^7.2.0":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.4.5.tgz#3d892f0560df21bafb384dd7727e33853e95d3c9"
-  integrity sha512-5yLuwzvIDecKwYMzJtiarky4Fb5643H3Ao5jwX0HrMR5oM5mn2iHH9wSZonxwNK0oAjAFUQAiOd4jT7/9Y2jMQ==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.5.5.tgz#c3214c08ef20341af4187f1c9fbdc357fbec96b2"
+  integrity sha512-FYATQVR00NSNi7mUfpPDp7E8RYMXDuO8gaix7u/w3GekfUinKgX1AcTxs7SoiEmoEW9mbpjrwqWSW6zCmw5h8A==
   dependencies:
     core-js "^2.6.5"
     regenerator-runtime "^0.13.2"
 
 "@babel/runtime@^7.0.0":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.4.5.tgz#582bb531f5f9dc67d2fcb682979894f75e253f12"
-  integrity sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.5.5.tgz#74fba56d35efbeca444091c7850ccd494fd2f132"
+  integrity sha512-28QvEGyQyNkB0/m2B4FU7IEZGK2NUrcMtT6BZEFALTguLk+AUT6ofsHtPk5QyjAdUkpMJ+/Em+quwz4HOt30AQ==
   dependencies:
     regenerator-runtime "^0.13.2"
 
@@ -780,30 +1034,35 @@
     "@babel/parser" "^7.4.4"
     "@babel/types" "^7.4.4"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.4.5.tgz#4e92d1728fd2f1897dafdd321efbff92156c3216"
-  integrity sha512-Vc+qjynwkjRmIFGxy0KYoPj4FdVDxLej89kMHFsWScq999uX+pwcX4v9mWRjW0KcAYTPAuVQl2LKP1wEVLsp+A==
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.1.4", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.5.5.tgz#f664f8f368ed32988cd648da9f72d5ca70f165bb"
+  integrity sha512-MqB0782whsfffYfSjH4TM+LMjrJnhCNEDMDIjeTpl+ASaUvxcjoiVCo/sM1GhS1pHOXYfWVCYneLjMckuUxDaQ==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.4"
+    "@babel/code-frame" "^7.5.5"
+    "@babel/generator" "^7.5.5"
     "@babel/helper-function-name" "^7.1.0"
     "@babel/helper-split-export-declaration" "^7.4.4"
-    "@babel/parser" "^7.4.5"
-    "@babel/types" "^7.4.4"
+    "@babel/parser" "^7.5.5"
+    "@babel/types" "^7.5.5"
     debug "^4.1.0"
     globals "^11.1.0"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
 
-"@babel/types@^7.0.0", "@babel/types@^7.1.3", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.4.4.tgz#8db9e9a629bb7c29370009b4b779ed93fe57d5f0"
-  integrity sha512-dOllgYdnEFOebhkKCjzSVFqw/PmmB8pH6RGOWkY4GsboQNd47b1fBThBSwlHAq9alF9vc1M3+6oqR47R50L0tQ==
+"@babel/types@^7.0.0", "@babel/types@^7.1.3", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.5.5.tgz#97b9f728e182785909aa4ab56264f090a028d18a"
+  integrity sha512-s63F9nJioLqOlW3UkyMd+BYhXt44YuaFm/VV0VwuteqjYwRrObkU7ra9pY4wAJR3oXi8hJrMcrcJdO/HH33vtw==
   dependencies:
     esutils "^2.0.2"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@braintree/sanitize-url@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-3.1.0.tgz#8ff71d51053cd5ee4981e5a501d80a536244f7fd"
+  integrity sha512-GcIY79elgB+azP74j8vqkiXz8xLFfIzbQJdlwOPisgbKT00tviJQuEghOXSMVxJ00HoYJbGswr4kcllUc4xCcg==
+
 "@ckienle/k-pop@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@ckienle/k-pop/-/k-pop-0.7.0.tgz#d106d81971c7688b9fe9775dd7bc3048e2f09808"
@@ -830,21 +1089,32 @@
   resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-6.2.4.tgz#4b95fbaccbfba90185690890bdf1a2fbbda10595"
   integrity sha512-HOJ20Kc93DkDVvjwHyHawPwPkX44sIrbXazAUDiUXaY2R9JwQGo2PhFfnQtdrsIe4igjG2fPgMra7NYw7qhy0A==
 
+"@hapi/hoek@8.x.x":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.1.0.tgz#8f7627b23ed9bf67088fc7f9669e48c63ad421bd"
+  integrity sha512-b1J4jxYnW+n6lC91V6Pqg9imP9BZq0HNCeM+3sbXg05rQsE9cGYrKFpZjyztVesGmNRE6R+QaEoWGATeIiUVjA==
+
 "@hapi/joi@^15.0.1":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.0.3.tgz#e94568fd859e5e945126d5675e7dd218484638a7"
-  integrity sha512-z6CesJ2YBwgVCi+ci8SI8zixoj8bGFn/vZb9MBPbSyoxsS2PnWYjHcyTM17VLK6tx64YVK38SDIh10hJypB+ig==
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.1.0.tgz#940cb749b5c55c26ab3b34ce362e82b6162c8e7a"
+  integrity sha512-n6kaRQO8S+kepUTbXL9O/UOL788Odqs38/VOfoCrATDtTvyfiO3fgjlSRaNkHabpTLgM7qru9ifqXlXbXk8SeQ==
   dependencies:
     "@hapi/address" "2.x.x"
     "@hapi/hoek" "6.x.x"
+    "@hapi/marker" "1.x.x"
     "@hapi/topo" "3.x.x"
 
+"@hapi/marker@1.x.x":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/marker/-/marker-1.0.0.tgz#65b0b2b01d1be06304886ce9b4b77b1bfb21a769"
+  integrity sha512-JOfdekTXnJexfE8PyhZFyHvHjt81rBFSAbTIRAhF2vv/2Y1JzoKsGqxH/GpZJoF7aEfYok8JVcAHmSz1gkBieA==
+
 "@hapi/topo@3.x.x":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.0.tgz#5c47cd9637c2953db185aa957a27bcb2a8b7a6f8"
-  integrity sha512-gZDI/eXOIk8kP2PkUKjWu9RW8GGVd2Hkgjxyr/S7Z+JF+0mr7bAlbw+DkTRxnD580o8Kqxlnba9wvqp5aOHBww==
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.2.tgz#57cc1317be1a8c5f47c124f9b0e3c49cd78424d2"
+  integrity sha512-r+aumOqJ5QbD6aLPJWqVjMAPsx5pZKz+F5yPqXZ/WWG9JTtHbQqlzrJoknJ0iJxLj9vlXtmpSdjlkszseeG8OA==
   dependencies:
-    "@hapi/hoek" "6.x.x"
+    "@hapi/hoek" "8.x.x"
 
 "@intervolga/optimize-cssnano-plugin@^1.0.5":
   version "1.0.6"
@@ -988,6 +1258,11 @@
     error-stack-parser "^2.0.0"
     string-width "^2.0.0"
 
+"@toycode/markdown-it-class@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@toycode/markdown-it-class/-/markdown-it-class-1.1.0.tgz#564c8d5ae4f069711349091c9e139509c330dc89"
+  integrity sha512-uGYq+hYSRYKrfQI9s+3Vxifz2M5T39qbwdVlOktqmWls1CouYYPbcjEpZBDd+/gg9vhEPpFUJy+3jaHx2G1U0w==
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -1100,9 +1375,9 @@
   integrity sha1-aaI6OtKcrwCX8G7aWbNh7i8GOfY=
 
 "@types/node@*", "@types/node@^12.6.2":
-  version "12.6.3"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.6.3.tgz#44d507c5634f85e7164707ca36bba21b5213d487"
-  integrity sha512-7TEYTQT1/6PP53NftXXabIZDaZfaoBdeBm8Md/i7zsWRoBe0YwOXguyK8vhHs8ehgB/w9U4K/6EWuTyp0W6nIA==
+  version "12.6.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.6.8.tgz#e469b4bf9d1c9832aee4907ba8a051494357c12c"
+  integrity sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
@@ -1148,10 +1423,15 @@
   dependencies:
     source-map "^0.6.1"
 
+"@types/unist@^2.0.0", "@types/unist@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
+  integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==
+
 "@types/webpack@^4.4.34":
-  version "4.4.35"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.4.35.tgz#b7088eb2d471d5645e5503d272783cafa753583b"
-  integrity sha512-kf+mn/+CB4HsFb+Rz0QBRlo8nNC9LFhwqeK5xxhd3FEPRWJv6MFVnljKV5ARac56+syO8vIhq+nGt860+3wx7A==
+  version "4.32.1"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.32.1.tgz#6e95010e806f808abd6551c112097ac09035aacf"
+  integrity sha512-9n38CBx9uga1FEAdTipnt0EkbKpsCJFh7xJb1LE65FFb/A6OOLFX022vYsGC1IyVCZ/GroNg9u/RMmlDxGcLIw==
   dependencies:
     "@types/anymatch" "*"
     "@types/node" "*"
@@ -1201,16 +1481,16 @@
     core-js "^2.6.5"
 
 "@vue/babel-preset-jsx@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-preset-jsx/-/babel-preset-jsx-1.0.0.tgz#e515cd453a5a8ea6b0f30b2bb92f266d8ab4e9f5"
-  integrity sha512-5CbDu/QHS+TtQNw5aYAffiMxBBB2Eo9+RJpS8X+6FJbdG5Rvc4TVipEqkrg0pJviWadNg7TEy0Uz4o7VNXeIZw==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-preset-jsx/-/babel-preset-jsx-1.1.0.tgz#c8001329f5b372297a3111a251eb4f9e956c1266"
+  integrity sha512-EeZ9gwEmu79B4A6LMLAw5cPCVYIcbKWgJgJafWtLzh1S+SgERUmTkVQ9Vx4k8zYBiCuxHK3XziZ3VJIMau7THA==
   dependencies:
     "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
     "@vue/babel-plugin-transform-vue-jsx" "^1.0.0"
     "@vue/babel-sugar-functional-vue" "^1.0.0"
     "@vue/babel-sugar-inject-h" "^1.0.0"
     "@vue/babel-sugar-v-model" "^1.0.0"
-    "@vue/babel-sugar-v-on" "^1.0.0"
+    "@vue/babel-sugar-v-on" "^1.1.0"
 
 "@vue/babel-sugar-functional-vue@^1.0.0":
   version "1.0.0"
@@ -1238,10 +1518,10 @@
     html-tags "^2.0.0"
     svg-tags "^1.0.0"
 
-"@vue/babel-sugar-v-on@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.0.0.tgz#a633ee8fe205763e865b011246981b7f89668033"
-  integrity sha512-2aqJaDLKdSSGlxZU+GjFERaSNUaa6DQreV+V/K4W/6Lxj8520/r1lChWEa/zuAoPD2Vhy0D2QrqqO+I0D6CkKw==
+"@vue/babel-sugar-v-on@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.1.0.tgz#1f2b35eeeabb87eaf8925931f4d34fd8e6404a45"
+  integrity sha512-8DwAj/RLpmrDP4eZ3erJcKcyuLArLUYagNODTsSQrMdG5zmLJoFFtEjODfYRh/XxM2wXv9Wxe+HAB41FQxxwQA==
   dependencies:
     "@babel/plugin-syntax-jsx" "^7.2.0"
     "@vue/babel-plugin-transform-vue-jsx" "^1.0.0"
@@ -1293,9 +1573,9 @@
     vue-jest "^3.0.4"
 
 "@vue/cli-service@^3.8.0":
-  version "3.9.2"
-  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-3.9.2.tgz#59c95500f1f20ab1cd1905c28f6c3b17c04d6de8"
-  integrity sha512-R4L9tCMpJ4DzLgu/aU9CEtl5QYsj/FXRrtEgXSKm+71OVtA/o2rkLTC8SLB2Bu7wHP/HCYbaoy4NZqSEQzTuLw==
+  version "3.9.3"
+  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-3.9.3.tgz#4bd5786465afb8b608c5c7fc9661390e747ea756"
+  integrity sha512-CZE9PP4HH9bK4qAaLbTUB3tubggI+aRSbgB/QYSZrVlhtMpuVFZPj2QHbIvJQZTI2cG6LFQtLTZWXKeqo5lbAQ==
   dependencies:
     "@intervolga/optimize-cssnano-plugin" "^1.0.5"
     "@soda/friendly-errors-webpack-plugin" "^1.7.1"
@@ -1330,7 +1610,7 @@
     hash-sum "^1.0.2"
     html-webpack-plugin "^3.2.0"
     launch-editor-middleware "^2.2.1"
-    lodash.defaultsdeep "^4.6.0"
+    lodash.defaultsdeep "^4.6.1"
     lodash.mapvalues "^4.6.0"
     lodash.transform "^4.6.0"
     mini-css-extract-plugin "^0.6.0"
@@ -1372,7 +1652,7 @@
     semver "^6.0.0"
     string.prototype.padstart "^3.0.0"
 
-"@vue/component-compiler-utils@^2.5.1", "@vue/component-compiler-utils@^2.6.0":
+"@vue/component-compiler-utils@^2.6.0":
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
   integrity sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==
@@ -1446,11 +1726,11 @@
   integrity sha512-Xn/+vdm9CjuC9p3Ae+lTClNutrVhsXpzxvoTXXtoys6kVRX9FkueSUAqSWAyZntmVLlR4DosBV4pH8y5Z/HbUw==
 
 "@vuese/cli@^2.4.2":
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/@vuese/cli/-/cli-2.5.0.tgz#bf881d3d7ffd886ec50970d73bc9502eb024f94d"
-  integrity sha512-H1kSZygBLcdefAet9crkDaFDVfYUq606p8eeB9T9jVMWvsM+5uoHLNLltxqdlL4hEbFt8G5l9c3opJIY2/KxYw==
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/@vuese/cli/-/cli-2.5.2.tgz#290a50f9a7da32528a818aaa79c9666938a0adc1"
+  integrity sha512-yjcpotvhF3SQr9ctQYNqutgxOoxjZTkVz6doACgCTi7Kbw7D1PAkjt71kJlAsfAzWmbsjma9XxEDSHKIksLXJA==
   dependencies:
-    "@vuese/markdown-render" "^2.3.0"
+    "@vuese/markdown-render" "^2.3.1"
     "@vuese/parser" "^2.2.0"
     cac "^6.4.0"
     carlo "^0.9.10"
@@ -1466,10 +1746,10 @@
     sao "^0.22.17"
     serve-handler "^5.0.7"
 
-"@vuese/markdown-render@^2.2.9", "@vuese/markdown-render@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@vuese/markdown-render/-/markdown-render-2.3.0.tgz#1f60fd45359c3f1295eb6b8b6b16d27d146b645b"
-  integrity sha512-cBBDHtwS3VIKWWnUfC02CBW0z97DnKWzBehtgvqTzO3AHbAZe7D8teDvXgCdjC68gLteUDOTOnnyRt7TdJOeXQ==
+"@vuese/markdown-render@^2.2.9", "@vuese/markdown-render@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@vuese/markdown-render/-/markdown-render-2.3.1.tgz#21a931b9d1443c10ab5f7778ea1e3616941d8409"
+  integrity sha512-+aXcblX8+Tc45C4LbH8ZD+AeORtPcEtRGWnQgyr0fYdANZB5bUX+OUK0tCjAiV7wQLFJbjXJvJFlN7qVMvJGWA==
 
 "@vuese/parser@^2.1.8", "@vuese/parser@^2.2.0":
   version "2.2.0"
@@ -1491,21 +1771,45 @@
     "@webassemblyjs/helper-wasm-bytecode" "1.7.11"
     "@webassemblyjs/wast-parser" "1.7.11"
 
+"@webassemblyjs/ast@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.8.5.tgz#51b1c5fe6576a34953bf4b253df9f0d490d9e359"
+  integrity sha512-aJMfngIZ65+t71C3y2nBBg5FFG0Okt9m0XEgWZ7Ywgn1oMAT8cNwx00Uv1cQyHtidq0Xn94R4TAywO+LCQ+ZAQ==
+  dependencies:
+    "@webassemblyjs/helper-module-context" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/wast-parser" "1.8.5"
+
 "@webassemblyjs/floating-point-hex-parser@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.7.11.tgz#a69f0af6502eb9a3c045555b1a6129d3d3f2e313"
   integrity sha512-zY8dSNyYcgzNRNT666/zOoAyImshm3ycKdoLsyDw/Bwo6+/uktb7p4xyApuef1dwEBo/U/SYQzbGBvV+nru2Xg==
 
+"@webassemblyjs/floating-point-hex-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.8.5.tgz#1ba926a2923613edce496fd5b02e8ce8a5f49721"
+  integrity sha512-9p+79WHru1oqBh9ewP9zW95E3XAo+90oth7S5Re3eQnECGq59ly1Ri5tsIipKGpiStHsUYmY3zMLqtk3gTcOtQ==
+
 "@webassemblyjs/helper-api-error@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.7.11.tgz#c7b6bb8105f84039511a2b39ce494f193818a32a"
   integrity sha512-7r1qXLmiglC+wPNkGuXCvkmalyEstKVwcueZRP2GNC2PAvxbLYwLLPr14rcdJaE4UtHxQKfFkuDFuv91ipqvXg==
 
+"@webassemblyjs/helper-api-error@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.8.5.tgz#c49dad22f645227c5edb610bdb9697f1aab721f7"
+  integrity sha512-Za/tnzsvnqdaSPOUXHyKJ2XI7PDX64kWtURyGiJJZKVEdFOsdKUCPTNEVFZq3zJ2R0G5wc2PZ5gvdTRFgm81zA==
+
 "@webassemblyjs/helper-buffer@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.7.11.tgz#3122d48dcc6c9456ed982debe16c8f37101df39b"
   integrity sha512-MynuervdylPPh3ix+mKZloTcL06P8tenNH3sx6s0qE8SLR6DdwnfgA7Hc9NSYeob2jrW5Vql6GVlsQzKQCa13w==
 
+"@webassemblyjs/helper-buffer@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.8.5.tgz#fea93e429863dd5e4338555f42292385a653f204"
+  integrity sha512-Ri2R8nOS0U6G49Q86goFIPNgjyl6+oE1abW1pS84BuhP1Qcr5JqMwRFT3Ah3ADDDYGEgGs1iyb1DGX+kAi/c/Q==
+
 "@webassemblyjs/helper-code-frame@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.7.11.tgz#cf8f106e746662a0da29bdef635fcd3d1248364b"
@@ -1513,21 +1817,46 @@
   dependencies:
     "@webassemblyjs/wast-printer" "1.7.11"
 
+"@webassemblyjs/helper-code-frame@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.8.5.tgz#9a740ff48e3faa3022b1dff54423df9aa293c25e"
+  integrity sha512-VQAadSubZIhNpH46IR3yWO4kZZjMxN1opDrzePLdVKAZ+DFjkGD/rf4v1jap744uPVU6yjL/smZbRIIJTOUnKQ==
+  dependencies:
+    "@webassemblyjs/wast-printer" "1.8.5"
+
 "@webassemblyjs/helper-fsm@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.7.11.tgz#df38882a624080d03f7503f93e3f17ac5ac01181"
   integrity sha512-nsAQWNP1+8Z6tkzdYlXT0kxfa2Z1tRTARd8wYnc/e3Zv3VydVVnaeePgqUzFrpkGUyhUUxOl5ML7f1NuT+gC0A==
 
+"@webassemblyjs/helper-fsm@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.8.5.tgz#ba0b7d3b3f7e4733da6059c9332275d860702452"
+  integrity sha512-kRuX/saORcg8se/ft6Q2UbRpZwP4y7YrWsLXPbbmtepKr22i8Z4O3V5QE9DbZK908dh5Xya4Un57SDIKwB9eow==
+
 "@webassemblyjs/helper-module-context@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.7.11.tgz#d874d722e51e62ac202476935d649c802fa0e209"
   integrity sha512-JxfD5DX8Ygq4PvXDucq0M+sbUFA7BJAv/GGl9ITovqE+idGX+J3QSzJYz+LwQmL7fC3Rs+utvWoJxDb6pmC0qg==
 
+"@webassemblyjs/helper-module-context@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.8.5.tgz#def4b9927b0101dc8cbbd8d1edb5b7b9c82eb245"
+  integrity sha512-/O1B236mN7UNEU4t9X7Pj38i4VoU8CcMHyy3l2cV/kIF4U5KoHXDVqcDuOs1ltkac90IM4vZdHc52t1x8Yfs3g==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    mamacro "^0.0.3"
+
 "@webassemblyjs/helper-wasm-bytecode@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.7.11.tgz#dd9a1e817f1c2eb105b4cf1013093cb9f3c9cb06"
   integrity sha512-cMXeVS9rhoXsI9LLL4tJxBgVD/KMOKXuFqYb5oCJ/opScWpkCMEz9EJtkonaNcnLv2R3K5jIeS4TRj/drde1JQ==
 
+"@webassemblyjs/helper-wasm-bytecode@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.8.5.tgz#537a750eddf5c1e932f3744206551c91c1b93e61"
+  integrity sha512-Cu4YMYG3Ddl72CbmpjU/wbP6SACcOPVbHN1dI4VJNJVgFwaKf1ppeFJrwydOG3NDHxVGuCfPlLZNyEdIYlQ6QQ==
+
 "@webassemblyjs/helper-wasm-section@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.7.11.tgz#9c9ac41ecf9fbcfffc96f6d2675e2de33811e68a"
@@ -1538,6 +1867,16 @@
     "@webassemblyjs/helper-wasm-bytecode" "1.7.11"
     "@webassemblyjs/wasm-gen" "1.7.11"
 
+"@webassemblyjs/helper-wasm-section@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.8.5.tgz#74ca6a6bcbe19e50a3b6b462847e69503e6bfcbf"
+  integrity sha512-VV083zwR+VTrIWWtgIUpqfvVdK4ff38loRmrdDBgBT8ADXYsEZ5mPQ4Nde90N3UYatHdYoDIFb7oHzMncI02tA==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
+
 "@webassemblyjs/ieee754@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.7.11.tgz#c95839eb63757a31880aaec7b6512d4191ac640b"
@@ -1545,6 +1884,13 @@
   dependencies:
     "@xtuc/ieee754" "^1.2.0"
 
+"@webassemblyjs/ieee754@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.8.5.tgz#712329dbef240f36bf57bd2f7b8fb9bf4154421e"
+  integrity sha512-aaCvQYrvKbY/n6wKHb/ylAJr27GglahUO89CcGXMItrOBqRarUMxWLJgxm9PJNuKULwN5n1csT9bYoMeZOGF3g==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
 "@webassemblyjs/leb128@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.7.11.tgz#d7267a1ee9c4594fd3f7e37298818ec65687db63"
@@ -1552,11 +1898,23 @@
   dependencies:
     "@xtuc/long" "4.2.1"
 
+"@webassemblyjs/leb128@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.8.5.tgz#044edeb34ea679f3e04cd4fd9824d5e35767ae10"
+  integrity sha512-plYUuUwleLIziknvlP8VpTgO4kqNaH57Y3JnNa6DLpu/sGcP6hbVdfdX5aHAV716pQBKrfuU26BJK29qY37J7A==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/utf8@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.7.11.tgz#06d7218ea9fdc94a6793aa92208160db3d26ee82"
   integrity sha512-C6GFkc7aErQIAH+BMrIdVSmW+6HSe20wg57HEC1uqJP8E/xpMjXqQUxkQw07MhNDSDcGpxI9G5JSNOQCqJk4sA==
 
+"@webassemblyjs/utf8@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.8.5.tgz#a8bf3b5d8ffe986c7c1e373ccbdc2a0915f0cedc"
+  integrity sha512-U7zgftmQriw37tfD934UNInokz6yTmn29inT2cAetAsaU9YeVCveWEwhKL1Mg4yS7q//NGdzy79nlXh3bT8Kjw==
+
 "@webassemblyjs/wasm-edit@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.7.11.tgz#8c74ca474d4f951d01dbae9bd70814ee22a82005"
@@ -1571,6 +1929,20 @@
     "@webassemblyjs/wasm-parser" "1.7.11"
     "@webassemblyjs/wast-printer" "1.7.11"
 
+"@webassemblyjs/wasm-edit@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz#962da12aa5acc1c131c81c4232991c82ce56e01a"
+  integrity sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/helper-wasm-section" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
+    "@webassemblyjs/wasm-opt" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+    "@webassemblyjs/wast-printer" "1.8.5"
+
 "@webassemblyjs/wasm-gen@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.7.11.tgz#9bbba942f22375686a6fb759afcd7ac9c45da1a8"
@@ -1582,6 +1954,17 @@
     "@webassemblyjs/leb128" "1.7.11"
     "@webassemblyjs/utf8" "1.7.11"
 
+"@webassemblyjs/wasm-gen@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.8.5.tgz#54840766c2c1002eb64ed1abe720aded714f98bc"
+  integrity sha512-BCZBT0LURC0CXDzj5FXSc2FPTsxwp3nWcqXQdOZE4U7h7i8FqtFK5Egia6f9raQLpEKT1VL7zr4r3+QX6zArWg==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/ieee754" "1.8.5"
+    "@webassemblyjs/leb128" "1.8.5"
+    "@webassemblyjs/utf8" "1.8.5"
+
 "@webassemblyjs/wasm-opt@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.7.11.tgz#b331e8e7cef8f8e2f007d42c3a36a0580a7d6ca7"
@@ -1592,6 +1975,16 @@
     "@webassemblyjs/wasm-gen" "1.7.11"
     "@webassemblyjs/wasm-parser" "1.7.11"
 
+"@webassemblyjs/wasm-opt@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.8.5.tgz#b24d9f6ba50394af1349f510afa8ffcb8a63d264"
+  integrity sha512-HKo2mO/Uh9A6ojzu7cjslGaHaUU14LdLbGEKqTR7PBKwT6LdPtLLh9fPY33rmr5wcOMrsWDbbdCHq4hQUdd37Q==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+
 "@webassemblyjs/wasm-parser@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.7.11.tgz#6e3d20fa6a3519f6b084ef9391ad58211efb0a1a"
@@ -1604,6 +1997,18 @@
     "@webassemblyjs/leb128" "1.7.11"
     "@webassemblyjs/utf8" "1.7.11"
 
+"@webassemblyjs/wasm-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.8.5.tgz#21576f0ec88b91427357b8536383668ef7c66b8d"
+  integrity sha512-pi0SYE9T6tfcMkthwcgCpL0cM9nRYr6/6fjgDtL6q/ZqKHdMWvxitRi5JcZ7RI4SNJJYnYNaWy5UUrHQy998lw==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-api-error" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/ieee754" "1.8.5"
+    "@webassemblyjs/leb128" "1.8.5"
+    "@webassemblyjs/utf8" "1.8.5"
+
 "@webassemblyjs/wast-parser@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.7.11.tgz#25bd117562ca8c002720ff8116ef9072d9ca869c"
@@ -1616,6 +2021,18 @@
     "@webassemblyjs/helper-fsm" "1.7.11"
     "@xtuc/long" "4.2.1"
 
+"@webassemblyjs/wast-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.8.5.tgz#e10eecd542d0e7bd394f6827c49f3df6d4eefb8c"
+  integrity sha512-daXC1FyKWHF1i11obK086QRlsMsY4+tIOKgBqI1lxAnkp9xe9YMcgOxm9kLe+ttjs5aWV2KKE1TWJCN57/Btsg==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/floating-point-hex-parser" "1.8.5"
+    "@webassemblyjs/helper-api-error" "1.8.5"
+    "@webassemblyjs/helper-code-frame" "1.8.5"
+    "@webassemblyjs/helper-fsm" "1.8.5"
+    "@xtuc/long" "4.2.2"
+
 "@webassemblyjs/wast-printer@1.7.11":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.7.11.tgz#c4245b6de242cb50a2cc950174fdbf65c78d7813"
@@ -1625,6 +2042,15 @@
     "@webassemblyjs/wast-parser" "1.7.11"
     "@xtuc/long" "4.2.1"
 
+"@webassemblyjs/wast-printer@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.8.5.tgz#114bbc481fd10ca0e23b3560fa812748b0bae5bc"
+  integrity sha512-w0U0pD4EhlnvRyeJzBqaVSJAo9w/ce7/WPogeXLzGkO6hzhr4GnQIZ4W4uUt5b9ooAaXPtnXlj0gzsXEOUNYMg==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/wast-parser" "1.8.5"
+    "@xtuc/long" "4.2.2"
+
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -1635,7 +2061,12 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.1.tgz#5c85d662f76fa1d34575766c5dcd6615abcd30d8"
   integrity sha512-FZdkNBDqBRHKQ2MEbSC17xnPFOhZxeJ2YGSfr2BKf3sujG49Qe3bB+rGCwQfIaA7WHnGeGkSijX4FuBCdrzW/g==
 
-JSONStream@^1.0.4:
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+JSONStream@^1.0.3, JSONStream@^1.0.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
   integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
@@ -1643,6 +2074,11 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
+abab@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-1.0.4.tgz#5faad9c2c07f60dd76770f71cf025b62a63cfd4e"
+  integrity sha1-X6rZwsB/YN12dw9xzwJbYqY8/U4=
+
 abab@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.0.tgz#aba0ab4c5eee2d4c79d3487d85450fb2376ebb0f"
@@ -1673,6 +2109,13 @@ acorn-dynamic-import@^4.0.0:
   resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz#482210140582a36b83c3e342e1cfebcaa9240948"
   integrity sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==
 
+acorn-globals@^1.0.4:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-1.0.9.tgz#55bb5e98691507b74579d0513413217c380c54cf"
+  integrity sha1-VbtemGkVB7dFedBRNBMhfDgMVM8=
+  dependencies:
+    acorn "^2.1.0"
+
 acorn-globals@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
@@ -1701,9 +2144,14 @@ acorn-jsx@^5.0.0, acorn-jsx@^5.0.1:
   integrity sha512-HJ7CfNHrfJLlNTzIEUTj43LNWGkqpRLxm3YjAlcD0ACydk9XynzYsCBHxut+iqt+1aBXkx9UP/w/ZqMr13XIzg==
 
 acorn-walk@^6.0.1, acorn-walk@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.1.1.tgz#d363b66f5fac5f018ff9c3a1e7b6f8e310cc3913"
-  integrity sha512-OtUw6JUTgxA2QoqqmrmQ7F2NYqiBPi/L2jqHyFtllhOUvXYQXf0Z1CYUinIfyT4bTCGmrA7gX9FvHA81uzCoVw==
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
+  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
+
+acorn@^2.1.0, acorn@^2.4.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-2.7.0.tgz#ab6e7d9d886aaca8b085bc3312b79a198433f0e7"
+  integrity sha1-q259nYhqrKiwhbwzEreaGYQz8Oc=
 
 acorn@^3.0.4, acorn@^3.1.0:
   version "3.3.0"
@@ -1715,28 +2163,40 @@ acorn@^4.0.4, acorn@~4.0.2:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
   integrity sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=
 
-acorn@^5.0.0, acorn@^5.5.0, acorn@^5.5.3, acorn@^5.6.2:
+acorn@^5.0.0, acorn@^5.2.1, acorn@^5.5.0, acorn@^5.5.3, acorn@^5.6.2:
   version "5.7.3"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
 
 acorn@^6.0.1, acorn@^6.0.2, acorn@^6.0.7, acorn@^6.1.1, acorn@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.2.0.tgz#67f0da2fc339d6cfb5d6fb244fd449f33cd8bbe3"
-  integrity sha512-8oe72N3WPMjA+2zVG71Ia0nXZ8DpQH+QyyHO+p06jT8eg8FGG3FbcUIi8KziHlAfheJQZeoqbvq1mQSQHXKYLw==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.2.1.tgz#3ed8422d6dec09e6121cc7a843ca86a330a86b51"
+  integrity sha512-JD0xT5FCRDNyjDda3Lrg/IxFscp9q4tiYtxE1/nOzlKCk7hIRuYjhq1kCNkbPjMRMZuFq20HNQn1I9k8Oj0E+Q==
+
+add@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/add/-/add-2.0.6.tgz#248f0a9f6e5a528ef2295dbeec30532130ae2235"
+  integrity sha1-JI8Kn25aUo7yKV2+7DBTITCuIjU=
 
 address@^1.0.3:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/address/-/address-1.1.0.tgz#ef8e047847fcd2c5b6f50c16965f924fd99fe709"
   integrity sha512-4diPfzWbLEIElVG4AnqP+00SULlPzNuyJFNnmMrLgyaxG6tZXJ1sn7mjBu4fHrJE+Yp/jgylOweJn2xsLMFggQ==
 
-agent-base@^4.1.0:
+agent-base@4, agent-base@^4.1.0, agent-base@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
   integrity sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==
   dependencies:
     es6-promisify "^5.0.0"
 
+agentkeepalive@^3.3.0:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-3.5.2.tgz#a113924dd3fa24a0bc3b78108c450c2abee00f67"
+  integrity sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==
+  dependencies:
+    humanize-ms "^1.2.1"
+
 ajv-errors@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
@@ -1748,9 +2208,9 @@ ajv-keywords@^2.1.0:
   integrity sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=
 
 ajv-keywords@^3.1.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.0.tgz#4b831e7b531415a7cc518cd404e73f6193c6349d"
-  integrity sha512-aUjdRFISbuFOl0EIZc+9e4FfZp0bDZgAdOOf30bJmw8VM9v84SHyVyxDfbWxpGYbdZD/9XoKxfHVNmxPkhwyGw==
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
+  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
 
 ajv@^5.2.3, ajv@^5.3.0:
   version "5.5.2"
@@ -1762,10 +2222,10 @@ ajv@^5.2.3, ajv@^5.3.0:
     fast-json-stable-stringify "^2.0.0"
     json-schema-traverse "^0.3.0"
 
-ajv@^6.1.0, ajv@^6.5.5, ajv@^6.9.1:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.0.tgz#90d0d54439da587cd7e843bfb7045f50bd22bdf1"
-  integrity sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==
+ajv@^6.1.0, ajv@^6.10.2, ajv@^6.5.5, ajv@^6.9.1:
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52"
+  integrity sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==
   dependencies:
     fast-deep-equal "^2.0.1"
     fast-json-stable-stringify "^2.0.0"
@@ -1798,7 +2258,7 @@ ansi-align@^2.0.0:
   dependencies:
     string-width "^2.0.0"
 
-ansi-colors@^3.0.0:
+ansi-colors@^3.0.0, ansi-colors@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
   integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==
@@ -1808,7 +2268,14 @@ ansi-escapes@^3.0.0, ansi-escapes@^3.2.0:
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
-ansi-html@0.0.7:
+ansi-gray@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
+  integrity sha1-KWLPVOyXksSFEKPetSRDaGHvclE=
+  dependencies:
+    ansi-wrap "0.1.0"
+
+ansi-html@0.0.7, ansi-html@^0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
   integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
@@ -1840,6 +2307,11 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+ansi-wrap@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
+  integrity sha1-qCJQ3bABXponyoLoLqYDu/pF768=
+
 any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
@@ -1853,6 +2325,21 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
+anymatch@^3.0.1:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.0.3.tgz#2fb624fe0e84bccab00afee3d0006ed310f22f09"
+  integrity sha512-c6IvoeBECQlMVuYUjSwimnhmztImpErfxJzWZhIQinIvQWoGOnB0dLIgifbPHQt5heS6mNlaZG16f06H3C8t1g==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+append-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/append-buffer/-/append-buffer-1.0.2.tgz#d8220cf466081525efea50614f3de6514dfa58f1"
+  integrity sha1-2CIM9GYIFSXv6lBhTz3mUU36WPE=
+  dependencies:
+    buffer-equal "^1.0.0"
+
 append-transform@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
@@ -2049,11 +2536,11 @@ async@^1.5.2:
   integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
 
 async@^2.1.4, async@^2.6.1:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
-  integrity sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
+  integrity sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==
   dependencies:
-    lodash "^4.17.11"
+    lodash "^4.17.14"
 
 asynckit@^0.4.0:
   version "0.4.0"
@@ -2066,17 +2553,17 @@ atob@^2.1.1:
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
 autoprefixer@^9.5.1:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.0.tgz#0111c6bde2ad20c6f17995a33fad7cf6854b4c87"
-  integrity sha512-kuip9YilBqhirhHEGHaBTZKXL//xxGnzvsD0FtBQa6z+A69qZD6s/BAX9VzDF1i9VKDquTJDQaPLSEhOnL6FvQ==
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.1.tgz#51967a02d2d2300bb01866c1611ec8348d355a47"
+  integrity sha512-aVo5WxR3VyvyJxcJC3h4FKfwCQvQWb1tSI5VHNibddCVWrcD1NvlxEweg3TSgiPztMnWfjpy2FURKA2kvDE+Tw==
   dependencies:
-    browserslist "^4.6.1"
-    caniuse-lite "^1.0.30000971"
+    browserslist "^4.6.3"
+    caniuse-lite "^1.0.30000980"
     chalk "^2.4.2"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^7.0.16"
-    postcss-value-parser "^3.3.1"
+    postcss "^7.0.17"
+    postcss-value-parser "^4.0.0"
 
 aws-sign2@~0.7.0:
   version "0.7.0"
@@ -2088,6 +2575,14 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
   integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
+axios@^0.16.2:
+  version "0.16.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.16.2.tgz#ba4f92f17167dfbab40983785454b9ac149c3c6d"
+  integrity sha1-uk+S8XFn37q0CYN4VFS5rBScPG0=
+  dependencies:
+    follow-redirects "^1.2.3"
+    is-buffer "^1.1.5"
+
 axios@^0.19.0:
   version "0.19.0"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.0.tgz#8e09bff3d9122e133f7b8101c8fbdd00ed3d2ab8"
@@ -2207,7 +2702,7 @@ babel-messages@^6.23.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-dynamic-import-node@^2.2.0:
+babel-plugin-dynamic-import-node@^2.2.0, babel-plugin-dynamic-import-node@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
   integrity sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==
@@ -2225,10 +2720,11 @@ babel-plugin-istanbul@^4.1.6:
     test-exclude "^4.2.1"
 
 babel-plugin-istanbul@^5.1.0:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.1.4.tgz#841d16b9a58eeb407a0ddce622ba02fe87a752ba"
-  integrity sha512-dySz4VJMH+dpndj0wjJ8JPs/7i1TdSPb1nRrn56/92pKOF9VKC1FMFJmMXjzlGGusnCAqujP6PBCiKq0sVA+YQ==
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
+  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
   dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
     find-up "^3.0.0"
     istanbul-lib-instrument "^3.3.0"
     test-exclude "^5.2.3"
@@ -2262,9 +2758,9 @@ babel-plugin-syntax-object-rest-spread@^6.13.0:
   integrity sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=
 
 babel-plugin-transform-async-to-promises@^0.8.4:
-  version "0.8.12"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-promises/-/babel-plugin-transform-async-to-promises-0.8.12.tgz#281917387606f2f925eb6e9e368703cb6c436337"
-  integrity sha512-hkTh5yCZAGFUrOsBJgwJlhnnW4BxOn7GBdnJ7Dy4/JLgLdBqsWX+6+VYXv3/T2Xm+4r5mX6scvmxOTU+eTi5cA==
+  version "0.8.13"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-promises/-/babel-plugin-transform-async-to-promises-0.8.13.tgz#d45895658a670ddf16f4b8f0a16487d89bb43cd0"
+  integrity sha512-EG665Sn79e5ndzNIbbgtIGFUXggr6j8PIDEL7kWyRbmeli7/Gva2/osjEsVayz4k7U82LKrRa8B/kkL/7n0prQ==
 
 babel-plugin-transform-es2015-modules-commonjs@^6.26.0, babel-plugin-transform-es2015-modules-commonjs@^6.26.2:
   version "6.26.2"
@@ -2357,11 +2853,21 @@ babel-types@^6.0.0, babel-types@^6.18.0, babel-types@^6.24.1, babel-types@^6.26.
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
+babelify@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/babelify/-/babelify-10.0.0.tgz#fe73b1a22583f06680d8d072e25a1e0d1d1d7fb5"
+  integrity sha512-X40FaxyH7t3X+JFAKvb1H9wooWKLRCi8pg3m8poqtdZaIng+bjzp9RvKQCvRjF9isHiPkXspbbXT/zwXLtwgwg==
+
 babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
   integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
 
+bail@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.4.tgz#7181b66d508aa3055d3f6c13f0a0c720641dde9b"
+  integrity sha512-S8vuDB4w6YpRhICUDET3guPlQpaJl7od94tpZ0Fvnyp+MKW/HyDTcRDck+29C9g+d/qQHnddRH3+94kZdrW0Ww==
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -2398,14 +2904,14 @@ bcrypt-pbkdf@^1.0.0:
     tweetnacl "^0.14.3"
 
 bfj@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/bfj/-/bfj-6.1.1.tgz#05a3b7784fbd72cfa3c22e56002ef99336516c48"
-  integrity sha512-+GUNvzHR4nRyGybQc2WpNJL4MJazMuvf92ueIyA0bIkPRwhhQu3IfZQ2PSoVPpCBJfmoSdOxu5rnotfFLlvYRQ==
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/bfj/-/bfj-6.1.2.tgz#325c861a822bcb358a41c78a33b8e6e2086dde7f"
+  integrity sha512-BmBJa4Lip6BPRINSZ0BPEIfB1wUY/9rwbwvIHQA1KjX9om29B6id0wnWXq7m3bn5JrUVjeOTnVuhPT1FiHwPGw==
   dependencies:
-    bluebird "^3.5.1"
-    check-types "^7.3.0"
-    hoopy "^0.1.2"
-    tryer "^1.0.0"
+    bluebird "^3.5.5"
+    check-types "^8.0.3"
+    hoopy "^0.1.4"
+    tryer "^1.0.1"
 
 big.js@^3.1.3:
   version "3.2.0"
@@ -2418,9 +2924,9 @@ big.js@^5.2.2:
   integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
 bili@^4.8.0:
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/bili/-/bili-4.8.0.tgz#9c526de9bf8657dee80e526fc78090f96206e4c2"
-  integrity sha512-HKp8S39PMhb9FGRLkjNYpttoTDgtwGHWcc+Jfa6ZW1GMx/aKkWETQw8pPHQLA0n0Nm+cZJunKfLckxsjh3tsfA==
+  version "4.8.1"
+  resolved "https://registry.yarnpkg.com/bili/-/bili-4.8.1.tgz#c999467c1e316d897f8091df827440841d954b95"
+  integrity sha512-SEfQYwmsO/FsZA+Mbpy+Yb0pxu+KiKEQRzKP/zktxOH/hE4y+26hBRA69OU3rQSKtyNyUFHZwavdlW/wJsf2nw==
   dependencies:
     "@babel/core" "^7.2.2"
     "@babel/plugin-proposal-object-rest-spread" "^7.3.1"
@@ -2452,6 +2958,11 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.0.0.tgz#23c0df14f6a88077f5f986c0d167ec03c3d5537c"
   integrity sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==
 
+binaryextensions@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/binaryextensions/-/binaryextensions-2.1.2.tgz#c83c3d74233ba7674e4f313cb2a2b70f54e94b7c"
+  integrity sha512-xVNN69YGDghOqCCtA6FI7avYrr02mTJjOgB0/f1VPD3pJC8QEvjTKWc4epDx8AqxxA75NI0QpVM2gPJXUbE4Tg==
+
 bl@^1.0.0:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.2.tgz#a160911717103c07410cef63ef51b397c025af9c"
@@ -2460,7 +2971,7 @@ bl@^1.0.0:
     readable-stream "^2.3.5"
     safe-buffer "^5.1.1"
 
-bluebird@3.5.5, bluebird@^3.1.1, bluebird@^3.5.1, bluebird@^3.5.5:
+bluebird@3.5.5, bluebird@^3.1.1, bluebird@^3.5.0, bluebird@^3.5.1, bluebird@^3.5.5:
   version "3.5.5"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.5.tgz#a8d0afd73251effbbd5fe384a77d73003c17a71f"
   integrity sha512-5am6HnnfN+urzt4yfg7IgTbotDjIT/u8AJpEt0sIU9FtXfVeezXAPKswrG+xKUCOYAINpSdgZVDU6QFh+cuH3w==
@@ -2486,6 +2997,16 @@ body-parser@1.19.0:
     raw-body "2.4.0"
     type-is "~1.6.17"
 
+body@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/body/-/body-5.1.0.tgz#e4ba0ce410a46936323367609ecb4e6553125069"
+  integrity sha1-5LoM5BCkaTYyM2dgnstOZVMSUGk=
+  dependencies:
+    continuable-cache "^0.3.1"
+    error "^7.0.0"
+    raw-body "~1.1.0"
+    safe-json-parse "~1.0.1"
+
 bonjour@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/bonjour/-/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
@@ -2549,7 +3070,7 @@ braces@^2.3.1, braces@^2.3.2:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@^3.0.1:
+braces@^3.0.1, braces@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -2566,7 +3087,7 @@ browser-process-hrtime@^0.1.2:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
   integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
 
-browser-resolve@^1.11.3:
+browser-resolve@^1.11.3, browser-resolve@^1.7.0:
   version "1.11.3"
   resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
   integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
@@ -2632,34 +3153,34 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.0.0, browserslist@^4.3.4, browserslist@^4.5.4, browserslist@^4.6.0, browserslist@^4.6.1, browserslist@^4.6.2:
-  version "4.6.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.6.3.tgz#0530cbc6ab0c1f3fc8c819c72377ba55cf647f05"
-  integrity sha512-CNBqTCq22RKM8wKJNowcqihHJ4SkI8CGeK7KOR9tPboXUuS5Zk5lQgzzTbs4oxD8x+6HUshZUa2OyNI9lR93bQ==
+browserslist@^4.0.0, browserslist@^4.3.4, browserslist@^4.5.4, browserslist@^4.6.0, browserslist@^4.6.2, browserslist@^4.6.3:
+  version "4.6.6"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.6.6.tgz#6e4bf467cde520bc9dbdf3747dafa03531cec453"
+  integrity sha512-D2Nk3W9JL9Fp/gIcWei8LrERCS+eXu9AM5cfXA8WEZ84lFks+ARnZ0q/R69m2SV3Wjma83QDDPxsNKXUwdIsyA==
   dependencies:
-    caniuse-lite "^1.0.30000975"
-    electron-to-chromium "^1.3.164"
-    node-releases "^1.1.23"
+    caniuse-lite "^1.0.30000984"
+    electron-to-chromium "^1.3.191"
+    node-releases "^1.1.25"
 
 bser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
-  integrity sha1-mseNPtXZFYBP2HrLFYvHlxR6Fxk=
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.0.tgz#65fc784bf7f87c009b973c12db6546902fa9c7b5"
+  integrity sha512-8zsjWrQkkBoLK6uxASk1nJ2SKv97ltiGDo6A3wA0/yRPz+CwmEyDo0hUrhIuukG2JHpAl3bvFIixw2/3Hi0DOg==
   dependencies:
     node-int64 "^0.4.0"
 
-buble@^0.19.6:
-  version "0.19.7"
-  resolved "https://registry.yarnpkg.com/buble/-/buble-0.19.7.tgz#1dfd080ab688101aad5388d3304bc82601a244fd"
-  integrity sha512-YLgWxX/l+NnfotydBlxqCMPR4FREE4ubuHphALz0FxQ7u2hp3BzxTKQ4nKpapOaRJfEm1gukC68KnT2OymRK0g==
+buble@^0.19.8:
+  version "0.19.8"
+  resolved "https://registry.yarnpkg.com/buble/-/buble-0.19.8.tgz#d642f0081afab66dccd897d7b6360d94030b9d3d"
+  integrity sha512-IoGZzrUTY5fKXVkgGHw3QeXFMUNBFv+9l8a4QJKG1JhG3nCMHTdEX1DCOg8568E2Q9qvAQIiSokv6Jsgx8p2cA==
   dependencies:
     acorn "^6.1.1"
     acorn-dynamic-import "^4.0.0"
     acorn-jsx "^5.0.1"
     chalk "^2.4.2"
-    magic-string "^0.25.2"
+    magic-string "^0.25.3"
     minimist "^1.2.0"
-    os-homedir "^1.0.1"
+    os-homedir "^2.0.0"
     regexpu-core "^4.5.4"
 
 buffer-alloc-unsafe@^1.1.0:
@@ -2680,6 +3201,11 @@ buffer-crc32@~0.2.3:
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
   integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
 
+buffer-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
+  integrity sha1-WWFrSYME1Var1GaWayLu2j7KX74=
+
 buffer-fill@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
@@ -2695,6 +3221,11 @@ buffer-indexof@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
   integrity sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==
 
+buffer-shims@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-shims/-/buffer-shims-1.0.0.tgz#9978ce317388c649ad8793028c3477ef044a8b51"
+  integrity sha1-mXjOMXOIxkmth5MCjDR37wRKi1E=
+
 buffer-xor@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
@@ -2727,6 +3258,16 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
+builtins@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
+  integrity sha1-y5T662HIaWRR2zZTThQi+U8K7og=
+
+bytes@1:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-1.0.0.tgz#3569ede8ba34315fab99c3e92cb04c7220de1fa8"
+  integrity sha1-NWnt6Lo0MV+rmcPpLLBMciDeH6g=
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -2767,7 +3308,7 @@ cac@^6.4.0:
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.5.2.tgz#92ef1490b9ffde5f0be7eeadec5ea926f0e78ef6"
   integrity sha512-8JdiD9/ZLsG418j/chyZQ3VWuhFELSGlH4EUxzNKgIH8wK8dO0j5Pqu6Pk7B/RP3kX9aasyQhPrrUjYO5e0w7w==
 
-cacache@^10.0.4:
+cacache@^10.0.0, cacache@^10.0.4:
   version "10.0.4"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-10.0.4.tgz#6452367999eff9d4188aefd9a14e9d7c6a263460"
   integrity sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==
@@ -2806,6 +3347,25 @@ cacache@^11.3.2:
     unique-filename "^1.1.1"
     y18n "^4.0.0"
 
+cacache@^9.2.9:
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-9.3.0.tgz#9cd58f2dd0b8c8cacf685b7067b416d6d3cf9db1"
+  integrity sha512-Vbi8J1XfC8v+FbQ6QkOtKXsHpPnB0i9uMeYFJoj40EbdOsEqWB3DPpNjfsnYBkqOPYA8UvrqH6FZPpBP0zdN7g==
+  dependencies:
+    bluebird "^3.5.0"
+    chownr "^1.0.1"
+    glob "^7.1.2"
+    graceful-fs "^4.1.11"
+    lru-cache "^4.1.1"
+    mississippi "^1.3.0"
+    mkdirp "^0.5.1"
+    move-concurrently "^1.0.1"
+    promise-inflight "^1.0.1"
+    rimraf "^2.6.1"
+    ssri "^4.1.6"
+    unique-filename "^1.1.0"
+    y18n "^3.2.1"
+
 cache-base@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -2832,6 +3392,11 @@ cache-loader@^2.0.1:
     normalize-path "^3.0.0"
     schema-utils "^1.0.0"
 
+cached-path-relative@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cached-path-relative/-/cached-path-relative-1.0.2.tgz#a13df4196d26776220cc3356eb147a52dba2c6db"
+  integrity sha512-5r2GqsoEb4qMTTN9J+WzXfjov+hjxT+j3u5K+kIVNIwAd99DLCJE9pBIMP1qVeybV6JiijL385Oz0DcYxfbOIg==
+
 call-me-maybe@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
@@ -2926,7 +3491,7 @@ camelcase@^4.0.0, camelcase@^4.1.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
   integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
 
-camelcase@^5.0.0:
+camelcase@^5.0.0, camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
@@ -2941,10 +3506,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000971, caniuse-lite@^1.0.30000975:
-  version "1.0.30000976"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000976.tgz#d30fe12662cb2a21e130d307db9907513ca830a2"
-  integrity sha512-tleNB1IwPRqZiod6nUNum63xQCMN96BUO2JTeiwuRM7p9d616EHsMBjBWJMudX39qCaPuWY8KEWzMZq7A9XQMQ==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000980, caniuse-lite@^1.0.30000984:
+  version "1.0.30000985"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz#0eb40f6c8a8c219155cbe43c4975c0efb4a0f77f"
+  integrity sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==
 
 capture-exit@^1.2.0:
   version "1.2.0"
@@ -2966,9 +3531,9 @@ capture-stack-trace@^1.0.0:
   integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
 
 carlo@^0.9.10:
-  version "0.9.45"
-  resolved "https://registry.yarnpkg.com/carlo/-/carlo-0.9.45.tgz#f26c3482a824717810dc2b3247310d9d9aca2ebf"
-  integrity sha512-Tbyg07vs6uajAyAJP5D2yI69C9VxUFW62oN+qfZh4svakP8oYBTaWyrD9QIAGZHVJV0aw/AM+pUCjCc3GWxpEQ==
+  version "0.9.46"
+  resolved "https://registry.yarnpkg.com/carlo/-/carlo-0.9.46.tgz#70d641c37584974adbf7a1e9bbec29b6bad84a4b"
+  integrity sha512-FwZ/wxjqe+5RgzF2SRsPSWsVB9+McAVRWW0tRkmbh7fBjrf3HFZZbcr8vr61p1K+NBaAPv57DRjxgIyfbHmd7g==
   dependencies:
     debug "^4.1.0"
     puppeteer-core "~1.12.0"
@@ -2993,6 +3558,11 @@ caw@^2.0.0:
     tunnel-agent "^0.6.0"
     url-to-options "^1.0.1"
 
+ccount@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.4.tgz#9cf2de494ca84060a2a8d2854edd6dfb0445f386"
+  integrity sha512-fpZ81yYfzentuieinmGnphk0pLkOTMm6MZdVqwd77ROvhko6iujLNGrHH5E7utq3ygWklwfmwuG+A7P+NpqT6w==
+
 center-align@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
@@ -3010,7 +3580,7 @@ chalk@2.4.2, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.3.
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^1.1.3:
+chalk@^1.0.0, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
@@ -3021,6 +3591,21 @@ chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
+character-entities-html4@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.3.tgz#5ce6e01618e47048ac22f34f7f39db5c6fd679ef"
+  integrity sha512-SwnyZ7jQBCRHELk9zf2CN5AnGEc2nA+uKMZLHvcqhpPprjkYhiLn0DywMHgN5ttFZuITMATbh68M6VIVKwJbcg==
+
+character-entities-legacy@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.3.tgz#3c729991d9293da0ede6dddcaf1f2ce1009ee8b4"
+  integrity sha512-YAxUpPoPwxYFsslbdKkhrGnXAtXoHNgYjlBM3WMXkWGTl5RsY3QmOyhwAgL8Nxm9l5LBThXGawxKPn68y6/fww==
+
+character-entities@^1.0.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.3.tgz#bbed4a52fe7ef98cc713c6d80d9faa26916d54e6"
+  integrity sha512-yB4oYSAa9yLcGyTbB4ItFwHw43QHdH129IJ5R+WvxOkWlyFnR5FAaBNnUq4mcxsTVZGh28bHoeTHMKXH1wZf3w==
+
 character-parser@^2.1.1:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
@@ -3028,6 +3613,11 @@ character-parser@^2.1.1:
   dependencies:
     is-regex "^1.0.3"
 
+character-reference-invalid@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.3.tgz#1647f4f726638d3ea4a750cf5d1975c1c7919a85"
+  integrity sha512-VOq6PRzQBam/8Jm6XBGk2fNEnHXAdGd6go0rtd4weAGECBamHDwwCQSOT12TACIYUZegUXnV6xBXqUssijtxIg==
+
 chardet@^0.4.0:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
@@ -3043,12 +3633,40 @@ check-more-types@2.24.0:
   resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
   integrity sha1-FCD/sQ/URNz8ebQ4kbv//TKoRgA=
 
-check-types@^7.3.0:
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-7.4.0.tgz#0378ec1b9616ec71f774931a3c6516fad8c152f4"
-  integrity sha512-YbulWHdfP99UfZ73NcUDlNJhEIDgm9Doq9GhpyXbF+7Aegi3CVV7qqMCKTTqJxlvEvnQBp9IA+dxsGN6xK/nSg==
+check-types@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
+  integrity sha512-YpeKZngUmG65rLudJ4taU7VLkOCTMhNl/u4ctNC56LQS/zJTyNH0Lrtwm1tfTsbLlwvlfsA2d1c8vCf/Kh2KwQ==
+
+cheerio@^0.20.0:
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.20.0.tgz#5c710f2bab95653272842ba01c6ea61b3545ec35"
+  integrity sha1-XHEPK6uVZTJyhCugHG6mGzVF7DU=
+  dependencies:
+    css-select "~1.2.0"
+    dom-serializer "~0.1.0"
+    entities "~1.1.1"
+    htmlparser2 "~3.8.1"
+    lodash "^4.1.0"
+  optionalDependencies:
+    jsdom "^7.0.2"
+
+"chokidar@>=2.0.0 <4.0.0":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.0.2.tgz#0d1cd6d04eb2df0327446188cd13736a3367d681"
+  integrity sha512-c4PR2egjNjI1um6bamCQ6bUNPDiyofNQruHvKgHQ4gDUP/ITSVSzNsiI5OWtHOsX323i5ha/kk4YmOZ1Ktg7KA==
+  dependencies:
+    anymatch "^3.0.1"
+    braces "^3.0.2"
+    glob-parent "^5.0.0"
+    is-binary-path "^2.1.0"
+    is-glob "^4.0.1"
+    normalize-path "^3.0.0"
+    readdirp "^3.1.1"
+  optionalDependencies:
+    fsevents "^2.0.6"
 
-chokidar@^2.0.0, chokidar@^2.0.2, chokidar@^2.0.4, chokidar@^2.1.6:
+chokidar@^2.0.2, chokidar@^2.0.4, chokidar@^2.1.6:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.6.tgz#b6cad653a929e244ce8a834244164d241fa954c5"
   integrity sha512-V2jUo67OKkc6ySiRpJrjlpJKl9kDuG+Xb8VgsGzb+aEouhgS1D0weyPU4lEzdAcsCAvrih2J2BqyXqHWvVLw5g==
@@ -3068,9 +3686,9 @@ chokidar@^2.0.0, chokidar@^2.0.2, chokidar@^2.0.4, chokidar@^2.1.6:
     fsevents "^1.2.7"
 
 chownr@^1.0.1, chownr@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.1.tgz#54726b8b8fff4df053c42187e801fb4412df1494"
-  integrity sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.2.tgz#a18f1e0b269c8a6a5d3c86eb298beb14c3dd7bf6"
+  integrity sha512-GkfeAQh+QNy3wquu9oIZr6SS5x7wGdSgNQvD10X3r+AZr1Oys22HW8kAmDMvNg2+Dm0TeGaEuO8gFwdBXxwO8A==
 
 chrome-trace-event@^1.0.0:
   version "1.0.2"
@@ -3148,9 +3766,9 @@ cli-spinners@^1.0.1:
   integrity sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==
 
 cli-spinners@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.1.0.tgz#22c34b4d51f573240885b201efda4e4ec9fff3c7"
-  integrity sha512-8B00fJOEh1HPrx4fo5eW16XmE1PcL1tGpGrxy63CXGP9nHdPBN63X75hA1zhvQuhVztJWLqV58Roj2qlNM7cAA==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
+  integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
 
 cli-width@^2.0.0:
   version "2.2.0"
@@ -3201,6 +3819,11 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
+clone-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58"
+  integrity sha1-4+JbIHrE5wGvch4staFnksrD3Fg=
+
 clone-deep@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-2.0.2.tgz#00db3a1e173656730d1188c3d6aced6d7ea97713"
@@ -3211,7 +3834,12 @@ clone-deep@^2.0.1:
     kind-of "^6.0.0"
     shallow-clone "^1.0.0"
 
-clone@2.x, clone@^2.1.0, clone@^2.1.2:
+clone-stats@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-1.0.0.tgz#b3782dff8bb5474e18b9b6bf0fdfe782f8777680"
+  integrity sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=
+
+clone@2.x, clone@^2.1.0, clone@^2.1.1, clone@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
@@ -3221,6 +3849,15 @@ clone@^1.0.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
 
+cloneable-readable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/cloneable-readable/-/cloneable-readable-1.1.3.tgz#120a00cb053bfb63a222e709f9683ea2e11d8cec"
+  integrity sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==
+  dependencies:
+    inherits "^2.0.1"
+    process-nextick-args "^2.0.0"
+    readable-stream "^2.3.5"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -3240,6 +3877,52 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
+codesandbox-import-util-types@^2.1.9:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/codesandbox-import-util-types/-/codesandbox-import-util-types-2.1.9.tgz#24ba5ec3d966f51f18b78c48d32e6411da90aa74"
+  integrity sha512-Vc4qh+neVfHtS3RG+7wvaErMoEKdNTnLFnyj4Dcbn3NV7v9nlPj/z6MGhHp9S+vAjegWorFzxg9lKB1WGHTt5Q==
+
+codesandbox-import-utils@^2.1.9:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/codesandbox-import-utils/-/codesandbox-import-utils-2.1.9.tgz#8126c08e9ab509d00a164ef5583c549b9252c7c1"
+  integrity sha512-fsymevaFbWFhT0jYHwyDvJTaEz5kBzR5celw9vbqj3uIaqjdh1CLBbZS+FtiOnJisOu+xGV9ZndnKEn5y08JGA==
+  dependencies:
+    codesandbox-import-util-types "^2.1.9"
+    istextorbinary "^2.2.1"
+    lz-string "^1.4.4"
+
+codesandbox@^2.1.9:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/codesandbox/-/codesandbox-2.1.9.tgz#64dbbbd166546808a05402fcf13530fb002a17f4"
+  integrity sha512-/pzfhCrLYBDZ3dJv+4J0J2A9DhyiLXSeOcMxldGqxElwFpwWvKkHNwK7VZ6mOZOj5mgzrh0v9DVUcUVZaIUr2w==
+  dependencies:
+    axios "^0.16.2"
+    chalk "^2.4.1"
+    codesandbox-import-util-types "^2.1.9"
+    codesandbox-import-utils "^2.1.9"
+    commander "^2.9.0"
+    datauri "^1.1.0"
+    filesize "^3.6.1"
+    fs-extra "^3.0.1"
+    git-branch "^1.0.0"
+    git-repo-name "^0.6.0"
+    git-username "^0.5.0"
+    humps "^2.0.1"
+    inquirer "^6.2.2"
+    lodash "^4.17.5"
+    lz-string "^1.4.4"
+    ms "^2.0.0"
+    open "^6.3.0"
+    ora "^1.3.0"
+    pacote "^2.7.36"
+    shortid "^2.2.8"
+    update-notifier "^2.2.0"
+
+collapse-white-space@^1.0.0, collapse-white-space@^1.0.2:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.5.tgz#c2495b699ab1ed380d29a1091e01063e75dbbe3a"
+  integrity sha512-703bOOmytCYAX9cXYqoikYIx6twmFCXsnzRQheBcTG3nzKYBR4P/+wkYeH+Mvj7qUz8zZDtdyzbxfnEi/kYzRQ==
+
 collection-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
@@ -3273,6 +3956,11 @@ color-string@^1.5.2:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
+color-support@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
 color@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
@@ -3288,7 +3976,12 @@ combined-stream@^1.0.6, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@2, commander@^2.18.0, commander@^2.19.0, commander@^2.8.1, commander@~2.20.0:
+comma-separated-tokens@^1.0.1:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.7.tgz#419cd7fb3258b1ed838dc0953167a25e152f5b59"
+  integrity sha512-Jrx3xsP4pPv4AwJUDWY9wOXGtwPXARej6Xd99h4TUGotmf8APuquKMpK+dnD3UgyxK7OEWaisjZz+3b5jtL6xQ==
+
+commander@2, commander@^2.18.0, commander@^2.19.0, commander@^2.20.0, commander@^2.8.1, commander@^2.9.0, commander@~2.20.0:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
   integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
@@ -3373,6 +4066,15 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
+concat-stream@~1.5.0:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.5.2.tgz#708978624d856af41a5a741defdd261da752c266"
+  integrity sha1-cIl4Yk2FavQaWnQd790mHadSwmY=
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "~2.0.0"
+    typedarray "~0.0.5"
+
 concat-with-sourcemaps@^1.0.5:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz#d4ea93f05ae25790951b99e7b3b09e3908a4082e"
@@ -3476,6 +4178,11 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
   integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
 
+continuable-cache@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/continuable-cache/-/continuable-cache-0.3.1.tgz#bd727a7faed77e71ff3985ac93351a912733ad0f"
+  integrity sha1-vXJ6f67XfnH/OYWskzUakSczrQ8=
+
 conventional-changelog-angular@^5.0.3:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.3.tgz#299fdd43df5a1f095283ac16aeedfb0a682ecab0"
@@ -3639,7 +4346,7 @@ conventional-recommended-bump@5.0.0:
     meow "^4.0.0"
     q "^1.5.1"
 
-convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.1:
+convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.5.1:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20"
   integrity sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==
@@ -3853,6 +4560,24 @@ css-loader@^1.0.1:
     postcss-value-parser "^3.3.0"
     source-list-map "^2.0.0"
 
+css-loader@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.1.0.tgz#6f008b993b8ce812e6bab57f3cbfdc7a7cf28685"
+  integrity sha512-MuL8WsF/KSrHCBCYaozBKlx+r7vIfUaDTEreo7wR7Vv3J6N0z6fqWjRk3e/6wjneitXN1r/Y9FTK1psYNOBdJQ==
+  dependencies:
+    camelcase "^5.3.1"
+    cssesc "^3.0.0"
+    icss-utils "^4.1.1"
+    loader-utils "^1.2.3"
+    normalize-path "^3.0.0"
+    postcss "^7.0.17"
+    postcss-modules-extract-imports "^2.0.0"
+    postcss-modules-local-by-default "^3.0.2"
+    postcss-modules-scope "^2.1.0"
+    postcss-modules-values "^3.0.0"
+    postcss-value-parser "^4.0.0"
+    schema-utils "^2.0.0"
+
 css-modules-loader-core@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz#5908668294a1becd261ae0a4ce21b0b551f21d16"
@@ -3875,7 +4600,7 @@ css-select-base-adapter@^0.1.1:
   resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
   integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
 
-css-select@^1.1.0:
+css-select@^1.1.0, css-select@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
   integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
@@ -3904,14 +4629,6 @@ css-selector-tokenizer@^0.7.0:
     fastparse "^1.1.1"
     regexpu-core "^1.0.0"
 
-css-tree@1.0.0-alpha.28:
-  version "1.0.0-alpha.28"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.28.tgz#8e8968190d886c9477bc8d61e96f61af3f7ffa7f"
-  integrity sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==
-  dependencies:
-    mdn-data "~1.1.0"
-    source-map "^0.5.3"
-
 css-tree@1.0.0-alpha.29:
   version "1.0.0-alpha.29"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.29.tgz#3fa9d4ef3142cbd1c301e7664c1f352bd82f5a39"
@@ -3920,16 +4637,19 @@ css-tree@1.0.0-alpha.29:
     mdn-data "~1.1.0"
     source-map "^0.5.3"
 
+css-tree@1.0.0-alpha.33:
+  version "1.0.0-alpha.33"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.33.tgz#970e20e5a91f7a378ddd0fc58d0b6c8d4f3be93e"
+  integrity sha512-SPt57bh5nQnpsTBsx/IXbO14sRc9xXu5MtMAVuo0BaQQmyf0NupNPPSoMaqiAF5tDFafYsTkfeH4Q/HCKXkg4w==
+  dependencies:
+    mdn-data "2.0.4"
+    source-map "^0.5.3"
+
 css-unit-converter@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.1.tgz#d9b9281adcfd8ced935bdbaba83786897f64e996"
   integrity sha1-2bkoGtz9jO2TW9urqDeGiX9k6ZY=
 
-css-url-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/css-url-regex/-/css-url-regex-1.1.0.tgz#83834230cc9f74c457de59eebd1543feeb83b7ec"
-  integrity sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=
-
 css-what@2.1, css-what@^2.1.2:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
@@ -3955,6 +4675,11 @@ cssesc@^2.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703"
   integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==
 
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
 cssnano-preset-default@^4.0.0, cssnano-preset-default@^4.0.7:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz#51ec662ccfca0f88b396dcd9679cdb931be17f76"
@@ -4030,15 +4755,22 @@ csso@^3.5.1:
   dependencies:
     css-tree "1.0.0-alpha.29"
 
-cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.6.tgz#f85206cee04efa841f3c5982a74ba96ab20d65ad"
-  integrity sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==
+cssom@0.3.x, "cssom@>= 0.3.0 < 0.4.0", "cssom@>= 0.3.2 < 0.4.0":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
+
+"cssstyle@>= 0.2.29 < 0.3.0":
+  version "0.2.37"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
+  integrity sha1-VBCXI0yyUTyDzu06zdwn/yeYfVQ=
+  dependencies:
+    cssom "0.3.x"
 
 cssstyle@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.2.2.tgz#427ea4d585b18624f6fdbf9de7a2a1a3ba713077"
-  integrity sha512-43wY3kl1CVQSvL7wUY1qXkxVGkStjpkDmVjiIKX8R97uhajy8Bybay78uOtqvh7Q5GK75dNPfW0geWjE6qQQow==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
+  integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
   dependencies:
     cssom "0.3.x"
 
@@ -4054,6 +4786,13 @@ currently-unhandled@^0.4.1:
   dependencies:
     array-find-index "^1.0.1"
 
+cwd@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/cwd/-/cwd-0.9.1.tgz#41e10a7e1ab833dc59c2eca83814c7de77b5a4fd"
+  integrity sha1-QeEKfhq4M9xZwuyoOBTH3ne1pP0=
+  dependencies:
+    find-pkg "^0.1.0"
+
 cyclist@~0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-0.2.2.tgz#1b33792e11e914a2fd6d6ed6447464444e5fa640"
@@ -4064,11 +4803,21 @@ d3-array@1, d3-array@^1.1.1, d3-array@^1.2.0:
   resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-1.2.4.tgz#635ce4d5eea759f6f605863dbcfc30edc737f71f"
   integrity sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw==
 
+d3-array@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-1.2.1.tgz#d1ca33de2f6ac31efadb8e050a021d7e2396d5dc"
+  integrity sha512-CyINJQ0SOUHojDdFDH4JEM0552vCR1utGyLHegJHyYH0JyCpSeTPxi4OBqHMA2jJZq4NH782LtaJWBImqI/HBw==
+
 d3-axis@1:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/d3-axis/-/d3-axis-1.0.12.tgz#cdf20ba210cfbb43795af33756886fb3638daac9"
   integrity sha512-ejINPfPSNdGFKEOAtnBtdkpr24c4d4jsei6Lg98mxf424ivoDP2956/5HDpIAtmHo85lqT4pruy+zEgvRUBqaQ==
 
+d3-axis@1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/d3-axis/-/d3-axis-1.0.8.tgz#31a705a0b535e65759de14173a31933137f18efa"
+  integrity sha1-MacFoLU15ldZ3hQXOjGTMTfxjvo=
+
 d3-brush@1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/d3-brush/-/d3-brush-1.0.6.tgz#33691f2032d9db6c5d8cb684ff255a9883629e21"
@@ -4080,6 +4829,17 @@ d3-brush@1:
     d3-selection "1"
     d3-transition "1"
 
+d3-brush@1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/d3-brush/-/d3-brush-1.0.4.tgz#00c2f238019f24f6c0a194a26d41a1530ffe7bc4"
+  integrity sha1-AMLyOAGfJPbAoZSibUGhUw/+e8Q=
+  dependencies:
+    d3-dispatch "1"
+    d3-drag "1"
+    d3-interpolate "1"
+    d3-selection "1"
+    d3-transition "1"
+
 d3-chord@1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/d3-chord/-/d3-chord-1.0.6.tgz#309157e3f2db2c752f0280fedd35f2067ccbb15f"
@@ -4088,15 +4848,33 @@ d3-chord@1:
     d3-array "1"
     d3-path "1"
 
+d3-chord@1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/d3-chord/-/d3-chord-1.0.4.tgz#7dec4f0ba886f713fe111c45f763414f6f74ca2c"
+  integrity sha1-fexPC6iG9xP+ERxF92NBT290yiw=
+  dependencies:
+    d3-array "1"
+    d3-path "1"
+
 d3-collection@1:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/d3-collection/-/d3-collection-1.0.7.tgz#349bd2aa9977db071091c13144d5e4f16b5b310e"
   integrity sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==
 
+d3-collection@1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/d3-collection/-/d3-collection-1.0.4.tgz#342dfd12837c90974f33f1cc0a785aea570dcdc2"
+  integrity sha1-NC39EoN8kJdPM/HMCnha6lcNzcI=
+
 d3-color@1:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-1.2.5.tgz#5810ea1808f2f993d04508cb2fad764f48134788"
-  integrity sha512-u4CaFaqQKRofuhr9uo/xLdaGvvzdsMX7MgP42XgQJHLBRWnn0C0T+48rvj80cN9KXAauHEMEfe7ehacIoxmP/g==
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-1.2.8.tgz#4eaf9b60ef188c893fcf8b28f3546aafebfbd9f4"
+  integrity sha512-yeANXzP37PHk0DbSTMNPhnJD+Nn4G//O5E825bR6fAfHH43hobSBpgB9G9oWVl9+XgUaQ4yCnsX1H+l8DoaL9A==
+
+d3-color@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-1.0.3.tgz#bc7643fca8e53a8347e2fbdaffa236796b58509b"
+  integrity sha1-vHZD/KjlOoNH4vva/6I2eWtYUJs=
 
 d3-contour@1:
   version "1.3.2"
@@ -4110,6 +4888,11 @@ d3-dispatch@1:
   resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-1.0.5.tgz#e25c10a186517cd6c82dd19ea018f07e01e39015"
   integrity sha512-vwKx+lAqB1UuCeklr6Jh1bvC4SZgbSqbkGBLClItFBIYH4vqDJCA7qfoy14lXmJdnBOdxndAMxjCbImJYW7e6g==
 
+d3-dispatch@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-1.0.3.tgz#46e1491eaa9b58c358fce5be4e8bed626e7871f8"
+  integrity sha1-RuFJHqqbWMNY/OW+TovtYm54cfg=
+
 d3-drag@1:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/d3-drag/-/d3-drag-1.2.3.tgz#46e206ad863ec465d88c588098a1df444cd33c64"
@@ -4118,6 +4901,14 @@ d3-drag@1:
     d3-dispatch "1"
     d3-selection "1"
 
+d3-drag@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/d3-drag/-/d3-drag-1.2.1.tgz#df8dd4c502fb490fc7462046a8ad98a5c479282d"
+  integrity sha512-Cg8/K2rTtzxzrb0fmnYOUeZHvwa4PHzwXOLZZPwtEs2SKLLKLXeYwZKBB+DlOxUvFmarOnmt//cU4+3US2lyyQ==
+  dependencies:
+    d3-dispatch "1"
+    d3-selection "1"
+
 d3-dsv@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/d3-dsv/-/d3-dsv-1.1.1.tgz#aaa830ecb76c4b5015572c647cc6441e3c7bb701"
@@ -4127,11 +4918,25 @@ d3-dsv@1:
     iconv-lite "0.4"
     rw "1"
 
+d3-dsv@1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/d3-dsv/-/d3-dsv-1.0.8.tgz#907e240d57b386618dc56468bacfe76bf19764ae"
+  integrity sha512-IVCJpQ+YGe3qu6odkPQI0KPqfxkhbP/oM1XhhE/DFiYmcXKfCRub4KXyiuehV1d4drjWVXHUWx4gHqhdZb6n/A==
+  dependencies:
+    commander "2"
+    iconv-lite "0.4"
+    rw "1"
+
 d3-ease@1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/d3-ease/-/d3-ease-1.0.5.tgz#8ce59276d81241b1b72042d6af2d40e76d936ffb"
   integrity sha512-Ct1O//ly5y5lFM9YTdu+ygq7LleSgSE4oj7vUt9tPLHUi8VCV7QoizGpdWRWAwCO9LdYzIrQDg97+hGVdsSGPQ==
 
+d3-ease@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/d3-ease/-/d3-ease-1.0.3.tgz#68bfbc349338a380c44d8acc4fbc3304aa2d8c0e"
+  integrity sha1-aL+8NJM4o4DETYrMT7wzBKotjA4=
+
 d3-fetch@1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/d3-fetch/-/d3-fetch-1.1.2.tgz#957c8fbc6d4480599ba191b1b2518bf86b3e1be2"
@@ -4149,11 +4954,26 @@ d3-force@1:
     d3-quadtree "1"
     d3-timer "1"
 
+d3-force@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/d3-force/-/d3-force-1.1.0.tgz#cebf3c694f1078fcc3d4daf8e567b2fbd70d4ea3"
+  integrity sha512-2HVQz3/VCQs0QeRNZTYb7GxoUCeb6bOzMp/cGcLa87awY9ZsPvXOGeZm0iaGBjXic6I1ysKwMn+g+5jSAdzwcg==
+  dependencies:
+    d3-collection "1"
+    d3-dispatch "1"
+    d3-quadtree "1"
+    d3-timer "1"
+
 d3-format@1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-1.3.2.tgz#6a96b5e31bcb98122a30863f7d92365c00603562"
   integrity sha512-Z18Dprj96ExragQ0DeGi+SYPQ7pPfRMtUXtsg/ChVIKNBCzjO8XYJvRTC1usblx52lqge56V5ect+frYTQc8WQ==
 
+d3-format@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-1.2.2.tgz#1a39c479c8a57fe5051b2e67a3bee27061a74e7a"
+  integrity sha512-zH9CfF/3C8zUI47nsiKfD0+AGDEuM8LwBIP7pBVpyR4l/sKkZqITmMtxRp04rwBrlshIZ17XeFAaovN3++wzkw==
+
 d3-geo@1:
   version "1.11.6"
   resolved "https://registry.yarnpkg.com/d3-geo/-/d3-geo-1.11.6.tgz#134f2ef035ff75a448075fafdea92702a2e0e0cf"
@@ -4161,11 +4981,23 @@ d3-geo@1:
   dependencies:
     d3-array "1"
 
+d3-geo@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/d3-geo/-/d3-geo-1.9.1.tgz#157e3b0f917379d0f73bebfff3be537f49fa7356"
+  integrity sha512-l9wL/cEQkyZQYXw3xbmLsH3eQ5ij+icNfo4r0GrLa5rOCZR/e/3am45IQ0FvQ5uMsv+77zBRunLc9ufTWSQYFA==
+  dependencies:
+    d3-array "1"
+
 d3-hierarchy@1:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/d3-hierarchy/-/d3-hierarchy-1.1.8.tgz#7a6317bd3ed24e324641b6f1e76e978836b008cc"
   integrity sha512-L+GHMSZNwTpiq4rt9GEsNcpLa4M96lXMR8M/nMG9p5hBE0jy6C+3hWtyZMenPQdwla249iJy7Nx0uKt3n+u9+w==
 
+d3-hierarchy@1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/d3-hierarchy/-/d3-hierarchy-1.1.5.tgz#a1c845c42f84a206bcf1c01c01098ea4ddaa7a26"
+  integrity sha1-ochFxC+Eoga88cAcAQmOpN2qeiY=
+
 d3-interpolate@1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-1.3.2.tgz#417d3ebdeb4bc4efcc8fd4361c55e4040211fd68"
@@ -4173,26 +5005,68 @@ d3-interpolate@1:
   dependencies:
     d3-color "1"
 
+d3-interpolate@1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-1.1.6.tgz#2cf395ae2381804df08aa1bf766b7f97b5f68fb6"
+  integrity sha512-mOnv5a+pZzkNIHtw/V6I+w9Lqm9L5bG3OTXPM5A+QO0yyVMQ4W1uZhR+VOJmazaOZXri2ppbiZ5BUNWT0pFM9A==
+  dependencies:
+    d3-color "1"
+
 d3-path@1:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-1.0.7.tgz#8de7cd693a75ac0b5480d3abaccd94793e58aae8"
   integrity sha512-q0cW1RpvA5c5ma2rch62mX8AYaiLX0+bdaSM2wxSU9tXjU4DNvkx9qiUvjkuWCj3p22UO/hlPivujqMiR9PDzA==
 
+d3-path@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-1.0.5.tgz#241eb1849bd9e9e8021c0d0a799f8a0e8e441764"
+  integrity sha1-JB6xhJvZ6egCHA0KeZ+KDo5EF2Q=
+
 d3-polygon@1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/d3-polygon/-/d3-polygon-1.0.5.tgz#9a645a0a64ff6cbf9efda96ee0b4a6909184c363"
   integrity sha512-RHhh1ZUJZfhgoqzWWuRhzQJvO7LavchhitSTHGu9oj6uuLFzYZVeBzaWTQ2qSO6bz2w55RMoOCf0MsLCDB6e0w==
 
+d3-polygon@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/d3-polygon/-/d3-polygon-1.0.3.tgz#16888e9026460933f2b179652ad378224d382c62"
+  integrity sha1-FoiOkCZGCTPysXllKtN4Ik04LGI=
+
 d3-quadtree@1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-1.0.6.tgz#d1ab2a95a7f27bbde88582c94166f6ae35f32056"
   integrity sha512-NUgeo9G+ENQCQ1LsRr2qJg3MQ4DJvxcDNCiohdJGHt5gRhBW6orIB5m5FJ9kK3HNL8g9F4ERVoBzcEwQBfXWVA==
 
+d3-quadtree@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-1.0.3.tgz#ac7987e3e23fe805a990f28e1b50d38fcb822438"
+  integrity sha1-rHmH4+I/6AWpkPKOG1DTj8uCJDg=
+
+d3-queue@3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/d3-queue/-/d3-queue-3.0.7.tgz#c93a2e54b417c0959129d7d73f6cf7d4292e7618"
+  integrity sha1-yTouVLQXwJWRKdfXP2z31Ckudhg=
+
 d3-random@1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/d3-random/-/d3-random-1.1.2.tgz#2833be7c124360bf9e2d3fd4f33847cfe6cab291"
   integrity sha512-6AK5BNpIFqP+cx/sreKzNjWbwZQCSUatxq+pPRmFIQaWuoD+NrbVWw7YWpHiXpCQ/NanKdtGDuB+VQcZDaEmYQ==
 
+d3-random@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/d3-random/-/d3-random-1.1.0.tgz#6642e506c6fa3a648595d2b2469788a8d12529d3"
+  integrity sha1-ZkLlBsb6OmSFldKyRpeIqNElKdM=
+
+d3-request@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/d3-request/-/d3-request-1.0.6.tgz#a1044a9ef4ec28c824171c9379fae6d79474b19f"
+  integrity sha512-FJj8ySY6GYuAJHZMaCQ83xEYE4KbkPkmxZ3Hu6zA1xxG2GD+z6P+Lyp+zjdsHf0xEbp2xcluDI50rCS855EQ6w==
+  dependencies:
+    d3-collection "1"
+    d3-dispatch "1"
+    d3-dsv "1"
+    xmlhttprequest "1"
+
 d3-scale-chromatic@1:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/d3-scale-chromatic/-/d3-scale-chromatic-1.3.3.tgz#dad4366f0edcb288f490128979c3c793583ed3c0"
@@ -4201,6 +5075,19 @@ d3-scale-chromatic@1:
     d3-color "1"
     d3-interpolate "1"
 
+d3-scale@1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-1.0.7.tgz#fa90324b3ea8a776422bd0472afab0b252a0945d"
+  integrity sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==
+  dependencies:
+    d3-array "^1.2.0"
+    d3-collection "1"
+    d3-color "1"
+    d3-format "1"
+    d3-interpolate "1"
+    d3-time "1"
+    d3-time-format "2"
+
 d3-scale@2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-2.2.2.tgz#4e880e0b2745acaaddd3ede26a9e908a9e17b81f"
@@ -4218,6 +5105,11 @@ d3-selection@1, d3-selection@^1.1.0:
   resolved "https://registry.yarnpkg.com/d3-selection/-/d3-selection-1.4.0.tgz#ab9ac1e664cf967ebf1b479cc07e28ce9908c474"
   integrity sha512-EYVwBxQGEjLCKF2pJ4+yrErskDnz5v403qvAid96cNdCMr8rmCYfY5RGzWz24mdIbxmDf6/4EAH+K9xperD5jg==
 
+d3-selection@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/d3-selection/-/d3-selection-1.3.0.tgz#d53772382d3dc4f7507bfb28bcd2d6aed2a0ad6d"
+  integrity sha512-qgpUOg9tl5CirdqESUAu0t9MU/t3O9klYfGfyKsXEmhyxyzLpzpeh08gaxBUTQw1uXIOkr/30Ut2YRjSSxlmHA==
+
 d3-shape@1:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-1.3.5.tgz#e81aea5940f59f0a79cfccac012232a8987c6033"
@@ -4225,6 +5117,13 @@ d3-shape@1:
   dependencies:
     d3-path "1"
 
+d3-shape@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-1.2.0.tgz#45d01538f064bafd05ea3d6d2cb748fd8c41f777"
+  integrity sha1-RdAVOPBkuv0F6j1tLLdI/YxB93c=
+  dependencies:
+    d3-path "1"
+
 d3-time-format@2:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-2.1.3.tgz#ae06f8e0126a9d60d6364eac5b1533ae1bac826b"
@@ -4232,16 +5131,33 @@ d3-time-format@2:
   dependencies:
     d3-time "1"
 
+d3-time-format@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-2.1.1.tgz#85b7cdfbc9ffca187f14d3c456ffda268081bb31"
+  integrity sha512-8kAkymq2WMfzW7e+s/IUNAtN/y3gZXGRrdGfo6R8NKPAA85UBTxZg5E61bR6nLwjPjj4d3zywSQe1CkYLPFyrw==
+  dependencies:
+    d3-time "1"
+
 d3-time@1:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-1.0.11.tgz#1d831a3e25cd189eb256c17770a666368762bbce"
   integrity sha512-Z3wpvhPLW4vEScGeIMUckDW7+3hWKOQfAWg/U7PlWBnQmeKQ00gCUsTtWSYulrKNA7ta8hJ+xXc6MHrMuITwEw==
 
+d3-time@1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-1.0.8.tgz#dbd2d6007bf416fe67a76d17947b784bffea1e84"
+  integrity sha512-YRZkNhphZh3KcnBfitvF3c6E0JOFGikHZ4YqD+Lzv83ZHn1/u6yGenRU1m+KAk9J1GnZMnKcrtfvSktlA1DXNQ==
+
 d3-timer@1:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-1.0.9.tgz#f7bb8c0d597d792ff7131e1c24a36dd471a471ba"
   integrity sha512-rT34J5HnQUHhcLvhSB9GjCkN0Ddd5Y8nCwDBG2u6wQEeYxT/Lf51fTFFkldeib/sE/J0clIe0pnCfs6g/lRbyg==
 
+d3-timer@1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-1.0.7.tgz#df9650ca587f6c96607ff4e60cc38229e8dd8531"
+  integrity sha512-vMZXR88XujmG/L5oB96NNKH5lCWwiLM/S2HyyAQLcjWJCloK5shxta4CwOFYLZoY3AWX73v8Lgv4cCAdWtRmOA==
+
 d3-transition@1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/d3-transition/-/d3-transition-1.2.0.tgz#f538c0e21b2aa1f05f3e965f8567e81284b3b2b8"
@@ -4254,11 +5170,28 @@ d3-transition@1:
     d3-selection "^1.1.0"
     d3-timer "1"
 
+d3-transition@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/d3-transition/-/d3-transition-1.1.1.tgz#d8ef89c3b848735b060e54a39b32aaebaa421039"
+  integrity sha512-xeg8oggyQ+y5eb4J13iDgKIjUcEfIOZs2BqV/eEmXm2twx80wTzJ4tB4vaZ5BKfz7XsI/DFmQL5me6O27/5ykQ==
+  dependencies:
+    d3-color "1"
+    d3-dispatch "1"
+    d3-ease "1"
+    d3-interpolate "1"
+    d3-selection "^1.1.0"
+    d3-timer "1"
+
 d3-voronoi@1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/d3-voronoi/-/d3-voronoi-1.1.4.tgz#dd3c78d7653d2bb359284ae478645d95944c8297"
   integrity sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==
 
+d3-voronoi@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/d3-voronoi/-/d3-voronoi-1.1.2.tgz#1687667e8f13a2d158c80c1480c5a29cb0d8973c"
+  integrity sha1-Fodmfo8TotFYyAwUgMWinLDYlzw=
+
 d3-zoom@1:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/d3-zoom/-/d3-zoom-1.7.3.tgz#f444effdc9055c38077c4299b4df999eb1d47ccb"
@@ -4270,10 +5203,57 @@ d3-zoom@1:
     d3-selection "1"
     d3-transition "1"
 
+d3-zoom@1.7.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/d3-zoom/-/d3-zoom-1.7.1.tgz#02f43b3c3e2db54f364582d7e4a236ccc5506b63"
+  integrity sha512-sZHQ55DGq5BZBFGnRshUT8tm2sfhPHFnOlmPbbwTkAoPeVdRTkB4Xsf9GCY0TSHrTD8PeJPZGmP/TpGicwJDJQ==
+  dependencies:
+    d3-dispatch "1"
+    d3-drag "1"
+    d3-interpolate "1"
+    d3-selection "1"
+    d3-transition "1"
+
+d3@^4.13.0:
+  version "4.13.0"
+  resolved "https://registry.yarnpkg.com/d3/-/d3-4.13.0.tgz#ab236ff8cf0cfc27a81e69bf2fb7518bc9b4f33d"
+  integrity sha512-l8c4+0SldjVKLaE2WG++EQlqD7mh/dmQjvi2L2lKPadAVC+TbJC4ci7Uk9bRi+To0+ansgsS0iWfPjD7DBy+FQ==
+  dependencies:
+    d3-array "1.2.1"
+    d3-axis "1.0.8"
+    d3-brush "1.0.4"
+    d3-chord "1.0.4"
+    d3-collection "1.0.4"
+    d3-color "1.0.3"
+    d3-dispatch "1.0.3"
+    d3-drag "1.2.1"
+    d3-dsv "1.0.8"
+    d3-ease "1.0.3"
+    d3-force "1.1.0"
+    d3-format "1.2.2"
+    d3-geo "1.9.1"
+    d3-hierarchy "1.1.5"
+    d3-interpolate "1.1.6"
+    d3-path "1.0.5"
+    d3-polygon "1.0.3"
+    d3-quadtree "1.0.3"
+    d3-queue "3.0.7"
+    d3-random "1.1.0"
+    d3-request "1.0.6"
+    d3-scale "1.0.7"
+    d3-selection "1.3.0"
+    d3-shape "1.2.0"
+    d3-time "1.0.8"
+    d3-time-format "2.1.1"
+    d3-timer "1.0.7"
+    d3-transition "1.1.1"
+    d3-voronoi "1.1.2"
+    d3-zoom "1.7.1"
+
 d3@^5.7.0:
-  version "5.9.4"
-  resolved "https://registry.yarnpkg.com/d3/-/d3-5.9.4.tgz#d85ce1f4c7ddc7825d56c51ace089f78bb877e6c"
-  integrity sha512-iMLfEVd2Cg3YEfOdUvQ9gJtZs4YJG0T5Nvz+A3j4sIyBwscncVheaRtwg/g6g69qwS/gl0gqlIt7CUeO/BVNbQ==
+  version "5.9.7"
+  resolved "https://registry.yarnpkg.com/d3/-/d3-5.9.7.tgz#f3835648a172b438e89ed57eb6c525bdabdcd7dc"
+  integrity sha512-jENytrmdXtGPw7HuSK2S4gxRM1eUGjKvWQkQ6ct4yK+DB8SG3VcnVrwesfnsv8rIcxMUg18TafT4Q8mOZUMP4Q==
   dependencies:
     d3-array "1"
     d3-axis "1"
@@ -4346,6 +5326,15 @@ data-urls@^1.0.0:
     whatwg-mimetype "^2.2.0"
     whatwg-url "^7.0.0"
 
+datauri@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/datauri/-/datauri-1.1.0.tgz#c6184ff6b928ede4e41ccc23ab954c7839c4fb39"
+  integrity sha512-0q+cTTKx7q8eDteZRIQLTFJuiIsVing17UbWTPssY4JLSMaYsk/VKpNulBDo9NSgQWcvlPrkEHW8kUO67T/7mQ==
+  dependencies:
+    image-size "^0.6.2"
+    mimer "^0.3.2"
+    semver "^5.5.0"
+
 date-now@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
@@ -4375,7 +5364,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@=3.1.0:
+debug@3.1.0, debug@=3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
   integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
@@ -4539,6 +5528,11 @@ define-property@^2.0.2:
     is-descriptor "^1.0.2"
     isobject "^3.0.1"
 
+defined@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
+  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
+
 del@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
@@ -4585,6 +5579,13 @@ destroy@~1.0.4:
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
   integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
 
+detab@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/detab/-/detab-2.0.2.tgz#074970d1a807b045d0258a4235df5928dd683561"
+  integrity sha512-Q57yPrxScy816TTE1P/uLRXLDKjXhvYTbfxS/e6lPD+YrqghbsMlGB9nQzj/zVtSPaF0DFPSdO916EWO4sQUyQ==
+  dependencies:
+    repeat-string "^1.5.4"
+
 detect-file@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-1.0.0.tgz#f0d66d03672a825cb1b73bdb3fe62310c8e552b7"
@@ -4622,11 +5623,24 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
+detective@^4.0.0:
+  version "4.7.1"
+  resolved "https://registry.yarnpkg.com/detective/-/detective-4.7.1.tgz#0eca7314338442febb6d65da54c10bb1c82b246e"
+  integrity sha512-H6PmeeUcZloWtdt4DAkFyzFL94arpHr3NOwwmVILFiy+9Qd4JTxxXrzfyGk/lmct2qVGBwTSwSXagqu2BxmWig==
+  dependencies:
+    acorn "^5.2.1"
+    defined "^1.0.0"
+
 diff@^3.2.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
   integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==
 
+diff@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.1.tgz#0c667cb467ebbb5cea7f14f135cc2dba7780a8ff"
+  integrity sha512-s2+XdvhPCOF01LRQBC8hf4vhbVmI2CGS5aZnxLJlT5FtdhPCDFq80q++zK2KlrVorVDdL5BOGZ/VfLrVtYNF+Q==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4670,6 +5684,13 @@ dns-txt@^2.0.2:
   dependencies:
     buffer-indexof "^1.0.0"
 
+doctrine-temporary-fork@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine-temporary-fork/-/doctrine-temporary-fork-2.1.0.tgz#36f2154f556ee4f1e60311d391cd23de5187ed57"
+  integrity sha512-nliqOv5NkE4zMON4UA6AMJE6As35afs8aYXATpU4pTUdIKiARZwrJVEP1boA3Rx1ZXHVkwxkhcq4VkqvsuRLsA==
+  dependencies:
+    esutils "^2.0.2"
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4689,6 +5710,77 @@ doctypes@^1.1.0:
   resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
   integrity sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
 
+documentation@^12.0.1:
+  version "12.0.3"
+  resolved "https://registry.yarnpkg.com/documentation/-/documentation-12.0.3.tgz#32f91da8e5cb4104f69db9fd32c87773a1ad6240"
+  integrity sha512-RoqkH+mQ4Vi/nFMxG0BaqPAnjKfsJ9lbLWB8KqoKVAZy+urSpk1K1zBzaFesdDkKeaR3aBgeR3RjtHp8Ut/1Wg==
+  dependencies:
+    "@babel/core" "^7.1.2"
+    "@babel/generator" "^7.1.3"
+    "@babel/parser" "7.1.3"
+    "@babel/plugin-proposal-class-properties" "^7.1.0"
+    "@babel/plugin-proposal-decorators" "^7.1.2"
+    "@babel/plugin-proposal-do-expressions" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-export-namespace-from" "^7.0.0"
+    "@babel/plugin-proposal-function-bind" "^7.0.0"
+    "@babel/plugin-proposal-function-sent" "^7.1.0"
+    "@babel/plugin-proposal-json-strings" "^7.0.0"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-numeric-separator" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-proposal-pipeline-operator" "^7.0.0"
+    "@babel/plugin-proposal-throw-expressions" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-import-meta" "^7.0.0"
+    "@babel/preset-env" "^7.1.0"
+    "@babel/preset-flow" "^7.0.0"
+    "@babel/preset-react" "^7.0.0"
+    "@babel/preset-stage-0" "^7.0.0"
+    "@babel/traverse" "^7.1.4"
+    "@babel/types" "^7.1.3"
+    ansi-html "^0.0.7"
+    babelify "^10.0.0"
+    chalk "^2.3.0"
+    chokidar "^2.0.4"
+    concat-stream "^1.6.0"
+    diff "^4.0.1"
+    doctrine-temporary-fork "2.1.0"
+    get-port "^4.0.0"
+    git-url-parse "^10.0.1"
+    github-slugger "1.2.0"
+    glob "^7.1.2"
+    globals-docs "^2.4.0"
+    highlight.js "^9.15.5"
+    js-yaml "^3.10.0"
+    lodash "^4.17.10"
+    mdast-util-inject "^1.1.0"
+    micromatch "^3.1.5"
+    mime "^2.2.0"
+    module-deps-sortable "5.0.0"
+    parse-filepath "^1.0.2"
+    pify "^4.0.0"
+    read-pkg-up "^4.0.0"
+    remark "^9.0.0"
+    remark-html "^8.0.0"
+    remark-reference-links "^4.0.1"
+    remark-toc "^5.0.0"
+    remote-origin-url "0.4.0"
+    resolve "^1.8.1"
+    stream-array "^1.1.2"
+    strip-json-comments "^2.0.1"
+    tiny-lr "^1.1.0"
+    unist-builder "^1.0.2"
+    unist-util-visit "^1.3.0"
+    vfile "^4.0.0"
+    vfile-reporter "^6.0.0"
+    vfile-sort "^2.1.0"
+    vinyl "^2.1.0"
+    vinyl-fs "^3.0.2"
+    vue-template-compiler "^2.5.16"
+    yargs "^12.0.2"
+
 dom-converter@^0.2:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -4701,7 +5793,7 @@ dom-event-types@^1.0.0:
   resolved "https://registry.yarnpkg.com/dom-event-types/-/dom-event-types-1.0.0.tgz#5830a0a29e1bf837fe50a70cd80a597232813cae"
   integrity sha512-2G2Vwi2zXTHBGqXHsJ4+ak/iP0N8Ar+G8a7LiD2oup5o4sQWytwqqrZu/O6hIMV0KMID2PL69OhpshLO0n7UJQ==
 
-dom-serializer@0:
+dom-serializer@0, dom-serializer@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0"
   integrity sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==
@@ -4726,6 +5818,13 @@ domexception@^1.0.1:
   dependencies:
     webidl-conversions "^4.0.2"
 
+domhandler@2.3:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.3.0.tgz#2de59a0822d5027fabff6f032c2b25a2a8abe738"
+  integrity sha1-LeWaCCLVAn+r/28DLCsloqir5zg=
+  dependencies:
+    domelementtype "1"
+
 domhandler@^2.3.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
@@ -4733,7 +5832,7 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
-domutils@1.5.1:
+domutils@1.5, domutils@1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
   integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
@@ -4803,6 +5902,13 @@ download@^5.0.3:
     mkdirp "^0.5.1"
     pify "^2.3.0"
 
+duplexer2@^0.1.2, duplexer2@~0.1.0:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
+  integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
+  dependencies:
+    readable-stream "^2.0.2"
+
 duplexer3@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
@@ -4843,6 +5949,14 @@ echarts@^4.1.0:
   dependencies:
     zrender "4.0.7"
 
+editions@^2.1.2, editions@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/editions/-/editions-2.1.3.tgz#727ccf3ec2c7b12dcc652c71000f16c4824d6f7d"
+  integrity sha512-xDZyVm0A4nLgMNWVVLJvcwMjI80ShiH/27RyLiCnW1L273TcJIA25C4pwJ33AWV01OX6UriP35Xu+lH4S7HWQw==
+  dependencies:
+    errlop "^1.1.1"
+    semver "^5.6.0"
+
 editorconfig@^0.15.3:
   version "0.15.3"
   resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.15.3.tgz#bef84c4e75fb8dcb0ce5cee8efd51c15999befc5"
@@ -4863,15 +5977,15 @@ ejs@^2.2.4, ejs@^2.6.1:
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.6.2.tgz#3a32c63d1cd16d11266cd4703b14fec4e74ab4f6"
   integrity sha512-PcW2a0tyTuPHz3tWyYqtK6r1fZ3gp+3Sop8Ph+ZYN81Ob5rwmbHEzaqs10N3BEsaGTkh/ooniXK+WwszGlc2+Q==
 
-electron-to-chromium@^1.3.164:
-  version "1.3.166"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.166.tgz#99d267514f4b92339788172400bc527545deb75b"
-  integrity sha512-7XwtJz81H/PBnkmQ/07oVPOGTkBZs6ibZN8OqXNUrxjRPzR0Xj+MFcMmRZEXGilEg1Pm+97V8BZVI63qnBX1hQ==
+electron-to-chromium@^1.3.191:
+  version "1.3.200"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.200.tgz#78fb858b466269e8eb46d31a52562f00c865127f"
+  integrity sha512-PUurrpyDA74MuAjJRD+79ss5BqJlU3mdArRbuu4wO/dt6jc3Ic/6BDmFJxkdwbfq39cHf/XKm2vW98XSvut9Dg==
 
 elliptic@^6.0.0:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
-  integrity sha512-BsXLz5sqX8OHcsh7CqBMztyXARmGQ3LWPtGjJi6DiJHq5C/qvi9P3OqgswKSDftbu8+IoI/QDTAm2fFnQ9SZSQ==
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.0.tgz#2b8ed4c891b7de3200e14412a5b8248c7af505ca"
+  integrity sha512-eFOJTMyCYb7xtE/caJ6JJu+bhi67WCYNbkGSknu20pmM8Ke/bqOfdnZWxyoGN26JgfxTbXrsCkEw4KheCT/KGg==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -4886,11 +6000,21 @@ email-addresses@^3.0.1:
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.0.3.tgz#fc3c6952f68da24239914e982c8a7783bc2ed96d"
   integrity sha512-kUlSC06PVvvjlMRpNIl3kR1NRXLEe86VQ7N0bQeaCZb2g+InShCeHQp/JvyYNTugMnRN2NvJhHlc3q12MWbbpg==
 
+"emoji-regex@>=6.0.0 <=6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.1.1.tgz#c6cd0ec1b0642e2a3c67a1137efc5e796da4f88e"
+  integrity sha1-xs0OwbBkLio8Z6ETfvxeeW2k+I4=
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
   integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
 
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
 emojione@^3.1.2:
   version "3.1.7"
   resolved "https://registry.yarnpkg.com/emojione/-/emojione-3.1.7.tgz#2d3c725c696f179c9dde3acb655c621ee9429b1e"
@@ -4906,6 +6030,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
+encoding@^0.1.11:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
+  integrity sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=
+  dependencies:
+    iconv-lite "~0.4.13"
+
 end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.1.tgz#ed29634d19baba463b6ce6b80a37213eab71ec43"
@@ -4922,6 +6053,11 @@ enhanced-resolve@4.1.0, enhanced-resolve@^4.1.0:
     memory-fs "^0.4.0"
     tapable "^1.0.0"
 
+entities@1.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-1.0.0.tgz#b2987aa3821347fcde642b24fdfc9e4fb712bf26"
+  integrity sha1-sph6o4ITR/zeZCsk/fyeT7cSvyY=
+
 entities@^1.1.1, entities@~1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
@@ -4932,6 +6068,18 @@ env-paths@^1.0.0:
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-1.0.0.tgz#4168133b42bb05c38a35b1ae4397c8298ab369e0"
   integrity sha1-QWgTO0K7BcOKNbGuQ5fIKYqzaeA=
 
+err-code@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/err-code/-/err-code-1.1.2.tgz#06e0116d3028f6aef4806849eb0ea6a748ae6960"
+  integrity sha1-BuARbTAo9q70gGhJ6w6mp0iuaWA=
+
+errlop@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/errlop/-/errlop-1.1.1.tgz#d9ae4c76c3e64956c5d79e6e035d6343bfd62250"
+  integrity sha512-WX7QjiPHhsny7/PQvrhS5VMizXXKoKCS3udaBp8gjlARdbn+XmK300eKBAAN0hGyRaTCtRpOaxK+xFVPUJ3zkw==
+  dependencies:
+    editions "^2.1.2"
+
 errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
@@ -4953,6 +6101,14 @@ error-stack-parser@^2.0.0:
   dependencies:
     stackframe "^1.0.4"
 
+error@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/error/-/error-7.0.2.tgz#a5f75fff4d9926126ddac0ea5dc38e689153cb02"
+  integrity sha1-pfdf/02ZJhJt2sDqXcOOaJFTywI=
+  dependencies:
+    string-template "~0.2.1"
+    xtend "~4.0.0"
+
 es-abstract@^1.12.0, es-abstract@^1.4.3, es-abstract@^1.5.1:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
@@ -4994,7 +6150,7 @@ es6-templates@^0.2.3:
     recast "~0.11.12"
     through "~2.3.6"
 
-escape-html@~1.0.3:
+escape-html@^1.0.3, escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
@@ -5009,7 +6165,7 @@ escaper@^2.5.3:
   resolved "https://registry.yarnpkg.com/escaper/-/escaper-2.5.3.tgz#8b8fe90ba364054151ab7eff18b4ce43b1e13ab5"
   integrity sha512-QGb9sFxBVpbzMggrKTX0ry1oiI4CSDAl9vIL702hzl1jGW8VZs7qfqTRX7WDOjoNDoEVGcEtu1ZOQgReSfT2kQ==
 
-escodegen@^1.9.1:
+escodegen@^1.6.1, escodegen@^1.9.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.11.1.tgz#c485ff8d6b4cdb89e27f4a856e91f118401ca510"
   integrity sha512-JwiqFD9KdGVVpeuRa68yU3zZnBEOcPs0nKW7wZzXky8Z7tffdYUHbe11bPCV5jYlK6DVdKLWLm0f5I/QlL0Kmw==
@@ -5029,9 +6185,9 @@ eslint-config-prettier@^3.3.0:
     get-stdin "^6.0.0"
 
 eslint-loader@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-2.1.2.tgz#453542a1230d6ffac90e4e7cb9cadba9d851be68"
-  integrity sha512-rA9XiXEOilLYPOIInvVH5S/hYfyTPyxag6DZhoQOduM+3TkghAEQ3VcFO8VnX4J4qg/UIBzp72aOf/xvYmpmsg==
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-2.2.1.tgz#28b9c12da54057af0845e2a6112701a2f6bf8337"
+  integrity sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg==
   dependencies:
     loader-fs-cache "^1.0.0"
     loader-utils "^1.0.2"
@@ -5092,9 +6248,11 @@ eslint-scope@^4.0.0, eslint-scope@^4.0.3:
     estraverse "^4.1.1"
 
 eslint-utils@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.3.1.tgz#9a851ba89ee7c460346f97cf8939c7298827e512"
-  integrity sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.0.tgz#e2c3c8dba768425f897cf0f9e51fe2e241485d4c"
+  integrity sha512-7ehnzPaP5IIEh1r1tkjuIrxqhNkzUJa9z3R92tLJdZIVdWaczEhr3EbhGtsMrVxi1KeR8qA7Off6SWc5WNQqyQ==
+  dependencies:
+    eslint-visitor-keys "^1.0.0"
 
 eslint-visitor-keys@^1.0.0:
   version "1.0.0"
@@ -5401,6 +6559,13 @@ expand-range@^1.8.1:
   dependencies:
     fill-range "^2.1.0"
 
+expand-tilde@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-1.2.2.tgz#0b81eba897e5a3d31d1c3d102f8f01441e559449"
+  integrity sha1-C4HrqJflo9MdHD0QL48BRB5VlEk=
+  dependencies:
+    os-homedir "^1.0.1"
+
 expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
@@ -5471,7 +6636,7 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
-extend@~3.0.2:
+extend@^3.0.0, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
@@ -5486,9 +6651,9 @@ external-editor@^2.0.4:
     tmp "^0.0.33"
 
 external-editor@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.0.3.tgz#5866db29a97826dbe4bf3afd24070ead9ea43a27"
-  integrity sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
+  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
   dependencies:
     chardet "^0.7.0"
     iconv-lite "^0.4.24"
@@ -5542,6 +6707,16 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
+fancy-log@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.3.tgz#dbc19154f558690150a23953a0adbd035be45fc7"
+  integrity sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==
+  dependencies:
+    ansi-gray "^0.1.1"
+    color-support "^1.1.3"
+    parse-node-version "^1.0.0"
+    time-stamp "^1.0.0"
+
 fast-deep-equal@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
@@ -5610,7 +6785,7 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.0"
 
-faye-websocket@^0.10.0:
+faye-websocket@^0.10.0, faye-websocket@~0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
   integrity sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=
@@ -5687,6 +6862,11 @@ file-loader@^3.0.1:
     loader-utils "^1.0.2"
     schema-utils "^1.0.0"
 
+file-name@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/file-name/-/file-name-0.1.0.tgz#12b122f120f9c34dbc176c1ab81a548aced6def7"
+  integrity sha1-ErEi8SD5w028F2wauBpUis7W3vc=
+
 file-type@^3.8.0:
   version "3.9.0"
   resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
@@ -5832,6 +7012,21 @@ find-cache-dir@^2.0.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
+find-file-up@^0.1.2:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/find-file-up/-/find-file-up-0.1.3.tgz#cf68091bcf9f300a40da411b37da5cce5a2fbea0"
+  integrity sha1-z2gJG8+fMApA2kEbN9pczlovvqA=
+  dependencies:
+    fs-exists-sync "^0.1.0"
+    resolve-dir "^0.1.0"
+
+find-pkg@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/find-pkg/-/find-pkg-0.1.2.tgz#1bdc22c06e36365532e2a248046854b9788da557"
+  integrity sha1-G9wiwG42NlUy4qJIBGhUuXiNpVc=
+  dependencies:
+    find-file-up "^0.1.2"
+
 find-up@3.0.0, find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -5884,18 +7079,18 @@ flat-cache@^2.0.1:
     write "1.0.3"
 
 flatted@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.0.tgz#55122b6536ea496b4b44893ee2608141d10d9916"
-  integrity sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08"
+  integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==
 
 flowchart.js@^1.12.0:
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/flowchart.js/-/flowchart.js-1.12.1.tgz#00eef6796b4d5d16426433457b774aecfd3ba6cb"
-  integrity sha512-SbNj/8zSFFL1CjCi1fjunZear9JuZy5fBCvG1xizZOpmz8KYnGNR909xP6894+B/tavl+tonjHSNyKNnAagFEA==
+  version "1.12.2"
+  resolved "https://registry.yarnpkg.com/flowchart.js/-/flowchart.js-1.12.2.tgz#896c4c22e7ea9ee00d43b6f8f3a7a7f6ee649514"
+  integrity sha512-dS+cKoN0QL0hjgxW99XlN4VJsn5QDGGsE0JxYwoTp0ro/lLsRoKWhXwgZJPqTKclGwcCQiCAJzAn/KIeha5Whg==
   dependencies:
     raphael "2.2.7"
 
-flush-write-stream@^1.0.0:
+flush-write-stream@^1.0.0, flush-write-stream@^1.0.2:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
   integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
@@ -5904,9 +7099,9 @@ flush-write-stream@^1.0.0:
     readable-stream "^2.3.6"
 
 focus-trap@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-5.0.1.tgz#285f9df2cd9f5ef82dd1abb5d8a70e66cd4f99e3"
-  integrity sha512-vU7zEdL3y+kfkuwBbT9456JH8QfyemdcdZ2gKMfmgLyAs9NQAkSVQBSZmb9nlb1cVMo+iCsddqeGJog00pd2EQ==
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-5.0.2.tgz#31ee8a1933b972ce24577462eacefc6a09833c8f"
+  integrity sha512-jQf4ZkX9qOhiNrga4pRh9N2vMqYLRuGM7RZ6VRDLgti04cbG8m7XD4xlU/N0M0cqwDYtXbdzSBQDbRIwqn0FIg==
   dependencies:
     tabbable "^4.0.0"
     xtend "^4.0.1"
@@ -5918,7 +7113,7 @@ follow-redirects@1.5.10:
   dependencies:
     debug "=3.1.0"
 
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.2.3:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76"
   integrity sha512-m/pZQy4Gj287eNy94nivy5wchN3Kp+Q5WgUPNy5lJSZ3sgkVKSYV/ZChMAQVIgx1SqfZ2zBZtPA2YlXIWxxJOQ==
@@ -6049,6 +7244,14 @@ fs-minipass@^1.2.5:
   dependencies:
     minipass "^2.2.1"
 
+fs-mkdirp-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz#0b7815fc3201c6a69e14db98ce098c16935259eb"
+  integrity sha1-C3gV/DIBxqaeFNuYzgmMFpNSWes=
+  dependencies:
+    graceful-fs "^4.1.11"
+    through2 "^2.0.3"
+
 fs-readdir-recursive@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
@@ -6077,6 +7280,11 @@ fsevents@^1.2.3, fsevents@^1.2.7:
     nan "^2.12.1"
     node-pre-gyp "^0.12.0"
 
+fsevents@^2.0.6:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.0.7.tgz#382c9b443c6cbac4c57187cdda23aa3bf1ccfc2a"
+  integrity sha512-a7YT0SV3RB+DjYcppwVDLtn13UQnmg0SWZS7ezZD0UjnLwXmy8Zm21GMVGLaFGimIqcvyMQaOJBrop8MyOp1kQ==
+
 function-bind@^1.0.2, function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -6113,6 +7321,11 @@ generic-names@^1.0.2, generic-names@^1.0.3:
   dependencies:
     loader-utils "^0.2.16"
 
+genfun@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/genfun/-/genfun-4.0.1.tgz#ed10041f2e4a7f1b0a38466d17a5c3e27df1dfc1"
+  integrity sha1-7RAEHy5KfxsKOEZtF6XD4n3x38E=
+
 get-caller-file@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
@@ -6134,7 +7347,7 @@ get-pkg-repo@^1.0.0:
     parse-github-repo-url "^1.3.0"
     through2 "^2.0.0"
 
-get-port@^4.1.0:
+get-port@^4.0.0, get-port@^4.1.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/get-port/-/get-port-4.2.0.tgz#e37368b1e863b7629c43c5a323625f95cf24b119"
   integrity sha512-/b3jarXkH8KJoOMQc3uVGHASwGLPq3gSFJ7tgJm2diza+bydJPTGOibin2steecKeOylE8oY2JERlVWkAJO6yw==
@@ -6202,6 +7415,11 @@ gh-pages@^2.0.1:
     graceful-fs "^4.1.11"
     rimraf "^2.6.2"
 
+git-branch@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/git-branch/-/git-branch-1.0.0.tgz#64cc7dd75da2d81a9d4679087c1f8b56e6bd2d3d"
+  integrity sha512-ZTzuqw5Df8fyLXQWrX6hK+4FpNCdKzMcERlxENEGO5aKcLmG7MAszhrMhluUKNKmOS/JAGijDMQDXDCDw1mE/A==
+
 git-clone@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/git-clone/-/git-clone-0.1.0.tgz#0d76163778093aef7f1c30238f2a9ef3f07a2eb9"
@@ -6235,6 +7453,16 @@ git-remote-origin-url@^2.0.0:
     gitconfiglocal "^1.0.0"
     pify "^2.3.0"
 
+git-repo-name@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/git-repo-name/-/git-repo-name-0.6.0.tgz#af09884656aa537ec625c7087008175cd61228ff"
+  integrity sha1-rwmIRlaqU37GJccIcAgXXNYSKP8=
+  dependencies:
+    cwd "^0.9.1"
+    file-name "^0.1.0"
+    lazy-cache "^1.0.4"
+    remote-origin-url "^0.5.1"
+
 git-semver-tags@2.0.2, git-semver-tags@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-2.0.2.tgz#f506ec07caade191ac0c8d5a21bdb8131b4934e3"
@@ -6243,6 +7471,28 @@ git-semver-tags@2.0.2, git-semver-tags@^2.0.2:
     meow "^4.0.0"
     semver "^5.5.0"
 
+git-up@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/git-up/-/git-up-2.1.0.tgz#2f14cfe78327e7c4a2b92fcac7bfc674fdfad40c"
+  integrity sha512-MJgwfcSd9qxgDyEYpRU/CDxNpUadrK80JHuEQDG4Urn0m7tpSOgCBrtiSIa9S9KH8Tbuo/TN8SSQmJBvsw1HkA==
+  dependencies:
+    is-ssh "^1.3.0"
+    parse-url "^3.0.2"
+
+git-url-parse@^10.0.1:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-10.1.0.tgz#a27813218f8777e91d15f1c121b83bf14721b67e"
+  integrity sha512-goZOORAtFjU1iG+4zZgWq+N7It09PqS3Xsy43ZwhP5unDD0tTSmXTpqULHodMdJXGejm3COwXIhIRT6Z8DYVZQ==
+  dependencies:
+    git-up "^2.0.0"
+
+git-username@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/git-username/-/git-username-0.5.1.tgz#432a41b34a19607892354004c9893a8829ffa4f0"
+  integrity sha512-xjUjrj3i4kup2A3a/ZVZB1Nt0PUX7SU7KeVqIbXPdslT7NbNfyO04JMxBv4gar77JePdS+A6f05jG1Viy6+U1w==
+  dependencies:
+    remote-origin-url "^0.4.0"
+
 gitconfiglocal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/gitconfiglocal/-/gitconfiglocal-1.0.0.tgz#41d045f3851a5ea88f03f24ca1c6178114464b9b"
@@ -6274,6 +7524,20 @@ github-markdown-css@^3.0.1:
   resolved "https://registry.yarnpkg.com/github-markdown-css/-/github-markdown-css-3.0.1.tgz#d08db1060d2e182025e0d07d547cfe2afed30205"
   integrity sha512-9G5CIPsHoyk5ObDsb/H4KTi23J8KE1oDd4KYU51qwqeM+lKWAiO7abpSgCkyWswgmSKBiuE7/4f8xUz7f2qAiQ==
 
+github-slugger@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.2.0.tgz#8ada3286fd046d8951c3c952a8d7854cfd90fd9a"
+  integrity sha512-wIaa75k1vZhyPm9yWrD08A5Xnx/V+RmzGrpjQuLemGKSb77Qukiaei58Bogrl/LZSADDfPzKJX8jhLs4CRTl7Q==
+  dependencies:
+    emoji-regex ">=6.0.0 <=6.1.1"
+
+github-slugger@^1.0.0, github-slugger@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.2.1.tgz#47e904e70bf2dccd0014748142d31126cfd49508"
+  integrity sha512-SsZUjg/P03KPzQBt7OxJPasGw6NRO5uOgiZ5RGXVud5iSIZ0eNZeNp5rTwCxtavrRUa/A77j8mePVc5lEvk0KQ==
+  dependencies:
+    emoji-regex ">=6.0.0 <=6.1.1"
+
 glob-base@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
@@ -6304,6 +7568,22 @@ glob-parent@^5.0.0:
   dependencies:
     is-glob "^4.0.1"
 
+glob-stream@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-6.1.0.tgz#7045c99413b3eb94888d83ab46d0b404cc7bdde4"
+  integrity sha1-cEXJlBOz65SIjYOrRtC0BMx73eQ=
+  dependencies:
+    extend "^3.0.0"
+    glob "^7.1.1"
+    glob-parent "^3.1.0"
+    is-negated-glob "^1.0.0"
+    ordered-read-streams "^1.0.0"
+    pumpify "^1.3.5"
+    readable-stream "^2.1.5"
+    remove-trailing-separator "^1.0.1"
+    to-absolute-glob "^2.0.0"
+    unique-stream "^2.0.2"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -6347,6 +7627,14 @@ global-modules@2.0.0:
   dependencies:
     global-prefix "^3.0.0"
 
+global-modules@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-0.2.3.tgz#ea5a3bed42c6d6ce995a4f8a1269b5dae223828d"
+  integrity sha1-6lo77ULG1s6ZWk+KEmm12uIjgo0=
+  dependencies:
+    global-prefix "^0.1.4"
+    is-windows "^0.2.0"
+
 global-modules@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-1.0.0.tgz#6d770f0eb523ac78164d72b5e71a8877265cc3ea"
@@ -6356,6 +7644,16 @@ global-modules@^1.0.0:
     is-windows "^1.0.1"
     resolve-dir "^1.0.0"
 
+global-prefix@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-0.1.5.tgz#8d3bc6b8da3ca8112a160d8d496ff0462bfef78f"
+  integrity sha1-jTvGuNo8qBEqFg2NSW/wRiv+948=
+  dependencies:
+    homedir-polyfill "^1.0.0"
+    ini "^1.3.4"
+    is-windows "^0.2.0"
+    which "^1.2.12"
+
 global-prefix@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe"
@@ -6376,6 +7674,11 @@ global-prefix@^3.0.0:
     kind-of "^6.0.2"
     which "^1.3.1"
 
+globals-docs@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/globals-docs/-/globals-docs-2.4.0.tgz#f2c647544eb6161c7c38452808e16e693c2dafbb"
+  integrity sha512-B69mWcqCmT3jNYmSxRxxOXWfzu3Go8NQXPfl2o0qPd1EEFhwW0dFUg9ztTu915zPQzqwIhWAlw6hmfIcCK4kkQ==
+
 globals@^11.0.1, globals@^11.1.0, globals@^11.12.0, globals@^11.7.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -6461,10 +7764,10 @@ got@^6.3.0, got@^6.7.1:
     unzip-response "^2.0.1"
     url-parse-lax "^1.0.0"
 
-graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
-  version "4.1.15"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00"
-  integrity sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==
+graceful-fs@^4.0.0, graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.0.tgz#8d8fdc73977cb04104721cb53666c1ca64cd328b"
+  integrity sha512-jpSvDPV4Cq/bgtpndIWbI5hmYxhQGHPC4d4cqBPb4DLniCfhJokdXhwhaDuLBGLQdvvRum/UiX6ECVIPvDXqdg==
 
 "graceful-readlink@>= 1.0.0":
   version "1.0.1"
@@ -6478,11 +7781,31 @@ graphlibrary@^2.2.0:
   dependencies:
     lodash "^4.17.5"
 
+gray-matter@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-4.0.2.tgz#9aa379e3acaf421193fce7d2a28cebd4518ac454"
+  integrity sha512-7hB/+LxrOjq/dd8APlK0r24uL/67w7SkYnfwhNFwg/VDIGWGmduTDYf3WNstLW2fbbmRwrDGCVSJ2isuf2+4Hw==
+  dependencies:
+    js-yaml "^3.11.0"
+    kind-of "^6.0.2"
+    section-matter "^1.0.0"
+    strip-bom-string "^1.0.0"
+
 growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
+gulp-print@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/gulp-print/-/gulp-print-5.0.2.tgz#8f379148218d2e168461baa74352e11d1bf7aa75"
+  integrity sha512-iIpHMzC/b3gFvVXOfP9Jk94SWGIsDLVNUrxULRleQev+08ug07mh84b1AOlW6QDQdmInQiqDFqJN1UvhU2nXdg==
+  dependencies:
+    ansi-colors "^3.2.4"
+    fancy-log "^1.3.3"
+    map-stream "0.0.7"
+    vinyl "^2.2.0"
+
 gzip-size@^5.0.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.1.1.tgz#cb9bee692f87c0612b232840a873904e4c135274"
@@ -6618,6 +7941,39 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
+hast-util-is-element@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-1.0.3.tgz#423b4b26fe8bf1f25950fe052e9ce8f83fd5f6a4"
+  integrity sha512-C62CVn7jbjp89yOhhy7vrkSaB7Vk906Gtcw/Ihd+Iufnq+2pwOZjdPmpzpKLWJXPJBMDX3wXg4FqmdOayPcewA==
+
+hast-util-sanitize@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/hast-util-sanitize/-/hast-util-sanitize-1.3.1.tgz#4e60d66336bd67e52354d581967467029a933f2e"
+  integrity sha512-AIeKHuHx0Wk45nSkGVa2/ujQYTksnDl8gmmKo/mwQi7ag7IBZ8cM3nJ2G86SajbjGP/HRpud6kMkPtcM2i0Tlw==
+  dependencies:
+    xtend "^4.0.1"
+
+hast-util-to-html@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-4.0.1.tgz#3666b05afb62bd69f8f5e6c94db04dea19438e2a"
+  integrity sha512-2emzwyf0xEsc4TBIPmDJmBttIw8R4SXAJiJZoiRR/s47ODYWgOqNoDbf2SJAbMbfNdFWMiCSOrI3OVnX6Qq2Mg==
+  dependencies:
+    ccount "^1.0.0"
+    comma-separated-tokens "^1.0.1"
+    hast-util-is-element "^1.0.0"
+    hast-util-whitespace "^1.0.0"
+    html-void-elements "^1.0.0"
+    property-information "^4.0.0"
+    space-separated-tokens "^1.0.0"
+    stringify-entities "^1.0.1"
+    unist-util-is "^2.0.0"
+    xtend "^4.0.1"
+
+hast-util-whitespace@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-1.0.3.tgz#6d161b307bd0693b5ec000c7c7e8b5445109ee34"
+  integrity sha512-AlkYiLTTwPOyxZ8axq2/bCwRUPjIPBfrHkXuCR92B38b3lSdU22R5F/Z4DL6a2kxWpekWq1w6Nj48tWat6GeRA==
+
 he@1.2.x, he@^1.1.0, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
@@ -6628,7 +7984,7 @@ hex-color-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
   integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
 
-highlight.js@^9.12.0, highlight.js@^9.6.0:
+highlight.js@^9.12.0, highlight.js@^9.15.5, highlight.js@^9.4.0, highlight.js@^9.6.0:
   version "9.15.8"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.15.8.tgz#f344fda123f36f1a65490e932cf90569e4999971"
   integrity sha512-RrapkKQWwE+wKdF73VsOa2RQdIoO3mxwJ4P8mhbI6KYJUraUHRKM5w5zQQKXNk0xNL4UVRdulV9SBJcmzJNzVA==
@@ -6667,12 +8023,12 @@ homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   dependencies:
     parse-passwd "^1.0.0"
 
-hoopy@^0.1.2:
+hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
   integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
 
-hosted-git-info@^2.1.4:
+hosted-git-info@^2.1.4, hosted-git-info@^2.4.2:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.7.1.tgz#97f236977bd6e125408930ff6de3eec6281ec047"
   integrity sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==
@@ -6756,6 +8112,11 @@ html-tags@^2.0.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
   integrity sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos=
 
+html-void-elements@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.4.tgz#95e8bb5ecd6b88766569c2645f2b5f1591db9ba5"
+  integrity sha512-yMk3naGPLrfvUV9TdDbuYXngh/TpHbA6TrOw3HL9kS8yhwx7i309BReNg7CbAJXGE+UMJ6je5OqJ7lC63o6YuQ==
+
 html-webpack-plugin@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
@@ -6781,12 +8142,28 @@ htmlparser2@^3.3.0:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
+htmlparser2@~3.8.1:
+  version "3.8.3"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.8.3.tgz#996c28b191516a8be86501a7d79757e5c70c1068"
+  integrity sha1-mWwosZFRaovoZQGn15dX5ccMEGg=
+  dependencies:
+    domelementtype "1"
+    domhandler "2.3"
+    domutils "1.5"
+    entities "1.0"
+    readable-stream "1.1"
+
+http-cache-semantics@^3.8.0:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz#39b0e16add9b605bf0a9ef3d9daaf4843b4cacd2"
+  integrity sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
   integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
 
-http-errors@1.7.2, http-errors@~1.7.2:
+http-errors@1.7.2:
   version "1.7.2"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
   integrity sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==
@@ -6807,11 +8184,30 @@ http-errors@~1.6.2:
     setprototypeof "1.1.0"
     statuses ">= 1.4.0 < 2"
 
+http-errors@~1.7.2:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
+  integrity sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.1.1"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.0"
+
 "http-parser-js@>=0.4.0 <0.4.11":
   version "0.4.10"
   resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.10.tgz#92c9c1374c35085f75db359ec56cc257cbb93fa4"
   integrity sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=
 
+http-proxy-agent@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-2.1.0.tgz#e4821beef5b2142a2026bd73926fe537631c5405"
+  integrity sha512-qwHbBLV7WviBl0rQsOzH6o5lwyOIvwp/BdFnvVxXORldu5TmjFfjzBcWUWS5kWAZhmv+JtiDhSuQCp4sBfbIgg==
+  dependencies:
+    agent-base "4"
+    debug "3.1.0"
+
 http-proxy-middleware@^0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz#0987e6bb5a5606e5a69168d8f967a87f15dd8aab"
@@ -6855,14 +8251,21 @@ https-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
-https-proxy-agent@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz#51552970fa04d723e04c56d04178c3f92592bbc0"
-  integrity sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==
+https-proxy-agent@^2.1.0, https-proxy-agent@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz#271ea8e90f836ac9f119daccd39c19ff7dfb0793"
+  integrity sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==
   dependencies:
-    agent-base "^4.1.0"
+    agent-base "^4.3.0"
     debug "^3.1.0"
 
+humanize-ms@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
+  integrity sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=
+  dependencies:
+    ms "^2.0.0"
+
 humanize-url@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/humanize-url/-/humanize-url-1.0.1.tgz#f4ab99e0d288174ca4e1e50407c55fbae464efff"
@@ -6871,7 +8274,12 @@ humanize-url@^1.0.0:
     normalize-url "^1.0.0"
     strip-url-auth "^1.0.0"
 
-iconv-lite@0.4, iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
+humps@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/humps/-/humps-2.0.1.tgz#dd02ea6081bd0568dc5d073184463957ba9ef9aa"
+  integrity sha1-3QLqYIG9BWjcXQcxhEY5V7qe+ao=
+
+iconv-lite@0.4, iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -6890,6 +8298,13 @@ icss-utils@^2.1.0:
   dependencies:
     postcss "^6.0.1"
 
+icss-utils@^4.0.0, icss-utils@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
+  integrity sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==
+  dependencies:
+    postcss "^7.0.14"
+
 ieee754@^1.1.4:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
@@ -6922,6 +8337,11 @@ ignore@^5.1.1:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
   integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
 
+image-size@^0.6.2:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.6.3.tgz#e7e5c65bb534bd7cdcedd6cb5166272a85f75fb2"
+  integrity sha512-47xSUiQioGaB96nqtp5/q55m0aBQSQdyIloMOc/x+QVTDZLNmXE892IIDrJ0hM1A5vcNUDD5tDffkSP5lCaIIA==
+
 image-size@~0.5.0:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
@@ -6943,9 +8363,9 @@ import-fresh@^2.0.0:
     resolve-from "^3.0.0"
 
 import-fresh@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.0.0.tgz#a3d897f420cab0e671236897f75bc14b4885c390"
-  integrity sha512-pOnA9tfM3Uwics+SaBLCNyZZZbK+4PTu0OPZtLlMIrv17EdBoC15S9Kn8ckJ9TZTyKb3ywNE5y1yeDxxGA7nTQ==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.1.0.tgz#6d33fa1dcef6df930fae003446f33415af905118"
+  integrity sha512-PpuksHKGt8rXfWEr9m9EHIpgyyaltBy8+eF6GJM0QCAxMgxCfucMF3mjecK2QsJr0amJW7gTqh5/wht0z2UhEQ==
   dependencies:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
@@ -7008,7 +8428,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -7023,7 +8443,7 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
+ini@^1.3.2, ini@^1.3.3, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
@@ -7049,9 +8469,9 @@ inquirer@^3.0.6, inquirer@^3.2.3:
     through "^2.3.6"
 
 inquirer@^6.2.2:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.4.1.tgz#7bd9e5ab0567cd23b41b0180b68e0cfa82fc3c0b"
-  integrity sha512-/Jw+qPZx4EDYsaT6uz7F4GJRNFMRdKNeUZw3ZnKV8lyuUgz/YWRCSUAJMZSVhSq4Ec0R2oYnyi6b3d4JXcL5Nw==
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.0.tgz#2303317efc9a4ea7ec2e2df6f86569b734accf42"
+  integrity sha512-scfHejeG/lVZSpvCXpsB4j/wQNPM5JC8kiElOI0OUTwmc1RTpXr4H32/HOlQHcZiYl2z2VElwuCVDRG8vFmbnA==
   dependencies:
     ansi-escapes "^3.2.0"
     chalk "^2.4.2"
@@ -7059,7 +8479,7 @@ inquirer@^6.2.2:
     cli-width "^2.0.0"
     external-editor "^3.0.3"
     figures "^2.0.0"
-    lodash "^4.17.11"
+    lodash "^4.17.12"
     mute-stream "0.0.7"
     run-async "^2.2.0"
     rxjs "^6.4.0"
@@ -7102,21 +8522,34 @@ ip-regex@^2.1.0:
   resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
   integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
 
-ip@^1.1.0, ip@^1.1.5:
+ip@^1.1.0, ip@^1.1.4, ip@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
   integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
 
-ipaddr.js@1.9.0, ipaddr.js@^1.9.0:
+ipaddr.js@1.9.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.0.tgz#37df74e430a0e47550fe54a2defe30d8acd95f65"
   integrity sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA==
 
+ipaddr.js@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
   integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
 
+is-absolute@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-1.0.0.tgz#395e1ae84b11f26ad1795e73c17378e48a301576"
+  integrity sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==
+  dependencies:
+    is-relative "^1.0.0"
+    is-windows "^1.0.1"
+
 is-accessor-descriptor@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
@@ -7131,6 +8564,24 @@ is-accessor-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
+is-alphabetical@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.3.tgz#eb04cc47219a8895d8450ace4715abff2258a1f8"
+  integrity sha512-eEMa6MKpHFzw38eKm56iNNi6GJ7lf6aLLio7Kr23sJPAECscgRtZvOBYybejWDQ2bM949Y++61PY+udzj5QMLA==
+
+is-alphanumeric@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz#4a9cef71daf4c001c1d81d63d140cf53fd6889f4"
+  integrity sha1-Spzvcdr0wAHB2B1j0UDPU/1oifQ=
+
+is-alphanumerical@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.3.tgz#57ae21c374277b3defe0274c640a5704b8f6657c"
+  integrity sha512-A1IGAPO5AW9vSh7omxIlOGwIqEvpW/TA+DksVOPM5ODuxKlZS09+TEM1E3275lJqO2oJ38vDpeAL3DCIiHE6eA==
+  dependencies:
+    is-alphabetical "^1.0.0"
+    is-decimal "^1.0.0"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -7148,19 +8599,19 @@ is-binary-path@^1.0.0:
   dependencies:
     binary-extensions "^1.0.0"
 
-is-binary-path@^2.0.0:
+is-binary-path@^2.0.0, is-binary-path@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
   integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
   dependencies:
     binary-extensions "^2.0.0"
 
-is-buffer@^1.1.5:
+is-buffer@^1.1.4, is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-buffer@^2.0.2:
+is-buffer@^2.0.0, is-buffer@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.3.tgz#4ecf3fcf749cbd1e472689e109ac66261a25e725"
   integrity sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw==
@@ -7215,6 +8666,11 @@ is-date-object@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
   integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=
 
+is-decimal@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.3.tgz#381068759b9dc807d8c0dc0bfbae2b68e1da48b7"
+  integrity sha512-bvLSwoDg2q6Gf+E2LEPiklHZxxiSi3XAh4Mav65mKqTfCO1HM3uBs24TjEH8iJX3bbDdLXKJXBTmGzuTUuAEjQ==
+
 is-descriptor@^0.1.0:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
@@ -7299,6 +8755,11 @@ is-fullwidth-code-point@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
 is-generator-fn@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-1.0.0.tgz#969d49e1bb3329f6bb7f09089be26578b2ddd46a"
@@ -7325,6 +8786,11 @@ is-glob@^4.0.0, is-glob@^4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-hexadecimal@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.3.tgz#e8a426a69b6d31470d3a33a47bb825cda02506ee"
+  integrity sha512-zxQ9//Q3D/34poZf8fiy3m3XVpbQc7ren15iKqrTtLPwkPD/t3Scy9Imp63FujULGxuK0ZlCwoo5xNpktFgbOA==
+
 is-installed-globally@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
@@ -7343,6 +8809,11 @@ is-natural-number@^4.0.1:
   resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-4.0.1.tgz#ab9d76e1db4ced51e35de0c72ebecf09f734cde8"
   integrity sha1-q5124dtM7VHjXeDHLr7PCfc0zeg=
 
+is-negated-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
+  integrity sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=
+
 is-npm@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
@@ -7383,9 +8854,9 @@ is-object@^1.0.1:
   integrity sha1-iVJojF7C/9awPsyF52ngKQMINHA=
 
 is-path-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.1.0.tgz#2e0c7e463ff5b7a0eb60852d851a6809347a124c"
-  integrity sha512-Sc5j3/YnM8tDeyCsVeKlm/0p95075DyLmDEIkSgQ7mXkrOX+uTCtmQFm0CYzVyJwcCCmO3k8qfJt17SxQwB5Zw==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
 
 is-path-in-cwd@^2.0.0:
   version "2.1.0"
@@ -7413,7 +8884,7 @@ is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
   integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
 
-is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
+is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
   integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
@@ -7425,6 +8896,11 @@ is-posix-bracket@^0.1.0:
   resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
   integrity sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=
 
+is-potential-custom-element-name@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
+  integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c=
+
 is-primitive@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
@@ -7441,9 +8917,9 @@ is-redirect@^1.0.0:
   integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
 
 is-reference@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.1.2.tgz#01cf91517d21db66a34642287ed6e70d53dcbe5c"
-  integrity sha512-Kn5g8c7XHKejFOpTf2QN9YjiHHKl5xRj+2uAZf9iM2//nkBNi/NNeB5JMoun28nEaUVHyPUzqzhfRlfAirEjXg==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.1.3.tgz#e99059204b66fdbe09305cfca715a29caa5c8a51"
+  integrity sha512-W1iHHv/oyBb2pPxkBxtaewxa1BC58Pn5J0hogyCdefwUIvb6R+TGbAcIa4qPNYLqLhb3EnOgUf2MQkkF76BcKw==
   dependencies:
     "@types/estree" "0.0.39"
 
@@ -7459,6 +8935,13 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha1-/S2INUXEa6xaYz57mgnof6LLUGk=
 
+is-relative@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d"
+  integrity sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==
+  dependencies:
+    is-unc-path "^1.0.0"
+
 is-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
@@ -7469,6 +8952,13 @@ is-retry-allowed@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
   integrity sha1-EaBgVotnM5REAz0BJaYaINVk+zQ=
 
+is-ssh@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.1.tgz#f349a8cadd24e65298037a522cf7520f2e81a0f3"
+  integrity sha512-0eRIASHZt1E68/ixClI8bp2YK2wmBPVWEismTs6M+M099jKgrzl/3E976zIbImSIob48N2/XGe9y7ZiYdImSlg==
+  dependencies:
+    protocols "^1.1.0"
+
 is-stream@^1.0.0, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
@@ -7500,26 +8990,58 @@ is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
-is-utf8@^0.2.0:
+is-unc-path@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-1.0.0.tgz#d731e8898ed090a12c352ad2eaed5095ad322c9d"
+  integrity sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==
+  dependencies:
+    unc-path-regex "^0.1.2"
+
+is-utf8@^0.2.0, is-utf8@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
   integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
 
+is-valid-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa"
+  integrity sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=
+
+is-whitespace-character@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.3.tgz#b3ad9546d916d7d3ffa78204bca0c26b56257fac"
+  integrity sha512-SNPgMLz9JzPccD3nPctcj8sZlX9DAMJSKH8bP7Z6bohCwuNgX8xbWr1eTAYXX9Vpi/aSn8Y1akL9WgM3t43YNQ==
+
 is-whitespace@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/is-whitespace/-/is-whitespace-0.3.0.tgz#1639ecb1be036aec69a54cbb401cfbed7114ab7f"
   integrity sha1-Fjnssb4DauxppUy7QBz77XEUq38=
 
+is-windows@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c"
+  integrity sha1-3hqm1j6indJIc3tp8f+LgALSEIw=
+
 is-windows@^1.0.0, is-windows@^1.0.1, is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
   integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
 
+is-word-character@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.3.tgz#264d15541cbad0ba833d3992c34e6b40873b08aa"
+  integrity sha512-0wfcrFgOOOBdgRNT9H33xe6Zi6yhX/uoc4U8NBZGeQQB0ctU1dnlNTyL9JM2646bHDTpsDm1Brb3VPoCIMrd/A==
+
 is-wsl@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+
 isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -7642,6 +9164,15 @@ istanbul-reports@^1.5.1:
   dependencies:
     handlebars "^4.0.3"
 
+istextorbinary@^2.2.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/istextorbinary/-/istextorbinary-2.5.1.tgz#14a33824cf6b9d5d7743eac1be2bd2c310d0ccbd"
+  integrity sha512-pv/JNPWnfpwGjPx7JrtWTwsWsxkrK3fNzcEVnt92YKEIErps4Fsk49+qzCe9iQF2hjqK8Naqf8P9kzoeCuQI1g==
+  dependencies:
+    binaryextensions "^2.1.2"
+    editions "^2.1.3"
+    textextensions "^2.4.0"
+
 isurl@^1.0.0-alpha5:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
@@ -8097,9 +9628,9 @@ js-base64@^2.1.9:
   integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
 
 js-beautify@^1.6.12, js-beautify@^1.6.14:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.10.0.tgz#9753a13c858d96828658cd18ae3ca0e5783ea672"
-  integrity sha512-OMwf/tPDpE/BLlYKqZOhqWsd3/z2N3KOlyn1wsCRGFwViE8LOQTcDtathQvHvZc+q+zWmcNAbwKSC+iJoMaH2Q==
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.10.1.tgz#bdfe738ddbcaa12e4fced5af2d7cfad59f60ac0a"
+  integrity sha512-4y8SHOIRC+/YQ2gs3zJEKBUraQerq49FJYyXRpdzUGYQzCq8q9xtIh0YXial1S5KmonVui4aiUb6XaGyjE51XA==
   dependencies:
     config-chain "^1.1.12"
     editorconfig "^0.15.3"
@@ -8139,7 +9670,7 @@ js-tokens@^3.0.2:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
-js-yaml@^3.13.0, js-yaml@^3.13.1, js-yaml@^3.7.0, js-yaml@^3.9.1:
+js-yaml@^3.10.0, js-yaml@^3.11.0, js-yaml@^3.13.0, js-yaml@^3.13.1, js-yaml@^3.7.0, js-yaml@^3.9.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -8184,6 +9715,27 @@ jsdom@^11.5.1:
     ws "^5.2.0"
     xml-name-validator "^3.0.0"
 
+jsdom@^7.0.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-7.2.2.tgz#40b402770c2bda23469096bee91ab675e3b1fc6e"
+  integrity sha1-QLQCdwwr2iNGkJa+6Rq2deOx/G4=
+  dependencies:
+    abab "^1.0.0"
+    acorn "^2.4.0"
+    acorn-globals "^1.0.4"
+    cssom ">= 0.3.0 < 0.4.0"
+    cssstyle ">= 0.2.29 < 0.3.0"
+    escodegen "^1.6.1"
+    nwmatcher ">= 1.3.7 < 2.0.0"
+    parse5 "^1.5.1"
+    request "^2.55.0"
+    sax "^1.1.4"
+    symbol-tree ">= 3.1.0 < 4.0.0"
+    tough-cookie "^2.2.0"
+    webidl-conversions "^2.0.0"
+    whatwg-url-compat "~0.6.5"
+    xml-name-validator ">= 2.0.1 < 3.0.0"
+
 jsesc@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
@@ -8199,7 +9751,7 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
-json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
+json-parse-better-errors@^1.0.0, json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
@@ -8404,11 +9956,18 @@ lazy-ass@1.6.0:
   resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
   integrity sha1-eZllXoZGwX8In90YfRUNMyTVRRM=
 
-lazy-cache@^1.0.3:
+lazy-cache@^1.0.3, lazy-cache@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
   integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4=
 
+lazystream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.0.tgz#f6995fe0f820392f61396be89462407bb77168e4"
+  integrity sha1-9plf4PggOS9hOWvolGJAe7dxaOQ=
+  dependencies:
+    readable-stream "^2.0.5"
+
 lcid@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
@@ -8423,6 +9982,13 @@ lcid@^2.0.0:
   dependencies:
     invert-kv "^2.0.0"
 
+lead@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lead/-/lead-1.0.0.tgz#6f14f99a37be3a9dd784f5495690e5903466ee42"
+  integrity sha1-bxT5mje+Op3XhPVJVpDlkDRm7kI=
+  dependencies:
+    flush-write-stream "^1.0.2"
+
 left-pad@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
@@ -8457,13 +10023,23 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+lines-and-columns@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
+  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
+
 linkify-it@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.1.0.tgz#c4caf38a6cd7ac2212ef3c7d2bde30a91561f9db"
-  integrity sha512-4REs8/062kV2DSHxNfq5183zrqXMl7WP0WzABH9IeJI+NLm429FgE1PDecltYfnOoFDFlZGh2T8PfZn0r+GTRg==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
+  integrity sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==
   dependencies:
     uc.micro "^1.0.1"
 
+livereload-js@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/livereload-js/-/livereload-js-2.4.0.tgz#447c31cf1ea9ab52fc20db615c5ddf678f78009c"
+  integrity sha512-XPQH8Z2GDP/Hwz2PCDrh2mth4yFejwA1OZ/81Ti3LgKyhDcEjsSsqFWZojHG0va/duGd+WyosY7eXLDoOyqcPw==
+
 load-json-file@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@@ -8553,7 +10129,7 @@ lodash.camelcase@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
 
-lodash.defaultsdeep@^4.6.0:
+lodash.defaultsdeep@^4.6.1:
   version "4.6.1"
   resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
   integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==
@@ -8613,10 +10189,10 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@4.x, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1, lodash@^4.3.0:
-  version "4.17.14"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.14.tgz#9ce487ae66c96254fe20b599f21b6816028078ba"
-  integrity sha512-mmKYbW3GLuJeX+iGP+Y7Gp1AiGHGbXHCOh/jZmrawMmsE7MS4znI3RL2FsjbqOyMayHInjOeykW7PEajUk1/xw==
+lodash@4.x, lodash@^4.1.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1, lodash@^4.3.0:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
+  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
 log-horizon@^0.1.2:
   version "0.1.2"
@@ -8626,6 +10202,13 @@ log-horizon@^0.1.2:
     chalk "^2.3.1"
     log-update "^2.3.0"
 
+log-symbols@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
+  integrity sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=
+  dependencies:
+    chalk "^1.0.0"
+
 log-symbols@^2.1.0, log-symbols@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -8647,6 +10230,11 @@ loglevel@^1.6.1, loglevel@^1.6.3:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.3.tgz#77f2eb64be55a404c9fd04ad16d57c1d6d6b1280"
   integrity sha512-LoEDv5pgpvWgPF4kNYuIp0qqSJVWak/dML0RY74xlzMZiT9w77teNAwKYKWBTYjlokMirg+o3jBwp+vlLrcfAA==
 
+longest-streak@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.3.tgz#3de7a3f47ee18e9074ded8575b5c091f5d0a4105"
+  integrity sha512-9lz5IVdpwsKLMzQi0MQ+oD9EA0mIGcWYP7jXMTZVXP8D42PwuAk+M/HBFYQoxt1G5OR8m7aSIgb1UymfWGBWEw==
+
 longest@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
@@ -8692,6 +10280,11 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lz-string@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
+  integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
+
 magic-string@^0.22.4:
   version "0.22.5"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.22.5.tgz#8e9cf5afddf44385c1da5bc2a6a0dbd10b03657e"
@@ -8699,10 +10292,10 @@ magic-string@^0.22.4:
   dependencies:
     vlq "^0.2.2"
 
-magic-string@^0.25.2:
-  version "0.25.2"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.2.tgz#139c3a729515ec55e96e69e82a11fe890a293ad9"
-  integrity sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==
+magic-string@^0.25.2, magic-string@^0.25.3:
+  version "0.25.3"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.3.tgz#34b8d2a2c7fec9d9bdf9929a3fd81d271ef35be9"
+  integrity sha512-6QK0OpF/phMz0Q2AxILkX2mFhi7m+WMwTRg0LQKq/WBB0cDP4rYH3Wp4/d3OTXlrPLVJT/RFqj8tFeAR4nk8AA==
   dependencies:
     sourcemap-codec "^1.4.4"
 
@@ -8729,6 +10322,23 @@ make-dir@^2.0.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
+make-fetch-happen@^2.4.13:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-2.6.0.tgz#8474aa52198f6b1ae4f3094c04e8370d35ea8a38"
+  integrity sha512-FFq0lNI0ax+n9IWzWpH8A4JdgYiAp2DDYIZ3rsaav8JDe8I+72CzK6PQW/oom15YDZpV5bYW/9INd6nIJ2ZfZw==
+  dependencies:
+    agentkeepalive "^3.3.0"
+    cacache "^10.0.0"
+    http-cache-semantics "^3.8.0"
+    http-proxy-agent "^2.0.0"
+    https-proxy-agent "^2.1.0"
+    lru-cache "^4.1.1"
+    mississippi "^1.2.0"
+    node-fetch-npm "^2.0.2"
+    promise-retry "^1.1.1"
+    socks-proxy-agent "^3.0.1"
+    ssri "^5.0.0"
+
 makeerror@1.0.x:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
@@ -8736,6 +10346,11 @@ makeerror@1.0.x:
   dependencies:
     tmpl "1.0.x"
 
+mamacro@^0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/mamacro/-/mamacro-0.0.3.tgz#ad2c9576197c9f1abf308d0787865bd975a3f3e4"
+  integrity sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA==
+
 map-age-cleaner@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz#7d583a7306434c055fe474b0f45078e6e1b4b92a"
@@ -8743,7 +10358,7 @@ map-age-cleaner@^0.1.1:
   dependencies:
     p-defer "^1.0.0"
 
-map-cache@^0.2.2:
+map-cache@^0.2.0, map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
   integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
@@ -8758,6 +10373,11 @@ map-obj@^2.0.0:
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-2.0.0.tgz#a65cd29087a92598b8791257a523e021222ac1f9"
   integrity sha1-plzSkIepJZi4eRJXpSPgISIqwfk=
 
+map-stream@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.0.7.tgz#8a1f07896d82b10926bd3744a2420009f88974a8"
+  integrity sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=
+
 map-stream@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
@@ -8770,6 +10390,11 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+markdown-escapes@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.3.tgz#6155e10416efaafab665d466ce598216375195f5"
+  integrity sha512-XUi5HJhhV5R74k8/0H2oCbCiYf/u4cO/rX8tnGkRvrqhsr5BRNU6Mg0yt/8UIx1iIS8220BNJsDb7XnILhLepw==
+
 markdown-it-abbr@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/markdown-it-abbr/-/markdown-it-abbr-1.0.4.tgz#d66b5364521cbb3dd8aa59dadfba2fb6865c8fd8"
@@ -8791,9 +10416,9 @@ markdown-it-emoji@^1.4.0:
   integrity sha1-m+4OmpkKljupbfaYDE/dsF37Tcw=
 
 markdown-it-footnote@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/markdown-it-footnote/-/markdown-it-footnote-3.0.1.tgz#7f3730747cacc86e2fe0bf8a17a710f34791517a"
-  integrity sha1-fzcwdHysyG4v4L+KF6cQ80eRUXo=
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/markdown-it-footnote/-/markdown-it-footnote-3.0.2.tgz#1575ee7a093648d4e096aa33386b058d92ac8bc1"
+  integrity sha512-JVW6fCmZWjvMdDQSbOT3nnOQtd9iAXmw7hTSh26+v42BnvXeVyGMDBm5b/EZocMed2MbCAHiTX632vY0FyGB8A==
 
 markdown-it-github-toc@^3.2.4:
   version "3.2.4"
@@ -8905,7 +10530,7 @@ markdown-it-vue@^1.0.9:
     mermaid "^8.0.0-rc.8"
     vue "^2.6.6"
 
-markdown-it@^8.4.2:
+markdown-it@^8.4.0, markdown-it@^8.4.2:
   version "8.4.2"
   resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-8.4.2.tgz#386f98998dc15a37722aa7722084f4020bdd9b54"
   integrity sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==
@@ -8927,18 +10552,15 @@ markdown-it@^9.0.0:
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
-markdown-loader@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-loader/-/markdown-loader-5.0.0.tgz#d6af0f2d5fe7713fb692cbd85b547ff0ef26baa8"
-  integrity sha512-CnRuBrTQNJ2VNlyfPJl+14QU6Sfscse4M6TpwuY0KDuCafMHv6vAcVYInphXFtdvtvjG5kMpF+PwN6CWke0M3A==
-  dependencies:
-    loader-utils "^1.2.3"
-    marked "^0.6.0"
+markdown-table@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.3.tgz#9fcb69bcfdb8717bfd0398c6ec2d93036ef8de60"
+  integrity sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q==
 
 marked@^0.6.0:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.2.tgz#c574be8b545a8b48641456ca1dbe0e37b6dccc1a"
-  integrity sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.3.tgz#79babad78af638ba4d522a9e715cdfdd2429e946"
+  integrity sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==
 
 match-at@^0.1.0, match-at@^0.1.1:
   version "0.1.1"
@@ -8959,6 +10581,64 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+mdast-util-compact@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.3.tgz#98a25cc8a7865761a41477b3a87d1dcef0b1e79d"
+  integrity sha512-nRiU5GpNy62rZppDKbLwhhtw5DXoFMqw9UNZFmlPsNaQCZ//WLjGKUwWMdJrUH+Se7UvtO2gXtAMe0g/N+eI5w==
+  dependencies:
+    unist-util-visit "^1.1.0"
+
+mdast-util-definitions@^1.2.0:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/mdast-util-definitions/-/mdast-util-definitions-1.2.4.tgz#2b54ad4eecaff9d9fcb6bf6f9f6b68b232d77ca7"
+  integrity sha512-HfUArPog1j4Z78Xlzy9Q4aHLnrF/7fb57cooTHypyGoe2XFNbcx/kWZDoOz+ra8CkUzvg3+VHV434yqEd1DRmA==
+  dependencies:
+    unist-util-visit "^1.0.0"
+
+mdast-util-inject@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-inject/-/mdast-util-inject-1.1.0.tgz#db06b8b585be959a2dcd2f87f472ba9b756f3675"
+  integrity sha1-2wa4tYW+lZotzS+H9HK6m3VvNnU=
+  dependencies:
+    mdast-util-to-string "^1.0.0"
+
+mdast-util-to-hast@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-3.0.4.tgz#132001b266031192348d3366a6b011f28e54dc40"
+  integrity sha512-/eIbly2YmyVgpJNo+bFLLMCI1XgolO/Ffowhf+pHDq3X4/V6FntC9sGQCDLM147eTS+uSXv5dRzJyFn+o0tazA==
+  dependencies:
+    collapse-white-space "^1.0.0"
+    detab "^2.0.0"
+    mdast-util-definitions "^1.2.0"
+    mdurl "^1.0.1"
+    trim "0.0.1"
+    trim-lines "^1.0.0"
+    unist-builder "^1.0.1"
+    unist-util-generated "^1.1.0"
+    unist-util-position "^3.0.0"
+    unist-util-visit "^1.1.0"
+    xtend "^4.0.1"
+
+mdast-util-to-string@^1.0.0, mdast-util-to-string@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.0.6.tgz#7d85421021343b33de1552fc71cb8e5b4ae7536d"
+  integrity sha512-868pp48gUPmZIhfKrLbaDneuzGiw3OTDjHc5M1kAepR2CWBJ+HpEsm252K4aXdiP5coVZaJPOqGtVU6Po8xnXg==
+
+mdast-util-toc@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-toc/-/mdast-util-toc-3.1.0.tgz#395eeb877f067f9d2165d990d77c7eea6f740934"
+  integrity sha512-Za0hqL1PqWrvxGtA/3NH9D5nhGAUS9grMM4obEAz5+zsk1RIw/vWUchkaoDLNdrwk05A0CSC5eEXng36/1qE5w==
+  dependencies:
+    github-slugger "^1.2.1"
+    mdast-util-to-string "^1.0.5"
+    unist-util-is "^2.1.2"
+    unist-util-visit "^1.1.0"
+
+mdn-data@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
+  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
+
 mdn-data@~1.1.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-1.1.4.tgz#50b5d4ffc4575276573c4eedb8780812a8419f01"
@@ -8998,7 +10678,7 @@ memory-fs@^0.4.0, memory-fs@^0.4.1, memory-fs@~0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
-meow@^3.3.0:
+meow@^3.3.0, meow@^3.7.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
   integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
@@ -9059,14 +10739,17 @@ merge@^1.2.0:
   integrity sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ==
 
 mermaid@^8.0.0-rc.8:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-8.1.0.tgz#f9f4c02cf98d2d9fae230d5ce28f531e605e9b72"
-  integrity sha512-fsCN8bOukYHZT6FlA0eIeLs/O3H2+CWcHnxRrS86Ci1cpJes5/qvoye0xjhe8lbXJCFLM8sXWVg57aMHPtnAaw==
+  version "8.2.3"
+  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-8.2.3.tgz#609bad45bedc3ee1a935161c11c3c22689cfecd9"
+  integrity sha512-G2p9BAAEeTtogPs4YXM8KyX+TsZULlgk0tGvmBPfBZ5j3YCPxgAxG9ZzleiYNItF7M1hGkE485BDLN8DbfR+/Q==
   dependencies:
+    "@braintree/sanitize-url" "^3.1.0"
     d3 "^5.7.0"
     dagre-d3-renderer "^0.5.8"
     dagre-layout "^0.8.8"
+    documentation "^12.0.1"
     graphlibrary "^2.2.0"
+    gulp-print "^5.0.2"
     he "^1.2.0"
     lodash "^4.17.11"
     minify "^4.1.1"
@@ -9097,7 +10780,7 @@ micromatch@^2.3.11:
     parse-glob "^3.0.4"
     regex-cache "^0.4.2"
 
-micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8, micromatch@^3.1.9:
+micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.5, micromatch@^3.1.8, micromatch@^3.1.9:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
   integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
@@ -9161,11 +10844,16 @@ mime@1.6.0, mime@^1.4.1:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@^2.0.3, mime@^2.4.2:
+mime@^2.0.3, mime@^2.2.0, mime@^2.4.2:
   version "2.4.4"
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5"
   integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==
 
+mimer@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/mimer/-/mimer-0.3.2.tgz#0b83aabdf48eaacfd2e093ed4c0ed3d38eda8073"
+  integrity sha512-N6NcgDQAevhP/02DQ/epK6daLy4NKrIHyTlJcO6qBiYn98q+Y4a/knNsAATCe1xLS2F0nEmJp+QYli2s8vKwyQ==
+
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
@@ -9187,9 +10875,9 @@ mini-css-extract-plugin@^0.6.0:
     webpack-sources "^1.1.0"
 
 minify@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/minify/-/minify-4.1.2.tgz#88755f4faa5f7ab6d0c64fdd659aa34ea658f180"
-  integrity sha512-YY6b6VzV7AY2MTMt1GjoFqKthGWvAr2L7MrzmFyiEsvPX+XAvidHcKqu36LlDT1V4I80ncbV5bsdTnIJq4/Sdw==
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/minify/-/minify-4.1.3.tgz#58467922d14303f55a3a28fa79641371955b8fbd"
+  integrity sha512-ykuscavxivSmVpcCzsXmsVTukWYLUUtPhHj0w2ILvHDGqC+hsuTCihBn9+PJBd58JNvWTNg9132J9nrrI2anzA==
   dependencies:
     clean-css "^4.1.6"
     css-b64-images "~0.2.5"
@@ -9229,7 +10917,7 @@ minimist@0.0.8:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
-minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
+minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
@@ -9262,6 +10950,22 @@ minizlib@^1.2.1:
   dependencies:
     minipass "^2.2.1"
 
+mississippi@^1.2.0, mississippi@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-1.3.1.tgz#2a8bb465e86550ac8b36a7b6f45599171d78671e"
+  integrity sha512-/6rB8YXFbAtsUVRphIRQqB0+9c7VaPHCjVtvto+JqwVxgz8Zz+I+f68/JgQ+Pb4VlZb2svA9OtdXnHHsZz7ltg==
+  dependencies:
+    concat-stream "^1.5.0"
+    duplexify "^3.4.2"
+    end-of-stream "^1.1.0"
+    flush-write-stream "^1.0.0"
+    from2 "^2.1.0"
+    parallel-transform "^1.1.0"
+    pump "^1.0.0"
+    pumpify "^1.3.3"
+    stream-each "^1.1.0"
+    through2 "^2.0.0"
+
 mississippi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-2.0.0.tgz#3442a508fafc28500486feea99409676e4ee5a6f"
@@ -9295,9 +10999,9 @@ mississippi@^3.0.0:
     through2 "^2.0.0"
 
 mixin-deep@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe"
-  integrity sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
+  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
   dependencies:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
@@ -9322,6 +11026,26 @@ modify-values@^1.0.0:
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
+module-deps-sortable@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/module-deps-sortable/-/module-deps-sortable-5.0.0.tgz#99db5bb08f7eab55e4c31f6b7c722c6a2144ba74"
+  integrity sha512-bnGGeghQmz/t/6771/KC4FmxpVm126iR6AAzzq4N6hVZQVl4+ZZBv+VF3PJmDyxXtVtgcgTSSP7NL+jq1QAHrg==
+  dependencies:
+    JSONStream "^1.0.3"
+    browser-resolve "^1.7.0"
+    cached-path-relative "^1.0.0"
+    concat-stream "~1.5.0"
+    defined "^1.0.0"
+    detective "^4.0.0"
+    duplexer2 "^0.1.2"
+    inherits "^2.0.1"
+    readable-stream "^2.0.2"
+    resolve "^1.1.3"
+    stream-combiner2 "^1.1.1"
+    subarg "^1.0.0"
+    through2 "^2.0.0"
+    xtend "^4.0.0"
+
 moment-mini@^2.22.1:
   version "2.22.1"
   resolved "https://registry.yarnpkg.com/moment-mini/-/moment-mini-2.22.1.tgz#bc32d73e43a4505070be6b53494b17623183420d"
@@ -9349,7 +11073,7 @@ ms@2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
-ms@^2.1.1:
+ms@^2.0.0, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -9386,7 +11110,7 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
-nanoid@^2.0.1:
+nanoid@^2.0.0, nanoid@^2.0.1:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-2.0.3.tgz#dde999e173bc9d7bd2ee2746b89909ade98e075e"
   integrity sha512-NbaoqdhIYmY6FXDRB4eYtDVC9Z9eCbn8TyaiC16LNKtpPv/aqa0tOPD8y6gNE4yUNnaZ7LLhYtXOev/6+cBtfw==
@@ -9452,6 +11176,15 @@ node-cache@^4.1.1:
     clone "2.x"
     lodash "4.x"
 
+node-fetch-npm@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/node-fetch-npm/-/node-fetch-npm-2.0.2.tgz#7258c9046182dca345b4208eda918daf33697ff7"
+  integrity sha512-nJIxm1QmAj4v3nfCvEeCrYSoVwXyxLnaPBK5W1W5DGEJwjlKuC2VEUycGw5oxk+4zZahRrB84PUJJgEmhFTDFw==
+  dependencies:
+    encoding "^0.1.11"
+    json-parse-better-errors "^1.0.0"
+    safe-buffer "^5.1.1"
+
 node-forge@0.7.5:
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.5.tgz#6c152c345ce11c52f465c2abd957e8639cd674df"
@@ -9527,10 +11260,10 @@ node-pre-gyp@^0.12.0:
     semver "^5.3.0"
     tar "^4"
 
-node-releases@^1.1.23:
-  version "1.1.23"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.23.tgz#de7409f72de044a2fa59c097f436ba89c39997f0"
-  integrity sha512-uq1iL79YjfYC0WXoHbC/z28q/9pOl8kSHaXdWmAAc8No+bDwqkZbzIJz55g/MUsPgSGm9LZ7QSUbzTcH5tz47w==
+node-releases@^1.1.25:
+  version "1.1.26"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.26.tgz#f30563edc5c7dc20cf524cc8652ffa7be0762937"
+  integrity sha512-fZPsuhhUHMTlfkhDLGtfY80DSJTjOcx+qD1j5pqPkuhUHVS7xHZIg9EE4DHK8O3f0zTxXHX5VIkDG8pu98/wfQ==
   dependencies:
     semver "^5.3.0"
 
@@ -9542,7 +11275,7 @@ nopt@^4.0.1, nopt@~4.0.1:
     abbrev "1"
     osenv "^0.1.4"
 
-normalize-package-data@^2.3.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.3.5, normalize-package-data@^2.5.0:
+normalize-package-data@^2.3.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.3.5, normalize-package-data@^2.4.0, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
@@ -9574,7 +11307,7 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
 
-normalize-url@^1.0.0:
+normalize-url@^1.0.0, normalize-url@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
   integrity sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=
@@ -9598,6 +11331,13 @@ normalize-url@^3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
 
+now-and-later@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/now-and-later/-/now-and-later-2.0.1.tgz#8e579c8685764a7cc02cb680380e94f43ccb1f7c"
+  integrity sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==
+  dependencies:
+    once "^1.3.2"
+
 npm-bundled@^1.0.1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
@@ -9611,14 +11351,32 @@ npm-conf@^1.1.0:
     config-chain "^1.1.11"
     pify "^3.0.0"
 
+npm-package-arg@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-5.1.2.tgz#fb18d17bb61e60900d6312619919bd753755ab37"
+  integrity sha512-wJBsrf0qpypPT7A0LART18hCdyhpCMxeTtcb0X4IZO2jsP6Om7EHN1d9KSKiqD+KVH030RVNpWS9thk+pb7wzA==
+  dependencies:
+    hosted-git-info "^2.4.2"
+    osenv "^0.1.4"
+    semver "^5.1.0"
+    validate-npm-package-name "^3.0.0"
+
 npm-packlist@^1.1.6:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.1.tgz#19064cdf988da80ea3cee45533879d90192bbfbc"
-  integrity sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.4.tgz#866224233850ac534b63d1a6e76050092b5d2f44"
+  integrity sha512-zTLo8UcVYtDU3gdeaFu2Xu0n0EvelfHDGuqtNIn5RO7yQj4H1TqNdBc/yZjxnWA0PVB8D3Woyp0i5B43JwQ6Vw==
   dependencies:
     ignore-walk "^3.0.1"
     npm-bundled "^1.0.1"
 
+npm-pick-manifest@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-1.0.4.tgz#a5ee6510c1fe7221c0bc0414e70924c14045f7e8"
+  integrity sha512-MKxNdeyOZysPRTTbHtW0M5Fw38Jo/3ARsoGw5qjCfS+XGjvNB/Gb4qtAZUFmKPM2mVum+eX559eHvKywU856BQ==
+  dependencies:
+    npm-package-arg "^5.1.2"
+    semver "^5.3.0"
+
 npm-run-path@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
@@ -9658,6 +11416,11 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
+"nwmatcher@>= 1.3.7 < 2.0.0":
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.4.4.tgz#2285631f34a95f0d0395cd900c96ed39b58f346e"
+  integrity sha512-3iuY4N5dhgMpCUrOVnuAdGrgxVqV2cJpM+XNccjR2DKOB1RUP0aA+wGXEiNziG/UKboFyGBIoKOaNlJxx8bciQ==
+
 nwsapi@^2.0.7:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.1.4.tgz#e006a878db23636f8e8a67d33ca0e4edf61a842f"
@@ -9699,7 +11462,7 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.1.0:
+object.assign@^4.0.4, object.assign@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
   integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
@@ -9759,7 +11522,7 @@ on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0, once@^1.3.1, once@^1.3.2, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
@@ -9774,9 +11537,9 @@ onetime@^2.0.0:
     mimic-fn "^1.0.0"
 
 open@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-6.3.0.tgz#60d0b845ee38fae0631f5d739a21bd40e3d2a527"
-  integrity sha512-6AHdrJxPvAXIowO/aIaeHZ8CeMdDf7qCyRNq8NwJpinmCdXhz+NZR7ie1Too94lpciCDsG+qHGO9Mt0svA4OqA==
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
+  integrity sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==
   dependencies:
     is-wsl "^1.1.0"
 
@@ -9834,6 +11597,13 @@ ora@^3.0.0, ora@^3.4.0:
     strip-ansi "^5.2.0"
     wcwidth "^1.0.1"
 
+ordered-read-streams@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz#77c0cb37c41525d64166d990ffad7ec6a0e1363e"
+  integrity sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=
+  dependencies:
+    readable-stream "^2.0.1"
+
 original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
@@ -9851,6 +11621,11 @@ os-homedir@^1.0.0, os-homedir@^1.0.1:
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
+os-homedir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-2.0.0.tgz#a0c76bb001a8392a503cbd46e7e650b3423a923c"
+  integrity sha512-saRNz0DSC5C/I++gFIaJTXoFJMRwiP5zHar5vV3xQ2TkgEw6hDCcU5F272JjUylpiVgBrZNQHnfjkLabTfb92Q==
+
 os-locale@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
@@ -9976,6 +11751,33 @@ package-json@^4.0.0:
     registry-url "^3.0.3"
     semver "^5.1.0"
 
+pacote@^2.7.36:
+  version "2.7.38"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-2.7.38.tgz#5091f8774298c26c3eca24606037f1bb73db74c1"
+  integrity sha512-XxHUyHQB7QCVBxoXeVu0yKxT+2PvJucsc0+1E+6f95lMUxEAYERgSAc71ckYXrYr35Ew3xFU/LrhdIK21GQFFA==
+  dependencies:
+    bluebird "^3.5.0"
+    cacache "^9.2.9"
+    glob "^7.1.2"
+    lru-cache "^4.1.1"
+    make-fetch-happen "^2.4.13"
+    minimatch "^3.0.4"
+    mississippi "^1.2.0"
+    normalize-package-data "^2.4.0"
+    npm-package-arg "^5.1.2"
+    npm-pick-manifest "^1.0.4"
+    osenv "^0.1.4"
+    promise-inflight "^1.0.1"
+    promise-retry "^1.1.1"
+    protoduck "^4.0.0"
+    safe-buffer "^5.1.1"
+    semver "^5.3.0"
+    ssri "^4.1.6"
+    tar-fs "^1.15.3"
+    tar-stream "^1.5.4"
+    unique-filename "^1.1.0"
+    which "^1.2.12"
+
 pako@~1.0.5:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
@@ -10016,6 +11818,34 @@ parse-asn1@^5.0.0:
     pbkdf2 "^3.0.3"
     safe-buffer "^5.1.1"
 
+parse-entities@^1.0.2, parse-entities@^1.1.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50"
+  integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==
+  dependencies:
+    character-entities "^1.0.0"
+    character-entities-legacy "^1.0.0"
+    character-reference-invalid "^1.0.0"
+    is-alphanumerical "^1.0.0"
+    is-decimal "^1.0.0"
+    is-hexadecimal "^1.0.0"
+
+parse-filepath@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.2.tgz#a632127f53aaf3d15876f5872f3ffac763d6c891"
+  integrity sha1-pjISf1Oq89FYdvWHLz/6x2PWyJE=
+  dependencies:
+    is-absolute "^1.0.0"
+    map-cache "^0.2.0"
+    path-root "^0.1.1"
+
+parse-git-config@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-0.2.0.tgz#272833fdd15fea146fb75d336d236b963b6ff706"
+  integrity sha1-Jygz/dFf6hRvt10zbSNrljtv9wY=
+  dependencies:
+    ini "^1.3.3"
+
 parse-git-config@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-1.1.1.tgz#d3a9984317132f57398712bba438e129590ddf8c"
@@ -10056,16 +11886,54 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
+parse-json@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
+  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+    lines-and-columns "^1.1.6"
+
+parse-node-version@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
+  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
+
 parse-passwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
   integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
 
+parse-path@^3.0.1:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-3.0.4.tgz#a48b7b529da41f34d9d1428602a39b29fc7180e4"
+  integrity sha512-wP70vtwv2DyrM2YoA7ZHVv4zIXa4P7dGgHlj+VwyXNDduLLVJ7NMY1zsFxjUUJ3DAwJLupGb1H5gMDDiNlJaxw==
+  dependencies:
+    is-ssh "^1.3.0"
+    protocols "^1.4.0"
+
+parse-url@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-3.0.2.tgz#602787a7063a795d72b8673197505e72f60610be"
+  integrity sha1-YCeHpwY6eV1yuGcxl1BecvYGEL4=
+  dependencies:
+    is-ssh "^1.3.0"
+    normalize-url "^1.9.1"
+    parse-path "^3.0.1"
+    protocols "^1.4.0"
+
 parse5@4.0.0, parse5@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
   integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
 
+parse5@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
+  integrity sha1-m387DeMr543CQBsXVzzK8Pb1nZQ=
+
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
@@ -10118,6 +11986,18 @@ path-parse@^1.0.5, path-parse@^1.0.6:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
   integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
 
+path-root-regex@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/path-root-regex/-/path-root-regex-0.1.2.tgz#bfccdc8df5b12dc52c8b43ec38d18d72c04ba96d"
+  integrity sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0=
+
+path-root@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/path-root/-/path-root-0.1.1.tgz#9a4a6814cac1c0cd73360a95f32083c8ea4745b7"
+  integrity sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=
+  dependencies:
+    path-root-regex "^0.1.0"
+
 path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
@@ -10184,7 +12064,7 @@ performance-now@^2.1.0:
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
   integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
 
-picomatch@^2.0.5:
+picomatch@^2.0.4, picomatch@^2.0.5:
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.0.7.tgz#514169d8c7cd0bdbeecc8a2609e34a7163de69f6"
   integrity sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA==
@@ -10199,7 +12079,7 @@ pify@^3.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
   integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
 
-pify@^4.0.1:
+pify@^4.0.0, pify@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
@@ -10260,9 +12140,9 @@ popper.js@^1.15.0:
   integrity sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==
 
 portfinder@^1.0.13, portfinder@^1.0.20:
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.20.tgz#bea68632e54b2e13ab7b0c4775e9b41bf270e44a"
-  integrity sha512-Yxe4mTyDzTd59PZJY4ojZR8F+E5e97iq2ZOHPz3HDgSvYC5siNad2tLooQ5y5QHyQhc3xVqvyk/eNA3wuoa7Sw==
+  version "1.0.21"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.21.tgz#60e1397b95ac170749db70034ece306b9a27e324"
+  integrity sha512-ESabpDCzmBS3ekHbmpAIiESq3udRsCBGiBZLsC+HgBKv2ezb0R4oG+7RnYEVZ/ZCfhel5Tx3UzdNWA0Lox2QCA==
   dependencies:
     async "^1.5.2"
     debug "^2.2.0"
@@ -10424,6 +12304,13 @@ postcss-modules-extract-imports@^1.2.0:
   dependencies:
     postcss "^6.0.1"
 
+postcss-modules-extract-imports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
+  integrity sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==
+  dependencies:
+    postcss "^7.0.5"
+
 postcss-modules-local-by-default@1.2.0, postcss-modules-local-by-default@^1.1.1, postcss-modules-local-by-default@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
@@ -10432,6 +12319,16 @@ postcss-modules-local-by-default@1.2.0, postcss-modules-local-by-default@^1.1.1,
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
 
+postcss-modules-local-by-default@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915"
+  integrity sha512-jM/V8eqM4oJ/22j0gx4jrp63GSvDH6v86OqyTHHUvk4/k1vceipZsaymiZ5PvocqZOl5SFHiFJqjs3la0wnfIQ==
+  dependencies:
+    icss-utils "^4.1.1"
+    postcss "^7.0.16"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.0.0"
+
 postcss-modules-scope@1.1.0, postcss-modules-scope@^1.0.2, postcss-modules-scope@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
@@ -10440,6 +12337,14 @@ postcss-modules-scope@1.1.0, postcss-modules-scope@^1.0.2, postcss-modules-scope
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
 
+postcss-modules-scope@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.1.0.tgz#ad3f5bf7856114f6fcab901b0502e2a2bc39d4eb"
+  integrity sha512-91Rjps0JnmtUB0cujlc8KIKCsJXWjzuxGeT/+Q2i2HXKZ7nBUeF9YQTZZTNvHVoNYj1AthsjnGLtqDUE0Op79A==
+  dependencies:
+    postcss "^7.0.6"
+    postcss-selector-parser "^6.0.0"
+
 postcss-modules-sync@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-sync/-/postcss-modules-sync-1.0.0.tgz#619a719cf78dd16a4834135140b324cf77334be1"
@@ -10460,6 +12365,14 @@ postcss-modules-values@1.3.0, postcss-modules-values@^1.3.0:
     icss-replace-symbols "^1.1.0"
     postcss "^6.0.1"
 
+postcss-modules-values@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
+  integrity sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==
+  dependencies:
+    icss-utils "^4.0.0"
+    postcss "^7.0.6"
+
 postcss-modules@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/postcss-modules/-/postcss-modules-1.4.1.tgz#8aa35bd3461db67e27377a7ce770d77b654a84ef"
@@ -10599,6 +12512,15 @@ postcss-selector-parser@^5.0.0, postcss-selector-parser@^5.0.0-rc.4:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
+  integrity sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==
+  dependencies:
+    cssesc "^3.0.0"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+
 postcss-svgo@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
@@ -10623,6 +12545,11 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0, postcss-value-parser@^
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
+postcss-value-parser@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.0.tgz#99a983d365f7b2ad8d0f9b8c3094926eab4b936d"
+  integrity sha512-ESPktioptiSUchCKgggAkzdmkgzKfmp0EU8jXH+5kbIUB+unr0Y4CY9SRMvibuvYUBjNh1ACLbxqYNpdTQOteQ==
+
 postcss@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
@@ -10651,7 +12578,7 @@ postcss@^6.0.1, postcss@^6.0.23:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.5:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.17"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
   integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
@@ -10710,7 +12637,7 @@ prettier@1.16.3:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@^1.15.2:
+prettier@^1.15.2, prettier@^1.18.2:
   version "1.18.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
   integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==
@@ -10741,9 +12668,9 @@ pretty@2.0.0:
     js-beautify "^1.6.12"
 
 prismjs@^1.15.0, prismjs@^1.16.0:
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.16.0.tgz#406eb2c8aacb0f5f0f1167930cb83835d10a4308"
-  integrity sha512-OA4MKxjFZHSvZcisLGe14THYsug/nF6O1f0pAJc0KN0wTyAcLqmsbE+lTGKSpyh+9pEW57+k6pg2AfYR+coyHA==
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.17.1.tgz#e669fcbd4cdd873c35102881c33b14d0d68519be"
+  integrity sha512-PrEDJAFdUGbOP6xK/UsfkC5ghJsPJviKgnQOoxaDbBjwc8op68Quupwt1DeAFoG8GImPhiKXAvvsH7wDSLsu1Q==
   optionalDependencies:
     clipboard "^2.0.0"
 
@@ -10752,11 +12679,16 @@ private@^0.1.6, private@^0.1.8, private@~0.1.5:
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
   integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
 
-process-nextick-args@~2.0.0:
+process-nextick-args@^2.0.0, process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+  integrity sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=
+
 process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
@@ -10777,6 +12709,14 @@ promise-limit@^2.5.0:
   resolved "https://registry.yarnpkg.com/promise-limit/-/promise-limit-2.7.0.tgz#eb5737c33342a030eaeaecea9b3d3a93cb592b26"
   integrity sha512-7nJ6v5lnJsXwGprnGXga4wx6d1POjvi5Qmf1ivTRxTjH4Z/9Czja/UCMLVmB9N93GeWOU93XaFaEt6jbuoagNw==
 
+promise-retry@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-1.1.1.tgz#6739e968e3051da20ce6497fb2b50f6911df3d6d"
+  integrity sha1-ZznpaOMFHaIM5kl/srUPaRHfPW0=
+  dependencies:
+    err-code "^1.0.0"
+    retry "^0.10.0"
+
 promise.series@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/promise.series/-/promise.series-0.2.0.tgz#2cc7ebe959fc3a6619c04ab4dbdc9e452d864bbd"
@@ -10797,11 +12737,30 @@ prompts@^0.1.9:
     kleur "^2.0.1"
     sisteransi "^0.1.1"
 
+property-information@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-4.2.0.tgz#f0e66e07cbd6fed31d96844d958d153ad3eb486e"
+  integrity sha512-TlgDPagHh+eBKOnH2VYvk8qbwsCG/TAJdmTL7f1PROUcSO8qt/KSmShEQ/OKvock8X9tFjtqjCScyOkkkvIKVQ==
+  dependencies:
+    xtend "^4.0.1"
+
 proto-list@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
   integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
 
+protocols@^1.1.0, protocols@^1.4.0:
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/protocols/-/protocols-1.4.7.tgz#95f788a4f0e979b291ffefcf5636ad113d037d32"
+  integrity sha512-Fx65lf9/YDn3hUX08XUc0J8rSux36rEsyiv21ZGUC1mOyeM3lTRpZLcrm8aAolzS4itwVfm7TAPyxC2E5zd6xg==
+
+protoduck@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/protoduck/-/protoduck-4.0.0.tgz#fe4874d8c7913366cfd9ead12453a22cd3657f8e"
+  integrity sha1-/kh02MeRM2bP2erRJFOiLNNlf44=
+  dependencies:
+    genfun "^4.0.1"
+
 proxy-addr@~2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.5.tgz#34cbd64a2d81f4b1fd21e76f9f06c8a45299ee34"
@@ -10833,9 +12792,9 @@ pseudomap@^1.0.2:
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
 psl@^1.1.24, psl@^1.1.28:
-  version "1.1.33"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.33.tgz#5533d9384ca7aab86425198e10e8053ebfeab661"
-  integrity sha512-LTDP2uSrsc7XCb5lO7A8BI1qYxRe/8EqlRvMeEl6rsnYAqDOl8xHR+8lSAIVfrNaSAlTPTNOCgNjWcoUL3AZsw==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.2.0.tgz#df12b5b1b3a30f51c329eacbdef98f3a6e136dc6"
+  integrity sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==
 
 public-encrypt@^4.0.0:
   version "4.0.3"
@@ -10954,6 +12913,14 @@ pug@^2.0.3:
     pug-runtime "^2.0.5"
     pug-strip-comments "^1.0.4"
 
+pump@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-1.0.3.tgz#5dfe8311c33bbf6fc18261f9f34702c47c08a954"
+  integrity sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 pump@^2.0.0, pump@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
@@ -10970,7 +12937,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
+pumpify@^1.3.3, pumpify@^1.3.5:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
   integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
@@ -11009,9 +12976,9 @@ puppeteer-core@~1.12.0:
     ws "^6.1.0"
 
 puppeteer@^1.7.0:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.18.1.tgz#4a66f3bdab01115ededf70443ec904c99917a815"
-  integrity sha512-luUy0HPSuWPsPZ1wAp6NinE0zgetWtudf5zwZ6dHjMWfYpTQcmKveFRox7VBNhQ98OjNA9PQ9PzQyX8k/KrxTg==
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.19.0.tgz#e3b7b448c2c97933517078d7a2c53687361bebea"
+  integrity sha512-2S6E6ygpoqcECaagDbBopoSOPDv0pAZvTbnBgUY+6hq0/XDFDOLEMNlHF/SKJlzcaZ9ckiKjKDuueWI3FN/WXw==
   dependencies:
     debug "^4.1.0"
     extract-zip "^1.6.6"
@@ -11027,7 +12994,7 @@ q@^1.1.2, q@^1.5.1:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
-qs@6.7.0:
+qs@6.7.0, qs@^6.4.0:
   version "6.7.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
   integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
@@ -11125,6 +13092,22 @@ raw-body@2.4.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+raw-body@~1.1.0:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-1.1.7.tgz#1d027c2bfa116acc6623bca8f00016572a87d425"
+  integrity sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=
+  dependencies:
+    bytes "1"
+    string_decoder "0.10"
+
+raw-loader@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-3.1.0.tgz#5e9d399a5a222cc0de18f42c3bc5e49677532b3f"
+  integrity sha512-lzUVMuJ06HF4rYveaz9Tv0WRlUMxJ0Y1hgSkkgg+50iEdaI0TthyEDe08KIHb0XsF6rn8WYTqPCaGTZg3sX+qA==
+  dependencies:
+    loader-utils "^1.1.0"
+    schema-utils "^2.0.1"
+
 rc@^1.0.1, rc@^1.1.6, rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -11195,16 +13178,16 @@ read-pkg@^3.0.0:
     path-type "^3.0.0"
 
 read-pkg@^5.0.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.1.1.tgz#5cf234dde7a405c90c88a519ab73c467e9cb83f5"
-  integrity sha512-dFcTLQi6BZ+aFUaICg7er+/usEoqFdQxiEBsEMNGoipenihtxxtdrQuBXvyANCEI8VuUIVYFgeHGx9sLLvim4w==
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
+  integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
   dependencies:
     "@types/normalize-package-data" "^2.4.0"
     normalize-package-data "^2.5.0"
-    parse-json "^4.0.0"
-    type-fest "^0.4.1"
+    parse-json "^5.0.0"
+    type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
   integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==
@@ -11217,6 +13200,16 @@ read-pkg@^5.0.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
+readable-stream@1.1:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.13.tgz#f6eef764f514c89e2b9e23146a75ba106756d23e"
+  integrity sha1-9u73ZPUUyJ4rniMUanW6EGdW0j4=
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
 "readable-stream@2 || 3", readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.4.0.tgz#a51c26754658e0a3c21dbf59163bd45ba6f447fc"
@@ -11226,6 +13219,31 @@ read-pkg@^5.0.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@~2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
+  integrity sha1-j5A0HmilPMySh4jaz80Rs265t44=
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
+readable-stream@~2.1.0:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.1.5.tgz#66fa8b720e1438b364681f2ad1a63c618448c9d0"
+  integrity sha1-ZvqLcg4UOLNkaB8q0aY8YYRIydA=
+  dependencies:
+    buffer-shims "^1.0.0"
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    string_decoder "~0.10.x"
+    util-deprecate "~1.0.1"
+
 readdirp@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
@@ -11235,6 +13253,13 @@ readdirp@^2.2.1:
     micromatch "^3.1.10"
     readable-stream "^2.0.2"
 
+readdirp@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.1.1.tgz#b158123ac343c8b0f31d65680269cc0fc1025db1"
+  integrity sha512-XXdSXZrQuvqoETj50+JAitxz1UPdt5dupjT6T5nVB+WvjMv2XKYj+s7hPeAVCXvmJrL36O4YYyWlIC3an2ePiQ==
+  dependencies:
+    picomatch "^2.0.4"
+
 realpath-native@^1.0.0, realpath-native@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
@@ -11286,14 +13311,14 @@ regenerator-runtime@^0.11.0:
   integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
 
 regenerator-runtime@^0.13.2:
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.2.tgz#32e59c9a6fb9b1a4aff09b4930ca2d4477343447"
-  integrity sha512-S/TQAZJO+D3m9xeN1WTI8dLKBBiRgXBlTJvbWjCThHWZj9EvHK70Ff50/tYj2J/fvBY6JtFVwRuazHN2E7M9BA==
+  version "0.13.3"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"
+  integrity sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==
 
 regenerator-transform@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.0.tgz#2ca9aaf7a2c239dd32e4761218425b8c7a86ecaf"
-  integrity sha512-rtOelq4Cawlbmq9xuMR5gdFmv7ku/sFoB7sRiywx7aq53bc52b4j6zvH7Te1Vt/X2YveDKnCGUbioieU7FEL3w==
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.1.tgz#3b2fce4e1ab7732c08f665dfdb314749c7ddd2fb"
+  integrity sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==
   dependencies:
     private "^0.1.6"
 
@@ -11313,9 +13338,9 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     safe-regex "^1.1.0"
 
 regexp-tree@^0.1.6:
-  version "0.1.10"
-  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.10.tgz#d837816a039c7af8a8d64d7a7c3cf6a1d93450bc"
-  integrity sha512-K1qVSbcedffwuIslMwpe6vGlj+ZXRnGkvjAtFHfDZZZuEdA/h0dxljAPu9vhUo6Rrx2U2AwJ+nSQ6hK+lrP5MQ==
+  version "0.1.11"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.11.tgz#c9c7f00fcf722e0a56c7390983a7a63dd6c272f3"
+  integrity sha512-7/l/DgapVVDzZobwMCCgMlqiqyLFJ0cduo/j+3BcDJIB+yJdsYCfKuI3l/04NV+H/rfNRdPIDbXNZHM9XvQatg==
 
 regexpp@^1.0.1:
   version "1.1.0"
@@ -11392,6 +13417,121 @@ relateurl@0.2.x, relateurl@^0.2.7:
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
 
+remark-html@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/remark-html/-/remark-html-8.0.0.tgz#9fcb859a6f3cb40f3ef15402950f1a62ec301b3a"
+  integrity sha512-3V2391GL3hxKhrkzYOyfPpxJ6taIKLCfuLVqumeWQOk3H9nTtSQ8St8kMYkBVIEAquXN1chT83qJ/2lAW+dpEg==
+  dependencies:
+    hast-util-sanitize "^1.0.0"
+    hast-util-to-html "^4.0.0"
+    mdast-util-to-hast "^3.0.0"
+    xtend "^4.0.1"
+
+remark-parse@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-5.0.0.tgz#4c077f9e499044d1d5c13f80d7a98cf7b9285d95"
+  integrity sha512-b3iXszZLH1TLoyUzrATcTQUZrwNl1rE70rVdSruJFlDaJ9z5aMkhrG43Pp68OgfHndL/ADz6V69Zow8cTQu+JA==
+  dependencies:
+    collapse-white-space "^1.0.2"
+    is-alphabetical "^1.0.0"
+    is-decimal "^1.0.0"
+    is-whitespace-character "^1.0.0"
+    is-word-character "^1.0.0"
+    markdown-escapes "^1.0.0"
+    parse-entities "^1.1.0"
+    repeat-string "^1.5.4"
+    state-toggle "^1.0.0"
+    trim "0.0.1"
+    trim-trailing-lines "^1.0.0"
+    unherit "^1.0.4"
+    unist-util-remove-position "^1.0.0"
+    vfile-location "^2.0.0"
+    xtend "^4.0.1"
+
+remark-reference-links@^4.0.1:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/remark-reference-links/-/remark-reference-links-4.0.4.tgz#190579a0d6b002859d6cdbdc5aeb8bbdae4e06ab"
+  integrity sha512-+2X8hwSQqxG4tvjYZNrTcEC+bXp8shQvwRGG6J/rnFTvBoU4G0BBviZoqKGZizLh/DG+0gSYhiDDWCqyxXW1iQ==
+  dependencies:
+    unist-util-visit "^1.0.0"
+
+remark-slug@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/remark-slug/-/remark-slug-5.1.2.tgz#715ecdef8df1226786204b1887d31ab16aa24609"
+  integrity sha512-DWX+Kd9iKycqyD+/B+gEFO3jjnt7Yg1O05lygYSNTe5i5PIxxxPjp5qPBDxPIzp5wreF7+1ROCwRgjEcqmzr3A==
+  dependencies:
+    github-slugger "^1.0.0"
+    mdast-util-to-string "^1.0.0"
+    unist-util-visit "^1.0.0"
+
+remark-stringify@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-5.0.0.tgz#336d3a4d4a6a3390d933eeba62e8de4bd280afba"
+  integrity sha512-Ws5MdA69ftqQ/yhRF9XhVV29mhxbfGhbz0Rx5bQH+oJcNhhSM6nCu1EpLod+DjrFGrU0BMPs+czVmJZU7xiS7w==
+  dependencies:
+    ccount "^1.0.0"
+    is-alphanumeric "^1.0.0"
+    is-decimal "^1.0.0"
+    is-whitespace-character "^1.0.0"
+    longest-streak "^2.0.1"
+    markdown-escapes "^1.0.0"
+    markdown-table "^1.1.0"
+    mdast-util-compact "^1.0.0"
+    parse-entities "^1.0.2"
+    repeat-string "^1.5.4"
+    state-toggle "^1.0.0"
+    stringify-entities "^1.0.1"
+    unherit "^1.0.4"
+    xtend "^4.0.1"
+
+remark-toc@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/remark-toc/-/remark-toc-5.1.1.tgz#8c229d6f834cdb43fde6685e2d43248d3fc82d78"
+  integrity sha512-vCPW4YOsm2CfyuScdktM9KDnJXVHJsd/ZeRtst+dnBU3B3KKvt8bc+bs5syJjyptAHfqo7H+5Uhz+2blWBfwow==
+  dependencies:
+    mdast-util-toc "^3.0.0"
+    remark-slug "^5.0.0"
+
+remark@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/remark/-/remark-9.0.0.tgz#c5cfa8ec535c73a67c4b0f12bfdbd3a67d8b2f60"
+  integrity sha512-amw8rGdD5lHbMEakiEsllmkdBP+/KpjW/PRK6NSGPZKCQowh0BT4IWXDAkRMyG3SB9dKPXWMviFjNusXzXNn3A==
+  dependencies:
+    remark-parse "^5.0.0"
+    remark-stringify "^5.0.0"
+    unified "^6.0.0"
+
+remote-origin-url@0.4.0, remote-origin-url@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/remote-origin-url/-/remote-origin-url-0.4.0.tgz#4d3e2902f34e2d37d1c263d87710b77eb4086a30"
+  integrity sha1-TT4pAvNOLTfRwmPYdxC3frQIajA=
+  dependencies:
+    parse-git-config "^0.2.0"
+
+remote-origin-url@^0.5.1:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/remote-origin-url/-/remote-origin-url-0.5.3.tgz#b9fc6ced2c826690d0b07218b2b8c17fcec88e87"
+  integrity sha512-crQ7Xk1m/F2IiwBx5oTqk/c0hjoumrEz+a36+ZoVupskQRE/q7pAwHKsTNeiZ31sbSTELvVlVv4h1W0Xo5szKg==
+  dependencies:
+    parse-git-config "^1.1.1"
+
+remove-bom-buffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz#c2bf1e377520d324f623892e33c10cac2c252b53"
+  integrity sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==
+  dependencies:
+    is-buffer "^1.1.5"
+    is-utf8 "^0.2.1"
+
+remove-bom-stream@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz#05f1a593f16e42e1fb90ebf59de8e569525f9523"
+  integrity sha1-BfGlk/FuQuH7kOv1nejlaVJflSM=
+  dependencies:
+    remove-bom-buffer "^3.0.0"
+    safe-buffer "^5.1.0"
+    through2 "^2.0.3"
+
 remove-trailing-separator@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
@@ -11413,7 +13553,7 @@ repeat-element@^1.1.2:
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
   integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
 
-repeat-string@^1.5.2, repeat-string@^1.6.1:
+repeat-string@^1.5.0, repeat-string@^1.5.2, repeat-string@^1.5.4, repeat-string@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
@@ -11425,6 +13565,11 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
+replace-ext@1.0.0, replace-ext@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
+  integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
+
 request-promise-core@1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.2.tgz#339f6aababcafdb31c799ff158700336301d3346"
@@ -11441,7 +13586,7 @@ request-promise-native@^1.0.5, request-promise-native@^1.0.7:
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@^2.83.0, request@^2.87.0, request@^2.88.0:
+request@^2.55.0, request@^2.83.0, request@^2.87.0, request@^2.88.0:
   version "2.88.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
   integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
@@ -11510,7 +13655,15 @@ resolve-cwd@^2.0.0:
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
   integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
   dependencies:
-    resolve-from "^3.0.0"
+    resolve-from "^3.0.0"
+
+resolve-dir@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-0.1.1.tgz#b219259a5602fac5c5c496ad894a6e8cc430261e"
+  integrity sha1-shklmlYC+sXFxJatiUpujMQwJh4=
+  dependencies:
+    expand-tilde "^1.2.2"
+    global-modules "^0.2.3"
 
 resolve-dir@^1.0.0, resolve-dir@^1.0.1:
   version "1.0.1"
@@ -11535,6 +13688,13 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+resolve-options@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/resolve-options/-/resolve-options-1.1.0.tgz#32bb9e39c06d67338dc9378c0d6d6074566ad131"
+  integrity sha1-MrueOcBtZzONyTeMDW1gdFZq0TE=
+  dependencies:
+    value-or-function "^3.0.0"
+
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -11545,7 +13705,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
+resolve@^1.1.3, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.3.2, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.11.1.tgz#ea10d8110376982fef578df8fc30b9ac30a07a3e"
   integrity sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==
@@ -11565,6 +13725,11 @@ ret@~0.1.10:
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
   integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
 
+retry@^0.10.0:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
+  integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
+
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
@@ -11608,19 +13773,19 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     inherits "^2.0.1"
 
 rollup-plugin-babel@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-babel/-/rollup-plugin-babel-4.3.2.tgz#8c0e1bd7aa9826e90769cf76895007098ffd1413"
-  integrity sha512-KfnizE258L/4enADKX61ozfwGHoqYauvoofghFJBhFnpH9Sb9dNPpWg8QHOaAfVASUYV8w0mCx430i9z0LJoJg==
+  version "4.3.3"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-babel/-/rollup-plugin-babel-4.3.3.tgz#7eb5ac16d9b5831c3fd5d97e8df77ba25c72a2aa"
+  integrity sha512-tKzWOCmIJD/6aKNz0H1GMM+lW1q9KyFubbWzGiOG540zxPPifnEAHTZwjo0g991Y+DyOZcLqBgqOdqazYE5fkw==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
-    rollup-pluginutils "^2.3.0"
+    rollup-pluginutils "^2.8.1"
 
 rollup-plugin-buble@^0.19.6:
-  version "0.19.6"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-buble/-/rollup-plugin-buble-0.19.6.tgz#55ee0995d8870d536f01f4277c3eef4276e8747e"
-  integrity sha512-El5Fut4/wEO17ZN/n9BZvqd7DXXB2WbJr/DKvr89LXChC/cHllE0XwiUDeAalrTkgr0WrnyLDTCQvEv+cGywWQ==
+  version "0.19.8"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-buble/-/rollup-plugin-buble-0.19.8.tgz#f9232e2bb62a7573d04f9705c1bd6f02c2a02c6a"
+  integrity sha512-8J4zPk2DQdk3rxeZvxgzhHh/rm5nJkjwgcsUYisCQg1QbT5yagW+hehYEW7ZNns/NVbDCTv4JQ7h4fC8qKGOKw==
   dependencies:
-    buble "^0.19.6"
+    buble "^0.19.8"
     rollup-pluginutils "^2.3.3"
 
 rollup-plugin-commonjs@^10.0.0:
@@ -11732,7 +13897,7 @@ rollup-plugin-vue@^5.0.0:
     source-map "0.7.3"
     vue-runtime-helpers "1.0.1"
 
-rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.3.0, rollup-pluginutils@^2.3.1, rollup-pluginutils@^2.3.3, rollup-pluginutils@^2.4.1, rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.1:
+rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.3.1, rollup-pluginutils@^2.3.3, rollup-pluginutils@^2.4.1, rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz#8fa6dd0697344938ef26c2c09d2488ce9e33ce97"
   integrity sha512-J5oAoysWar6GuZo0s+3bZ6sVZAC0pfqKz68De7ZgDi5z63jOVZn1uJL/+z1jeKHNbGII8kAyHF5q8LnxSX5lQg==
@@ -11806,11 +13971,21 @@ rxjs@^6.4.0:
   dependencies:
     tslib "^1.9.0"
 
-safe-buffer@5.1.2, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
+  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
+
+safe-json-parse@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-1.0.1.tgz#3e76723e38dfdda13c9b1d29a1e07ffee4b30b57"
+  integrity sha1-PnZyPjjf3aE8mx0poeB//uSzC1c=
+
 safe-regex@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
@@ -11894,18 +14069,18 @@ sass-loader@^7.1.0:
     semver "^5.5.0"
 
 sass@^1.18.0:
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.21.0.tgz#cc565444e27c2336746b09c45d6e8c46caaf6b04"
-  integrity sha512-67hIIOZZtarbhI2aSgKBPDUgn+VqetduKoD+ZSYeIWg+ksNioTzeX+R2gUdebDoolvKNsQ/GY9NDxctbXluTNA==
+  version "1.22.7"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.22.7.tgz#5a1a77dc11aa659db4e782d238bf9f3d44a60546"
+  integrity sha512-ahREi0AdG7RTovSv14+yd1prQSfIvFcrDpOsth5EQf1+RM7SvOxsSttzNQaFmK1aa/k/3vyYwlYF5l0Xl+6c+g==
   dependencies:
-    chokidar "^2.0.0"
+    chokidar ">=2.0.0 <4.0.0"
 
 sax@0.5.x:
   version "0.5.8"
   resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
   integrity sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=
 
-sax@^1.2.4, sax@~1.2.4:
+sax@^1.1.4, sax@^1.2.4, sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
@@ -11927,6 +14102,14 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
+schema-utils@^2.0.0, schema-utils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.0.1.tgz#1eec2e059556af841b7f3a83b61af13d7a3f9196"
+  integrity sha512-HJFKJ4JixDpRur06QHwi8uu2kZbng318ahWEKgBjc0ZklcE4FDvmm2wghb448q0IRaABxIESt8vqPFvwgMB80A==
+  dependencies:
+    ajv "^6.1.0"
+    ajv-keywords "^3.1.0"
+
 scope-css@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/scope-css/-/scope-css-1.2.1.tgz#c35768bc900cad030a3e0d663a818c0f6a57f40e"
@@ -11941,6 +14124,14 @@ scrollparent@^2.0.1:
   resolved "https://registry.yarnpkg.com/scrollparent/-/scrollparent-2.0.1.tgz#715d5b9cc57760fb22bdccc3befb5bfe06b1a317"
   integrity sha1-cV1bnMV3YPsivczDvvtb/gaxoxc=
 
+section-matter@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
+  integrity sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==
+  dependencies:
+    extend-shallow "^2.0.1"
+    kind-of "^6.0.0"
+
 seek-bzip@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/seek-bzip/-/seek-bzip-1.0.5.tgz#cfe917cb3d274bcffac792758af53173eb1fabdc"
@@ -11983,9 +14174,9 @@ semver@6.0.0:
   integrity sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==
 
 semver@^6.0.0, semver@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.1.1.tgz#53f53da9b30b2103cd4f15eab3a18ecbcb210c9b"
-  integrity sha512-rWYq2e5iYW+fFe/oPPtYJxYgjBm8sC4rmoGdUOgBB7VnwKt6HrL793l2voH1UlsyYZpJ4g0wfjnTEO1s1NP2eQ==
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
 send@0.17.1:
   version "0.17.1"
@@ -12053,20 +14244,10 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
-set-value@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
-  integrity sha1-fbCPnT0i3H945Trzw79GZuzfzPE=
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.1"
-    to-object-path "^0.3.0"
-
-set-value@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.0.tgz#71ae4a88f0feefbbf52d1ea604f3fb315ebb6274"
-  integrity sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==
+set-value@^2.0.0, set-value@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
+  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
   dependencies:
     extend-shallow "^2.0.1"
     is-extendable "^0.1.1"
@@ -12132,6 +14313,13 @@ shellwords@^0.1.1:
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
   integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
 
+shortid@^2.2.8:
+  version "2.2.14"
+  resolved "https://registry.yarnpkg.com/shortid/-/shortid-2.2.14.tgz#80db6aafcbc3e3a46850b3c88d39e051b84c8d18"
+  integrity sha512-4UnZgr9gDdA1kaKj/38IiudfC3KHKhDc1zi/HSxd9FQDR0VLwH3/y79tZJLsVYPsJgIjeHjqIWaWVRJUj9qZOQ==
+  dependencies:
+    nanoid "^2.0.0"
+
 sigmund@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
@@ -12190,6 +14378,11 @@ slugify@^1.3.1:
   resolved "https://registry.yarnpkg.com/slugify/-/slugify-1.3.4.tgz#78d2792d7222b55cd9fc81fa018df99af779efeb"
   integrity sha512-KP0ZYk5hJNBS8/eIjGkFDCzGQIoZ1mnfQRYS5WM3273z+fxGWXeN0fkwf2ebEweydv9tioZIHGZKoF21U07/nw==
 
+smart-buffer@^1.0.13:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-1.1.15.tgz#7f114b5b65fab3e2a35aa775bb12f0d1c649bf16"
+  integrity sha1-fxFLW2X6s+KjWqd1uxLw0cZJvxY=
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -12240,6 +14433,22 @@ sockjs@0.3.19:
     faye-websocket "^0.10.0"
     uuid "^3.0.1"
 
+socks-proxy-agent@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-3.0.1.tgz#2eae7cf8e2a82d34565761539a7f9718c5617659"
+  integrity sha512-ZwEDymm204mTzvdqyUqOdovVr2YRd2NYskrYrF2LXyZ9qDiMAoFESGK8CRphiO7rtbo2Y757k2Nia3x2hGtalA==
+  dependencies:
+    agent-base "^4.1.0"
+    socks "^1.1.10"
+
+socks@^1.1.10:
+  version "1.1.10"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-1.1.10.tgz#5b8b7fc7c8f341c53ed056e929b7bf4de8ba7b5a"
+  integrity sha1-W4t/x8jzQcU+0FbpKbe/Tei6e1o=
+  dependencies:
+    ip "^1.1.4"
+    smart-buffer "^1.0.13"
+
 sort-keys@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@@ -12277,7 +14486,7 @@ source-map-support@^0.4.15:
   dependencies:
     source-map "^0.5.6"
 
-source-map-support@^0.5.6, source-map-support@~0.5.10:
+source-map-support@^0.5.6, source-map-support@~0.5.10, source-map-support@~0.5.12:
   version "0.5.12"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.12.tgz#b4f3b10d51857a5af0138d3ce8003b201613d599"
   integrity sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==
@@ -12313,9 +14522,14 @@ source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, sour
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
 
 sourcemap-codec@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz#c63ea927c029dd6bd9a2b7fa03b3fec02ad56e9f"
-  integrity sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==
+  version "1.4.6"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.6.tgz#e30a74f0402bad09807640d39e971090a08ce1e9"
+  integrity sha512-1ZooVLYFxC448piVLBbtOxFcXwnymH9oUF8nRd3CuYDVvkRBxRl6pB4Mtas5a4drtL+E8LDgFkQNcgIw6tc8Hg==
+
+space-separated-tokens@^1.0.0:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.4.tgz#27910835ae00d0adfcdbd0ad7e611fb9544351fa"
+  integrity sha512-UyhMSmeIqZrQn2UdjYpxEkwY9JUrn8pP+7L4f91zRzOQuI8MF1FGLfYU9DKCYeLdo7LXMxwrX5zKFy7eeeVHuA==
 
 spawn-sync@^1.0.15:
   version "1.0.15"
@@ -12347,9 +14561,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz#75ecd1a88de8c184ef015eafb51b5b48bfd11bb1"
-  integrity sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
+  integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
 
 spdy-transport@^3.0.0:
   version "3.0.0"
@@ -12422,7 +14636,14 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^5.2.4:
+ssri@^4.1.6:
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-4.1.6.tgz#0cb49b6ac84457e7bdd466cb730c3cb623e9a25b"
+  integrity sha512-WUbCdgSAMQjTFZRWvSPpauryvREEA+Krn19rx67UlJEJx/M192ZHxMmJXjZ4tkdFm+Sb0SXGlENeQVlA5wY7kA==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+ssri@^5.0.0, ssri@^5.2.4:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/ssri/-/ssri-5.3.0.tgz#ba3872c9c6d33a0704a7d71ff045e5ec48999d06"
   integrity sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==
@@ -12484,6 +14705,11 @@ start-server-and-test@^1.9.1:
     ps-tree "1.2.0"
     wait-on "3.2.0"
 
+state-toggle@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.2.tgz#75e93a61944116b4959d665c8db2d243631d6ddc"
+  integrity sha512-8LpelPGR0qQM4PnfLiplOQNJcIN1/r2Gy0xKB2zKnIW2YzPMt2sR4I/+gtPjhN7Svh9kw+zqEg2SFwpBO9iNiw==
+
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -12502,6 +14728,13 @@ stealthy-require@^1.1.1:
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
   integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
 
+stream-array@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/stream-array/-/stream-array-1.1.2.tgz#9e5f7345f2137c30ee3b498b9114e80b52bb7eb5"
+  integrity sha1-nl9zRfITfDDuO0mLkRToC1K7frU=
+  dependencies:
+    readable-stream "~2.1.0"
+
 stream-browserify@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
@@ -12510,6 +14743,14 @@ stream-browserify@^2.0.1:
     inherits "~2.0.1"
     readable-stream "^2.0.2"
 
+stream-combiner2@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/stream-combiner2/-/stream-combiner2-1.1.1.tgz#fb4d8a1420ea362764e21ad4780397bebcb41cbe"
+  integrity sha1-+02KFCDqNidk4hrUeAOXvry0HL4=
+  dependencies:
+    duplexer2 "~0.1.0"
+    readable-stream "^2.0.2"
+
 stream-combiner@~0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/stream-combiner/-/stream-combiner-0.0.4.tgz#4d5e433c185261dde623ca3f44c586bcf5c4ad14"
@@ -12559,6 +14800,11 @@ string-length@^2.0.0:
     astral-regex "^1.0.0"
     strip-ansi "^4.0.0"
 
+string-template@~0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/string-template/-/string-template-0.2.1.tgz#42932e598a352d01fc22ec3367d9d84eec6c9add"
+  integrity sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0=
+
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -12585,6 +14831,15 @@ string-width@^3.0.0, string-width@^3.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
+string-width@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff"
+  integrity sha512-NrX+1dVVh+6Y9dnQ19pR0pP4FiEIlUvdTGn8pw6CKTNq5sgib2nIhmUNT5TAmhWmvKr3WcxBcP3E8nWezuipuQ==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^5.2.0"
+
 string.prototype.padend@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.0.0.tgz#f3aaef7c1719f170c5eab1c32bf780d96e21f2f0"
@@ -12603,6 +14858,11 @@ string.prototype.padstart@^3.0.0:
     es-abstract "^1.4.3"
     function-bind "^1.0.2"
 
+string_decoder@0.10, string_decoder@~0.10.x:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+  integrity sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=
+
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.2.0.tgz#fe86e738b19544afe70469243b2a1ee9240eae8d"
@@ -12617,6 +14877,16 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
+stringify-entities@^1.0.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-1.3.2.tgz#a98417e5471fd227b3e45d3db1861c11caf668f7"
+  integrity sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==
+  dependencies:
+    character-entities-html4 "^1.0.0"
+    character-entities-legacy "^1.0.0"
+    is-alphanumerical "^1.0.0"
+    is-hexadecimal "^1.0.0"
+
 stringify-package@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/stringify-package/-/stringify-package-1.0.0.tgz#e02828089333d7d45cd8c287c30aa9a13375081b"
@@ -12643,6 +14913,11 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-bom-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
+  integrity sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=
+
 strip-bom@3.0.0, strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -12729,12 +15004,19 @@ stylus@^0.54.5:
     sax "0.5.x"
     source-map "0.1.x"
 
+subarg@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/subarg/-/subarg-1.0.0.tgz#f62cf17581e996b48fc965699f54c06ae268b8d2"
+  integrity sha1-9izxdYHplrSPyWVpn1TAauJouNI=
+  dependencies:
+    minimist "^1.1.0"
+
 suffix@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/suffix/-/suffix-0.1.1.tgz#cc58231646a0ef1102f79478ef3a9248fd9c842f"
   integrity sha1-zFgjFkag7xEC95R47zqSSP2chC8=
 
-supports-color@6.1.0, supports-color@^6.1.0:
+supports-color@6.1.0, supports-color@^6.0.0, supports-color@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
   integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
@@ -12766,16 +15048,15 @@ svg-tags@^1.0.0:
   integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
 
 svgo@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.2.2.tgz#0253d34eccf2aed4ad4f283e11ee75198f9d7316"
-  integrity sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.0.tgz#bae51ba95ded9a33a36b7c46ce9c359ae9154313"
+  integrity sha512-MLfUA6O+qauLDbym+mMZgtXCGRfIxyQoeH6IKVcFslyODEe/ElJNwr0FohQ3xG4C6HK6bk3KYPPXwHVJk3V5NQ==
   dependencies:
     chalk "^2.4.1"
     coa "^2.0.2"
     css-select "^2.0.0"
     css-select-base-adapter "^0.1.1"
-    css-tree "1.0.0-alpha.28"
-    css-url-regex "^1.1.0"
+    css-tree "1.0.0-alpha.33"
     csso "^3.5.1"
     js-yaml "^3.13.1"
     mkdirp "~0.5.1"
@@ -12785,7 +15066,7 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-symbol-tree@^3.2.2:
+"symbol-tree@>= 3.1.0 < 4.0.0", symbol-tree@^3.2.2:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
@@ -12808,12 +15089,12 @@ table@4.0.2:
     string-width "^2.1.1"
 
 table@^5.2.3:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.1.tgz#0691ae2ebe8259858efb63e550b6d5f9300171e8"
-  integrity sha512-E6CK1/pZe2N75rGZQotFOdmzWQ1AILtgYbMAbAjvms0S1l5IDB47zG3nCnFGB/w+7nB3vKofbLXCH7HPBo864w==
+  version "5.4.4"
+  resolved "https://registry.yarnpkg.com/table/-/table-5.4.4.tgz#6e0f88fdae3692793d1077fd172a4667afe986a6"
+  integrity sha512-IIfEAUx5QlODLblLrGTTLJA7Tk0iLSGBvgY8essPRVNGHAzThujww1YqHLs6h3HfTg55h++RzLHH5Xw/rfv+mg==
   dependencies:
-    ajv "^6.9.1"
-    lodash "^4.17.11"
+    ajv "^6.10.2"
+    lodash "^4.17.14"
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
@@ -12822,7 +15103,17 @@ tapable@^1.0.0, tapable@^1.1.0:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-tar-stream@^1.5.2:
+tar-fs@^1.15.3:
+  version "1.16.3"
+  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-1.16.3.tgz#966a628841da2c4010406a82167cbd5e0c72d509"
+  integrity sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==
+  dependencies:
+    chownr "^1.0.1"
+    mkdirp "^0.5.1"
+    pump "^1.0.0"
+    tar-stream "^1.1.2"
+
+tar-stream@^1.1.2, tar-stream@^1.5.2, tar-stream@^1.5.4:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
   integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
@@ -12881,13 +15172,13 @@ terser@^3.14.1:
     source-map-support "~0.5.10"
 
 terser@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-4.0.0.tgz#ef356f6f359a963e2cc675517f21c1c382877374"
-  integrity sha512-dOapGTU0hETFl1tCo4t56FN+2jffoKyER9qBGoUFyZ6y7WLoKT0bF+lAYi6B6YsILcGF3q1C2FBh8QcKSCgkgA==
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.1.2.tgz#b2656c8a506f7ce805a3f300a2ff48db022fa391"
+  integrity sha512-jvNoEQSPXJdssFwqPSgWjsOrb+ELoE+ILpHPKXC83tIxOlh2U75F1KuB2luLD/3a6/7K3Vw5pDn+hvu0C4AzSw==
   dependencies:
-    commander "^2.19.0"
+    commander "^2.20.0"
     source-map "~0.6.1"
-    source-map-support "~0.5.10"
+    source-map-support "~0.5.12"
 
 test-exclude@^4.2.1:
   version "4.2.3"
@@ -12920,6 +15211,11 @@ text-table@^0.2.0, text-table@~0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
+textextensions@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/textextensions/-/textextensions-2.4.0.tgz#6a143a985464384cc2cff11aea448cd5b018e72b"
+  integrity sha512-qftQXnX1DzpSV8EddtHIT0eDDEiBF8ywhFYR2lI9xrGtxqKN+CvLXhACeCIGbCpQfxxERbrkZEFb8cZcDKbVZA==
+
 thenify-all@^1.0.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
@@ -12948,7 +15244,15 @@ throat@^4.0.0:
   resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
   integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
 
-through2@^2.0.0, through2@^2.0.2:
+through2-filter@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-3.0.0.tgz#700e786df2367c2c88cd8aa5be4cf9c1e7831254"
+  integrity sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==
+  dependencies:
+    through2 "~2.0.0"
+    xtend "~4.0.0"
+
+through2@^2.0.0, through2@^2.0.2, through2@^2.0.3, through2@~2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -12980,6 +15284,11 @@ tildify@^1.2.0:
   dependencies:
     os-homedir "^1.0.0"
 
+time-stamp@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3"
+  integrity sha1-dkpaEa9QVhkhsTPztE5hhofg9cM=
+
 timed-out@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
@@ -13002,6 +15311,18 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
+tiny-lr@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/tiny-lr/-/tiny-lr-1.1.1.tgz#9fa547412f238fedb068ee295af8b682c98b2aab"
+  integrity sha512-44yhA3tsaRoMOjQQ+5v5mVdqef+kH6Qze9jTpqtVufgYjYt08zyZAwNwwVBj3i1rJMnR52IxOW0LK0vBzgAkuA==
+  dependencies:
+    body "^5.1.0"
+    debug "^3.1.0"
+    faye-websocket "~0.10.0"
+    livereload-js "^2.3.0"
+    object-assign "^4.1.0"
+    qs "^6.4.0"
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -13014,6 +15335,14 @@ tmpl@1.0.x:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
   integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
 
+to-absolute-glob@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1865f43d9e74b0822db9f145b78cff7d0f7c849b"
+  integrity sha1-GGX0PZ50sIItufFFt4z/fQ98hJs=
+  dependencies:
+    is-absolute "^1.0.0"
+    is-negated-glob "^1.0.0"
+
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -13066,6 +15395,13 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+to-through@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-through/-/to-through-2.0.0.tgz#fc92adaba072647bc0b67d6b03664aa195093af6"
+  integrity sha1-/JKtq6ByZHvAtn1rA2ZKoZUJOvY=
+  dependencies:
+    through2 "^2.0.3"
+
 toidentifier@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
@@ -13088,7 +15424,7 @@ toposort@^1.0.0:
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
   integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
 
-tough-cookie@^2.3.3, tough-cookie@^2.3.4:
+tough-cookie@^2.2.0, tough-cookie@^2.3.3, tough-cookie@^2.3.4:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
   integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
@@ -13111,6 +15447,16 @@ tr46@^1.0.1:
   dependencies:
     punycode "^2.1.0"
 
+tr46@~0.0.1:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+
+trim-lines@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-1.1.2.tgz#c8adbdbdae21bb5c2766240a661f693afe23e59b"
+  integrity sha512-3GOuyNeTqk3FAqc3jOJtw7FTjYl94XBR5aD9QnDbK/T4CA9sW/J0l9RoaRPE9wyPP7NF331qnHnvJFBJ+IDkmQ==
+
 trim-newlines@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
@@ -13138,6 +15484,21 @@ trim-right@^1.0.1:
   resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
   integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
 
+trim-trailing-lines@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.2.tgz#d2f1e153161152e9f02fabc670fb40bec2ea2e3a"
+  integrity sha512-MUjYItdrqqj2zpcHFTkMa9WAv4JHTI6gnRQGPFLrt5L9a6tRMiDnIqYl8JBvu2d2Tc3lWJKQwlGCp0K8AvCM+Q==
+
+trim@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd"
+  integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0=
+
+trough@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.4.tgz#3b52b1f13924f460c3fbfd0df69b587dbcbc762e"
+  integrity sha512-tdzBRDGWcI1OpPVmChbdSKhvSVurznZ8X36AYURAcl+0o2ldlCY2XPzyXNNxwJwwyIU+rIglTCG4kxtNKBQH7Q==
+
 try-catch@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/try-catch/-/try-catch-2.0.0.tgz#a491141d597f8b72b46757fe1c47059341a16aed"
@@ -13148,7 +15509,7 @@ try-to-catch@^1.0.2:
   resolved "https://registry.yarnpkg.com/try-to-catch/-/try-to-catch-1.1.1.tgz#770162dd13b9a0e55da04db5b7f888956072038a"
   integrity sha512-ikUlS+/BcImLhNYyIgZcEmq4byc31QpC+46/6Jm5ECWkVFhf8SM2Fp/0pMVXPX6vk45SMCwrP4Taxucne8I0VA==
 
-tryer@^1.0.0:
+tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
@@ -13192,10 +15553,10 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
-type-fest@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.4.1.tgz#8bdf77743385d8a4f13ba95f610f5ccd68c728f8"
-  integrity sha512-IwzA/LSfD2vC1/YDYMv/zHP4rDF1usCwllsDpbolT3D4fUepIO7f9K70jjmUewU/LmGUKJcwcVtDCpnKk4BPMw==
+type-fest@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
+  integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
 
 type-is@~1.6.17, type-is@~1.6.18:
   version "1.6.18"
@@ -13205,7 +15566,7 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typedarray@^0.0.6:
+typedarray@^0.0.6, typedarray@~0.0.5:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
@@ -13254,6 +15615,19 @@ unbzip2-stream@^1.0.9:
     buffer "^5.2.1"
     through "^2.3.8"
 
+unc-path-regex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
+  integrity sha1-5z3T17DXxe2G+6xrCufYxqadUPo=
+
+unherit@^1.0.4:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.2.tgz#14f1f397253ee4ec95cec167762e77df83678449"
+  integrity sha512-W3tMnpaMG7ZY6xe/moK04U9fBhi6wEiCYHUW5Mop/wQHf12+79EQGwxYejNdhEz2mkqkBlGwm7pxmgBKMVUj0w==
+  dependencies:
+    inherits "^2.0.1"
+    xtend "^4.0.1"
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -13277,15 +15651,27 @@ unicode-property-aliases-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
   integrity sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==
 
+unified@^6.0.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-6.2.0.tgz#7fbd630f719126d67d40c644b7e3f617035f6dba"
+  integrity sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==
+  dependencies:
+    bail "^1.0.0"
+    extend "^3.0.0"
+    is-plain-obj "^1.1.0"
+    trough "^1.0.0"
+    vfile "^2.0.0"
+    x-is-string "^0.1.0"
+
 union-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
-  integrity sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
+  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
   dependencies:
     arr-union "^3.1.0"
     get-value "^2.0.6"
     is-extendable "^0.1.1"
-    set-value "^0.4.3"
+    set-value "^2.0.1"
 
 uniq@^1.0.1:
   version "1.0.1"
@@ -13311,6 +15697,14 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
+unique-stream@^2.0.2:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-2.3.1.tgz#c65d110e9a4adf9a6c5948b28053d9a8d04cbeac"
+  integrity sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==
+  dependencies:
+    json-stable-stringify-without-jsonify "^1.0.1"
+    through2-filter "^3.0.0"
+
 unique-string@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
@@ -13318,15 +15712,75 @@ unique-string@^1.0.0:
   dependencies:
     crypto-random-string "^1.0.0"
 
+unist-builder@^1.0.1, unist-builder@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-1.0.4.tgz#e1808aed30bd72adc3607f25afecebef4dd59e17"
+  integrity sha512-v6xbUPP7ILrT15fHGrNyHc1Xda8H3xVhP7/HAIotHOhVPjH5dCXA097C3Rry1Q2O+HbOLCao4hfPB+EYEjHgVg==
+  dependencies:
+    object-assign "^4.1.0"
+
+unist-util-generated@^1.1.0:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/unist-util-generated/-/unist-util-generated-1.1.4.tgz#2261c033d9fc23fae41872cdb7663746e972c1a7"
+  integrity sha512-SA7Sys3h3X4AlVnxHdvN/qYdr4R38HzihoEVY2Q2BZu8NHWDnw5OGcC/tXWjQfd4iG+M6qRFNIRGqJmp2ez4Ww==
+
+unist-util-is@^2.0.0, unist-util-is@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-2.1.3.tgz#459182db31f4742fceaea88d429693cbf0043d20"
+  integrity sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA==
+
+unist-util-is@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-3.0.0.tgz#d9e84381c2468e82629e4a5be9d7d05a2dd324cd"
+  integrity sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==
+
+unist-util-position@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-3.0.3.tgz#fff942b879538b242096c148153826664b1ca373"
+  integrity sha512-28EpCBYFvnMeq9y/4w6pbnFmCUfzlsc41NJui5c51hOFjBA1fejcwc+5W4z2+0ECVbScG3dURS3JTVqwenzqZw==
+
+unist-util-remove-position@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-1.1.3.tgz#d91aa8b89b30cb38bad2924da11072faa64fd972"
+  integrity sha512-CtszTlOjP2sBGYc2zcKA/CvNdTdEs3ozbiJ63IPBxh8iZg42SCCb8m04f8z2+V1aSk5a7BxbZKEdoDjadmBkWA==
+  dependencies:
+    unist-util-visit "^1.1.0"
+
+unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6"
+  integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==
+
+unist-util-stringify-position@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.1.tgz#de2a2bc8d3febfa606652673a91455b6a36fb9f3"
+  integrity sha512-Zqlf6+FRI39Bah8Q6ZnNGrEHUhwJOkHde2MHVk96lLyftfJJckaPslKgzhVcviXj8KcE9UJM9F+a4JEiBUTYgA==
+  dependencies:
+    "@types/unist" "^2.0.2"
+
+unist-util-visit-parents@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz#25e43e55312166f3348cae6743588781d112c1e9"
+  integrity sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==
+  dependencies:
+    unist-util-is "^3.0.0"
+
+unist-util-visit@^1.0.0, unist-util-visit@^1.1.0, unist-util-visit@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3"
+  integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==
+  dependencies:
+    unist-util-visit-parents "^2.0.0"
+
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
   integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
 
 "unorm@>= 1.0.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/unorm/-/unorm-1.5.0.tgz#01fa9b76f1c60f7916834605c032aa8962c3f00a"
-  integrity sha512-sMfSWoiRaXXeDZSXC+YRZ23H4xchQpwxjpw1tmfR+kgbBCaOgln4NI0LXejJIhnBuKINrB3WRn+ZI8IWssirVw==
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/unorm/-/unorm-1.6.0.tgz#029b289661fba714f1a9af439eb51d9b16c205af"
+  integrity sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA==
 
 unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
@@ -13497,6 +15951,15 @@ v8-compile-cache@2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe"
   integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==
 
+validate-element-name@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/validate-element-name/-/validate-element-name-2.1.1.tgz#8ff75f7da69f73e7c510588362130508b7ac644e"
+  integrity sha1-j/dffaafc+fFEFiDYhMFCLesZE4=
+  dependencies:
+    is-potential-custom-element-name "^1.0.0"
+    log-symbols "^1.0.0"
+    meow "^3.7.0"
+
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -13505,6 +15968,18 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+validate-npm-package-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz#5fa912d81eb7d0c74afc140de7317f0ca7df437e"
+  integrity sha1-X6kS2B630MdK/BQN5zF/DKffQ34=
+  dependencies:
+    builtins "^1.0.3"
+
+value-or-function@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/value-or-function/-/value-or-function-3.0.0.tgz#1c243a50b595c1be54a754bfece8563b9ff8d813"
+  integrity sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@@ -13524,6 +15999,117 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
+vfile-location@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.5.tgz#c83eb02f8040228a8d2b3f10e485be3e3433e0a2"
+  integrity sha512-Pa1ey0OzYBkLPxPZI3d9E+S4BmvfVwNAAXrrqGbwTVXWaX2p9kM1zZ+n35UtVM06shmWKH4RPRN8KI80qE3wNQ==
+
+vfile-message@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1"
+  integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==
+  dependencies:
+    unist-util-stringify-position "^1.1.1"
+
+vfile-message@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.1.tgz#951881861c22fc1eb39f873c0b93e336a64e8f6d"
+  integrity sha512-KtasSV+uVU7RWhUn4Lw+wW1Zl/nW8JWx7JCPps10Y9JRRIDeDXf8wfBLoOSsJLyo27DqMyAi54C6Jf/d6Kr2Bw==
+  dependencies:
+    "@types/unist" "^2.0.2"
+    unist-util-stringify-position "^2.0.0"
+
+vfile-reporter@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/vfile-reporter/-/vfile-reporter-6.0.0.tgz#753119f51dec9289b7508b457afc0cddf5e07f2e"
+  integrity sha512-8Is0XxFxWJUhPJdOg3CyZTqd3ICCWg6r304PuBl818ZG91h4FMS3Q+lrOPS+cs5/DZK3H0+AkJdH0J8JEwKtDA==
+  dependencies:
+    repeat-string "^1.5.0"
+    string-width "^4.0.0"
+    supports-color "^6.0.0"
+    unist-util-stringify-position "^2.0.0"
+    vfile-sort "^2.1.2"
+    vfile-statistics "^1.1.0"
+
+vfile-sort@^2.1.0, vfile-sort@^2.1.2:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/vfile-sort/-/vfile-sort-2.2.1.tgz#74e714f9175618cdae96bcaedf1a3dc711d87567"
+  integrity sha512-5dt7xEhC44h0uRQKhbM2JAe0z/naHphIZlMOygtMBM9Nn0pZdaX5fshhwWit9wvsuP8t/wp43nTDRRErO1WK8g==
+
+vfile-statistics@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/vfile-statistics/-/vfile-statistics-1.1.3.tgz#e9c87071997fbcb4243764d2c3805e0bb0820c60"
+  integrity sha512-CstaK/ebTz1W3Qp41Bt9Lj/2DmumFsCwC2sKahDNSPh0mPh7/UyMLCoU8ZBX34CRU0d61B4W41yIFsV0NKMZeA==
+
+vfile@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-2.3.0.tgz#e62d8e72b20e83c324bc6c67278ee272488bf84a"
+  integrity sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==
+  dependencies:
+    is-buffer "^1.1.4"
+    replace-ext "1.0.0"
+    unist-util-stringify-position "^1.0.0"
+    vfile-message "^1.0.0"
+
+vfile@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.0.1.tgz#fc3d43a1c71916034216bf65926d5ee3c64ed60c"
+  integrity sha512-lRHFCuC4SQBFr7Uq91oJDJxlnftoTLQ7eKIpMdubhYcVMho4781a8MWXLy3qZrZ0/STD1kRiKc0cQOHm4OkPeA==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    is-buffer "^2.0.0"
+    replace-ext "1.0.0"
+    unist-util-stringify-position "^2.0.0"
+    vfile-message "^2.0.0"
+
+vinyl-fs@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-3.0.3.tgz#c85849405f67428feabbbd5c5dbdd64f47d31bc7"
+  integrity sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==
+  dependencies:
+    fs-mkdirp-stream "^1.0.0"
+    glob-stream "^6.1.0"
+    graceful-fs "^4.0.0"
+    is-valid-glob "^1.0.0"
+    lazystream "^1.0.0"
+    lead "^1.0.0"
+    object.assign "^4.0.4"
+    pumpify "^1.3.5"
+    readable-stream "^2.3.3"
+    remove-bom-buffer "^3.0.0"
+    remove-bom-stream "^1.2.0"
+    resolve-options "^1.1.0"
+    through2 "^2.0.0"
+    to-through "^2.0.0"
+    value-or-function "^3.0.0"
+    vinyl "^2.0.0"
+    vinyl-sourcemap "^1.1.0"
+
+vinyl-sourcemap@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz#92a800593a38703a8cdb11d8b300ad4be63b3e16"
+  integrity sha1-kqgAWTo4cDqM2xHYswCtS+Y7PhY=
+  dependencies:
+    append-buffer "^1.0.2"
+    convert-source-map "^1.5.0"
+    graceful-fs "^4.1.6"
+    normalize-path "^2.1.1"
+    now-and-later "^2.0.0"
+    remove-bom-buffer "^3.0.0"
+    vinyl "^2.0.0"
+
+vinyl@^2.0.0, vinyl@^2.1.0, vinyl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-2.2.0.tgz#d85b07da96e458d25b2ffe19fece9f2caa13ed86"
+  integrity sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==
+  dependencies:
+    clone "^2.1.1"
+    clone-buffer "^1.0.0"
+    clone-stats "^1.0.0"
+    cloneable-readable "^1.0.0"
+    remove-trailing-separator "^1.0.1"
+    replace-ext "^1.0.0"
+
 vlq@^0.2.2:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
@@ -13539,6 +16125,13 @@ void-elements@^2.0.1:
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
   integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
 
+vue-clipboard2@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/vue-clipboard2/-/vue-clipboard2-0.3.0.tgz#b04d3f9a2d46f12ca85178445930b38463640b22"
+  integrity sha512-6/Y9NJErWb4LNBLMgsJSdKb7KpF6/jqXagvKlYut6VQzQsNj6515FpwH0r5hhmeJMqaPzf1kxAw8L8Qvw/QBJQ==
+  dependencies:
+    clipboard "^2.0.0"
+
 vue-eslint-parser@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz#c268c96c6d94cfe3d938a5f7593959b0ca3360d1"
@@ -13584,17 +16177,27 @@ vue-jest@^3.0.4:
     tsconfig "^7.0.0"
     vue-template-es2015-compiler "^1.6.0"
 
-vue-loader@^15.7.0:
-  version "15.7.0"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.7.0.tgz#27275aa5a3ef4958c5379c006dd1436ad04b25b3"
-  integrity sha512-x+NZ4RIthQOxcFclEcs8sXGEWqnZHodL2J9Vq+hUz+TDZzBaDIh1j3d9M2IUlTjtrHTZy4uMuRdTi8BGws7jLA==
+vue-loader@^15.7.0, vue-loader@^15.7.1:
+  version "15.7.1"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.7.1.tgz#6ccacd4122aa80f69baaac08ff295a62e3aefcfd"
+  integrity sha512-fwIKtA23Pl/rqfYP5TSGK7gkEuLhoTvRYW+TU7ER3q9GpNLt/PjG5NLv3XHRDiTg7OPM1JcckBgds+VnAc+HbA==
   dependencies:
-    "@vue/component-compiler-utils" "^2.5.1"
+    "@vue/component-compiler-utils" "^3.0.0"
     hash-sum "^1.0.2"
     loader-utils "^1.1.0"
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-markdown-loader@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/vue-markdown-loader/-/vue-markdown-loader-2.4.1.tgz#324e730e21cfe2ab37f415ff7eaf4ca36696165f"
+  integrity sha512-1Kb3worY27DCCoNwenMfT/kH296SqVRiI1d1+uJh938xGxNBO2SNz+i4TcVph9PD8e5e2uGKG1taMvprfd7PqA==
+  dependencies:
+    cheerio "^0.20.0"
+    highlight.js "^9.4.0"
+    loader-utils "^1.1.0"
+    markdown-it "^8.4.0"
+
 vue-observe-visibility@^0.4.3:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/vue-observe-visibility/-/vue-observe-visibility-0.4.4.tgz#cf3e945bf80c1317a1c32bc516d6cfd4dda8f8fd"
@@ -13623,7 +16226,7 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.6.10:
+vue-template-compiler@^2.5.16, vue-template-compiler@^2.6.10:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz#323b4f3495f04faa3503337a82f5d6507799c9cc"
   integrity sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==
@@ -13706,6 +16309,11 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
+webidl-conversions@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-2.0.1.tgz#3bf8258f7d318c7443c36f2e169402a1a6703506"
+  integrity sha1-O/glj30xjHRDw28uFpQCoaZwNQY=
+
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
@@ -13863,6 +16471,35 @@ webpack-sources@^1.1.0, webpack-sources@^1.3.0:
     watchpack "^1.5.0"
     webpack-sources "^1.3.0"
 
+webpack@^4.36.1:
+  version "4.37.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.37.0.tgz#3508ef10f7996612c2be6026076d89760f776f54"
+  integrity sha512-iJPPvL7XpbcbwOthbzpa2BSPlmGp8lGDokAj/LdWtK80rsPoPOdANSbDBf2GAVLKZD3GhCuQ/gGkgN9HWs0Keg==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-module-context" "1.8.5"
+    "@webassemblyjs/wasm-edit" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+    acorn "^6.2.0"
+    ajv "^6.1.0"
+    ajv-keywords "^3.1.0"
+    chrome-trace-event "^1.0.0"
+    enhanced-resolve "^4.1.0"
+    eslint-scope "^4.0.0"
+    json-parse-better-errors "^1.0.2"
+    loader-runner "^2.3.0"
+    loader-utils "^1.1.0"
+    memory-fs "~0.4.1"
+    micromatch "^3.1.8"
+    mkdirp "~0.5.0"
+    neo-async "^2.5.0"
+    node-libs-browser "^2.0.0"
+    schema-utils "^1.0.0"
+    tapable "^1.1.0"
+    terser-webpack-plugin "^1.1.0"
+    watchpack "^1.5.0"
+    webpack-sources "^1.3.0"
+
 websocket-driver@>=0.5.1:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.3.tgz#a2d4e0d4f4f116f1e6297eba58b05d430100e9f9"
@@ -13889,6 +16526,13 @@ whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
+whatwg-url-compat@~0.6.5:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/whatwg-url-compat/-/whatwg-url-compat-0.6.5.tgz#00898111af689bb097541cd5a45ca6c8798445bf"
+  integrity sha1-AImBEa9om7CXVBzVpFymyHmERb8=
+  dependencies:
+    tr46 "~0.0.1"
+
 whatwg-url@^6.4.1:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
@@ -14051,20 +16695,35 @@ ws@^6.0.0, ws@^6.1.0:
   dependencies:
     async-limiter "~1.0.0"
 
+x-is-string@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
+  integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
+
 xdg-basedir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
   integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
 
+"xml-name-validator@>= 2.0.1 < 3.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-2.0.1.tgz#4d8b8f1eccd3419aa362061becef515e1e559635"
+  integrity sha1-TYuPHszTQZqjYgYb7O9RXh5VljU=
+
 xml-name-validator@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
-  integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68=
+xmlhttprequest@1:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz#67fe075c5c24fef39f9d65f5f7b7fe75171968fc"
+  integrity sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw=
+
+xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
 y18n@^3.2.1:
   version "3.2.1"
@@ -14094,7 +16753,7 @@ yargs-parser@^11.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^13.0.0, yargs-parser@^13.1.0:
+yargs-parser@^13.0.0, yargs-parser@^13.1.0, yargs-parser@^13.1.1:
   version "13.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
   integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
@@ -14109,7 +16768,7 @@ yargs-parser@^9.0.2:
   dependencies:
     camelcase "^4.1.0"
 
-yargs@12.0.5, yargs@^12.0.5:
+yargs@12.0.5, yargs@^12.0.2, yargs@^12.0.5:
   version "12.0.5"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.5.tgz#05f5997b609647b64f66b81e3b4b10a368e7ad13"
   integrity sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==
@@ -14144,7 +16803,7 @@ yargs@13.2.2:
     y18n "^4.0.0"
     yargs-parser "^13.0.0"
 
-yargs@13.2.4, yargs@^13.0.0:
+yargs@13.2.4:
   version "13.2.4"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.2.4.tgz#0b562b794016eb9651b98bd37acf364aa5d6dc83"
   integrity sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==
@@ -14179,6 +16838,22 @@ yargs@^11.0.0:
     y18n "^3.2.1"
     yargs-parser "^9.0.2"
 
+yargs@^13.0.0:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
+  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.1"
+
 yargs@~3.10.0:
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
@@ -14198,6 +16873,11 @@ yarn-install@^1.0.0:
     chalk "^1.1.3"
     cross-spawn "^4.0.2"
 
+yarn@^1.17.3:
+  version "1.17.3"
+  resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.17.3.tgz#60e0b77d079eb78e753bb616f7592b51b6a9adce"
+  integrity sha512-CgA8o7nRZaQvmeF/WBx2FC7f9W/0X59T2IaLYqgMo6637wfp5mMEsM3YXoJtKUspnpmDJKl/gGFhnqS+sON7hA==
+
 yauzl@2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.4.1.tgz#9528f442dab1b2284e58b4379bb194e22e0c4005"