Better support for radial gradient

[Yoksy]

Hello Lukas, thank you for this amazing plugin, its helping greatly my team settings up design tokens from figma to our apps!

I have noticed that the position parameter is missing when exporting radial gradient.

Example : radial-gradient(100% 100% at 50% red 0, green 100%) where 100% 100% at 50% is the position param.

Current export look like this:

"primary-radial": {
  "description": "",
  "type": "custom-gradient",
  "value": {
    "gradientType": "radial",
    "rotation": 87.7787395349543,
    "stops": [
        {
            "position": 0,
            "color": "red"
        },
        {
            "position": 1,
            "color": "green"
        }
    ]
},

And the exported CSS variable look like this : radial-gradient(red 0%, green 100%)

Could you look into it ? Thanks.

[nmereus-turner]

I have a similar issue with linear gradients not exporting the variables properly.

Export: "50% overlay": { "description": "", "type": "custom-gradient", "value": { "gradientType": "linear", "rotation": 360, "stops": [ { "position": 0, "color": "#000000cc" }, { "position": 0.53, "color": "#00000000" } ] },

Is exporting this as variable: $gradient-gradient-50-overlay: [object Object];

[lukasoppermann]

Hmm, this does seem wrong.

So the position you get is basically 0% and 100%. Can you please attach a picture of how the gradient looks in figma?

[Yoksy]

So the position you get is basically 0% and 100%.

Yes

Can you please attach a picture of how the gradient looks in figma?