Files
supabase/packages/ui/internals/transform/web/webGradient.js
T
Ivan Vasilov a4acebe1bc chore: Expand prettier commands to also run on packages (#32550)
* Run prettier on packages too.

* Add the generated files for icons to prettierignore.

* Format all files in the packages folder.

* Minor fix.
2025-01-03 16:23:32 +01:00

22 lines
600 B
JavaScript

const TinyColor = require('@ctrl/tinycolor')
module.exports = {
type: 'value',
matcher: function (token) {
return token.type === 'custom-gradient'
},
transformer: function ({ value }) {
const stopsString = value.stops
.map((stop) => {
return `${new TinyColor.TinyColor(stop.color).toRgbString()} ${stop.position * 100}%`
})
.join(', ')
if (value.gradientType === 'linear') {
return `linear-gradient(${value.rotation}deg, ${stopsString})`
}
if (value.gradientType === 'radial') {
return `radial-gradient(${stopsString})`
}
},
}