task: remove collection-core

wellcometrust · Jun 27, 2024 · dad0e40 · dad0e40
1 parent c89f09c
commit dad0e40
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 293 deletions.
diff --git a/build.js b/build.js
@@ -6,7 +6,7 @@ import transformToRem from "./utils/transforms/transformToRem.js";
 
 registerTransforms(StyleDictionary);
 
-const tokenGroups = ["core", "semantic", "collection-core"];
+const tokenGroups = ["core", "semantic"];
 
 const common = {
   buildPath: "tokens-generated/",

diff --git a/split-json.js b/split-json.js
@@ -15,11 +15,7 @@ const jsonData = JSON.parse(rawData);
 const baseDir = path.join(__dirname, "tokens-figma");
 
 // Define keys to include
-const includeKeys = [
-  "GLOBAL/core",
-  "GLOBAL/semantic",
-  "PRODUCTS/COLLECTION/core",
-];
+const includeKeys = ["GLOBAL/core", "GLOBAL/semantic"];
 
 // Function to write data to file
 const writeFile = (filePath, data) => {

diff --git a/tokens-figma/collection-core.json b/tokens-figma/collection-core.json
diff --git a/tokens-generated/css/collection-core.css b/tokens-generated/css/collection-core.css
diff --git a/tokens-generated/css/core.css b/tokens-generated/css/core.css
@@ -3,16 +3,7 @@
  */
 
 :root {
-  --wds-color-yellow-10: #fffde2;
-  --wds-color-yellow-20: #fff9a6;
-  --wds-color-yellow-30: #fff266;
-  --wds-color-yellow-40: #ffea00;
-  --wds-color-yellow-50: #b5a70d;
-  --wds-color-yellow-60: #817818;
-  --wds-color-yellow-70: #706601;
-  --wds-color-yellow-80: #574f00;
-  --wds-color-yellow-90: #3d3800;
-  --wds-color-yellow-05: #fffef0;
+  --wds-radiu-component-input: 0.125rem;
   --wds-color-white: #ffffff;
   --wds-color-black: #000000;
   --wds-color-grey-10: #e6e6e6;
@@ -85,8 +76,17 @@
   --wds-color-red-80: #6c131d;
   --wds-color-red-90: #40120d;
   --wds-color-red-05: #fff0f2;
+  --wds-color-yellow-10: #fffde2;
+  --wds-color-yellow-20: #fff9a6;
+  --wds-color-yellow-30: #fff266;
+  --wds-color-yellow-40: #ffea00;
+  --wds-color-yellow-50: #b5a70d;
+  --wds-color-yellow-60: #817818;
+  --wds-color-yellow-70: #706601;
+  --wds-color-yellow-80: #574f00;
+  --wds-color-yellow-90: #3d3800;
+  --wds-color-yellow-05: #fffef0;
   --wds-color-modal-overlay: #00000040;
-  --wds-radiu-component-input: 0.125rem;
   --wds-font-family-mono: 'Courier New';
   --wds-font-family-brand: Wellcome;
   --wds-font-family-sans-serif: 'Helvetica Neue';

diff --git a/tokens-generated/wds-tokens.json b/tokens-generated/wds-tokens.json
@@ -1,63 +1,8 @@
 {
+  "radiuComponent": {
+    "input": "2px"
+  },
   "color": {
-    "neutral-cool": {
-      "100": "#121212",
-      "200": "#fbfaf4",
-      "300": "#e8e8e8",
-      "400": "#d9d9d9",
-      "500": "#878787",
-      "600": "#6a6a6a",
-      "700": "#323232"
-    },
-    "neutral-warm": {
-      "200": "#fff9e6",
-      "300": "#edece4",
-      "400": "#d9d8d0"
-    },
-    "yellow": {
-      "10": "#fffde2",
-      "20": "#fff9a6",
-      "30": "#fff266",
-      "40": "#ffea00",
-      "50": "#b5a70d",
-      "60": "#817818",
-      "70": "#706601",
-      "80": "#574f00",
-      "90": "#3d3800",
-      "200": "#ffebad",
-      "500": "#ffce3c",
-      "700": "#ddb029",
-      "05": "#fffef0"
-    },
-    "accent": {
-      "green": {
-        "200": "#9bc0af",
-        "500": "#4f7d68",
-        "700": "#3a604f"
-      },
-      "blue": {
-        "200": "#a4bfdf",
-        "700": "#27476e"
-      },
-      "turquoise": {
-        "200": "#a2eeed",
-        "700": "#1dbebb"
-      },
-      "salmon": {
-        "200": "#ff9585",
-        "700": "#ff6f59"
-      },
-      "purple": {
-        "200": "#baa4cd",
-        "700": "#724e91"
-      }
-    },
-    "UI": {
-      "validation green": "#0b7051",
-      "validation red": "#e01b2f",
-      "focus yellow": "#ffea00",
-      "annotation": "#9747ff"
-    },
     "white": "#ffffff",
     "black": "#000000",
     "grey": {
@@ -144,11 +89,20 @@
       "90": "#40120d",
       "05": "#fff0f2"
     },
+    "yellow": {
+      "10": "#fffde2",
+      "20": "#fff9a6",
+      "30": "#fff266",
+      "40": "#ffea00",
+      "50": "#b5a70d",
+      "60": "#817818",
+      "70": "#706601",
+      "80": "#574f00",
+      "90": "#3d3800",
+      "05": "#fffef0"
+    },
     "modal-overlay": "#00000040"
   },
-  "radiuComponent": {
-    "input": "2px"
-  },
   "font": {
     "family": {
       "mono": "'Courier New'",