[Darkside] ✨ Now adds version-tokens to tokens css (#3466)

* ✨ Now adds version-tokens to tokens css * ♻️ Remove redundant exist-check
navikt · Dec 19, 2024 · 3025e4e · 3025e4e
1 parent 043277f
commit 3025e4e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/@navikt/core/tokens/config/version-tag.ts b/@navikt/core/tokens/config/version-tag.ts
@@ -1,14 +1,17 @@
 import { readFileSync, writeFileSync } from "fs";
 
-const cssFilePath = "./dist/tokens.css";
+const cssFilePaths = ["./dist/tokens.css", "./dist/darkside/tokens.css"];
 const packageJsonPath = "./package.json";
 
 const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
 const version = packageJson.version;
 
-let cssContent = readFileSync(cssFilePath, "utf8");
+for (const path of cssFilePaths) {
+  let cssContent = readFileSync(path, "utf8");
 
-if (!cssContent.includes("--a-version")) {
-  cssContent = cssContent.replace("{", `{\n  --a-version: "${version}";`);
-  writeFileSync(cssFilePath, cssContent);
+  cssContent = cssContent.replace(
+    ":root, :host {",
+    `:root, :host {\n  --ax-version: "${version}";`,
+  );
+  writeFileSync(path, cssContent);
 }
diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json
@@ -17,7 +17,7 @@
     "docs.json"
   ],
   "scripts": {
-    "build": "tsx ./config/build.ts > /dev/null && tsx ./config/version-tag.ts && yarn build:darkside",
+    "build": "tsx ./config/build.ts > /dev/null && yarn build:darkside && tsx ./config/version-tag.ts",
     "build:darkside": "tsx ./darkside && yarn build:figma-config && yarn build:plugin",
     "build:figma-config": "tsx ./darkside/figma",
     "build:plugin-dev": "esbuild darkside/figma/plugin/plugin.ts --target=es2016 --bundle --define:process.env.NODE_ENV=\\\"development\\\" --outfile='darkside/figma/plugin/plugin.js'",