update docs

chakra-ui · Jan 26, 2024 · 9694af5 · 9694af5
1 parent 568498d
commit 9694af5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/docs/rules/no-invalid-token-paths.md b/docs/rules/no-invalid-token-paths.md
@@ -29,7 +29,13 @@ import { Circle } from './panda/jsx';
 function App(){
   // \`1\` does not exist in borderWidths, and \`grays\` is not a valid color token. Assuming we're using the default panda presets
   return  <Circle _hover={{  border: 'solid {borderWidths.1} token(colors.grays.100, #F3F4F6)' }} />;
-}
+};
+
+import { css } from './panda/css';
+
+const className = css`
+  font-size: {fontSizes.emd};
+`
 ```
 
 ✔️ Examples of **correct** code:
@@ -48,7 +54,13 @@ import { Circle } from './panda/jsx';
 
 function App(){
   return  <Circle _hover={{  border: 'solid 1px token(colors.gray.100, #F3F4F6)' }} />;
-}
+};
+
+import { css } from './panda/css';
+
+const className = css`
+  font-size: {fontSizes.md};
+`
 ```
 
 ## Resources

diff --git a/plugin/tests/no-invalid-token-paths.test.ts b/plugin/tests/no-invalid-token-paths.test.ts
@@ -3,8 +3,8 @@ import rule, { RULE_NAME } from '../src/rules/no-invalid-token-paths'
 
 const javascript = String.raw
 
-const validLiteral = 'const className = css`\n  font-size: {fontSizes.md};`'
-const invalidLiteral = 'const className = css`\n  font-size: {fontSizes.emd};`'
+const validLiteral = 'const className = css`\n  font-size: {fontSizes.md};\n`'
+const invalidLiteral = 'const className = css`\n  font-size: {fontSizes.emd};\n`'
 
 const valids = [
   {