Add syntax for css classes to variables (#779)

* Add syntax for css classes to variables * Update jsonFigma.ts * adding utility classes * adding utility classes * add classes to dark mode * Update src/tokens/functional/size/size.json Co-authored-by: Katie Langerman <[email protected]> * Update src/tokens/functional/size/size.json Co-authored-by: Katie Langerman <[email protected]> * Update src/tokens/functional/size/size.json Co-authored-by: Katie Langerman <[email protected]> --------- Co-authored-by: Katie Langerman <[email protected]>
primer · Nov 22, 2023 · 105afb5 · 105afb5
1 parent 8ba7d6b
commit 105afb5
Show file tree

Hide file tree

Showing 8 changed files with 386 additions and 15 deletions.
diff --git a/.changeset/yellow-shrimps-deliver.md b/.changeset/yellow-shrimps-deliver.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+adding CodeSyntax to tokens for figma
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,7 +3,7 @@
   "editor.formatOnSave": true,
   "prettier.configPath": ".prettierrc.js",
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

diff --git a/src/formats/jsonFigma.ts b/src/formats/jsonFigma.ts
@@ -37,7 +37,7 @@ export const jsonFigma: StyleDictionary.Formatter = ({dictionary, file: _file, p
   // sort tokens by reference
   const tokens = dictionary.allTokens.sort(sortByReference(dictionary)).map(token => {
     const {attributes, value, $type, comment: description, original, alpha, mix} = token
-    const {mode, collection, scopes, group} = attributes || {}
+    const {mode, collection, scopes, group, codeSyntax} = attributes || {}
 
     return {
       name: token.name,
@@ -52,6 +52,7 @@ export const jsonFigma: StyleDictionary.Formatter = ({dictionary, file: _file, p
       mode,
       group,
       scopes,
+      codeSyntax,
     }
   })
   // add file header and convert output