Config issue to get DTCG type-shadow working

[julzmon]

Hello,

I’m having trouble compiling elevation tokens in DTCG format. Despite adding expand: true, my tokens are still ignored and are not compiling.

Here’s my token file:

{
  "menu": {
    "$type": "shadow",
    "$value": [
      {
        "color": "#00000005",
        "offsetX": { "value": 0px },
        "offsetY": { "value": 24px },
        "blur": { "value": 22px },
        "spread": { "value": 0px }
      },
      {
        "color": "#0000000a",
        "offsetX": { "value": 0px },
        "offsetY": { "value": 42px },
        "blur": { "value": 44px },
        "spread": { "value": 0px }
      }
    ]
  }
}

Am I missing a required configuration or transformation step? Any help would be greatly appreciated.

Thanks in advance!

[jorenbroekema]

Try:

{
  "menu": {
    "$type": "shadow",
    "$value": [
      {
        "color": "#00000005",
        "offsetX": "0px",
        "offsetY": "24px",
        "blur": "22px",
        "spread": "0px"
      },
      {
        "color": "#0000000a",
        "offsetX": "0px",
        "offsetY": "42px",
        "blur": "44px",
        "spread": "0px"
      }
    ]
  }
}

Currently, dimension tokens are still using the old format (string) rather than the new Object {value: number; unit: string} syntax.
See #1398