How to alias in values from external files?

Currently I have separated tokens into their respective package (typo, color, size etc), but how can i alias in size into typo? The generation of tokens happens in their respective packages.

like so, a spacing file at `packages/size:

{
  "size": {
    "spacing": {
      "4": { "value": "0.25rem" }
    }
  }
}

That i want to be inherited into this file, at `packages/typography:

{
  "size": {
    "line-height": {
      "4": { "value": "{tokens.size.spacing.4.value}" }
    }
  }
}

[dbanksdesign]

There are a few ways… For simplicity let’s focus on 2 packages, package A and package B. You want to reference a token from package A in package B.

1. You could export an extended style dictionary from each package. The .extend() function on Style Dictionary is like creating a new instance of Style Dictionary with the configuration and tokens added into it (from source and include arrays). You can then export this object from one package (package A), import it in another package (package B) and add more tokens and configuration to it. You would need to filter out any tokens not from package A, which can be done with the new filePath attribute added in the upcoming version.

// package A
const StyleDictionary = require('style-dictionary');
module.exports = StyleDictionary.extend({
  source: [`${__dirname}/tokens/**/*.json`],
  //...
});

// package B
const spaceStyleDictionary = require('package-a');

spaceStyleDictionary.extend({
  source: [`${__dirname}/tokens/**/*.json`],
  //...
}).buildAllPlatforms();

1. Generate a JSON file of tokens and include it This is why there is an include array in the configuration, if you wanted to include tokens from another package. In package A you can generate a plain JSON file with the json format. Then in package B you can include that generated file. You will still need to filter out tokens when generating files in package B, but there is another token attribute, isSource you can use.

Hope this helps!

[phun-ky]

@chazzmoney yeah, sorry. haven’t tested the proposed solution yet, but will do. I had to manually insert values for the separate pacakges. Thank you 😃