@primitiv-ui/tokens 0.1.0

package/src/primitives.json

@@ -0,0 +1,624 @@
+{
+  "space": {
+    "space-0": {
+      "$type": "number",
+      "$value": 0
+    },
+    "space-1": {
+      "$type": "number",
+      "$value": 1
+    },
+    "space-2": {
+      "$type": "number",
+      "$value": 2
+    },
+    "space-3": {
+      "$type": "number",
+      "$value": 3
+    },
+    "space-4": {
+      "$type": "number",
+      "$value": 4
+    },
+    "space-6": {
+      "$type": "number",
+      "$value": 6
+    },
+    "space-8": {
+      "$type": "number",
+      "$value": 8
+    },
+    "space-10": {
+      "$type": "number",
+      "$value": 10
+    },
+    "space-12": {
+      "$type": "number",
+      "$value": 12
+    },
+    "space-14": {
+      "$type": "number",
+      "$value": 14
+    },
+    "space-16": {
+      "$type": "number",
+      "$value": 16
+    },
+    "space-20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "space-24": {
+      "$type": "number",
+      "$value": 24
+    },
+    "space-28": {
+      "$type": "number",
+      "$value": 28
+    },
+    "space-32": {
+      "$type": "number",
+      "$value": 32
+    },
+    "space-40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "space-48": {
+      "$type": "number",
+      "$value": 48
+    },
+    "space-56": {
+      "$type": "number",
+      "$value": 56
+    },
+    "space-68": {
+      "$type": "number",
+      "$value": 68
+    },
+    "space-80": {
+      "$type": "number",
+      "$value": 80
+    },
+    "space-96": {
+      "$type": "number",
+      "$value": 96
+    },
+    "space-116": {
+      "$type": "number",
+      "$value": 116
+    },
+    "space-140": {
+      "$type": "number",
+      "$value": 140
+    },
+    "space-168": {
+      "$type": "number",
+      "$value": 168
+    },
+    "space-200": {
+      "$type": "number",
+      "$value": 200
+    },
+    "space-240": {
+      "$type": "number",
+      "$value": 240
+    },
+    "space-288": {
+      "$type": "number",
+      "$value": 288
+    },
+    "space-344": {
+      "$type": "number",
+      "$value": 344
+    }
+  },
+  "size": {
+    "size-0": {
+      "$type": "number",
+      "$value": 0
+    },
+    "size-1": {
+      "$type": "number",
+      "$value": 1
+    },
+    "size-2": {
+      "$type": "number",
+      "$value": 2
+    },
+    "size-3": {
+      "$type": "number",
+      "$value": 3
+    },
+    "size-4": {
+      "$type": "number",
+      "$value": 4
+    },
+    "size-6": {
+      "$type": "number",
+      "$value": 6
+    },
+    "size-8": {
+      "$type": "number",
+      "$value": 8
+    },
+    "size-10": {
+      "$type": "number",
+      "$value": 10
+    },
+    "size-12": {
+      "$type": "number",
+      "$value": 12
+    },
+    "size-14": {
+      "$type": "number",
+      "$value": 14
+    },
+    "size-16": {
+      "$type": "number",
+      "$value": 16
+    },
+    "size-20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "size-24": {
+      "$type": "number",
+      "$value": 24
+    },
+    "size-28": {
+      "$type": "number",
+      "$value": 28
+    },
+    "size-32": {
+      "$type": "number",
+      "$value": 32
+    },
+    "size-40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "size-48": {
+      "$type": "number",
+      "$value": 48
+    },
+    "size-56": {
+      "$type": "number",
+      "$value": 56
+    },
+    "size-68": {
+      "$type": "number",
+      "$value": 68
+    },
+    "size-80": {
+      "$type": "number",
+      "$value": 80
+    },
+    "size-96": {
+      "$type": "number",
+      "$value": 96
+    },
+    "size-116": {
+      "$type": "number",
+      "$value": 116
+    },
+    "size-140": {
+      "$type": "number",
+      "$value": 140
+    },
+    "size-168": {
+      "$type": "number",
+      "$value": 168
+    },
+    "size-200": {
+      "$type": "number",
+      "$value": 200
+    },
+    "size-240": {
+      "$type": "number",
+      "$value": 240
+    },
+    "size-288": {
+      "$type": "number",
+      "$value": 288
+    },
+    "size-344": {
+      "$type": "number",
+      "$value": 344
+    }
+  },
+  "font-family": {
+    "heading": {
+      "$type": "string",
+      "$value": "Khand"
+    },
+    "text": {
+      "$type": "string",
+      "$value": "Asta Sans"
+    }
+  },
+  "font-weight": {
+    "thin": {
+      "$type": "number",
+      "$value": 100
+    },
+    "extralight": {
+      "$type": "number",
+      "$value": 200
+    },
+    "light": {
+      "$type": "number",
+      "$value": 300
+    },
+    "regular": {
+      "$type": "number",
+      "$value": 400
+    },
+    "medium": {
+      "$type": "number",
+      "$value": 500
+    },
+    "semibold": {
+      "$type": "number",
+      "$value": 600
+    },
+    "bold": {
+      "$type": "number",
+      "$value": 700
+    }
+  },
+  "font-size": {
+    "10": {
+      "$type": "number",
+      "$value": 10
+    },
+    "11": {
+      "$type": "number",
+      "$value": 11
+    },
+    "12": {
+      "$type": "number",
+      "$value": 12
+    },
+    "13": {
+      "$type": "number",
+      "$value": 13
+    },
+    "14": {
+      "$type": "number",
+      "$value": 14
+    },
+    "15": {
+      "$type": "number",
+      "$value": 15
+    },
+    "16": {
+      "$type": "number",
+      "$value": 16
+    },
+    "17": {
+      "$type": "number",
+      "$value": 17
+    },
+    "18": {
+      "$type": "number",
+      "$value": 18
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "22": {
+      "$type": "number",
+      "$value": 22
+    },
+    "24": {
+      "$type": "number",
+      "$value": 24
+    },
+    "26": {
+      "$type": "number",
+      "$value": 26
+    },
+    "28": {
+      "$type": "number",
+      "$value": 28
+    },
+    "32": {
+      "$type": "number",
+      "$value": 32
+    },
+    "36": {
+      "$type": "number",
+      "$value": 36
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "48": {
+      "$type": "number",
+      "$value": 48
+    },
+    "52": {
+      "$type": "number",
+      "$value": 52
+    },
+    "56": {
+      "$type": "number",
+      "$value": 56
+    },
+    "68": {
+      "$type": "number",
+      "$value": 68
+    },
+    "88": {
+      "$type": "number",
+      "$value": 88
+    },
+    "120": {
+      "$type": "number",
+      "$value": 120
+    },
+    "160": {
+      "$type": "number",
+      "$value": 160
+    }
+  },
+  "line-height": {
+    "12": {
+      "$type": "number",
+      "$value": 12
+    },
+    "14": {
+      "$type": "number",
+      "$value": 14
+    },
+    "16": {
+      "$type": "number",
+      "$value": 16
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "24": {
+      "$type": "number",
+      "$value": 24
+    },
+    "28": {
+      "$type": "number",
+      "$value": 28
+    },
+    "32": {
+      "$type": "number",
+      "$value": 32
+    },
+    "36": {
+      "$type": "number",
+      "$value": 36
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "44": {
+      "$type": "number",
+      "$value": 44
+    },
+    "48": {
+      "$type": "number",
+      "$value": 48
+    },
+    "56": {
+      "$type": "number",
+      "$value": 56
+    },
+    "60": {
+      "$type": "number",
+      "$value": 60
+    },
+    "64": {
+      "$type": "number",
+      "$value": 64
+    },
+    "72": {
+      "$type": "number",
+      "$value": 72
+    },
+    "76": {
+      "$type": "number",
+      "$value": 76
+    },
+    "96": {
+      "$type": "number",
+      "$value": 96
+    },
+    "128": {
+      "$type": "number",
+      "$value": 128
+    },
+    "168": {
+      "$type": "number",
+      "$value": 168
+    }
+  },
+  "letter-spacing": {
+    "wide": {
+      "$type": "number",
+      "$value": 1.2000000476837158
+    },
+    "tight": {
+      "$type": "number",
+      "$value": -1.2000000476837158
+    },
+    "tighter": {
+      "$type": "number",
+      "$value": -2.4000000953674316
+    }
+  },
+  "radii": {
+    "0": {
+      "$type": "number",
+      "$value": 0
+    },
+    "1": {
+      "$type": "number",
+      "$value": 1
+    },
+    "2": {
+      "$type": "number",
+      "$value": 2
+    },
+    "3": {
+      "$type": "number",
+      "$value": 3
+    },
+    "4": {
+      "$type": "number",
+      "$value": 4
+    },
+    "6": {
+      "$type": "number",
+      "$value": 6
+    },
+    "8": {
+      "$type": "number",
+      "$value": 8
+    },
+    "10": {
+      "$type": "number",
+      "$value": 10
+    },
+    "12": {
+      "$type": "number",
+      "$value": 12
+    },
+    "14": {
+      "$type": "number",
+      "$value": 14
+    },
+    "16": {
+      "$type": "number",
+      "$value": 16
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "24": {
+      "$type": "number",
+      "$value": 24
+    },
+    "28": {
+      "$type": "number",
+      "$value": 28
+    },
+    "32": {
+      "$type": "number",
+      "$value": 32
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "48": {
+      "$type": "number",
+      "$value": 48
+    },
+    "full": {
+      "$type": "number",
+      "$value": 9999
+    }
+  },
+  "opacity": {
+    "10": {
+      "$type": "number",
+      "$value": 10
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20
+    },
+    "30": {
+      "$type": "number",
+      "$value": 30
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40
+    },
+    "50": {
+      "$type": "number",
+      "$value": 50
+    },
+    "60": {
+      "$type": "number",
+      "$value": 60
+    },
+    "70": {
+      "$type": "number",
+      "$value": 70
+    },
+    "80": {
+      "$type": "number",
+      "$value": 80
+    },
+    "90": {
+      "$type": "number",
+      "$value": 90
+    },
+    "100": {
+      "$type": "number",
+      "$value": 100
+    },
+    "transparent": {
+      "$type": "number",
+      "$value": 0
+    }
+  },
+  "border-width": {
+    "0": {
+      "$type": "number",
+      "$value": 0
+    },
+    "1": {
+      "$type": "number",
+      "$value": 1
+    },
+    "2": {
+      "$type": "number",
+      "$value": 2
+    },
+    "3": {
+      "$type": "number",
+      "$value": 3
+    },
+    "4": {
+      "$type": "number",
+      "$value": 4
+    },
+    "6": {
+      "$type": "number",
+      "$value": 6
+    },
+    "8": {
+      "$type": "number",
+      "$value": 8
+    }
+  },
+  "font-style": {
+    "semibold": {
+      "$type": "string",
+      "$value": "SemiBold"
+    },
+    "medium": {
+      "$type": "string",
+      "$value": "Medium"
+    },
+    "regular": {
+      "$type": "string",
+      "$value": "Regular"
+    }
+  }
+}

package/src/serve.ts

@@ -0,0 +1,27 @@
+/**
+ * Boot script for the local DTCG sync server.
+ *
+ * Run via `pnpm --filter @primitiv-ui/tokens sync:serve` (or the root
+ * `pnpm tokens:sync` alias). Listens on http://localhost:4477 and
+ * writes any POST /sync payload into this directory as the three
+ * `<layer>.json` files. Not meant for production; binds to loopback
+ * only.
+ */
+
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+import { createSyncServer } from './server'
+
+const here = path.dirname(fileURLToPath(import.meta.url))
+const port = 4477
+
+const server = createSyncServer({ outDir: here })
+server.listen(port, '127.0.0.1', () => {
+  // eslint-disable-next-line no-console
+  console.log(
+    `[@primitiv-ui/tokens] sync server listening on http://localhost:${port}`,
+  )
+  // eslint-disable-next-line no-console
+  console.log(`[@primitiv-ui/tokens] writing JSON files to ${here}`)
+})