fix(types): allow color identifiers with dashes (#3896)

noook · web-flow · commit e5a1e26f9db7 · 2025-04-15T10:58:14.000+02:00
diff --git a/src/templates.ts b/src/templates.ts
@@ -114,7 +114,7 @@ type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent'
 
 type AppConfigUI = {
   colors?: {
-    ${options.theme?.colors?.map(color => `${color}?: Color`).join('\n\t\t')}
+    ${options.theme?.colors?.map(color => `'${color}'?: Color`).join('\n\t\t')}
     neutral?: NeutralColor
   }
   icons?: Partial<typeof icons>

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@ type Color = Exclude<keyof typeof colors, 'inherit' \| 'current' \| 'transparent'`
`114`	`114`
`115`	`115`	`type AppConfigUI = {`
`116`	`116`	`colors?: {`
`117`		- ${options.theme?.colors?.map(color => `${color}?: Color`).join('\n\t\t')}
	`117`	+ ${options.theme?.colors?.map(color => `'${color}'?: Color`).join('\n\t\t')}
`118`	`118`	`neutral?: NeutralColor`
`119`	`119`	`}`
`120`	`120`	`icons?: Partial<typeof icons>`