Update example

Temzasse · Oct 18, 2023 · b3a0fdf · b3a0fdf
1 parent 02cbb54
commit b3a0fdf
Show file tree

Hide file tree

Showing 19 changed files with 751 additions and 476 deletions.
diff --git a/example/.figmage.json b/example/.figmage.json
@@ -0,0 +1,54 @@
+{
+  "outDir": "./example/tokens",
+  "tokenize": {
+    "tokens": [
+      {
+        "name": "colors",
+        "type": "color"
+      },
+      {
+        "name": "typography",
+        "type": "text"
+      },
+      {
+        "name": "shadows",
+        "type": "drop-shadow"
+      },
+      {
+        "name": "spacing",
+        "type": "width",
+        "nodeId": "110:694"
+      },
+      {
+        "name": "sizing",
+        "type": "height",
+        "nodeId": "102:7"
+      },
+      {
+        "name": "radii",
+        "type": "radius",
+        "nodeId": "102:8"
+      },
+      {
+        "name": "icons",
+        "type": "svg",
+        "nodeId": "102:2"
+      },
+      {
+        "name": "assets",
+        "type": "png",
+        "nodeId": "643:618"
+      }
+    ]
+  },
+  "codegen": {
+    "defaults": {
+      "filetype": "ts",
+      "tokenCase": "camel"
+    },
+    "assets": {
+      "filetype": "png",
+      "tokenCase": "kebab"
+    }
+  }
+}
diff --git a/example/assets/icons.svg b/example/assets/icons.svg
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
diff --git a/example/tokens/assets/adaptive-icon-stag.png b/example/tokens/assets/adaptive-icon-stag.png
diff --git a/example/tokens/assets/adaptive-icon-staging.png b/example/tokens/assets/adaptive-icon-staging.png
diff --git a/example/tokens/assets/adaptive-icon-test.png b/example/tokens/assets/adaptive-icon-test.png
diff --git a/example/tokens/assets/adaptive-icon.png b/example/tokens/assets/adaptive-icon.png
diff --git a/example/tokens/assets/icon-stag.png b/example/tokens/assets/icon-stag.png
diff --git a/example/tokens/assets/icon-staging.png b/example/tokens/assets/icon-staging.png
diff --git a/example/tokens/assets/icon-test.png b/example/tokens/assets/icon-test.png
diff --git a/example/tokens/colors.ts b/example/tokens/colors.ts
@@ -32,6 +32,8 @@ export const dark = {
   "pressHighlight": "rgba(150, 150, 150, 0.2)",
   "muted4": "#3a3a3c"
 };
+export const envStaging = "#9a008b";
+export const envTest = "#009a9a";
 export const light = {
   "muted5": "#e5e5ea",
   "hoverHighlight": "rgba(150, 150, 150, 0.1)",
@@ -66,4 +68,4 @@ export const light = {
   "muted1": "#8e8e93"
 };
 
-export type ColorsToken = "backdrop" | "background" | "border" | "elevated" | "error" | "errorMuted" | "errorText" | "focusRing" | "hoverHighlight" | "info" | "infoMuted" | "infoText" | "muted1" | "muted2" | "muted3" | "muted4" | "muted5" | "muted6" | "pressHighlight" | "primary" | "primaryMuted" | "primaryText" | "success" | "successMuted" | "successText" | "surface" | "text" | "textMuted" | "warn" | "warnMuted" | "warnText";
+export type ColorsToken = "backdrop" | "background" | "border" | "elevated" | "envStaging" | "envTest" | "error" | "errorMuted" | "errorText" | "focusRing" | "hoverHighlight" | "info" | "infoMuted" | "infoText" | "muted1" | "muted2" | "muted3" | "muted4" | "muted5" | "muted6" | "pressHighlight" | "primary" | "primaryMuted" | "primaryText" | "success" | "successMuted" | "successText" | "surface" | "text" | "textMuted" | "warn" | "warnMuted" | "warnText";
diff --git a/example/tokens/icons-ids.ts b/example/tokens/icons-ids.ts