salesforce-ux/gulp-theo

Gulp-theo is a plugin that transforms and formats Design Tokens

gulp-theo's Issues

Multiple file outputs

Hey, gulp noob user here!

In the advanced usage documentation it mentions that the configuration outputs to multiple formats but I don't quite see which part does that.

If I wanted to use the same single yml file to output multiple different formats how would I do that? Ie. tokens.yml -> variables.css & variables.js

Upgrade to latest Gulp?

Hey there! We are using Theo + Gulp Theo - and we are looking to upgrade our Node version, looks like the Gulp we use is only supported up to node version 12. Are there any plans to rewrite Gulp theo so it is compatible with the new format?

I'm not able to pass options to Theo (transformPropName)

As per documentation, I should be able to pass additional options to Theo

// When passing "format" options to theo.convert(), this format can be
// passed some additional options
let formatOptions = {
  type: 'html',
  options: {
    transformPropName: name => name.toUpperCase()
  }
};

If I try to do that using gulp-plugin it wont work:

gulpTheo.plugin({
  transform: { type: 'web' },
  format: { type: 'html' },
  options: {
       transformPropName: name => `<p>${name}</p>`
  }
})

also I tried this way:

gulpTheo.plugin({
  transform: { 
     type: 'web',
     options: {
        transformPropName: name => `<p>${name}</p>`
    }
 },
  format: { type: 'html' },
})

Theo doesn't parse hex values for color

Unless I'm missing something, if I have the following in my aliases.yml:

---
aliases:
  # colors
  dark-blue: #003e52
  orange: #c18510

The output doesn't read hex values and I get:

$dark-blue: rgb(0, 0, 0);
$orange rgb(0, 0, 0);

...for all colors.

I'm also noticing the ability to just pass through token values that don't necessarily map to one of your existing formats. Might be worth allowing a general type/category for this.

Immutable.List(...).traverse is not a function

After installing the most recent version of gulp-theo we receive the following error when running the defined task:

(node:57669) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 8): TypeError in plugin 'gulp-theo'
Message:
    Immutable.List(...).traverse is not a function

Peer dependency warning on theo@^8

At present, npm install --save-dev gulp-theo theo produces the following warning:

npm WARN [email protected] requires a peer of theo@^7.0.1 but none is installed. You must install peer dependencies yourself.