@unmap/themes 0.22.0 → 0.23.0

package/README.md

@@ -31,7 +31,7 @@ const doc = await decodeTheme(code)                 // validated ThemeDoc, or th
 
 ## What is in a theme
 
-- `base` picks the style: `base`, `muted`, `outdoor`, `blueprint`, `blush`, `orchid`, `canopy`, `lagoon`, `tropic`, `sunset`, `bold`, `pastel`, `atlas` or `swiss`. Each of `light` and `dark` carries
+- `base` picks the style: `base`, `muted`, `outdoor`, `blueprint`, `blush`, `orchid`, `canopy`, `lagoon`, `tropic`, `sunset`, `bold`, `pastel`, `atlas`, `swiss` or `winter`. Each of `light` and `dark` carries
   sparse overrides on that style, so a theme with no overrides renders exactly like the style
   itself at `/styles/<style>.json`.
 - `basemap` overrides are colours on the style's recipe (land, water, vegetation, roads, labels,

package/dist/index.d.ts

@@ -461,7 +461,7 @@ declare const swissRelief: {
  * the unmap.dev builder, so inserting a style mid-array silently reorders a control people have
  * already learned.
  */
-declare const THEME_BASES: readonly ["base", "muted", "outdoor", "blueprint", "blush", "orchid", "canopy", "lagoon", "tropic", "sunset", "bold", "pastel", "atlas", "swiss"];
+declare const THEME_BASES: readonly ["base", "muted", "outdoor", "blueprint", "blush", "orchid", "canopy", "lagoon", "tropic", "sunset", "bold", "pastel", "atlas", "swiss", "winter"];
 type ThemeBase = (typeof THEME_BASES)[number];
 /** Whether `base` names a shipped style. */
 declare function isThemeBase(base: unknown): base is ThemeBase;

package/dist/index.js

@@ -364,7 +364,8 @@ var THEME_BASES = [
   "bold",
   "pastel",
   "atlas",
-  "swiss"
+  "swiss",
+  "winter"
 ];
 function isThemeBase(base) {
   return typeof base === "string" && THEME_BASES.includes(base);
@@ -2290,6 +2291,156 @@ function buildRecipes(r) {
       forest: r.fern[800]
     }
   };
+  const WINTER_LIGHT = {
+    background: r.ink[50],
+    earth: r.ink[25],
+    water: r.azure[300],
+    parkA: r.jade[200],
+    parkB: r.jade[300],
+    woodA: r.jade[400],
+    woodB: r.jade[500],
+    scrubA: r.ink[100],
+    scrubB: r.ink[200],
+    sand: r.ink[100],
+    beach: r.ink[100],
+    glacier: r.ink[25],
+    institutional: r.ink[50],
+    pedestrian: r.ink[50],
+    aerodrome: r.ink[100],
+    runway: r.ink[300],
+    pier: r.ink[300],
+    buildings: r.ink[200],
+    railway: r.ink[500],
+    boundaries: r.cobalt[500],
+    roads: {
+      other: "#FFFFFF",
+      otherCasing: r.ink[200],
+      minor: "#FFFFFF",
+      minorCasing: r.ink[200],
+      service: "#FFFFFF",
+      serviceCasing: r.ink[200],
+      major: "#FFFFFF",
+      majorCasing: r.ink[300],
+      highway: r.cobalt[400],
+      highwayCasing: r.cobalt[600],
+      link: r.cobalt[300],
+      linkCasing: r.cobalt[500]
+    },
+    tunnelFill: r.ink[100],
+    tunnelCasing: r.ink[200],
+    bridgeCasing: r.ink[400],
+    labels: {
+      city: r.ink[1e3],
+      cityHalo: r.ink[25],
+      state: r.ink[700],
+      stateHalo: r.ink[25],
+      country: r.ink[700],
+      subplace: r.ink[700],
+      subplaceHalo: r.ink[25],
+      address: r.ink[700],
+      addressHalo: r.ink[25],
+      roadMinor: r.ink[700],
+      roadMinorHalo: r.ink[25],
+      roadMajor: r.ink[800],
+      roadMajorHalo: r.ink[25],
+      ocean: r.azure[800]
+    },
+    pois: {
+      blue: r.azure[700],
+      green: r.jade[800],
+      lapis: r.cobalt[700],
+      pink: r.rose[700],
+      red: r.rose[800],
+      slategray: r.ink[700],
+      tangerine: r.sandstone[500],
+      turquoise: r.wave[700]
+    },
+    landcover: {
+      // Snow covers the open ground, so grass, barren land and fields all go to the snow tones
+      // and only the forest keeps colour.
+      grassland: r.ink[100],
+      barren: r.ink[100],
+      urban_area: r.ink[100],
+      farmland: r.ink[50],
+      glacier: r.ink[25],
+      scrub: r.ink[200],
+      forest: r.jade[500]
+    }
+  };
+  const WINTER_DARK = {
+    background: r.ink[1e3],
+    earth: r.ink[950],
+    water: r.azure[980],
+    parkA: r.jade[850],
+    parkB: r.jade[800],
+    woodA: r.jade[800],
+    woodB: r.jade[700],
+    scrubA: r.ink[900],
+    scrubB: r.ink[850],
+    sand: r.ink[850],
+    beach: r.ink[850],
+    glacier: r.ink[800],
+    institutional: r.ink[1e3],
+    pedestrian: r.ink[950],
+    aerodrome: r.ink[950],
+    runway: r.ink[850],
+    pier: r.ink[850],
+    buildings: r.ink[900],
+    railway: r.ink[700],
+    boundaries: r.cobalt[400],
+    roads: {
+      other: r.ink[900],
+      otherCasing: r.ink[1e3],
+      minor: r.ink[850],
+      minorCasing: r.ink[1e3],
+      service: r.ink[900],
+      serviceCasing: r.ink[1e3],
+      major: r.ink[700],
+      majorCasing: r.ink[1e3],
+      highway: r.cobalt[600],
+      highwayCasing: r.ink[1e3],
+      link: r.cobalt[700],
+      linkCasing: r.ink[1e3]
+    },
+    tunnelFill: r.ink[900],
+    tunnelCasing: r.ink[1e3],
+    bridgeCasing: r.ink[1e3],
+    labels: {
+      city: r.ink[100],
+      cityHalo: r.ink[1e3],
+      state: r.ink[500],
+      stateHalo: r.ink[1e3],
+      country: r.ink[500],
+      subplace: r.ink[500],
+      subplaceHalo: r.ink[1e3],
+      address: r.ink[500],
+      addressHalo: r.ink[1e3],
+      roadMinor: r.ink[500],
+      roadMinorHalo: r.ink[1e3],
+      roadMajor: r.ink[400],
+      roadMajorHalo: r.ink[1e3],
+      ocean: r.azure[400]
+    },
+    pois: {
+      blue: r.azure[300],
+      green: r.jade[300],
+      lapis: r.cobalt[300],
+      pink: r.rose[300],
+      red: r.rose[400],
+      slategray: r.ink[500],
+      tangerine: r.sandstone[300],
+      turquoise: r.wave[400]
+    },
+    landcover: {
+      grassland: r.ink[900],
+      barren: r.ink[900],
+      urban_area: r.ink[950],
+      farmland: r.ink[900],
+      glacier: r.ink[800],
+      scrub: r.ink[850],
+      forest: r.jade[700]
+    }
+  };
   const traditional = (swiss, mode) => {
     const light = mode === "light";
     const land = swiss ? r.swissPaper : r.atlasPaper;
@@ -2374,7 +2525,8 @@ function buildRecipes(r) {
     bold: { light: BOLD_LIGHT, dark: BOLD_DARK },
     pastel: { light: PASTEL_LIGHT, dark: PASTEL_DARK },
     atlas: { light: traditional(false, "light"), dark: traditional(false, "dark") },
-    swiss: { light: traditional(true, "light"), dark: traditional(true, "dark") }
+    swiss: { light: traditional(true, "light"), dark: traditional(true, "dark") },
+    winter: { light: WINTER_LIGHT, dark: WINTER_DARK }
   };
 }
 var RECIPES = buildRecipes(STOCK_RAMPS);
@@ -2557,7 +2709,8 @@ var STYLE_THEMES = {
   bold: { v: 1, name: "bold", base: "bold" },
   pastel: { v: 1, name: "pastel", base: "pastel" },
   atlas: { v: 1, name: "atlas", base: "atlas" },
-  swiss: { v: 1, name: "swiss", base: "swiss" }
+  swiss: { v: 1, name: "swiss", base: "swiss" },
+  winter: { v: 1, name: "winter", base: "winter" }
 };
 
 // src/oklch.ts
@@ -3041,7 +3194,8 @@ var STYLE_SLOTS = [
   "bold",
   "pastel",
   "atlas",
-  "swiss"
+  "swiss",
+  "winter"
 ];
 var STYLE_BITS = 5n;
 var KIND_BITS = 2n;