Style Dictionary Filter Example

index.js

const StyleDictionary = require('style-dictionary');

StyleDictionary.registerFilter({
  name: 'test',
  matcher: (prop) => {
    return prop.attributes.category === 'color';
  }
});

StyleDictionary.extend({
  properties: {
    color: {
      white: { value: "#fff" }
    },
    size: {
      large: { value: 10 }
    }
  },
  platforms: {
    test: {
      transforms: ['attribute/cti'],
      files: [{
        destination: 'dist/variables.css',
        filter: 'test',
        format: 'css/variables'
      }]
    }
  }
}).buildAllPlatforms();