update linearGradient

jluyau · jluyau · commit 663c6b55e459 · 2025-01-07T12:53:53.000-08:00
diff --git a/packages/@react-spectrum/s2/style/spectrum-theme.ts b/packages/@react-spectrum/s2/style/spectrum-theme.ts
@@ -114,7 +114,7 @@ export function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `
 }
 
 export function linearGradient(angle: string, ...gradientTokens: [(keyof typeof tokens), (keyof typeof tokens)][]): string {
-  return `linear-gradient(${angle}, ${gradientTokens.map(([color, stop]) => `${getToken(color)} ${parseFloat(getToken(stop)) * 100}%`)})`;
+  return `linear-gradient(${angle}, ${gradientTokens.map(([color, stop]) => `${getToken(color as keyof typeof tokens)} ${parseFloat(getToken(stop as keyof typeof tokens)) * 100}%`)})`;
 }
 
 function generateSpacing<K extends number[]>(px: K): {[P in K[number]]: string} {

Original file line number	Diff line number	Diff line change
@@ -114,7 +114,7 @@ export function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`export function linearGradient(angle: string, ...gradientTokens: [(keyof typeof tokens), (keyof typeof tokens)][]): string {`
`117`		- return `linear-gradient(${angle}, ${gradientTokens.map(([color, stop]) => `${getToken(color)} ${parseFloat(getToken(stop)) * 100}%`)})`;
	`117`	+ return `linear-gradient(${angle}, ${gradientTokens.map(([color, stop]) => `${getToken(color as keyof typeof tokens)} ${parseFloat(getToken(stop as keyof typeof tokens)) * 100}%`)})`;
`118`	`118`	`}`
`119`	`119`
`120`	`120`	`function generateSpacing<K extends number[]>(px: K): {[P in K[number]]: string} {`