@muonic/muon 0.0.2-experimental-156-ab51545.0 → 0.0.2-experimental-158-15987fe.0

package/README.md

@@ -0,0 +1,38 @@
+# Muon
+
+> ⚠️ Experimental. Use at your own risk. Things might change and break.
+
+Muon is a versatile token based pattern library using webcomponents for Design Systems. It provides a foundation for building a Design System and a set of components to get you started. Unlike other pattern libraries we don't provide a set of styles, we provide a set of tokens that can be used to build your own styles.
+
+This means you can quickly get your own branded components up and running without having to write any CSS or JavaScript.
+
+## Useful links
+
+- [Component documentation](https://centrica-engineering.github.io/muon/)
+- [Storybook](https://main--61dd6b0ee46d9a004ac27873.chromatic.com/)
+
+## Installation
+
+```bash
+npm install --save @muonic/muon
+```
+
+## Create a new project
+
+```bash
+npm init muon
+```
+
+## Changelog
+
+See [CHANGELOG.md](CHANGELOG.md)
+
+## Design tokens and themes
+
+Muon uses design tokens to provide a consistent look and feel across all components. Tokens are defined in a JSON file and can be used to build your own styles. Muon provides a default theme that can be used as a starting point for your own theme.
+
+[MORE TO EXPLAIN HERE]
+
+## Creating a new component
+
+[MORE TO EXPLAIN HERE]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muonic/muon",
-  "version": "0.0.2-experimental-156-ab51545.0",
+  "version": "0.0.2-experimental-158-15987fe.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/storybook/stories.js

@@ -55,10 +55,7 @@ export default (name, el) => {
       } else if (typeof args[arg] === 'number') {
         return `${arg}=${args[arg]}`;
       } else if (Array.isArray(args[arg])) {
-        const arrayArgs = args[arg].map((arrayVal) => {
-          return `"${arrayVal}"`;
-        });
-        return `${arg}=[${arrayArgs}]`;
+        return `${arg}='${JSON.stringify(args[arg])}'`;
       } else {
         return `${arg}="${args[arg]}"`;
       }