fix types

emotion-js · Jan 8, 2024 · cc913db · cc913db
1 parent 2ab577f
commit cc913db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/serialize/types/index.d.ts b/packages/serialize/types/index.d.ts
@@ -11,7 +11,9 @@ export type CSSPropertiesWithMultiValues<Props = unknown> = {
   [K in keyof CSSProperties]:
     | CSSProperties[K]
     | ReadonlyArray<Extract<CSSProperties[K], string>>
-    | ((props: Props) => number | string)
+    | ((
+        props: Props
+      ) => CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>>)
 }
 
 export type CSSPseudos<Props = unknown> = {
@@ -39,7 +41,7 @@ export type CSSInterpolation<Props = unknown> =
 export interface CSSOthersObject<Props = unknown> {
   [propertiesName: string]:
     | CSSInterpolation<Props>
-    | ((props: Props) => number | string)
+    | ((props: Props) => CSSInterpolation<Props>)
 }
 
 export interface CSSObject<Props = unknown>

diff --git a/packages/serialize/types/tests.ts b/packages/serialize/types/tests.ts
@@ -39,9 +39,11 @@ serializeStyles(
 // $ExpectType SerializedStyles
 serializeStyles<{ vars: { background: string; foreground: string } }>([
   {
+    display: () => ['-webkit-flex', 'flex'],
     backgroundColor: ({ vars }) => vars.background,
     color: ({ vars }) => vars.foreground,
     lineHeight: ({ vars }) => 1.2,
+    '--css-var': ({ vars }) => vars.foreground,
     '&:hover': {
       backgroundColor: ({ vars }) => vars.foreground,
       color: ({ vars }) => vars.background