@sanity/themer 0.1.0 → 0.2.0

package/dist/presets-DWzYcsLg.js

@@ -0,0 +1,375 @@
+import { t as isColor } from "./mix-BfV6_Ke4.js";
+import { COLOR_TINTS, black, blue, color, gray, white } from "@sanity/color";
+import { buildTheme } from "@sanity/ui/theme";
+/** @internal */
+function hexToHsl(hex) {
+	let [r, g, b] = parseHex(hex), max = Math.max(r, g, b), min = Math.min(r, g, b), delta = max - min, l = (max + min) / 2;
+	if (delta === 0) return {
+		h: 0,
+		s: 0,
+		l
+	};
+	let s = delta / (1 - Math.abs(2 * l - 1)), h;
+	return h = max === r ? (g - b) / delta % 6 : max === g ? (b - r) / delta + 2 : (r - g) / delta + 4, {
+		h: normalizeHue(h * 60),
+		s,
+		l
+	};
+}
+/** @internal */
+function hslToHex(hsl) {
+	let h = normalizeHue(hsl.h), s = clamp01(hsl.s), l = clamp01(hsl.l), c = (1 - Math.abs(2 * l - 1)) * s, x = c * (1 - Math.abs(h / 60 % 2 - 1)), m = l - c / 2, r = 0, g = 0, b = 0;
+	return h < 60 ? (r = c, g = x) : h < 120 ? (r = x, g = c) : h < 180 ? (g = c, b = x) : h < 240 ? (g = x, b = c) : h < 300 ? (r = x, b = c) : (r = c, b = x), `#${channelToHex(r + m)}${channelToHex(g + m)}${channelToHex(b + m)}`;
+}
+/**
+* Rotates `from` towards `to` along the shortest arc of the hue circle.
+*
+* @internal
+*/
+function mixHue(from, to, amount) {
+	return normalizeHue(from + (((to - from) % 360 + 540) % 360 - 180) * amount);
+}
+/**
+* The WCAG relative luminance of a hex color, between 0 (black) and 1 (white).
+*
+* @internal
+*/
+function relativeLuminance(hex) {
+	let [r, g, b] = parseHex(hex);
+	return .2126 * linearChannel(r) + .7152 * linearChannel(g) + .0722 * linearChannel(b);
+}
+function linearChannel(value) {
+	return value <= .04045 ? value / 12.92 : ((value + .055) / 1.055) ** 2.4;
+}
+/** Parses `#abc` and `#aabbcc` hex colors into channel fractions of 1 */
+function parseHex(hex) {
+	let expanded = hex.length === 4 ? `${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex.slice(1);
+	return [
+		parseInt(expanded.slice(0, 2), 16) / 255,
+		parseInt(expanded.slice(2, 4), 16) / 255,
+		parseInt(expanded.slice(4, 6), 16) / 255
+	];
+}
+function channelToHex(value) {
+	return Math.round(clamp01(value) * 255).toString(16).padStart(2, "0");
+}
+function normalizeHue(hue) {
+	return (hue % 360 + 360) % 360;
+}
+function clamp01(value) {
+	return Math.min(1, Math.max(0, value));
+}
+/** The stock accent color — `blue/500` of `@sanity/color` @internal */
+const DEFAULT_ACCENT = blue[500].hex, DEFAULT_TEXT = gray[500].hex, DEFAULT_BACKGROUND_DARK = black.hex, DEFAULT_BACKGROUND_LIGHT = white.hex;
+/** @internal */
+function resolveThemeOptions(options) {
+	let accent = normalizeColor(options.accent, "accent");
+	return {
+		accent,
+		background: {
+			dark: options.background?.dark === void 0 ? DEFAULT_BACKGROUND_DARK : normalizeColor(options.background.dark, "background.dark"),
+			light: options.background?.light === void 0 ? DEFAULT_BACKGROUND_LIGHT : normalizeColor(options.background.light, "background.light")
+		},
+		contrast: normalizeContrast(options.contrast),
+		text: options.text === void 0 ? deriveTextColor(accent) : normalizeColor(options.text, "text")
+	};
+}
+/**
+* Derives the text color from an accent color, keeping the relationship the
+* stock palette has between `gray/500` and `blue/500`: the text color takes
+* the accent's hue (offset the way the stock gray is offset from the stock
+* blue), carries about an eighth of its saturation, and keeps the stock text
+* lightness. Deriving from the stock accent returns the stock text color.
+*
+* @internal
+*/
+function deriveTextColor(accent) {
+	let accentHsl = hexToHsl(normalizeColor(accent, "accent")), defaultAccent = hexToHsl(DEFAULT_ACCENT), defaultText = hexToHsl(DEFAULT_TEXT);
+	return hslToHex({
+		h: defaultText.h + (accentHsl.h - defaultAccent.h),
+		s: Math.min(1, defaultText.s * (accentHsl.s / defaultAccent.s)),
+		l: defaultText.l
+	});
+}
+function normalizeColor(value, name) {
+	if (typeof value != "string" || !isColor(value)) throw TypeError(`Invalid \`${name}\` color: ${JSON.stringify(value)} — expected a hex color like #556bfc`);
+	let lower = value.toLowerCase();
+	return lower.length === 4 ? `#${lower[1]}${lower[1]}${lower[2]}${lower[2]}${lower[3]}${lower[3]}` : lower;
+}
+function normalizeContrast(value) {
+	if (value === void 0) return 85;
+	if (typeof value != "number" || !Number.isFinite(value)) throw TypeError(`Invalid \`contrast\`: ${JSON.stringify(value)} — expected a number between 15 and 100`);
+	return Math.min(100, Math.max(15, value));
+}
+/**
+* The lightness band the accent and text colors are clamped into — anchors
+* outside it would squeeze most of their scale's tints into an
+* indistinguishable sliver, messing with the rest of the scale.
+*/
+const BACKGROUND_LIGHTNESS_STEP = .005;
+/**
+* Generates a Sanity UI color palette from the theme options: the accent
+* color replaces the `blue` scale, the text color the `gray` scale, and the
+* backgrounds replace `black` and `white`. All other hues keep their stock
+* `@sanity/color` values. Called with the stock colors, it returns the stock
+* palette byte-for-byte.
+*
+* ```ts
+* import {buildPalette} from '@sanity/themer'
+*
+* const palette = buildPalette({accent: '#556bfc'})
+* ```
+*
+* @public
+*/
+function buildPalette(options) {
+	let resolved = resolveThemeOptions(options), accentAnchor = clampAnchorLightness(hexToHsl(resolved.accent)), grayAnchor = applyContrast(clampAnchorLightness(hexToHsl(resolved.text)), accentAnchor, resolved.contrast), blueTints = remapTints(color.blue, hexToHsl(DEFAULT_ACCENT), accentAnchor), grayTints = remapTints(color.gray, hexToHsl(DEFAULT_TEXT), grayAnchor), anchorLuminances = [relativeLuminance(hslToHex(grayAnchor)), relativeLuminance(hslToHex(accentAnchor))];
+	return {
+		black: darkenBackground(resolved.background.dark, {
+			anchorLuminances,
+			tints: [grayTints[400], blueTints[400]]
+		}),
+		white: lightenBackground(resolved.background.light, anchorLuminances),
+		gray: grayTints,
+		blue: blueTints,
+		purple: tintHexes(color.purple),
+		magenta: tintHexes(color.magenta),
+		red: tintHexes(color.red),
+		orange: tintHexes(color.orange),
+		yellow: tintHexes(color.yellow),
+		green: tintHexes(color.green),
+		cyan: tintHexes(color.cyan)
+	};
+}
+/**
+* Mixes the accent color into the text color according to the contrast: 85
+* applies the text color as-is, 100 removes its tint entirely, and lower
+* values rotate and saturate it towards the accent.
+*/
+function applyContrast(text, accent, contrast) {
+	if (contrast === 85) return text;
+	if (contrast > 85) {
+		let amount = (contrast - 85) / 15;
+		return {
+			h: text.h,
+			s: text.s * (1 - amount),
+			l: text.l
+		};
+	}
+	let amount = (85 - contrast) / 70;
+	return {
+		h: mixHue(text.h, accent.h, amount),
+		s: text.s + (accent.s - text.s) * amount,
+		l: text.l
+	};
+}
+/**
+* Rebuilds a stock tint scale around a new anchor color, where `from` is the
+* scale's stock 500 tint: hues rotate along, saturation scales
+* proportionally, and lightness is remapped piecewise so the anchor takes the
+* new lightness while the scale keeps spanning light to dark. When the anchor
+* matches the stock one, every tint comes back unchanged.
+*/
+function remapTints(tints, from, to) {
+	let rotation = to.h - from.h, result = {};
+	for (let tint of COLOR_TINTS) {
+		let value = hexToHsl(tints[tint].hex);
+		result[tint] = hslToHex({
+			h: value.h + rotation,
+			s: remapSaturation(value.s, from.s, to.s),
+			l: remapLightness(value.l, from.l, to.l)
+		});
+	}
+	return result;
+}
+function remapSaturation(value, from, to) {
+	return from === to ? value : Math.min(1, to / from * value);
+}
+function remapLightness(value, from, to) {
+	return from === to ? value : value <= from ? to / from * value : to + (value - from) * (1 - to) / (1 - from);
+}
+function clampAnchorLightness(anchor) {
+	let l = Math.min(.75, Math.max(.25, anchor.l));
+	return l === anchor.l ? anchor : {
+		...anchor,
+		l
+	};
+}
+/**
+* Enforces the dark background rules: it can never be lighter than the text
+* or accent colors, and it must reach enough contrast with the 400 tints of
+* their scales — it is made darker until it does (or bottoms out at black).
+*/
+function darkenBackground(hex, rules) {
+	let maximumLuminance = Math.min(...rules.anchorLuminances), tintLuminances = rules.tints.map((tint) => relativeLuminance(tint)), isDarkEnough = (background) => {
+		let luminance = relativeLuminance(background);
+		return luminance < maximumLuminance && tintLuminances.every((tintLuminance) => (tintLuminance + .05) / (luminance + .05) >= 4.5);
+	}, { h, s, l } = hexToHsl(hex), lightness = l, current = hex;
+	for (; !isDarkEnough(current) && lightness > 0;) lightness = Math.max(0, lightness - BACKGROUND_LIGHTNESS_STEP), current = hslToHex({
+		h,
+		s,
+		l: lightness
+	});
+	return current;
+}
+/**
+* Enforces the light background rule: it can never be darker than the text
+* or accent colors — it is made lighter until it is (or tops out at white).
+*/
+function lightenBackground(hex, anchorLuminances) {
+	let minimumLuminance = Math.max(...anchorLuminances), { h, s, l } = hexToHsl(hex), lightness = l, current = hex;
+	for (; relativeLuminance(current) <= minimumLuminance && lightness < 1;) lightness = Math.min(1, lightness + BACKGROUND_LIGHTNESS_STEP), current = hslToHex({
+		h,
+		s,
+		l: lightness
+	});
+	return current;
+}
+function tintHexes(tints) {
+	let result = {};
+	for (let tint of COLOR_TINTS) result[tint] = tints[tint].hex;
+	return result;
+}
+/**
+* Generates a Studio theme from a handful of colors, by replacing the color
+* palette that the `buildTheme` from `@sanity/ui/theme` otherwise fills with
+* `@sanity/color`: the accent color replaces the `blue` scale (primary
+* buttons, focus rings, links), the optional text color the `gray` scale
+* (text, icons, borders), and the optional backgrounds replace `black` and
+* `white`. The result is the same type of theme that `@sanity/ui/theme`
+* builds, ready for the `theme` property of a Studio config.
+*
+* ```ts
+* import {buildTheme} from '@sanity/themer'
+* import {defineConfig} from 'sanity'
+*
+* export const theme = buildTheme({
+*   accent: '#556bfc',
+*   text: '#727892', // optional — derived from `accent` when omitted
+*   background: {dark: '#0d0e12', light: '#ffffff'}, // optional
+*   contrast: 85, // optional, 15–100
+* })
+*
+* export default defineConfig({
+*   theme,
+*   // ...rest of the config
+* })
+* ```
+*
+* Called with the stock colors — like the example — it returns the exact
+* same colors as `buildTheme()` from `@sanity/ui/theme` with no options.
+*
+* @public
+*/
+function buildTheme$1(options) {
+	return buildTheme({ palette: buildPalette(options) });
+}
+/**
+* Preset themes for `buildTheme`, carried over from the hosted Themer service
+* (themer.sanity.build) presets: each one maps the legacy preset's primary
+* hue to `accent`, its default hue to `text` and its lightest/darkest colors
+* to the backgrounds.
+*
+* ```ts
+* import {buildTheme, presets} from '@sanity/themer'
+*
+* const verdant = presets.find((preset) => preset.slug === 'verdant')
+* const theme = buildTheme(verdant.options)
+* ```
+*
+* @public
+*/
+const presets = [
+	{
+		slug: "studio",
+		title: "Studio",
+		options: { accent: DEFAULT_ACCENT }
+	},
+	{
+		slug: "dew",
+		title: "Dew",
+		options: {
+			accent: "#d1a308",
+			text: "#5e63b4",
+			background: {
+				dark: "#0d0d15",
+				light: "#fcfcfd"
+			}
+		}
+	},
+	{
+		slug: "pink-synth",
+		title: "Pink Synth",
+		options: {
+			accent: "#ec4899",
+			text: "#8b6584",
+			background: {
+				dark: "#171721",
+				light: "#f7f2f5"
+			}
+		}
+	},
+	{
+		slug: "pixel-art",
+		title: "Pixel Art",
+		options: {
+			accent: "#f10784",
+			text: "#57619c",
+			background: {
+				dark: "#0d0e15",
+				light: "#fcfcfd"
+			}
+		}
+	},
+	{
+		slug: "retro-colonial",
+		title: "Retro Colonial",
+		options: {
+			accent: "#fa7a78",
+			text: "#8bb9b5",
+			background: {
+				dark: "#0d1515",
+				light: "#fcfdfd"
+			}
+		}
+	},
+	{
+		slug: "rosabel",
+		title: "Rosabel",
+		options: {
+			accent: "#ed2555",
+			text: "#9d8966",
+			background: {
+				dark: "#15120d",
+				light: "#fdfdfc"
+			}
+		}
+	},
+	{
+		slug: "stereofidelic",
+		title: "Stereofidelic",
+		options: {
+			accent: "#f13009",
+			text: "#678e9a",
+			background: {
+				dark: "#0e1315",
+				light: "#fcfdfd"
+			}
+		}
+	},
+	{
+		slug: "verdant",
+		title: "Verdant",
+		options: {
+			accent: "#1cb485",
+			text: "#5c9199",
+			background: {
+				dark: "#0d1415",
+				light: "#fcfdfd"
+			}
+		}
+	}
+];
+export { DEFAULT_BACKGROUND_DARK as a, resolveThemeOptions as c, DEFAULT_ACCENT as i, buildTheme$1 as n, DEFAULT_BACKGROUND_LIGHT as o, buildPalette as r, deriveTextColor as s, presets as t };
+
+//# sourceMappingURL=presets-DWzYcsLg.js.map

package/dist/presets-DWzYcsLg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets-DWzYcsLg.js","names":["Hsl","h","s","l","hexToHsl","hex","r","g","b","parseHex","max","Math","min","delta","abs","normalizeHue","hslToHex","hsl","clamp01","c","x","m","channelToHex","mixHue","from","to","amount","relativeLuminance","linearChannel","value","expanded","length","slice","parseInt","round","toString","padStart","hue","black","blue","gray","white","isColor","hexToHsl","hslToHex","BuildThemeOptions","accent","background","dark","light","contrast","text","ResolvedThemeOptions","DEFAULT_ACCENT","hex","DEFAULT_TEXT","DEFAULT_BACKGROUND_DARK","DEFAULT_BACKGROUND_LIGHT","DEFAULT_CONTRAST","MINIMUM_CONTRAST","MAXIMUM_CONTRAST","resolveThemeOptions","options","normalizeColor","undefined","normalizeContrast","deriveTextColor","accentHsl","defaultAccent","defaultText","h","s","Math","min","l","value","name","TypeError","JSON","stringify","lower","toLowerCase","length","Number","isFinite","max","color","COLOR_TINTS","ColorHueKey","ColorTintKey","ColorTints","hexToHsl","Hsl","hslToHex","mixHue","relativeLuminance","BuildThemeOptions","DEFAULT_ACCENT","DEFAULT_CONTRAST","DEFAULT_TEXT","MAXIMUM_CONTRAST","MINIMUM_CONTRAST","resolveThemeOptions","MINIMUM_ANCHOR_LIGHTNESS","MAXIMUM_ANCHOR_LIGHTNESS","MINIMUM_DARK_BACKGROUND_CONTRAST","BACKGROUND_LIGHTNESS_STEP","GeneratedColorPalette","black","white","Record","buildPalette","options","resolved","accentAnchor","clampAnchorLightness","accent","textAnchor","text","grayAnchor","applyContrast","contrast","blueTints","remapTints","blue","grayTints","gray","anchorLuminances","darkenBackground","background","dark","tints","lightenBackground","light","purple","tintHexes","magenta","red","orange","yellow","green","cyan","amount","h","s","l","from","to","rotation","result","Partial","tint","value","hex","remapSaturation","remapLightness","Math","min","anchor","max","rules","maximumLuminance","tintLuminances","map","isDarkEnough","luminance","every","tintLuminance","lightness","current","minimumLuminance","buildTheme","buildUITheme","RootTheme","buildPalette","BuildThemeOptions","options","palette","BuildThemeOptions","DEFAULT_ACCENT","ThemePreset","slug","title","options","presets","accent","text","background","dark","light"],"sources":["../src/theme/hsl.ts","../src/theme/options.ts","../src/theme/buildPalette.ts","../src/theme/buildTheme.ts","../src/theme/presets.ts"],"sourcesContent":["/**\n * Color math for the palette generator, kept at full float precision: unlike\n * the HSL helpers in `@sanity/ui/theme`, nothing is rounded between the two\n * conversions, so `hslToHex(hexToHsl(hex))` returns `hex` unchanged for every\n * color. `buildTheme` relies on that to reproduce the stock `@sanity/color`\n * palette byte-for-byte when it is called with the stock anchor colors.\n */\n\n/**\n * A color in HSL space: `h` in degrees within `[0, 360)`, `s` and `l` as\n * fractions within `[0, 1]`.\n *\n * @internal\n */\nexport interface Hsl {\n  h: number\n  s: number\n  l: number\n}\n\n/** @internal */\nexport function hexToHsl(hex: string): Hsl {\n  const [r, g, b] = parseHex(hex)\n\n  const max = Math.max(r, g, b)\n  const min = Math.min(r, g, b)\n  const delta = max - min\n\n  const l = (max + min) / 2\n\n  if (delta === 0) {\n    return {h: 0, s: 0, l}\n  }\n\n  const s = delta / (1 - Math.abs(2 * l - 1))\n\n  let h: number\n\n  if (max === r) {\n    h = ((g - b) / delta) % 6\n  } else if (max === g) {\n    h = (b - r) / delta + 2\n  } else {\n    h = (r - g) / delta + 4\n  }\n\n  return {h: normalizeHue(h * 60), s, l}\n}\n\n/** @internal */\nexport function hslToHex(hsl: Hsl): string {\n  const h = normalizeHue(hsl.h)\n  const s = clamp01(hsl.s)\n  const l = clamp01(hsl.l)\n\n  const c = (1 - Math.abs(2 * l - 1)) * s\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1))\n  const m = l - c / 2\n\n  let r = 0\n  let g = 0\n  let b = 0\n\n  if (h < 60) {\n    r = c\n    g = x\n  } else if (h < 120) {\n    r = x\n    g = c\n  } else if (h < 180) {\n    g = c\n    b = x\n  } else if (h < 240) {\n    g = x\n    b = c\n  } else if (h < 300) {\n    r = x\n    b = c\n  } else {\n    r = c\n    b = x\n  }\n\n  return `#${channelToHex(r + m)}${channelToHex(g + m)}${channelToHex(b + m)}`\n}\n\n/**\n * Rotates `from` towards `to` along the shortest arc of the hue circle.\n *\n * @internal\n */\nexport function mixHue(from: number, to: number, amount: number): number {\n  const delta = ((((to - from) % 360) + 540) % 360) - 180\n\n  return normalizeHue(from + delta * amount)\n}\n\n/**\n * The WCAG relative luminance of a hex color, between 0 (black) and 1 (white).\n *\n * @internal\n */\nexport function relativeLuminance(hex: string): number {\n  const [r, g, b] = parseHex(hex)\n\n  return 0.2126 * linearChannel(r) + 0.7152 * linearChannel(g) + 0.0722 * linearChannel(b)\n}\n\nfunction linearChannel(value: number): number {\n  return value <= 0.04045 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4\n}\n\n/** Parses `#abc` and `#aabbcc` hex colors into channel fractions of 1 */\nfunction parseHex(hex: string): [number, number, number] {\n  const expanded =\n    hex.length === 4 ? `${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex.slice(1)\n\n  return [\n    parseInt(expanded.slice(0, 2), 16) / 255,\n    parseInt(expanded.slice(2, 4), 16) / 255,\n    parseInt(expanded.slice(4, 6), 16) / 255,\n  ]\n}\n\nfunction channelToHex(value: number): string {\n  return Math.round(clamp01(value) * 255)\n    .toString(16)\n    .padStart(2, '0')\n}\n\nfunction normalizeHue(hue: number): number {\n  return ((hue % 360) + 360) % 360\n}\n\nfunction clamp01(value: number): number {\n  return Math.min(1, Math.max(0, value))\n}\n","import {black, blue, gray, white} from '@sanity/color'\n\nimport {isColor} from '../lib/mix'\nimport {hexToHsl, hslToHex} from './hsl'\n\n/**\n * Options for {@link buildTheme} and {@link buildPalette}.\n *\n * Every color is a hex color (`#rgb` or `#rrggbb`). Passing the stock values\n * for every option — or just `accent: '#556bfc'` on its own — reproduces the\n * `@sanity/color` palette exactly, so the generated theme matches\n * `buildTheme()` from `@sanity/ui/theme` with no options.\n *\n * @public\n */\nexport interface BuildThemeOptions {\n  /**\n   * The accent color — the brand color of the theme. Replaces the `blue`\n   * scale of the palette, which Sanity UI uses for primary buttons, focus\n   * rings and links.\n   *\n   * The stock accent is `#556bfc` (`blue/500` of `@sanity/color`).\n   */\n  accent: string\n\n  /**\n   * The backgrounds of the two color schemes. `dark` replaces `black` in the\n   * palette and `light` replaces `white` — every other color of a scheme is\n   * blended onto them.\n   *\n   * Both are kept far enough from the text and accent colors to stay usable:\n   * `dark` is made darker until it has enough contrast with them (it can\n   * never be lighter than either), and `light` can never be darker than\n   * either.\n   *\n   * The stock backgrounds are `#0d0e12` (dark) and `#ffffff` (light).\n   */\n  background?: {\n    /** The dark scheme background — defaults to `#0d0e12` */\n    dark?: string\n    /** The light scheme background — defaults to `#ffffff` */\n    light?: string\n  }\n\n  /**\n   * How strongly text and borders separate from the accent color, between 15\n   * and 100. The default is 85, which uses the text color as-is. Above 85 the\n   * text scale loses its tint until it is fully neutral at 100 — a high\n   * contrast scheme with no mixing of the text and accent colors. Below 85\n   * more and more of the accent color mixes into the text scale, giving text\n   * and borders more color, until the scale fully adopts the accent hue and\n   * saturation at 15.\n   */\n  contrast?: number\n\n  /**\n   * The text color. Replaces the `gray` scale of the palette, which Sanity UI\n   * uses for text, icons, borders and neutral surfaces. When omitted, it is\n   * derived from the accent color: a mostly desaturated version of it, the\n   * way the stock `gray` scale carries a hint of the stock blue.\n   *\n   * The stock text color is `#727892` (`gray/500` of `@sanity/color`).\n   */\n  text?: string\n}\n\n/**\n * {@link BuildThemeOptions} with every option filled in: colors normalized to\n * lowercase `#rrggbb`, the text color derived from the accent when it was\n * omitted, and the contrast clamped into its valid range.\n *\n * @internal\n */\nexport interface ResolvedThemeOptions {\n  accent: string\n  background: {dark: string; light: string}\n  contrast: number\n  text: string\n}\n\n/** The stock accent color — `blue/500` of `@sanity/color` @internal */\nexport const DEFAULT_ACCENT: string = blue[500].hex\n\n/** The stock text color — `gray/500` of `@sanity/color` @internal */\nexport const DEFAULT_TEXT: string = gray[500].hex\n\n/** The stock dark scheme background — `black` of `@sanity/color` @internal */\nexport const DEFAULT_BACKGROUND_DARK: string = black.hex\n\n/** The stock light scheme background — `white` of `@sanity/color` @internal */\nexport const DEFAULT_BACKGROUND_LIGHT: string = white.hex\n\n/** The contrast that applies the text color as-is @internal */\nexport const DEFAULT_CONTRAST = 85\n\n/** @internal */\nexport const MINIMUM_CONTRAST = 15\n\n/** @internal */\nexport const MAXIMUM_CONTRAST = 100\n\n/** @internal */\nexport function resolveThemeOptions(options: BuildThemeOptions): ResolvedThemeOptions {\n  const accent = normalizeColor(options.accent, 'accent')\n\n  return {\n    accent,\n    background: {\n      dark:\n        options.background?.dark === undefined\n          ? DEFAULT_BACKGROUND_DARK\n          : normalizeColor(options.background.dark, 'background.dark'),\n      light:\n        options.background?.light === undefined\n          ? DEFAULT_BACKGROUND_LIGHT\n          : normalizeColor(options.background.light, 'background.light'),\n    },\n    contrast: normalizeContrast(options.contrast),\n    text:\n      options.text === undefined ? deriveTextColor(accent) : normalizeColor(options.text, 'text'),\n  }\n}\n\n/**\n * Derives the text color from an accent color, keeping the relationship the\n * stock palette has between `gray/500` and `blue/500`: the text color takes\n * the accent's hue (offset the way the stock gray is offset from the stock\n * blue), carries about an eighth of its saturation, and keeps the stock text\n * lightness. Deriving from the stock accent returns the stock text color.\n *\n * @internal\n */\nexport function deriveTextColor(accent: string): string {\n  const accentHsl = hexToHsl(normalizeColor(accent, 'accent'))\n  const defaultAccent = hexToHsl(DEFAULT_ACCENT)\n  const defaultText = hexToHsl(DEFAULT_TEXT)\n\n  return hslToHex({\n    h: defaultText.h + (accentHsl.h - defaultAccent.h),\n    s: Math.min(1, defaultText.s * (accentHsl.s / defaultAccent.s)),\n    l: defaultText.l,\n  })\n}\n\nfunction normalizeColor(value: string, name: string): string {\n  if (typeof value !== 'string' || !isColor(value)) {\n    throw new TypeError(\n      `Invalid \\`${name}\\` color: ${JSON.stringify(value)} — expected a hex color like #556bfc`,\n    )\n  }\n\n  const lower = value.toLowerCase()\n\n  return lower.length === 4\n    ? `#${lower[1]}${lower[1]}${lower[2]}${lower[2]}${lower[3]}${lower[3]}`\n    : lower\n}\n\nfunction normalizeContrast(value: number | undefined): number {\n  if (value === undefined) {\n    return DEFAULT_CONTRAST\n  }\n\n  if (typeof value !== 'number' || !Number.isFinite(value)) {\n    throw new TypeError(\n      `Invalid \\`contrast\\`: ${JSON.stringify(value)} — expected a number between ${MINIMUM_CONTRAST} and ${MAXIMUM_CONTRAST}`,\n    )\n  }\n\n  return Math.min(MAXIMUM_CONTRAST, Math.max(MINIMUM_CONTRAST, value))\n}\n","import {color, COLOR_TINTS, ColorHueKey, ColorTintKey, ColorTints} from '@sanity/color'\n\nimport {hexToHsl, Hsl, hslToHex, mixHue, relativeLuminance} from './hsl'\nimport {\n  BuildThemeOptions,\n  DEFAULT_ACCENT,\n  DEFAULT_CONTRAST,\n  DEFAULT_TEXT,\n  MAXIMUM_CONTRAST,\n  MINIMUM_CONTRAST,\n  resolveThemeOptions,\n} from './options'\n\n/**\n * The lightness band the accent and text colors are clamped into — anchors\n * outside it would squeeze most of their scale's tints into an\n * indistinguishable sliver, messing with the rest of the scale.\n */\nconst MINIMUM_ANCHOR_LIGHTNESS = 0.25\nconst MAXIMUM_ANCHOR_LIGHTNESS = 0.75\n\n/**\n * The contrast ratio the dark background must reach against the 400 tints of\n * the text and accent scales — the tints Sanity UI paints muted text and\n * solid buttons with on dark backgrounds. The stock palette sits at ~6.8.\n */\nconst MINIMUM_DARK_BACKGROUND_CONTRAST = 4.5\n\n/** How much lightness each step of a background adjustment removes or adds */\nconst BACKGROUND_LIGHTNESS_STEP = 0.005\n\n/**\n * The color palette generated by {@link buildPalette}: the `palette` config\n * of `buildTheme` from `@sanity/ui/theme`, with every color as a hex string.\n *\n * @public\n */\nexport type GeneratedColorPalette = {black: string; white: string} & Record<\n  ColorHueKey,\n  Record<ColorTintKey, string>\n>\n\n/**\n * Generates a Sanity UI color palette from the theme options: the accent\n * color replaces the `blue` scale, the text color the `gray` scale, and the\n * backgrounds replace `black` and `white`. All other hues keep their stock\n * `@sanity/color` values. Called with the stock colors, it returns the stock\n * palette byte-for-byte.\n *\n * ```ts\n * import {buildPalette} from '@sanity/themer'\n *\n * const palette = buildPalette({accent: '#556bfc'})\n * ```\n *\n * @public\n */\nexport function buildPalette(options: BuildThemeOptions): GeneratedColorPalette {\n  const resolved = resolveThemeOptions(options)\n\n  const accentAnchor = clampAnchorLightness(hexToHsl(resolved.accent))\n  const textAnchor = clampAnchorLightness(hexToHsl(resolved.text))\n  const grayAnchor = applyContrast(textAnchor, accentAnchor, resolved.contrast)\n\n  const blueTints = remapTints(color.blue, hexToHsl(DEFAULT_ACCENT), accentAnchor)\n  const grayTints = remapTints(color.gray, hexToHsl(DEFAULT_TEXT), grayAnchor)\n\n  const anchorLuminances = [\n    relativeLuminance(hslToHex(grayAnchor)),\n    relativeLuminance(hslToHex(accentAnchor)),\n  ]\n\n  return {\n    black: darkenBackground(resolved.background.dark, {\n      anchorLuminances,\n      tints: [grayTints['400'], blueTints['400']],\n    }),\n    white: lightenBackground(resolved.background.light, anchorLuminances),\n    gray: grayTints,\n    blue: blueTints,\n    purple: tintHexes(color.purple),\n    magenta: tintHexes(color.magenta),\n    red: tintHexes(color.red),\n    orange: tintHexes(color.orange),\n    yellow: tintHexes(color.yellow),\n    green: tintHexes(color.green),\n    cyan: tintHexes(color.cyan),\n  }\n}\n\n/**\n * Mixes the accent color into the text color according to the contrast: 85\n * applies the text color as-is, 100 removes its tint entirely, and lower\n * values rotate and saturate it towards the accent.\n */\nfunction applyContrast(text: Hsl, accent: Hsl, contrast: number): Hsl {\n  if (contrast === DEFAULT_CONTRAST) {\n    return text\n  }\n\n  if (contrast > DEFAULT_CONTRAST) {\n    const amount = (contrast - DEFAULT_CONTRAST) / (MAXIMUM_CONTRAST - DEFAULT_CONTRAST)\n\n    return {h: text.h, s: text.s * (1 - amount), l: text.l}\n  }\n\n  const amount = (DEFAULT_CONTRAST - contrast) / (DEFAULT_CONTRAST - MINIMUM_CONTRAST)\n\n  return {\n    h: mixHue(text.h, accent.h, amount),\n    s: text.s + (accent.s - text.s) * amount,\n    l: text.l,\n  }\n}\n\n/**\n * Rebuilds a stock tint scale around a new anchor color, where `from` is the\n * scale's stock 500 tint: hues rotate along, saturation scales\n * proportionally, and lightness is remapped piecewise so the anchor takes the\n * new lightness while the scale keeps spanning light to dark. When the anchor\n * matches the stock one, every tint comes back unchanged.\n */\nfunction remapTints(tints: ColorTints, from: Hsl, to: Hsl): Record<ColorTintKey, string> {\n  const rotation = to.h - from.h\n  const result: Partial<Record<ColorTintKey, string>> = {}\n\n  for (const tint of COLOR_TINTS) {\n    const value = hexToHsl(tints[tint].hex)\n\n    result[tint] = hslToHex({\n      h: value.h + rotation,\n      s: remapSaturation(value.s, from.s, to.s),\n      l: remapLightness(value.l, from.l, to.l),\n    })\n  }\n\n  // oxlint-disable-next-line no-unsafe-type-assertion -- the loop assigns every tint key\n  return result as Record<ColorTintKey, string>\n}\n\nfunction remapSaturation(value: number, from: number, to: number): number {\n  if (from === to) {\n    return value\n  }\n\n  return Math.min(1, value * (to / from))\n}\n\nfunction remapLightness(value: number, from: number, to: number): number {\n  if (from === to) {\n    return value\n  }\n\n  if (value <= from) {\n    return value * (to / from)\n  }\n\n  return to + ((value - from) * (1 - to)) / (1 - from)\n}\n\nfunction clampAnchorLightness(anchor: Hsl): Hsl {\n  const l = Math.min(MAXIMUM_ANCHOR_LIGHTNESS, Math.max(MINIMUM_ANCHOR_LIGHTNESS, anchor.l))\n\n  return l === anchor.l ? anchor : {...anchor, l}\n}\n\n/**\n * Enforces the dark background rules: it can never be lighter than the text\n * or accent colors, and it must reach enough contrast with the 400 tints of\n * their scales — it is made darker until it does (or bottoms out at black).\n */\nfunction darkenBackground(\n  hex: string,\n  rules: {anchorLuminances: number[]; tints: string[]},\n): string {\n  const maximumLuminance = Math.min(...rules.anchorLuminances)\n  const tintLuminances = rules.tints.map((tint) => relativeLuminance(tint))\n\n  const isDarkEnough = (background: string): boolean => {\n    const luminance = relativeLuminance(background)\n\n    return (\n      luminance < maximumLuminance &&\n      tintLuminances.every(\n        (tintLuminance) =>\n          (tintLuminance + 0.05) / (luminance + 0.05) >= MINIMUM_DARK_BACKGROUND_CONTRAST,\n      )\n    )\n  }\n\n  const {h, s, l} = hexToHsl(hex)\n  let lightness = l\n  let current = hex\n\n  while (!isDarkEnough(current) && lightness > 0) {\n    lightness = Math.max(0, lightness - BACKGROUND_LIGHTNESS_STEP)\n    current = hslToHex({h, s, l: lightness})\n  }\n\n  return current\n}\n\n/**\n * Enforces the light background rule: it can never be darker than the text\n * or accent colors — it is made lighter until it is (or tops out at white).\n */\nfunction lightenBackground(hex: string, anchorLuminances: number[]): string {\n  const minimumLuminance = Math.max(...anchorLuminances)\n\n  const {h, s, l} = hexToHsl(hex)\n  let lightness = l\n  let current = hex\n\n  while (relativeLuminance(current) <= minimumLuminance && lightness < 1) {\n    lightness = Math.min(1, lightness + BACKGROUND_LIGHTNESS_STEP)\n    current = hslToHex({h, s, l: lightness})\n  }\n\n  return current\n}\n\nfunction tintHexes(tints: ColorTints): Record<ColorTintKey, string> {\n  const result: Partial<Record<ColorTintKey, string>> = {}\n\n  for (const tint of COLOR_TINTS) {\n    result[tint] = tints[tint].hex\n  }\n\n  // oxlint-disable-next-line no-unsafe-type-assertion -- the loop assigns every tint key\n  return result as Record<ColorTintKey, string>\n}\n","import {buildTheme as buildUITheme, RootTheme} from '@sanity/ui/theme'\n\nimport {buildPalette} from './buildPalette'\nimport {BuildThemeOptions} from './options'\n\n/**\n * Generates a Studio theme from a handful of colors, by replacing the color\n * palette that the `buildTheme` from `@sanity/ui/theme` otherwise fills with\n * `@sanity/color`: the accent color replaces the `blue` scale (primary\n * buttons, focus rings, links), the optional text color the `gray` scale\n * (text, icons, borders), and the optional backgrounds replace `black` and\n * `white`. The result is the same type of theme that `@sanity/ui/theme`\n * builds, ready for the `theme` property of a Studio config.\n *\n * ```ts\n * import {buildTheme} from '@sanity/themer'\n * import {defineConfig} from 'sanity'\n *\n * export const theme = buildTheme({\n *   accent: '#556bfc',\n *   text: '#727892', // optional — derived from `accent` when omitted\n *   background: {dark: '#0d0e12', light: '#ffffff'}, // optional\n *   contrast: 85, // optional, 15–100\n * })\n *\n * export default defineConfig({\n *   theme,\n *   // ...rest of the config\n * })\n * ```\n *\n * Called with the stock colors — like the example — it returns the exact\n * same colors as `buildTheme()` from `@sanity/ui/theme` with no options.\n *\n * @public\n */\nexport function buildTheme(options: BuildThemeOptions): RootTheme {\n  return buildUITheme({palette: buildPalette(options)})\n}\n","import {BuildThemeOptions, DEFAULT_ACCENT} from './options'\n\n/**\n * A preset theme: a named set of {@link BuildThemeOptions} ready to pass to\n * `buildTheme`.\n *\n * @public\n */\nexport interface ThemePreset {\n  slug: string\n  title: string\n  /** The preset's theme options, ready to pass to `buildTheme` */\n  options: BuildThemeOptions\n}\n\n/**\n * Preset themes for `buildTheme`, carried over from the hosted Themer service\n * (themer.sanity.build) presets: each one maps the legacy preset's primary\n * hue to `accent`, its default hue to `text` and its lightest/darkest colors\n * to the backgrounds.\n *\n * ```ts\n * import {buildTheme, presets} from '@sanity/themer'\n *\n * const verdant = presets.find((preset) => preset.slug === 'verdant')\n * const theme = buildTheme(verdant.options)\n * ```\n *\n * @public\n */\nexport const presets: ThemePreset[] = [\n  {\n    slug: 'studio',\n    title: 'Studio',\n    options: {accent: DEFAULT_ACCENT},\n  },\n  {\n    slug: 'dew',\n    title: 'Dew',\n    options: {\n      accent: '#d1a308',\n      text: '#5e63b4',\n      background: {dark: '#0d0d15', light: '#fcfcfd'},\n    },\n  },\n  {\n    slug: 'pink-synth',\n    title: 'Pink Synth',\n    options: {\n      accent: '#ec4899',\n      text: '#8b6584',\n      background: {dark: '#171721', light: '#f7f2f5'},\n    },\n  },\n  {\n    slug: 'pixel-art',\n    title: 'Pixel Art',\n    options: {\n      accent: '#f10784',\n      text: '#57619c',\n      background: {dark: '#0d0e15', light: '#fcfcfd'},\n    },\n  },\n  {\n    slug: 'retro-colonial',\n    title: 'Retro Colonial',\n    options: {\n      accent: '#fa7a78',\n      text: '#8bb9b5',\n      background: {dark: '#0d1515', light: '#fcfdfd'},\n    },\n  },\n  {\n    slug: 'rosabel',\n    title: 'Rosabel',\n    options: {\n      accent: '#ed2555',\n      text: '#9d8966',\n      background: {dark: '#15120d', light: '#fdfdfc'},\n    },\n  },\n  {\n    slug: 'stereofidelic',\n    title: 'Stereofidelic',\n    options: {\n      accent: '#f13009',\n      text: '#678e9a',\n      background: {dark: '#0e1315', light: '#fcfdfd'},\n    },\n  },\n  {\n    slug: 'verdant',\n    title: 'Verdant',\n    options: {\n      accent: '#1cb485',\n      text: '#5c9199',\n      background: {dark: '#0d1415', light: '#fcfdfd'},\n    },\n  },\n]\n"],"mappings":"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"}

package/dist/tool.d.ts

@@ -1,4 +1,4 @@
-import { a as PartialHues } from "./types-DfPLuLv0.js";
+import { t as BuildThemeOptions } from "./options-BaqJJgRs.js";
 /**
  * Options for the {@link themerTool} plugin.
  *
@@ -9,26 +9,26 @@ import { a as PartialHues } from "./types-DfPLuLv0.js";
  */
 interface ThemerToolOptions {
   /**
-   * The hues that the Studio's configured theme was generated from — the
-   * themer starts editing from these, so pass the same object that the
-   * `theme` in the Studio config uses:
+   * The `buildTheme` options that the Studio's configured theme was generated
+   * from — the themer starts editing from these, so pass the same object that
+   * the `theme` in the Studio config uses:
    *
    * ```ts
-   * const hues = parseHuesFromUrl('https://themer.sanity.build/api/hues?preset=verdant')
+   * const config: BuildThemeOptions = {accent: '#1cb485'}
    *
    * export default defineConfig({
-   *   theme: createTheme(hues),
-   *   plugins: [themerTool({hues})],
+   *   theme: buildTheme(config),
+   *   plugins: [themerTool({config})],
    * })
    * ```
    */
-  hues?: PartialHues;
+  config?: BuildThemeOptions;
 }
 /**
- * A Studio plugin that adds a themer sidebar for the legacy Themer themes:
- * a navbar toggle opens the sidebar next to the active tool, where presets,
- * per-hue editors and pasted themer.sanity.build URLs preview a legacy
- * `createTheme` theme live on the whole Studio while you browse around.
+ * A Studio plugin that adds a themer sidebar for `buildTheme` themes: a
+ * navbar toggle opens the sidebar next to the active tool, where presets, the
+ * accent/text/background pickers and the contrast slider preview a
+ * `buildTheme` theme live on the whole Studio while you browse around.
  * Toggle between light and dark mode with the regular appearance menu — the
  * preview follows it.
  *

package/dist/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","names":[],"sources":["../src/tool/plugin.tsx"],"mappings":";;;;;;;;;UAgBiB;;;;;;;;;;;;;;;EAef,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;cA0BI,6BAAU,cAAA"}
+{"version":3,"file":"tool.d.ts","names":[],"sources":["../src/tool/plugin.tsx"],"mappings":";;;;;;;;;UAeiB;;;;;;;;;;;;;;;EAef,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;cA0BE,6BAAU,cAAA"}