Build rgb variables

warp-ds · Jun 4, 2024 · cc9ca3b · cc9ca3b
1 parent f5db7e7
commit cc9ca3b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/data/figma.json b/data/figma.json
diff --git a/styledictionary.js b/styledictionary.js
@@ -12,25 +12,32 @@ export function generateSDAssets() {
     const config = {
       source: [path.join(tokensPath, brandMode, "*.json")],
       platforms: {
-        scss: {
-          transformGroup: "scss",
+        css: {
+          transformGroup: "css",
           buildPath: `output/web/${brandMode}/`,
           files: [
             {
-              destination: "_variables.scss",
-              format: "scss/variables",
+              destination: "variables.css",
+              format: "css/variables",
               options: {
                 outputReferences: true,
               },
             },
           ],
         },
-        css: {
-          transformGroup: "css",
+        cssRgb: {
+          transforms: [
+            "attribute/cti",
+            "name/cti/kebab",
+            "time/seconds",
+            "content/icon",
+            "size/rem",
+            "color/rgb",
+          ],
           buildPath: `output/web/${brandMode}/`,
           files: [
             {
-              destination: "variables.css",
+              destination: "variables-rgb.css",
               format: "css/variables",
               options: {
                 outputReferences: true,