Add support for styled-components v6

ben-rogerson · Jul 25, 2023 · 206c024 · 206c024
1 parent 45ff6ad
commit 206c024
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/core/lib/twinConfig.ts b/src/core/lib/twinConfig.ts
@@ -25,6 +25,11 @@ const TWIN_CONFIG_DEFAULTS = {
 } as const
 
 // Defaults for different css-in-js libraries
+
+const configDefaultsStyledComponents = {
+  sassyPseudo: true, // Sets selectors like hover to &:hover
+} as const
+
 const configDefaultsGoober = {
   sassyPseudo: true, // Sets selectors like hover to &:hover
 } as const
@@ -47,13 +52,15 @@ const configDefaultsStitches = {
 
 function configDefaultsTwin({
   isSolid,
+  isStyledComponents,
   isGoober,
   isStitches,
   isDev,
 }: GetPackageUsed & { isDev: boolean }): TwinConfigAll {
   return {
     ...TWIN_CONFIG_DEFAULTS,
     ...(isSolid && configDefaultsSolid),
+    ...(isStyledComponents && configDefaultsStyledComponents),
     ...(isGoober && configDefaultsGoober),
     ...(isStitches && configDefaultsStitches),
     dataTwProp: isDev,