Vue Design System Versions Save

• Removes malicious NPM package (event-stream)
• Updates Styleguidist to latest
• Updates all other dependencies too
• Fixes #135

• Update Styleguidist and other dependencies to fix the following issue: https://github.com/vue-styleguidist/vue-styleguidist/issues/216

• Switched from Uglify.js to Terser
• Fixes #120

• Adds system version to documentation sidebar.
• Makes it easier to copy variable names from documentation.
• Adds better build instructions into console.
• Fixes a bug with active nav items.
• Added example on how to use vueds on a static website: https://github.com/viljamis/vue-design-system-example-website
• Makes it easier to remove all existing tokens and start defining your own.
• Makes it easier to style the documentation.
• Provides SCSS defaults for Icon element since it’s used in docs.
• Provides default JSON tokens for docs so that the components listing won’t break as easily.

Example of the new version badge:

• Updates Vue Styleguidist to latest
• Updates the rest of the dependencies to latest

• Makes Vue Design System compatible with Vue.js 2.5.17
• Design System build optimization: The default library build went down from 106kb to 16.1kb
• Adds Nuxt.js support, see a simplified demo: https://github.com/viljamis/nuxt-design-system
• Adds a demo and instructions for NPM usage: https://github.com/viljamis/vue-design-system-example
• Fixes #90, #92, #69, #94

Migration guide

• Vue Design System is now using simpler and shorter naming conventions. This means that most of the token and component names have been updated. See updated instructions: https://github.com/viljamis/vue-design-system/wiki/naming-of-Things

• Importing the system via NPM has changed slightly (see the updated CSS path):

  import DesignSystem from 'vue-design-system'
  import 'vue-design-system/dist/system/system.css'
  
  Vue.use(DesignSystem)
  

• All styles for the documentation have been updated. To apply these changes, you’ll have to manually pull changes from docs.tokens.scss because of the new naming format.

• Fixes bugs with NPM library build
• Make libraryTarget and perf hints configurable options in config/index.js
• Opens documentation by default instead of the Vue.js app

• Breaking change: New simpler naming conventions for sizes (docs updated too)
• Adds support for Sass Indented syntax
• Improves all existing demo components
• Adds new button, textarea, and paragraph examples
• Improves overall styles of docs

• Vue Design System now shows both Vue.js and HTML markup. Preview: https://vueds.com/example/#/Elements/FormInput
• Define and work with Vue.js components as usual. The tool will automatically convert them to HTML and show both in the documentation.
• This change will make it much easier to understand what is being rendered in addition to making it possible to copy and paste the markup and use it in any context.
• See example screenshots:

• Upgraded to Babel 7 (Please note that this is a breaking change, see migration guide: https://babeljs.io/docs/en/v7-migration)
• Fixes IE11 support and errors
• Updates all dependencies to latest
• Adds simpler and better supported SVG example component