fix token extraction (#188)

chakra-ui · Nov 26, 2024 · 9cd3af4 · 9cd3af4
2 parents ce87d65 + ea9b523
commit 9cd3af4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/cool-waves-enjoy.md b/.changeset/cool-waves-enjoy.md
@@ -0,0 +1,5 @@
+---
+'@pandacss/eslint-plugin': patch
+---
+
+Fix token extraction
diff --git a/plugin/src/utils/helpers.ts b/plugin/src/utils/helpers.ts
@@ -248,7 +248,7 @@ export const isColorToken = (value: string | undefined, context: RuleContext<any
 const invalidTokensCache = new Map<string, string[]>()
 
 export const extractTokens = (value: string) => {
-  const regex = /token\(([^"'(),]+)(?:,\s*([^"'(),]+))?\)|\{([^{}]+)\}/g
+  const regex = /token\(([^"'(),]+)(?:,\s*([^"'(),]+))?\)|\{([^{\r\n}]+)\}/g
   const matches = []
   let match
 

diff --git a/plugin/tests/_parsing.test.ts b/plugin/tests/_parsing.test.ts
@@ -178,6 +178,11 @@ const valids5 = [
   'const className = css`\n  font-size: {fontSizes.md};`',
   'const className = styled.h1`\n  font-size: {fontSizes.md};`',
   'const className = styled(Circle)`\n  font-size: {fontSizes.md};`',
+  `const className = css\`\n  
+    @media (min-width: token(breakpoints.lg)) {
+      grid-template-columns: auto 450px;
+    }
+  \``,
 ]
 
 const invalids5 = [