style-dictionary/examples/advanced/yaml-tokens/sd.config.js

Style once, use everywhere. A build system for creating cross-platform styles.

import yaml from 'yaml';
import { formats, transformGroups } from 'style-dictionary/enums';

export default {
  hooks: {
    parsers: {
      'yaml-parser': {
        // A custom parser will only run against filenames that match the pattern
        // This pattern will match any file with the .yaml extension.
        // This allows you to mix different types of files in your token source
        pattern: /\.yaml$/,
        // the parse function takes a single argument, which is an object with
        // 2 attributes: contents which is a string of the file contents, and
        // filePath which is the path of the file.
        // The function is expected to return a plain object.
        parser: ({ contents }) => yaml.parse(contents),
      },
    },
  },
  parsers: ['yaml-parser'],
  source: [`tokens/**/*.yaml`],
  platforms: {
    css: {
      transformGroup: transformGroups.css,
      buildPath: 'build/',
      files: [
        {
          destination: 'variables.css',
          format: formats.cssVariables,
        },
      ],
    },
  },
};