@rmdes/indiekit-endpoint-site-config 1.0.0-beta.4 → 1.0.0-beta.5

package/lib/controllers/branding.js

@@ -52,15 +52,12 @@ export const ACCENT_SUGGESTIONS = Object.freeze([
  *
  * @type {ReadonlyArray<{slug: string, label: string}>}
  */
-// NOTE: `slug` values are stable identifiers persisted in MongoDB and MUST NOT
-// change (renaming would orphan saved configs). The `neutral-zinc` and
-// `warm-gray` slugs now carry the Sage / Clay palettes — see surface-presets.js.
 export const SURFACE_PRESET_OPTIONS = Object.freeze([
-  Object.freeze({ slug: "warm-stone",   label: "Warm Stone" }),
-  Object.freeze({ slug: "warm-gray",    label: "Clay" }),
-  Object.freeze({ slug: "stone",        label: "Stone (Neutral)" }),
-  Object.freeze({ slug: "cool-slate",   label: "Cool Slate" }),
-  Object.freeze({ slug: "neutral-zinc", label: "Sage" }),
+  Object.freeze({ slug: "warm-stone", label: "Warm Stone" }),
+  Object.freeze({ slug: "clay",       label: "Clay" }),
+  Object.freeze({ slug: "stone",      label: "Stone (Neutral)" }),
+  Object.freeze({ slug: "cool-slate", label: "Cool Slate" }),
+  Object.freeze({ slug: "sage",       label: "Sage" }),
 ]);
 
 /**

package/lib/render/surface-presets.js

@@ -1,20 +1,11 @@
 // Surface presets — the neutral/tinted base palettes offered in the branding
 // admin. Each is an 11-step tone ramp (50 lightest → 950 darkest).
 //
-// Design note (2026-06-06): the original five were warm-stone, cool-slate,
-// stone, neutral-zinc and warm-gray. Three of those (stone, neutral-zinc,
-// warm-gray) were near-identical Tailwind neutrals — stone and neutral-zinc
-// even shared an identical tone-50 (#fafafa) — so switching between them
-// produced no visible change in light mode (where the page background is
-// tone-50). To keep persisted configs valid, the SLUGS are unchanged, but the
-// `neutral-zinc` and `warm-gray` ramps were re-skinned into distinct hue
-// families (Sage / Clay). Labels live in lib/controllers/branding.js.
-//
-//   warm-stone   — warm taupe/brown (original rmendes.net palette)
-//   cool-slate   — blue-gray (Tailwind "slate")
-//   stone        — true neutral gray (Tailwind "neutral")
-//   neutral-zinc — Sage: green-tinted neutral
-//   warm-gray    — Clay: terracotta/rose-tinted warm
+//   warm-stone — warm taupe/brown (original rmendes.net palette)
+//   cool-slate — blue-gray (Tailwind "slate")
+//   stone      — true neutral gray (Tailwind "neutral")
+//   sage       — green-tinted neutral
+//   clay       — terracotta/rose-tinted warm
 //
 // `cool-slate` and `stone` ramps are from Tailwind CSS (MIT License,
 // Copyright (c) Tailwind Labs, Inc. — https://tailwindcss.com/docs/colors).
@@ -31,15 +22,15 @@ export const SURFACE_PRESETS = Object.freeze({
     600: "#475569", 700: "#334155", 800: "#1e293b",
     900: "#0f172a", 950: "#020617",
   }),
-  // Sage — green-tinted neutral. Slug kept as "neutral-zinc" for persistence.
-  "neutral-zinc": Object.freeze({
+  // Sage — green-tinted neutral.
+  "sage": Object.freeze({
     50:  "#f3f7f1", 100: "#e6efe3", 200: "#cfe0ca",
     300: "#aecaa6", 400: "#82a878", 500: "#5e8a5a",
     600: "#496e47", 700: "#3a5638", 800: "#283a27",
     900: "#1a271a", 950: "#0e150e",
   }),
-  // Clay — terracotta/rose-tinted warm. Slug kept as "warm-gray".
-  "warm-gray": Object.freeze({
+  // Clay — terracotta/rose-tinted warm.
+  "clay": Object.freeze({
     50:  "#faf4f1", 100: "#f4e7e1", 200: "#e8d2c7",
     300: "#d8b3a2", 400: "#c08b73", 500: "#a8705a",
     600: "#8a5642", 700: "#6d4334", 800: "#492d23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-site-config",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "type": "module",
   "description": "Site identity, branding, and navigation configuration for Indiekit",
   "main": "index.js",