Types for tokens library (#507)

* Install typescript and types for react and react-dom * Add support for typescript by using .ts extensions for js files * Change file extensions to .ts in figma-broker
equinor · Nov 13, 2020 · ca8b367 · ca8b367
1 parent 46965c8
commit ca8b367
Show file tree

Hide file tree

Showing 11 changed files with 13 additions and 3 deletions.
diff --git a/apps/figma-broker/actions/createTokens.js b/apps/figma-broker/actions/createTokens.js
@@ -21,7 +21,7 @@ const PATHS_ = {
 }
 
 const writeJSTokens = (tokens) => {
-  writeResults(tokens, PATHS_.BASE_TOKENS_JS, 'js')
+  writeResults(tokens, PATHS_.BASE_TOKENS_JS, 'ts')
 
   const baseIndexContent = `${tokens
     .map((token) => `import { ${token.name} } from './${token.name}'`)
@@ -32,7 +32,7 @@ const writeJSTokens = (tokens) => {
   }
   `
 
-  writeFile(PATHS_.BASE_TOKENS_JS, 'index', 'js', baseIndexContent)
+  writeFile(PATHS_.BASE_TOKENS_JS, 'index', 'ts', baseIndexContent)
 
   // Disabled – shouldn’t really be done here…
   // writeFile(`${TOKENS_DIR}`, 'index', 'js', `export { tokens } from './base'`)

diff --git a/libraries/tokens/base/clickbounds.js → libraries/tokens/base/clickbounds.ts b/libraries/tokens/base/clickbounds.js → libraries/tokens/base/clickbounds.ts
diff --git a/libraries/tokens/base/colors.js → libraries/tokens/base/colors.ts b/libraries/tokens/base/colors.js → libraries/tokens/base/colors.ts
diff --git a/libraries/tokens/base/elevation.js → libraries/tokens/base/elevation.ts b/libraries/tokens/base/elevation.js → libraries/tokens/base/elevation.ts
diff --git a/libraries/tokens/base/index.js → libraries/tokens/base/index.ts b/libraries/tokens/base/index.js → libraries/tokens/base/index.ts
diff --git a/libraries/tokens/base/shape.js → libraries/tokens/base/shape.ts b/libraries/tokens/base/shape.js → libraries/tokens/base/shape.ts
diff --git a/libraries/tokens/base/spacings.js → libraries/tokens/base/spacings.ts b/libraries/tokens/base/spacings.js → libraries/tokens/base/spacings.ts
diff --git a/libraries/tokens/base/typography.js → libraries/tokens/base/typography.ts b/libraries/tokens/base/typography.js → libraries/tokens/base/typography.ts
diff --git a/libraries/tokens/index.js → libraries/tokens/index.ts b/libraries/tokens/index.js → libraries/tokens/index.ts
diff --git a/libraries/tokens/package.json b/libraries/tokens/package.json
@@ -37,7 +37,8 @@
   ],
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^8.0.1",
-    "rollup": "^2.15.0"
+    "rollup": "^2.15.0",
+    "typescript": "^4.0.2"
   },
   "engines": {
     "pnpm": ">=4",

diff --git a/libraries/tokens/pnpm-lock.yaml b/libraries/tokens/pnpm-lock.yaml