fix: add @import to global styles

implydata · Aug 20, 2021 · 48492c6 · 48492c6
1 parent 972c524
commit 48492c6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/packages/core/types/stitches.d.ts b/packages/core/types/stitches.d.ts
@@ -24,9 +24,14 @@ export default interface Stitches<
 	 * [Read Documentation](https://stitches.dev/docs/variants)
 	 */
 	globalCss: {
-		(style: {
-			[prelude: string]: CSSUtil.CSS<Media, Theme, ThemeMap, Utils>
-		}): {
+		<Prelude extends string>(
+			style: {
+				/** The **@import** CSS at-rule imports style rules from other style sheets. */
+				'@import'?: unknown
+			} & {
+				[K in Prelude]: K extends '@import' ? string : CSSUtil.CSS<Media, Theme, ThemeMap, Utils>
+			}
+		): {
 			(): string
 		}
 	},

diff --git a/packages/react/types/stitches.d.ts b/packages/react/types/stitches.d.ts
@@ -24,9 +24,14 @@ export default interface Stitches<
 	 * [Read Documentation](https://stitches.dev/docs/variants)
 	 */
 	globalCss: {
-		(style: {
-			[prelude: string]: CSSUtil.CSS<Media, Theme, ThemeMap, Utils>
-		}): {
+		<Prelude extends string>(
+			style: {
+				/** The **@import** CSS at-rule imports style rules from other style sheets. */
+				'@import'?: unknown
+			} & {
+				[K in Prelude]: K extends '@import' ? string : CSSUtil.CSS<Media, Theme, ThemeMap, Utils>
+			}
+		): {
 			(): string
 		}
 	},