@humanforest/tokens 0.1.0

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@humanforest/tokens",
+  "version": "0.1.0",
+  "description": "Forest design tokens — the OKLCH colour engine (src/colourEngine.ts) plus the CSS + JSON it generates via scripts/{scales,type,motion,deck,dataviz,logo}.ts, and the logo SVGs. The generated files are framework-agnostic; do not edit them by hand, run `bun run build`.",
+  "files": [
+    "glyphs",
+    "scales",
+    "type",
+    "motion",
+    "deck",
+    "dataviz",
+    "geo",
+    "logos",
+    "src"
+  ],
+  "exports": {
+    "./colourEngine": "./src/colourEngine.ts",
+    "./logo": "./src/logo.ts",
+    "./sublogo": "./src/sublogo.ts",
+    "./subbrands": "./src/subbrands.ts",
+    "./glyphs": "./src/glyphs.ts",
+    "./glyphs/glyphs.json": "./glyphs/glyphs.json",
+    "./logos/*": "./logos/*",
+    "./scales/ramps.css": "./scales/ramps.css",
+    "./scales/theme.css": "./scales/theme.css",
+    "./scales/ramps.json": "./scales/ramps.json",
+    "./type/type.css": "./type/type.css",
+    "./type/type.deck.css": "./type/type.deck.css",
+    "./type/type.theme.css": "./type/type.theme.css",
+    "./type/type.json": "./type/type.json",
+    "./motion/motion.css": "./motion/motion.css",
+    "./motion/motion.theme.css": "./motion/motion.theme.css",
+    "./motion/motion.json": "./motion/motion.json",
+    "./deck/deck.css": "./deck/deck.css",
+    "./deck/deck.json": "./deck/deck.json",
+    "./dataviz/dataviz.css": "./dataviz/dataviz.css",
+    "./dataviz/unovis.css": "./dataviz/unovis.css",
+    "./dataviz/tokens.json": "./dataviz/tokens.json",
+    "./geo/london-dots-coarse.json": "./geo/london-dots-coarse.json",
+    "./geo/london-dots-fine.json": "./geo/london-dots-fine.json",
+    "./geo/london-dots-medium.json": "./geo/london-dots-medium.json",
+    "./geo/london-dots-ultra.json": "./geo/london-dots-ultra.json",
+    "./geo/london-boroughs.json": "./geo/london-boroughs.json",
+    "./geo/london-wards.json": "./geo/london-wards.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "SEE LICENSE IN LICENSE"
+}

package/scales/ramps.css

@@ -0,0 +1,182 @@
+/* Forest 50–950 ramps + named brand tokens — generated by scripts/scales.ts (OKLCH, v2 engine).
+   Byte-for-byte the docs' buildPCHIP output. Display-P3 primary + sRGB hex fallback. Brand naming
+  : forest / maple / river / warm / amber / acid / neutral. Additive to scales.css. Do not edit. */
+:root {
+  --forest-0: #F4FDF7;
+  --forest-0: color(display-p3 0.9617 0.9904 0.9692);
+  --forest-50: #E8FBEE;
+  --forest-50: color(display-p3 0.9221 0.9812 0.9381);
+  --forest-100: #CEF5DD;
+  --forest-100: color(display-p3 0.8366 0.9550 0.8714);
+  --forest-200: #99E9BC;
+  --forest-200: color(display-p3 0.6692 0.9055 0.7508);
+  --forest-300: #3BD996;
+  --forest-300: color(display-p3 0.4365 0.8410 0.6100);
+  --forest-400: #0ABB7F;
+  --forest-400: color(display-p3 0.2782 0.7321 0.5042);
+  --forest-500: #019F6D;
+  --forest-500: color(display-p3 0.1537 0.6308 0.4214);
+  --forest-600: #00845C;
+  --forest-600: color(display-p3 0.2237 0.5096 0.3721);
+  --forest-700: #046C4C;
+  --forest-700: color(display-p3 0.1815 0.4169 0.3069);
+  --forest-800: #075640;
+  --forest-800: color(display-p3 0.1446 0.3337 0.2565);
+  --forest-900: #074235;
+  --forest-900: color(display-p3 0.1092 0.2548 0.2097);
+  --forest-950: #002A24;
+  --forest-950: color(display-p3 0.0519 0.1616 0.1416);
+  --maple-0: #FFF8F8;
+  --maple-0: color(display-p3 1.0000 0.9720 0.9730);
+  --maple-50: #FFF1F2;
+  --maple-50: color(display-p3 0.9985 0.9449 0.9465);
+  --maple-100: #FFE1E2;
+  --maple-100: color(display-p3 1.0000 0.8781 0.8806);
+  --maple-200: #FFC2C4;
+  --maple-200: color(display-p3 0.9973 0.7533 0.7546);
+  --maple-300: #FF9A9B;
+  --maple-300: color(display-p3 0.9961 0.5849 0.5840);
+  --maple-400: #F26F70;
+  --maple-400: color(display-p3 0.8993 0.4544 0.4449);
+  --maple-500: #D35A59;
+  --maple-500: color(display-p3 0.7916 0.3578 0.3444);
+  --maple-600: #AA514E;
+  --maple-600: color(display-p3 0.6214 0.3379 0.3175);
+  --maple-700: #8C4340;
+  --maple-700: color(display-p3 0.5112 0.2789 0.2593);
+  --maple-800: #6E3633;
+  --maple-800: color(display-p3 0.4027 0.2236 0.2061);
+  --maple-900: #532A27;
+  --maple-900: color(display-p3 0.3056 0.1743 0.1597);
+  --maple-950: #3B1C1A;
+  --maple-950: color(display-p3 0.2159 0.1166 0.1048);
+  --river-0: #F6FBFF;
+  --river-0: color(display-p3 0.9669 0.9829 1.0000);
+  --river-50: #EDF6FF;
+  --river-50: color(display-p3 0.9341 0.9657 1.0000);
+  --river-100: #D8ECFF;
+  --river-100: color(display-p3 0.8580 0.9250 1.0000);
+  --river-200: #B2D9FF;
+  --river-200: color(display-p3 0.7169 0.8475 1.0000);
+  --river-300: #81C0FF;
+  --river-300: color(display-p3 0.5424 0.7476 1.0000);
+  --river-400: #43A2FF;
+  --river-400: color(display-p3 0.3493 0.6273 0.9890);
+  --river-500: #3588DF;
+  --river-500: color(display-p3 0.2668 0.5237 0.8840);
+  --river-600: #3C72B2;
+  --river-600: color(display-p3 0.2865 0.4405 0.6806);
+  --river-700: #355D93;
+  --river-700: color(display-p3 0.2436 0.3601 0.5609);
+  --river-800: #2D4974;
+  --river-800: color(display-p3 0.2015 0.2837 0.4416);
+  --river-900: #253858;
+  --river-900: color(display-p3 0.1613 0.2166 0.3341);
+  --river-950: #19263E;
+  --river-950: color(display-p3 0.1098 0.1474 0.2378);
+  --warm-0: #FDFAF6;
+  --warm-0: color(display-p3 0.9904 0.9785 0.9624);
+  --warm-50: #FFF9F2;
+  --warm-50: color(display-p3 0.9959 0.9773 0.9519);
+  --warm-100: #FCE6CB;
+  --warm-100: color(display-p3 0.9861 0.9003 0.7854);
+  --warm-200: #FFD6A6;
+  --warm-200: color(display-p3 0.9740 0.8452 0.6748);
+  --warm-300: #FEAF59;
+  --warm-300: color(display-p3 0.9642 0.6946 0.3782);
+  --warm-400: #F48519;
+  --warm-400: color(display-p3 0.8990 0.5431 0.2243);
+  --warm-500: #DB6300;
+  --warm-500: color(display-p3 0.8006 0.4157 0.1565);
+  --warm-600: #A75633;
+  --warm-600: color(display-p3 0.6145 0.3552 0.2294);
+  --warm-700: #8A462E;
+  --warm-700: color(display-p3 0.5077 0.2898 0.2006);
+  --warm-800: #6D3828;
+  --warm-800: color(display-p3 0.4006 0.2302 0.1713);
+  --warm-900: #532B22;
+  --warm-900: color(display-p3 0.3046 0.1778 0.1408);
+  --warm-950: #44231C;
+  --warm-950: color(display-p3 0.2491 0.1436 0.1165);
+  --amber-0: #FBFAF3;
+  --amber-0: color(display-p3 0.9856 0.9819 0.9552);
+  --amber-50: #FAF7E9;
+  --amber-50: color(display-p3 0.9780 0.9698 0.9198);
+  --amber-100: #F8EFCB;
+  --amber-100: color(display-p3 0.9701 0.9381 0.8003);
+  --amber-200: #F6DC99;
+  --amber-200: color(display-p3 0.9475 0.8648 0.6327);
+  --amber-300: #F7BD41;
+  --amber-300: color(display-p3 0.9381 0.7477 0.3311);
+  --amber-400: #E59E00;
+  --amber-400: color(display-p3 0.8716 0.6255 0.1299);
+  --amber-500: #C78100;
+  --amber-500: color(display-p3 0.7654 0.5049 0.0000);
+  --amber-600: #A56819;
+  --amber-600: color(display-p3 0.6118 0.4173 0.1721);
+  --amber-700: #875219;
+  --amber-700: color(display-p3 0.5015 0.3318 0.1466);
+  --amber-800: #6A3F18;
+  --amber-800: color(display-p3 0.3908 0.2530 0.1231);
+  --amber-900: #502F16;
+  --amber-900: color(display-p3 0.2948 0.1895 0.1031);
+  --amber-950: #391F0E;
+  --amber-950: color(display-p3 0.2095 0.1264 0.0666);
+  --acid-0: #F8FCF1;
+  --acid-0: color(display-p3 0.9758 0.9875 0.9485);
+  --acid-50: #F2F8E5;
+  --acid-50: color(display-p3 0.9535 0.9727 0.9050);
+  --acid-100: #E5EFC9;
+  --acid-100: color(display-p3 0.9041 0.9369 0.8019);
+  --acid-200: #CFDD90;
+  --acid-200: color(display-p3 0.8226 0.8663 0.5989);
+  --acid-300: #B4BD11;
+  --acid-300: color(display-p3 0.7123 0.7400 0.2471);
+  --acid-400: #A2A707;
+  --acid-400: color(display-p3 0.6420 0.6544 0.1046);
+  --acid-500: #8C8C00;
+  --acid-500: color(display-p3 0.5529 0.5517 0.0000);
+  --acid-600: #767502;
+  --acid-600: color(display-p3 0.4628 0.4579 0.1356);
+  --acid-700: #626006;
+  --acid-700: color(display-p3 0.3837 0.3754 0.1127);
+  --acid-800: #4E4B0C;
+  --acid-800: color(display-p3 0.3054 0.2964 0.0993);
+  --acid-900: #3C3A0E;
+  --acid-900: color(display-p3 0.2347 0.2264 0.0854);
+  --acid-950: #2A2808;
+  --acid-950: color(display-p3 0.1634 0.1553 0.0508);
+  --neutral-0: #FEFBFC;
+  --neutral-0: color(display-p3 0.9945 0.9834 0.9863);
+  --neutral-50: #F9F6F7;
+  --neutral-50: color(display-p3 0.9748 0.9637 0.9666);
+  --neutral-100: #F3EFF0;
+  --neutral-100: color(display-p3 0.9486 0.9375 0.9405);
+  --neutral-200: #E7E3E4;
+  --neutral-200: color(display-p3 0.9031 0.8922 0.8951);
+  --neutral-300: #D5D1D2;
+  --neutral-300: color(display-p3 0.8325 0.8217 0.8246);
+  --neutral-400: #A29FA0;
+  --neutral-400: color(display-p3 0.6336 0.6233 0.6261);
+  --neutral-500: #757273;
+  --neutral-500: color(display-p3 0.4570 0.4474 0.4500);
+  --neutral-600: #545252;
+  --neutral-600: color(display-p3 0.3293 0.3202 0.3227);
+  --neutral-700: #423F40;
+  --neutral-700: color(display-p3 0.2554 0.2467 0.2491);
+  --neutral-800: #282626;
+  --neutral-800: color(display-p3 0.1558 0.1478 0.1500);
+  --neutral-900: #191617;
+  --neutral-900: color(display-p3 0.0956 0.0882 0.0902);
+  --neutral-950: #0C090A;
+  --neutral-950: color(display-p3 0.0441 0.0372 0.0391);
+
+  --forest-brand-forest: var(--forest-600);
+  --forest-dark-forest: var(--forest-700);
+  --forest-darkest-forest: var(--forest-950);
+  --warm-ice-cream: var(--warm-50);
+  --warm-peach-cream: var(--warm-200);
+  --warm-acer-orange: var(--warm-500);
+  --warm-bark-brown: var(--warm-950);
+  --acid-acid-green: var(--acid-300);
+}