@muonic/muon 0.0.2-experimental-151-6e27a7a.0 → 0.0.2-experimental-152-a931dc2.0

package/components/card/src/card-component.js

@@ -5,6 +5,8 @@ import { Image } from '@muon/components/image';
 import styles from './card-styles.css';
 
 /**
+ * A card is a container for content.
+ *
  * @element card
  */
 export class Card extends ScopedElementsMixin(ImageHolderMixin(CardMixin(MuonElement))) {

package/components/image/src/image-component.js

@@ -9,8 +9,8 @@ import {
 
 import styles from './image-styles.css';
 
-/**.
- * Loading images with default lazy loading
+/**
+ * Loading images with default lazy loading.
  *
  * @element image
  */

package/components/inputter/src/inputter-component.js

@@ -205,8 +205,8 @@ export class Inputter extends ScopedElementsMixin(ValidationMixin(MaskMixin(Muon
   }
 }
 
-/**.
- * InputterDetail component to handle helper text
+/**
+ * InputterDetail component to handle helper text.
  *
  * @element inputter-detail
  * @private

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muonic/muon",
-  "version": "0.0.2-experimental-151-6e27a7a.0",
+  "version": "0.0.2-experimental-152-a931dc2.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/scripts/style-dictionary.mjs

@@ -21,6 +21,16 @@ export default {
         }
       ]
     },
+    ref: {
+      buildPath: path.join(buildPath, 'json/'),
+      transforms: ['color/css', 'size/rem'],
+      files: [
+        {
+          destination: 'muon-tokens-reference.json',
+          format: 'json/reference'
+        }
+      ]
+    },
     es6: {
       buildPath: path.join(buildPath, 'es6/'),
       transforms: ['name/cti/constant', 'color/css', 'size/rem'],

package/scripts/utils/index.mjs

@@ -12,6 +12,7 @@ import path from 'path';
 import styleConfig from '../style-dictionary.mjs';
 import colorTransform from '../../tokens/utils/transforms/color.js';
 import stringTransform from '../../tokens/utils/transforms/string.js';
+import jsonReference from '../../tokens/utils/formats/reference.js';
 
 import { fileURLToPath } from 'url';
 
@@ -234,6 +235,8 @@ const styleDictionary = async () => {
 
   const styleDict = StyleDictionary.extend(styleConfig);
 
+  styleDict.registerFormat(jsonReference);
+
   styleDict.registerFormat({
     name: 'css/fonts',
     formatter: cssFontTemplate

package/tokens/utils/formats/reference.js

@@ -0,0 +1,17 @@
+module.exports = {
+  name: 'json/reference',
+  formatter: function ({ dictionary }) {
+    const tokens = dictionary.allTokens.map((token) => {
+      token.usesReference = dictionary.usesReference(token.original.value);
+      if (token.usesReference) {
+        token.references = dictionary.getReferences(token.original.value);
+      }
+
+      token.nestedName = token.path.join('.').toLowerCase();
+
+      return token;
+    });
+
+    return JSON.stringify(tokens, null, 2);
+  }
+};