@muonic/muon 0.0.2-beta.0 → 0.0.2-beta.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.2-beta.2](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.1...v0.0.2-beta.2) (2023-02-16)
+
+
+### Bug Fixes
+
+* rename package to alias ([a9e41bc](https://github.com/centrica-engineering/muon/commit/a9e41bccb73188ba931bec65f9f51ff74b27169c))
+
+### [0.0.2-beta.1](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.0...v0.0.2-beta.1) (2022-10-31)
+
+
+### Bug Fixes
+
+* array arg type ([1dd2131](https://github.com/centrica-engineering/muon/commit/1dd213106ec8aec21d62c795e8af332d4f550aac))
+
 ### [0.0.2-beta.0](https://github.com/centrica-engineering/muon/compare/v0.0.2-alpha.2...v0.0.2-beta.0) (2022-10-04)
 
 

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/components/card/story.js

@@ -1,7 +1,7 @@
-import { Card } from '@muonic/muon/components/card';
-import setup from '@muonic/muon/storybook/stories';
-import { StandardLink as CTALink } from '../cta/story';
 import { staticHTML, unsafeStatic } from '@muonic/muon';
+import setup from '@muonic/muon/storybook/stories';
+import { Card } from '@muon/components/card';
+import { StandardLink as CTALink } from '@muon/components/cta/story';
 
 const details = setup('card', Card);
 

package/components/cta/story.js

@@ -1,6 +1,6 @@
-import { Cta } from '@muonic/muon/components/cta';
-import setup from '@muonic/muon/storybook/stories';
 import { staticHTML } from '@muonic/muon';
+import setup from '@muonic/muon/storybook/stories';
+import { Cta } from '@muon/components/cta';
 
 const details = setup('cta', Cta);
 const tag = details.getTagEl();

package/components/detail/story.js

@@ -1,6 +1,6 @@
-import { Detail } from '@muonic/muon/components/detail';
-import setup from '@muonic/muon/storybook/stories';
 import { staticHTML, unsafeStatic } from '@muonic/muon';
+import setup from '@muonic/muon/storybook/stories';
+import { Detail } from '@muon/components/detail';
 
 const details = setup('detail', Detail);
 

package/components/form/story.js

@@ -1,8 +1,8 @@
-import { Form } from '@muonic/muon/components/form';
-import setup from '@muonic/muon/storybook/stories';
-import * as InputterStories from '../inputter/story';
-import { Standard as SubmitCTA } from '../cta/story';
 import { staticHTML } from '@muonic/muon';
+import setup from '@muonic/muon/storybook/stories';
+import { Form } from '@muon/components/form';
+import * as InputterStories from '@muon/components/inputter/story';
+import { Standard as SubmitCTA } from '@muon/components/cta/story';
 
 const details = setup('form', Form);
 

package/components/icon/story.js

@@ -1,5 +1,5 @@
-import { Icon } from '@muonic/muon/components/icon';
 import setup from '@muonic/muon/storybook/stories';
+import { Icon } from '@muon/components/icon';
 import {
   ICON_CONFIG_SIZES
 } from '@muonic/muon/build/tokens/es6/muon-tokens.mjs';

package/components/image/story.js

@@ -1,5 +1,5 @@
-import { Image } from '@muonic/muon/components/image';
 import setup from '@muonic/muon/storybook/stories';
+import { Image } from '@muon/components/image';
 import { IMAGE_CONFIG_RATIOS } from '@muonic/muon/build/tokens/es6/muon-tokens.mjs';
 
 const details = setup('image', Image);

package/components/inputter/story.js

@@ -1,7 +1,7 @@
-import { Inputter } from '@muonic/muon/components/inputter';
+import { staticHTML, unsafeStatic } from '@muonic/muon';
 import setup from '@muonic/muon/storybook/stories';
+import { Inputter } from '@muon/components/inputter';
 import customValidation from '@muon/utils/validation/index.js';
-import { staticHTML, unsafeStatic } from '@muonic/muon';
 
 const details = setup('inputter', Inputter);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muonic/muon",
-  "version": "0.0.2-beta.0",
+  "version": "0.0.2-beta.2",
   "description": "",
   "main": "index.js",
   "scripts": {

package/rollup.config.mjs

@@ -1,10 +1,10 @@
 import merge from 'deepmerge';
-import { rollupPlugins } from '@muonic/muon/scripts/rollup-plugins.mjs';
 import virtual from '@rollup/plugin-virtual';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import { createBasicConfig } from '@open-wc/building-rollup';
-import { componentDefiner, getDestination } from '@muonic/muon/scripts/utils/index.mjs';
 import path from 'path';
+import { componentDefiner, getDestination } from '@muonic/muon/scripts/utils/index.mjs';
+import { rollupPlugins } from '@muonic/muon/scripts/rollup-plugins.mjs';
 
 const config = createBasicConfig();
 const input = 'index.js';

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]}"`;
       }

package/tests/components/card/card.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
-import { defaultChecks } from '../../helpers';
 import { Card } from '@muonic/muon/components/card';
+import { defaultChecks } from '../../helpers';
 
 const tag = unsafeStatic(defineCE(Card));
 

package/tests/components/cta/cta.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
-import { defaultChecks } from '../../helpers';
 import { Cta } from '@muonic/muon/components/cta';
+import { defaultChecks } from '../../helpers';
 
 const tagName = defineCE(Cta);
 const tag = unsafeStatic(tagName);

package/tests/components/form/form.test.js

@@ -1,10 +1,10 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
 import sinon from 'sinon';
-import { defaultChecks } from '../../helpers';
 import { Form } from '@muonic/muon/components/form';
 import { Inputter } from '@muonic/muon/components/inputter';
 import { Cta } from '@muonic/muon/components/cta';
+import { defaultChecks } from '../../helpers';
 
 const tagName = defineCE(Form);
 const tag = unsafeStatic(tagName);

package/tests/components/icon/icon.test.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
 import sinon from 'sinon';
-import { defaultChecks } from '../../helpers';
 import { Icon } from '@muonic/muon/components/icon';
+import { defaultChecks } from '../../helpers';
 
 const tagName = defineCE(Icon);
 const tag = unsafeStatic(tagName);

package/tests/components/image/image.test.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic, nextFrame } from '@open-wc/testing';
 import sinon from 'sinon';
-import { defaultChecks } from '../../helpers';
 import { Image } from '@muonic/muon/components/image';
+import { defaultChecks } from '../../helpers';
 
 const tagName = defineCE(Image);
 const tag = unsafeStatic(tagName);

package/tests/components/inputter/inputter.test.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
+import sinon from 'sinon';
 import { Inputter } from '@muonic/muon/components/inputter';
 import { defaultChecks, fillIn } from '../../helpers';
-import sinon from 'sinon';
 
 const tagName = defineCE(Inputter);
 const tag = unsafeStatic(tagName);

package/tests/mixins/detail.test.js

@@ -1,10 +1,10 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic, waitUntil } from '@open-wc/testing';
-import { MuonElement } from '@muonic/muon';
 import sinon from 'sinon';
-import { defaultChecks } from '../helpers';
+import { MuonElement } from '@muonic/muon';
 import { DetailMixin } from '@muonic/muon/mixins/detail-mixin';
 import { Detail } from '@muonic/muon/components/detail';
+import { defaultChecks } from '../helpers';
 
 const MuonDetailElement = class extends DetailMixin(MuonElement) {};
 

package/tests/mixins/form-element.test.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
-import { FormElementMixin } from '@muonic/muon/mixins/form-element-mixin';
-import { MuonElement, classMap } from '@muonic/muon';
 import sinon from 'sinon';
+import { MuonElement, classMap } from '@muonic/muon';
+import { FormElementMixin } from '@muonic/muon/mixins/form-element-mixin';
 import { defaultChecks, fillIn, selectEvent } from '../helpers';
 
 const MuonFormElement = class extends FormElementMixin(MuonElement) {

package/tests/mixins/mask.test.js

@@ -1,9 +1,9 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic, waitUntil } from '@open-wc/testing';
+import sinon from 'sinon';
 import { MuonElement } from '@muonic/muon';
 import { MaskMixin } from '@muonic/muon/mixins/mask-mixin';
 import { defaultChecks, fillIn } from '../helpers';
-import sinon from 'sinon';
 
 const Inputter = class extends MaskMixin(MuonElement) {
 

package/tests/mixins/validation.test.js

@@ -1,9 +1,9 @@
 /* eslint-disable no-undef */
 import { expect, fixture, html, defineCE, unsafeStatic } from '@open-wc/testing';
-import { MuonElement } from '@muonic/muon';
 import sinon from 'sinon';
-import { defaultChecks, fillIn, selectEvent } from '../helpers';
+import { MuonElement } from '@muonic/muon';
 import { ValidationMixin } from '@muonic/muon/mixins/validation-mixin';
+import { defaultChecks, fillIn, selectEvent } from '../helpers';
 
 const MuonValidationElement = class extends ValidationMixin(MuonElement) {