css-gradient-parser

This lib intends to give a parser for satori so that we can handle more gradient features

API

$3

``ts
interface LinearOrientation {
type: 'directional' | 'angular'
value: string
}

interface LinearResult {
orientation: LinearOrientation
repeating: boolean
stops: ColorStop[]
}
`

$3


`ts
type ValueType = 'keyword' | 'length'

interface RadialResult {
shape: 'circle' | 'ellipse'
repeating: boolean
size: {
type: ValueType
value: string
}[]
position: {
x: { type: ValueType, value: string }
y: { type: ValueType, value: string }
}
stops: ColorStop[]
}
`

$3


`ts
type RectColorSpace = 'srgb' | 'srgb-linear' | 'lab' | 'oklab' | 'xyz' | 'xyz-d50' | 'xyz-d65'
type PolarColorSpace = 'hsl' | 'hwb' | 'lch' | 'oklch'
type HueInterpolationMethod = ${'shorter' | 'longer' | 'increasing' | 'decreasing'} hue

interface ConicGradient {
angle: string
repeating: boolean
position: string
color?: Color
stops: ColorStop[]
}

type Color = {
space: RectColorSpace | PolarColorSpace
method?: HueInterpolationMethod
}
``

- [x] linear-gradient
- [x] radial-gradient
- [x] conic-gradient
- [x] repeating-linear-gradient
- [x] repeating-radial-gradient
- [x] repeating-conic-gradient

LICENSE

MIT