@sanity/themer 0.3.15 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -54
- package/dist/index.d.ts +42 -27
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/legacy.d.ts +43 -118
- package/dist/legacy.d.ts.map +1 -1
- package/dist/legacy.js +5 -1205
- package/dist/legacy.js.map +1 -1
- package/dist/options-CU-emn_p.d.ts +69 -0
- package/dist/options-CU-emn_p.d.ts.map +1 -0
- package/dist/{presets-DWzYcsLg.js → presets-CqBgS3A-.js} +146 -99
- package/dist/presets-CqBgS3A-.js.map +1 -0
- package/dist/tool.d.ts +11 -7
- package/dist/tool.d.ts.map +1 -1
- package/dist/tool.js +2333 -514
- package/dist/tool.js.map +1 -1
- package/package.json +7 -4
- package/dist/mix-BfV6_Ke4.js +0 -42
- package/dist/mix-BfV6_Ke4.js.map +0 -1
- package/dist/options-BaqJJgRs.d.ts +0 -59
- package/dist/options-BaqJJgRs.d.ts.map +0 -1
- package/dist/presets-DWzYcsLg.js.map +0 -1
package/dist/legacy.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"legacy.js","names":[],"sources":["../src/legacy/dropUndefined.ts","../src/legacy/palette.ts","../src/legacy/applyHues.ts","../src/legacy/parseHuesFromSearchParams.ts","../src/legacy/presets.ts","../src/legacy/createTonesFromHues.ts","../src/legacy/themeFromHues.ts","../src/legacy/createTheme.ts","../src/legacy/defaults.ts"],"sourcesContent":["import {Hue} from './types'\n\n/**\n * Drops properties that are set to `undefined`, so that spreading the hue\n * over defaults doesn't shadow them. The hosted Themer service used a\n * `JSON.parse(JSON.stringify(…))` round trip for this.\n */\nexport function dropUndefined(hue: Partial<Hue> | undefined): Partial<Hue> | undefined {\n if (!hue) return undefined\n\n const result: Partial<Hue> = {}\n\n if (hue.mid !== undefined) result.mid = hue.mid\n if (hue.midPoint !== undefined) result.midPoint = hue.midPoint\n if (hue.lightest !== undefined) result.lightest = hue.lightest\n if (hue.darkest !== undefined) result.darkest = hue.darkest\n\n return result\n}\n","import {ColorTint, ColorTints} from '@sanity/color'\n\n/**\n * The color palette from `@sanity/color@2.2.5`, vendored so that themes\n * generated by this module keep producing the exact same colors as the hosted\n * Themer service (themer.sanity.build), which bundles that version. The\n * current `@sanity/color` palette has different values, so it cannot be used\n * here without changing generated themes.\n */\n\n/** @internal */\nexport const black: ColorTint = {title: 'Black', hex: '#101112'}\n\n/** @internal */\nexport const white: ColorTint = {title: 'White', hex: '#fff'}\n\n/** @internal */\nexport const gray: ColorTints = {\n '50': {title: 'Gray 50', hex: '#f2f3f5'},\n '100': {title: 'Gray 100', hex: '#e6e8ec'},\n '200': {title: 'Gray 200', hex: '#ced2d9'},\n '300': {title: 'Gray 300', hex: '#b6bcc6'},\n '400': {title: 'Gray 400', hex: '#9ea6b3'},\n '500': {title: 'Gray 500', hex: '#8690a0'},\n '600': {title: 'Gray 600', hex: '#6e7683'},\n '700': {title: 'Gray 700', hex: '#565d67'},\n '800': {title: 'Gray 800', hex: '#3f434a'},\n '900': {title: 'Gray 900', hex: '#272a2e'},\n '950': {title: 'Gray 950', hex: '#1b1d20'},\n}\n\n/** @internal */\nexport const blue: ColorTints = {\n '50': {title: 'Blue 50', hex: '#e8f1fe'},\n '100': {title: 'Blue 100', hex: '#d2e3fe'},\n '200': {title: 'Blue 200', hex: '#a6c8fd'},\n '300': {title: 'Blue 300', hex: '#7aacfd'},\n '400': {title: 'Blue 400', hex: '#4e91fc'},\n '500': {title: 'Blue 500', hex: '#2276fc'},\n '600': {title: 'Blue 600', hex: '#1e61cd'},\n '700': {title: 'Blue 700', hex: '#1a4d9e'},\n '800': {title: 'Blue 800', hex: '#17396f'},\n '900': {title: 'Blue 900', hex: '#132540'},\n '950': {title: 'Blue 950', hex: '#111b29'},\n}\n\n/** @internal */\nexport const purple: ColorTints = {\n '50': {title: 'Purple 50', hex: '#f8e9fe'},\n '100': {title: 'Purple 100', hex: '#f2d3fe'},\n '200': {title: 'Purple 200', hex: '#e6a7fd'},\n '300': {title: 'Purple 300', hex: '#d97bfd'},\n '400': {title: 'Purple 400', hex: '#cd4efc'},\n '500': {title: 'Purple 500', hex: '#c123fc'},\n '600': {title: 'Purple 600', hex: '#9d1fcd'},\n '700': {title: 'Purple 700', hex: '#7a1b9e'},\n '800': {title: 'Purple 800', hex: '#56186f'},\n '900': {title: 'Purple 900', hex: '#331440'},\n '950': {title: 'Purple 950', hex: '#211229'},\n}\n\n/** @internal */\nexport const magenta: ColorTints = {\n '50': {title: 'Magenta 50', hex: '#fcebf5'},\n '100': {title: 'Magenta 100', hex: '#f9d7eb'},\n '200': {title: 'Magenta 200', hex: '#f4afd8'},\n '300': {title: 'Magenta 300', hex: '#ef87c4'},\n '400': {title: 'Magenta 400', hex: '#ea5fb1'},\n '500': {title: 'Magenta 500', hex: '#e5389e'},\n '600': {title: 'Magenta 600', hex: '#ba3082'},\n '700': {title: 'Magenta 700', hex: '#8f2866'},\n '800': {title: 'Magenta 800', hex: '#65204a'},\n '900': {title: 'Magenta 900', hex: '#3a182d'},\n '950': {title: 'Magenta 950', hex: '#25141f'},\n}\n\n/** @internal */\nexport const red: ColorTints = {\n '50': {title: 'Red 50', hex: '#fdebea'},\n '100': {title: 'Red 100', hex: '#fcd8d5'},\n '200': {title: 'Red 200', hex: '#f9b1ab'},\n '300': {title: 'Red 300', hex: '#f68b82'},\n '400': {title: 'Red 400', hex: '#f36458'},\n '500': {title: 'Red 500', hex: '#f03e2f'},\n '600': {title: 'Red 600', hex: '#c33529'},\n '700': {title: 'Red 700', hex: '#962c23'},\n '800': {title: 'Red 800', hex: '#69231d'},\n '900': {title: 'Red 900', hex: '#3c1a17'},\n '950': {title: 'Red 950', hex: '#261514'},\n}\n\n/** @internal */\nexport const orange: ColorTints = {\n '50': {title: 'Orange 50', hex: '#fef0e6'},\n '100': {title: 'Orange 100', hex: '#fee2ce'},\n '200': {title: 'Orange 200', hex: '#fdc59d'},\n '300': {title: 'Orange 300', hex: '#fca86d'},\n '400': {title: 'Orange 400', hex: '#fb8b3c'},\n '500': {title: 'Orange 500', hex: '#e57322'},\n '600': {title: 'Orange 600', hex: '#ba5f1f'},\n '700': {title: 'Orange 700', hex: '#904b1b'},\n '800': {title: 'Orange 800', hex: '#653818'},\n '900': {title: 'Orange 900', hex: '#3a2415'},\n '950': {title: 'Orange 950', hex: '#251a13'},\n}\n\n/** @internal */\nexport const yellow: ColorTints = {\n '50': {title: 'Yellow 50', hex: '#fef7da'},\n '100': {title: 'Yellow 100', hex: '#fdefb6'},\n '200': {title: 'Yellow 200', hex: '#fcdf6d'},\n '300': {title: 'Yellow 300', hex: '#fbd024'},\n '400': {title: 'Yellow 400', hex: '#d9b421'},\n '500': {title: 'Yellow 500', hex: '#b7991e'},\n '600': {title: 'Yellow 600', hex: '#967e1c'},\n '700': {title: 'Yellow 700', hex: '#746219'},\n '800': {title: 'Yellow 800', hex: '#534717'},\n '900': {title: 'Yellow 900', hex: '#312c14'},\n '950': {title: 'Yellow 950', hex: '#201e13'},\n}\n\n/** @internal */\nexport const green: ColorTints = {\n '50': {title: 'Green 50', hex: '#e7f9ed'},\n '100': {title: 'Green 100', hex: '#d0f4dc'},\n '200': {title: 'Green 200', hex: '#a1eaba'},\n '300': {title: 'Green 300', hex: '#72e097'},\n '400': {title: 'Green 400', hex: '#43d675'},\n '500': {title: 'Green 500', hex: '#3ab564'},\n '600': {title: 'Green 600', hex: '#329454'},\n '700': {title: 'Green 700', hex: '#297343'},\n '800': {title: 'Green 800', hex: '#215233'},\n '900': {title: 'Green 900', hex: '#183122'},\n '950': {title: 'Green 950', hex: '#14211a'},\n}\n\n/** @internal */\nexport const cyan: ColorTints = {\n '50': {title: 'Cyan 50', hex: '#e3fafd'},\n '100': {title: 'Cyan 100', hex: '#c7f5fc'},\n '200': {title: 'Cyan 200', hex: '#90ecf9'},\n '300': {title: 'Cyan 300', hex: '#59e3f6'},\n '400': {title: 'Cyan 400', hex: '#22daf4'},\n '500': {title: 'Cyan 500', hex: '#1fb8ce'},\n '600': {title: 'Cyan 600', hex: '#1c97a8'},\n '700': {title: 'Cyan 700', hex: '#197583'},\n '800': {title: 'Cyan 800', hex: '#16545d'},\n '900': {title: 'Cyan 900', hex: '#133237'},\n '950': {title: 'Cyan 950', hex: '#112124'},\n}\n","import {dropUndefined} from './dropUndefined'\nimport {black, white} from './palette'\nimport {Hues, PartialHues} from './types'\n\nconst lightest = white.hex.toLowerCase()\nconst darkest = black.hex.toLowerCase()\n\n/**\n * The hues of the default Studio theme, matching the `default` preset of the\n * hosted Themer service.\n */\nconst defaultHues: Hues = {\n default: {\n lightest,\n darkest,\n mid: '#8690a0',\n midPoint: 500,\n },\n primary: {\n lightest,\n darkest,\n mid: '#2276fc',\n midPoint: 500,\n },\n transparent: {\n lightest,\n darkest,\n mid: '#8690a0',\n midPoint: 500,\n },\n positive: {\n lightest,\n darkest,\n mid: '#43d675',\n midPoint: 400,\n },\n caution: {\n lightest,\n darkest,\n mid: '#fbd024',\n midPoint: 300,\n },\n critical: {\n lightest,\n darkest,\n mid: '#f03e2f',\n midPoint: 500,\n },\n}\n\n/**\n * Merges partial hues over the defaults, exactly like the hosted Themer\n * service did. When a hue's `mid` color is customized without an explicit\n * `midPoint`, the mid point resets to `500`.\n */\nexport function applyHues(_hues: PartialHues, defaults: Hues = defaultHues): Hues {\n // Filter out undefined values so they don't shadow the defaults when spread\n const hues: PartialHues = {\n default: dropUndefined(_hues.default),\n primary: dropUndefined(_hues.primary),\n transparent: dropUndefined(_hues.transparent),\n positive: dropUndefined(_hues.positive),\n caution: dropUndefined(_hues.caution),\n critical: dropUndefined(_hues.critical),\n }\n\n const defaultMid = hues.default?.mid?.toLowerCase() || defaults.default.mid\n const primaryMid = hues.primary?.mid?.toLowerCase() || defaults.primary.mid\n const transparentMid = hues.transparent?.mid?.toLowerCase() || defaults.transparent.mid\n const positiveMid = hues.positive?.mid?.toLowerCase() || defaults.positive.mid\n const cautionMid = hues.caution?.mid?.toLowerCase() || defaults.caution.mid\n const criticalMid = hues.critical?.mid?.toLowerCase() || defaults.critical.mid\n\n return {\n default: {\n ...defaults.default,\n midPoint: defaultMid === defaults.default.mid ? defaults.default.midPoint : 500,\n ...hues.default,\n mid: defaultMid,\n },\n primary: {\n ...defaults.primary,\n midPoint: primaryMid === defaults.primary.mid ? defaults.primary.midPoint : 500,\n ...hues.primary,\n mid: primaryMid,\n },\n transparent: {\n ...defaults.transparent,\n midPoint: transparentMid === defaults.transparent.mid ? defaults.transparent.midPoint : 500,\n ...hues.transparent,\n mid: transparentMid,\n },\n positive: {\n ...defaults.positive,\n midPoint: positiveMid === defaults.positive.mid ? defaults.positive.midPoint : 500,\n ...hues.positive,\n mid: positiveMid,\n },\n caution: {\n ...defaults.caution,\n midPoint: cautionMid === defaults.caution.mid ? defaults.caution.midPoint : 500,\n ...hues.caution,\n mid: cautionMid,\n },\n critical: {\n ...defaults.critical,\n midPoint: criticalMid === defaults.critical.mid ? defaults.critical.midPoint : 500,\n ...hues.critical,\n mid: criticalMid,\n },\n }\n}\n","import {isColor} from '../lib/mix'\nimport {dropUndefined} from './dropUndefined'\nimport {Hue, HueMidPoint, PartialHues} from './types'\n\nconst HUE_KEYS = ['default', 'primary', 'transparent', 'positive', 'caution', 'critical'] as const\n\nconst VALID_MID_POINTS = new Set([50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950])\n\n/**\n * Parses hues from the query of a hosted Themer service URL, exactly like\n * `https://themer.sanity.build/api/hues` did — including its validation\n * errors.\n */\nexport function parseHuesFromSearchParams(searchParams: URLSearchParams): PartialHues {\n const lightest = searchParams.has('lightest')\n ? assertValidColor(`#${(searchParams.get('lightest') ?? '').toLowerCase()}`)\n : undefined\n const darkest = searchParams.get('darkest')\n ? assertValidColor(`#${(searchParams.get('darkest') ?? '').toLowerCase()}`)\n : undefined\n\n // Filter out undefined values so they don't shadow defaults downstream\n return {\n default: dropUndefined(parseHue('default', searchParams, lightest, darkest)),\n primary: dropUndefined(parseHue('primary', searchParams, lightest, darkest)),\n transparent: dropUndefined(parseHue('transparent', searchParams, lightest, darkest)),\n positive: dropUndefined(parseHue('positive', searchParams, lightest, darkest)),\n caution: dropUndefined(parseHue('caution', searchParams, lightest, darkest)),\n critical: dropUndefined(parseHue('critical', searchParams, lightest, darkest)),\n }\n}\n\nfunction parseHue(\n key: (typeof HUE_KEYS)[number],\n searchParams: URLSearchParams,\n defaultLightest: string | undefined,\n defaultDarkest: string | undefined,\n): Partial<Hue> {\n if (!searchParams.has(key)) {\n return {lightest: defaultLightest, darkest: defaultDarkest}\n }\n const input = (searchParams.get(key) ?? '').toLowerCase()\n\n let mid: string | undefined\n let midPoint: HueMidPoint | undefined\n let lightest: string | undefined\n let darkest: string | undefined\n // format: color;midPoint;lightest:color;darkest:color\n const params = input.split(';')\n if (params.length > 4) {\n throw new TypeError(\n `Invalid number of params for the ${key} hue, it should be 4 or less instead it's ${\n params.length\n }: ${JSON.stringify(params)}`,\n )\n }\n for (const param of params) {\n const maybeMid = `#${param}`\n const maybeMidPoint = roundMidPoint(Number(param))\n\n switch (true) {\n case param === '':\n break\n case isColor(maybeMid) && !mid:\n mid = maybeMid\n break\n case !Number.isNaN(maybeMidPoint) && !midPoint:\n midPoint = assertValidMidPoint(maybeMidPoint)\n break\n case param.startsWith('lightest:') && !lightest:\n lightest = assertValidColor(`#${param.replace(/^lightest:/, '')}`)\n break\n case param.startsWith('darkest:') && !darkest:\n darkest = assertValidColor(`#${param.replace(/^darkest:/, '')}`)\n break\n // Surface duplicates\n case isColor(maybeMid):\n throwDuplicate(key, mid?.replace(/^#/, ''), param, input)\n break\n case !Number.isNaN(maybeMidPoint):\n throwDuplicate(key, midPoint, maybeMidPoint, input)\n break\n case param.startsWith('lightest:'):\n throwDuplicate(key, lightest?.replace(/^#/, 'lightest:'), param, input)\n break\n case param.startsWith('darkest:'):\n throwDuplicate(key, darkest?.replace(/^#/, 'darkest:'), param, input)\n break\n default:\n // If the parser can't make sense of it we throw to surface that something is wrong with the input\n throw new TypeError(`Invalid param for the ${key} hue: ${param}`)\n }\n }\n\n return {\n mid,\n midPoint,\n lightest: lightest ?? defaultLightest,\n darkest: darkest ?? defaultDarkest,\n }\n}\n\nfunction roundMidPoint(value: number): number {\n if (value < 75) {\n return 50\n }\n if (value > 925) {\n return 950\n }\n\n return Math.round(value / 100) * 100\n}\n\nfunction throwDuplicate(key: string, a: unknown, b: unknown, input: string): never {\n throw new TypeError(\n `Duplicate params detected. Remove at least ${\n a === b\n ? `one of the ${JSON.stringify(String(a))}`\n : `${JSON.stringify(String(a))} or ${JSON.stringify(String(b))}`\n } from the ${key} hue: ${JSON.stringify(input)}`,\n )\n}\n\nfunction assertValidColor(input: string): string {\n if (isColor(input)) {\n return input\n }\n throw new TypeError(`Invalid color: ${input}`)\n}\n\nfunction assertValidMidPoint(input: number): HueMidPoint {\n if (isMidPoint(input)) {\n return input\n }\n throw new TypeError(`Invalid midPoint: ${input}`)\n}\n\nfunction isMidPoint(input: number): input is HueMidPoint {\n return VALID_MID_POINTS.has(input)\n}\n","import {applyHues} from './applyHues'\nimport {parseHuesFromSearchParams} from './parseHuesFromSearchParams'\nimport {ThemePreset} from './types'\n\nfunction definePreset(slug: string, title: string, searchParams: string): ThemePreset {\n return {\n slug,\n title,\n searchParams,\n hues: applyHues(parseHuesFromSearchParams(new URLSearchParams(searchParams))),\n }\n}\n\nconst defaultPreset = definePreset(\n 'default',\n 'Studio v3',\n 'lightest=fff&darkest=101112&default=8690a0;500&primary=2276fc;500&transparent=8690a0;500&positive=43d675;400&caution=fbd024;300&critical=f03e2f;500',\n)\n\n/**\n * The preset themes of the hosted Themer service (themer.sanity.build), with\n * the same slugs and hues:\n *\n * ```ts\n * import {createTheme, presets} from '@sanity/themer/legacy'\n *\n * const verdant = presets.find((preset) => preset.slug === 'verdant')\n * const theme = createTheme(verdant.hues)\n * ```\n *\n * @public\n */\nexport const presets: ThemePreset[] = [\n defaultPreset,\n definePreset(\n 'dew',\n 'Dew',\n 'default=5e63b4;600;lightest:fcfcfd;darkest:0d0d15&primary=d1a308;400;lightest:fcfcfd;darkest:0d0d15&transparent=6c6fa7;500;lightest:fcfcfd;darkest:0d0d15&positive=43D675;300;lightest:fcfcfd;darkest:0d0d15&caution=fb9f24;400;lightest:fcfcfd;darkest:0d0d15&critical=F03E2F;500;lightest:fcfcfd;darkest:0d0d15',\n ),\n definePreset(\n 'pink-synth',\n 'Pink Synth',\n 'lightest=f7f2f5&darkest=171721&default=8b6584&primary=ec4899&transparent=503a4c&positive=10b981&caution=fde047;300&critical=fe3459',\n ),\n definePreset(\n 'pixel-art',\n 'Pixel Art',\n 'default=57619c;600&primary=f10784&transparent=5b6498;600&positive=43d675;300&caution=fbd024;200&lightest=fcfcfd&darkest=0d0e15',\n ),\n definePreset(\n 'retro-colonial',\n 'Retro Colonial',\n 'default=8bb9b5;400&primary=fa7a78;400&transparent=8bb9b5;400&positive=43d675;300&caution=fbd024;200&critical=f02f53&lightest=fcfdfd&darkest=0d1515',\n ),\n definePreset(\n 'rosabel',\n 'Rosabel',\n 'default=9d8966&primary=ed2555;700&transparent=9d8966&positive=43d675;300&caution=fbd024;200&lightest=fdfdfc&darkest=15120d',\n ),\n definePreset(\n 'stereofidelic',\n 'Stereofidelic',\n 'default=678e9a&primary=f13009&transparent=678e9a&positive=43d675;300&caution=fbd024;200&critical=f02f35&lightest=fcfdfd&darkest=0e1315',\n ),\n definePreset(\n 'tw-cyan',\n 'Tailwind Cyan',\n 'default=677389;500;lightest:f9fafb;darkest:101728&primary=51b4d0;500;lightest:effefe;darkest:264d61&transparent=6b727f;500;lightest:f8fafb;darkest:131826&positive=55b785;500;lightest:eefdf5;darkest:214d3b&caution=e2b53e;500;lightest:fefbea;darkest:69411b&critical=e14f62;500;lightest:fdf2f2;darkest:7d2037',\n ),\n definePreset(\n 'verdant',\n 'Verdant',\n 'default=5c9199;500;lightest:fcfdfd;darkest:0d1415&primary=1cb485;400;lightest:fcfdfd;darkest:0d1415&transparent=5c9199;500;lightest:fcfdfd;darkest:0d1415&positive=43D675;300;lightest:fcfdfd;darkest:0d1415&caution=FBD024;200;lightest:fcfdfd;darkest:0d1415&critical=F03E2F;500;lightest:fcfdfd;darkest:0d1415',\n ),\n]\n\n/**\n * Finds a preset by its slug, falling back to the default Studio preset for\n * unknown slugs — the behavior of the hosted Themer service's `?preset`\n * param, which `parseHuesFromUrl` exposes.\n *\n * @internal\n */\nexport function getPreset(slug: string | null | undefined): ThemePreset {\n const needle = slug?.toLowerCase()\n const match = presets.find((preset) => preset.slug === needle)\n if (match) return match\n return defaultPreset\n}\n","import {ColorTint, ColorTintKey, ColorTints} from '@sanity/color'\n\nimport {mix} from '../lib/mix'\nimport {Hue, Hues} from './types'\n\n/**\n * Generates the tint ramp for each of the six hues, exactly like the hosted\n * Themer service did.\n */\nexport function createTonesFromHues(hues: Hues): {\n default: ColorTints\n primary: ColorTints\n transparent: ColorTints\n positive: ColorTints\n caution: ColorTints\n critical: ColorTints\n} {\n return {\n default: createTintsFromHue(hues.default, 'Default'),\n primary: createTintsFromHue(hues.primary, 'Primary'),\n transparent: createTintsFromHue(hues.transparent, 'Transparent'),\n positive: createTintsFromHue(hues.positive, 'Positive'),\n caution: createTintsFromHue(hues.caution, 'Caution'),\n critical: createTintsFromHue(hues.critical, 'Critical'),\n }\n}\n\nfunction createTintsFromHue(hue: Hue, title: string): ColorTints {\n const createTint = (tint: ColorTintKey): ColorTint => {\n return {\n title: `${title} ${tint}`,\n hex: getColorHex(hue, tint),\n }\n }\n\n return {\n '50': createTint('50'),\n '100': createTint('100'),\n '200': createTint('200'),\n '300': createTint('300'),\n '400': createTint('400'),\n '500': createTint('500'),\n '600': createTint('600'),\n '700': createTint('700'),\n '800': createTint('800'),\n '900': createTint('900'),\n '950': createTint('950'),\n } satisfies ColorTints\n}\n\nfunction getColorHex(hue: Hue, tint: string): string {\n const tintNum = Number(tint)\n const midPoint = hue.midPoint\n const darkSize = 1000 - midPoint\n const lightPosition = tintNum / midPoint\n const darkPosition = (tintNum - midPoint) / darkSize\n\n if (tintNum === midPoint) {\n return hue.mid.toLowerCase()\n }\n\n // light side of scale: x < midPoint\n if (tintNum < midPoint) {\n return mix(lightPosition, hue.mid, hue.lightest)\n }\n\n // dark side of scale: x > midPoint\n return mix(darkPosition, hue.darkest, hue.mid)\n}\n","import {ColorTints} from '@sanity/color'\nimport {\n buildTheme,\n createColorTheme,\n multiply as multiplyRgb,\n parseColor,\n rgba,\n rgbToHex,\n screen as screenRgb,\n} from '@sanity/ui/theme'\n\nimport {applyHues} from './applyHues'\nimport {createTonesFromHues} from './createTonesFromHues'\nimport {blue, cyan, gray, green, magenta, orange, purple, red, yellow} from './palette'\nimport {LegacyTheme, PartialHues} from './types'\n\nconst NEUTRAL_TONES: ReadonlySet<string> = new Set(['default', 'transparent'])\n\n/** The static tints used for spot colors, syntax highlighting and input states */\nconst SPOT_TINTS: Record<string, ColorTints> = {\n blue,\n cyan,\n gray,\n green,\n magenta,\n orange,\n purple,\n red,\n yellow,\n}\n\nfunction getTint(key: string): ColorTints {\n const tints = SPOT_TINTS[key]\n\n if (!tints) {\n throw new Error(`Unknown tint: ${key}`)\n }\n\n return tints\n}\n\nconst defaultTheme = buildTheme()\n\n/**\n * Generates a Studio theme from hues, producing the exact same colors as the\n * hosted Themer service (themer.sanity.build). This is a port of its\n * `themeFromHues` implementation:\n * https://github.com/sanity-io/themer/blob/main/apps/v1/utils/themeFromHues.ts\n */\nexport function themeFromHues(partialHues: PartialHues): LegacyTheme {\n function multiply(bg: string, fg: string): string {\n return rgbToHex(multiplyRgb(parseColor(bg), parseColor(fg)))\n }\n function screen(bg: string, fg: string): string {\n return rgbToHex(screenRgb(parseColor(bg), parseColor(fg)))\n }\n\n const hues = applyHues(partialHues)\n // These variables are made top-level to keep the body of createColorTheme largely the same.\n // This makes it much easier to sync it with new releases of @sanity/ui should its implementation details change.\n const black = {title: 'Black', hex: hues.default.darkest}\n const white = {title: 'white', hex: hues.default.lightest}\n\n const tones = createTonesFromHues(hues)\n const focusRingHue = tones.primary\n const accentHue = tones.critical\n const linkHue = tones.primary\n\n // Generate colors :OOO\n // Based on the studio color theme of @sanity/ui at the time the hosted\n // Themer service was built\n // oxlint-disable-next-line no-deprecated\n const color = createColorTheme({\n base: ({dark, name}) => {\n if (name === 'default') {\n const skeletonFrom = dark ? tones.transparent[900].hex : tones.transparent[100].hex\n\n return {\n fg: dark ? white.hex : black.hex,\n bg: dark ? black.hex : white.hex,\n border: tones.transparent[dark ? 800 : 200].hex,\n focusRing: focusRingHue[500].hex,\n shadow: {\n outline: rgba(tones.transparent[500].hex, 0.4),\n umbra: rgba(dark ? black.hex : tones.transparent[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tones.transparent[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tones.transparent[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (name === 'transparent') {\n const tints = tones.default\n const skeletonFrom = tints[dark ? 800 : 200].hex\n\n return {\n fg: tints[dark ? 100 : 900].hex,\n bg: tints[dark ? 950 : 50].hex,\n border: tints[dark ? 800 : 300].hex,\n focusRing: focusRingHue[500].hex,\n shadow: {\n outline: rgba(tints[500].hex, dark ? 0.2 : 0.4),\n umbra: rgba(dark ? black.hex : tints[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tints[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tints[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n const tints = tones[name] || tones.default\n const skeletonFrom = tints[dark ? 800 : 200].hex\n\n return {\n fg: tints[dark ? 100 : 900].hex,\n bg: tints[dark ? 950 : 50].hex,\n border: tints[dark ? 800 : 200].hex,\n focusRing: tints[500].hex,\n shadow: {\n outline: rgba(tints[500].hex, dark ? 0.2 : 0.4),\n umbra: rgba(dark ? black.hex : tints[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tints[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tints[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n solid: ({base, dark, name, state, tone}) => {\n const mix = dark ? screen : multiply\n const mix2 = dark ? multiply : screen\n const defaultTints = tones[name] || tones.default\n const isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone)\n\n let tints = tones[tone === 'default' ? name : tone] || defaultTints\n\n if (state === 'disabled') {\n tints = defaultTints\n const bg = mix(base.bg, tints[dark ? 800 : 200].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 800 : 200].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n accent: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n link: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n code: {\n bg,\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'hovered') {\n const bg = mix(base.bg, tints[dark ? 300 : 600].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 300 : 600].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'pressed') {\n const bg = mix(base.bg, tints[dark ? 200 : 800].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg: mix(base.bg, tints[dark ? 200 : 800].hex),\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 200 : 800].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 200 : 800].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 200 : 800].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n // state: \"enabled\" | unknown\n const bg = mix(base.bg, tints[dark ? 400 : 500].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 400 : 500].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 900 : 100].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 900 : 100].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 900 : 100].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 900 : 100].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n muted: ({base, dark, name, state, tone}) => {\n const mix = dark ? screen : multiply\n const defaultTints = tones[name] || tones.default\n const isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone)\n\n let tints = tones[tone === 'default' ? name : tone] || defaultTints\n\n if (state === 'disabled') {\n tints = defaultTints\n\n const bg = base.bg\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(bg, tints[dark ? 800 : 200].hex),\n icon: mix(bg, tints[dark ? 800 : 200].hex),\n muted: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n accent: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n link: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n code: {\n bg,\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n skeleton: {\n from: rgba(skeletonFrom, 0.5),\n to: rgba(skeletonFrom, 0.25),\n },\n }\n }\n\n if (state === 'hovered') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 950 : 50].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, linkHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'pressed') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 900 : 100].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 900 : 100].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n const bg = base.bg\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 300 : 700].hex),\n icon: mix(base.bg, tints[dark ? 300 : 700].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n button: ({base, mode, muted, solid}) => {\n if (mode === 'bleed') {\n return {\n enabled: {\n ...muted.enabled,\n border: muted.enabled.bg,\n },\n hovered: {\n ...muted.hovered,\n border: muted.hovered.bg,\n },\n pressed: {\n ...muted.pressed,\n border: muted.pressed.bg,\n },\n selected: {\n ...muted.selected,\n border: muted.selected.bg,\n },\n disabled: {\n ...muted.disabled,\n border: muted.disabled.bg,\n },\n }\n }\n\n if (mode === 'ghost') {\n return {\n ...solid,\n enabled: {\n ...muted.enabled,\n border: base.border,\n },\n disabled: muted.disabled,\n }\n }\n\n return solid\n },\n\n card: ({base, dark, muted, name, solid, state}) => {\n if (state === 'hovered') {\n return muted[name].hovered\n }\n\n if (state === 'disabled') {\n return muted[name].disabled\n }\n\n const isNeutral = NEUTRAL_TONES.has(name)\n const tints = tones[name] || tones.default\n const mix = dark ? screen : multiply\n\n if (state === 'pressed') {\n if (isNeutral) {\n return muted.primary.pressed\n }\n\n return muted[name].pressed\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n return solid.primary.enabled\n }\n\n return solid[name].enabled\n }\n\n const bg = base.bg\n const skeletonFrom = mix(base.bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n fg: base.fg,\n icon: base.fg,\n border: base.border,\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, red[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, blue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n fg: tints[dark ? 400 : 600].hex,\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n input: ({base, dark, mode, state}) => {\n const mix = dark ? screen : multiply\n\n if (mode === 'invalid') {\n const tints = tones.critical\n\n return {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n bg2: mix(base.bg, tints[dark ? 800 : 200].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n border: mix(base.bg, tints[dark ? 800 : 200].hex),\n placeholder: mix(base.bg, tints[dark ? 600 : 400].hex),\n }\n }\n\n if (state === 'hovered') {\n return {\n bg: base.bg,\n bg2: mix(base.bg, gray[dark ? 700 : 300].hex),\n fg: base.fg,\n border: mix(base.bg, gray[dark ? 700 : 300].hex),\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n }\n\n if (state === 'disabled') {\n return {\n bg: mix(base.bg, gray[dark ? 950 : 50].hex),\n bg2: mix(base.bg, gray[dark ? 900 : 100].hex),\n fg: mix(base.bg, gray[dark ? 700 : 300].hex),\n border: mix(base.bg, gray[dark ? 900 : 100].hex),\n placeholder: mix(base.bg, gray[dark ? 800 : 200].hex),\n }\n }\n\n if (state === 'readOnly') {\n return {\n bg: mix(base.bg, gray[dark ? 950 : 50].hex),\n bg2: mix(base.bg, gray[dark ? 800 : 200].hex),\n fg: mix(base.bg, gray[dark ? 200 : 800].hex),\n border: mix(base.bg, gray[dark ? 800 : 200].hex),\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n }\n\n return {\n bg: base.bg,\n bg2: base.border,\n fg: base.fg,\n border: base.border,\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n },\n\n selectable: ({base, muted, tone, solid, state}) => {\n if (state === 'enabled') {\n return {\n ...muted[tone].enabled,\n bg: base.bg,\n }\n }\n\n if (state === 'pressed') {\n if (tone === 'default') {\n return muted.primary.pressed\n }\n\n return muted[tone].pressed\n }\n\n if (state === 'selected') {\n if (tone === 'default') {\n return solid.primary.enabled\n }\n\n return solid[tone].enabled\n }\n\n if (state === 'disabled') {\n return {\n ...muted[tone].disabled,\n bg: base.bg,\n }\n }\n\n return muted[tone][state]\n },\n\n spot: ({base, dark, key}) => {\n const mix = dark ? screen : multiply\n\n return mix(base.bg, getTint(key)[dark ? 400 : 500].hex)\n },\n\n syntax: ({base, dark}) => {\n const mix = dark ? screen : multiply\n const mainShade = dark ? 400 : 600\n const secondaryShade = dark ? 600 : 400\n\n return {\n atrule: mix(base.bg, purple[mainShade].hex),\n attrName: mix(base.bg, green[mainShade].hex),\n attrValue: mix(base.bg, yellow[mainShade].hex),\n attribute: mix(base.bg, yellow[mainShade].hex),\n boolean: mix(base.bg, purple[mainShade].hex),\n builtin: mix(base.bg, purple[mainShade].hex),\n cdata: mix(base.bg, yellow[mainShade].hex),\n char: mix(base.bg, yellow[mainShade].hex),\n class: mix(base.bg, orange[mainShade].hex),\n className: mix(base.bg, cyan[mainShade].hex),\n comment: mix(base.bg, gray[secondaryShade].hex),\n constant: mix(base.bg, purple[mainShade].hex),\n deleted: mix(base.bg, red[mainShade].hex),\n doctype: mix(base.bg, gray[secondaryShade].hex),\n entity: mix(base.bg, red[mainShade].hex),\n function: mix(base.bg, green[mainShade].hex),\n hexcode: mix(base.bg, blue[mainShade].hex),\n id: mix(base.bg, purple[mainShade].hex),\n important: mix(base.bg, purple[mainShade].hex),\n inserted: mix(base.bg, yellow[mainShade].hex),\n keyword: mix(base.bg, magenta[mainShade].hex),\n number: mix(base.bg, purple[mainShade].hex),\n operator: mix(base.bg, magenta[mainShade].hex),\n prolog: mix(base.bg, gray[secondaryShade].hex),\n property: mix(base.bg, blue[mainShade].hex),\n pseudoClass: mix(base.bg, yellow[mainShade].hex),\n pseudoElement: mix(base.bg, yellow[mainShade].hex),\n punctuation: mix(base.bg, gray[mainShade].hex),\n regex: mix(base.bg, blue[mainShade].hex),\n selector: mix(base.bg, red[mainShade].hex),\n string: mix(base.bg, yellow[mainShade].hex),\n symbol: mix(base.bg, purple[mainShade].hex),\n tag: mix(base.bg, red[mainShade].hex),\n unit: mix(base.bg, orange[mainShade].hex),\n url: mix(base.bg, red[mainShade].hex),\n variable: mix(base.bg, red[mainShade].hex),\n }\n },\n })\n\n // Sanity Studio only reads `color`, `fonts` and `v2` off a custom theme, and\n // throws away the `fonts` of themes flagged `__themer: true` — a workaround\n // for the hosted service serving the fonts of the `@sanity/ui` version it was\n // bundled with, which drifted from the Studio's own. These fonts come from the\n // `@sanity/ui` installed next to the Studio instead, so they already are the\n // ones the workaround substitutes and the theme needs no flag:\n // https://github.com/sanity-io/sanity/blob/bae53feb46ab7f5630259a264968b50bdbc728bb/packages/sanity/src/core/studio/StudioThemeProvider.tsx#L13-L17\n // oxlint-disable-next-line no-deprecated -- the legacy API intentionally targets the deprecated v0 color property, like the hosted service did\n return {...defaultTheme, color, v2: undefined}\n}\n","import {applyHues} from './applyHues'\nimport {parseHuesFromSearchParams} from './parseHuesFromSearchParams'\nimport {getPreset} from './presets'\nimport {themeFromHues} from './themeFromHues'\nimport {Hues, LegacyTheme, PartialHues} from './types'\n\n/**\n * Generates a Studio theme from hues, producing the same colors as importing\n * the theme from the hosted Themer service (themer.sanity.build):\n *\n * ```ts\n * import {createTheme, hues} from '@sanity/themer/legacy'\n * import {defineConfig} from 'sanity'\n *\n * export default defineConfig({\n * theme: createTheme({...hues, primary: {...hues.primary, mid: '#22fca8'}}),\n * // ...rest of the config\n * })\n * ```\n *\n * @public\n */\nexport function createTheme(hues: PartialHues = {}): LegacyTheme {\n return themeFromHues(hues)\n}\n\n/**\n * Parses the hues encoded in a hosted Themer service URL, returning the exact\n * hues that `https://themer.sanity.build/api/hues` served for that query —\n * presets and overrides included.\n *\n * ```ts\n * import {createTheme, parseHuesFromUrl} from '@sanity/themer/legacy'\n *\n * const hues = parseHuesFromUrl(\n * 'https://themer.sanity.build/api/hues?preset=verdant&primary=22fca8',\n * )\n * const theme = createTheme(hues)\n * ```\n *\n * @public\n */\nexport function parseHuesFromUrl(url: string | URL): Hues {\n const {searchParams} = new URL(url, 'https://themer.sanity.build/api/hues')\n const preset = getPreset(searchParams.get('preset'))\n\n return applyHues(parseHuesFromSearchParams(searchParams), preset.hues)\n}\n\n/**\n * The one-line replacement for a theme imported from the hosted Themer\n * service — pass the URL that used to be imported:\n *\n * ```ts\n * // Before:\n * // import {theme} from 'https://themer.sanity.build/api/hues?preset=verdant'\n *\n * // After:\n * import {buildThemeFromUrl} from '@sanity/themer/legacy'\n *\n * const theme = buildThemeFromUrl(\n * 'https://themer.sanity.build/api/hues?preset=verdant',\n * )\n * ```\n *\n * @public\n */\nexport function buildThemeFromUrl(url: string | URL): LegacyTheme {\n return createTheme(parseHuesFromUrl(url))\n}\n","import {applyHues} from './applyHues'\nimport {createTheme} from './createTheme'\nimport {Hues, LegacyTheme} from './types'\n\n/**\n * The hues of the default Studio theme — the same `hues` export that\n * `https://themer.sanity.build/api/hues` served without any parameters.\n *\n * @public\n */\nexport const hues: Hues = applyHues({})\n\n/**\n * The default Studio theme — the same `theme` export that\n * `https://themer.sanity.build/api/hues` served without any parameters.\n *\n * @public\n */\nexport const theme: LegacyTheme = createTheme(hues)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"legacy.js","names":[],"sources":["../src/legacy/index.ts"],"sourcesContent":["// The legacy generator moved to `@sanity/themer-legacy`. Each member is\n// re-exported through its own declaration rather than `export {x} from`, so\n// the `@deprecated` tags survive into the bundled `.d.ts` and TypeScript\n// flags imports of them — plain re-exports carry no TSDoc of their own.\nimport * as themerLegacy from '@sanity/themer-legacy'\n\n/**\n * @deprecated Import `buildThemeFromUrl` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const buildThemeFromUrl: typeof themerLegacy.buildThemeFromUrl =\n themerLegacy.buildThemeFromUrl\n\n/**\n * @deprecated Import `createTheme` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const createTheme: typeof themerLegacy.createTheme = themerLegacy.createTheme\n\n/**\n * @deprecated Import `parseHuesFromUrl` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const parseHuesFromUrl: typeof themerLegacy.parseHuesFromUrl = themerLegacy.parseHuesFromUrl\n\n/**\n * @deprecated Import `hues` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const hues: typeof themerLegacy.hues = themerLegacy.hues\n\n/**\n * @deprecated Import `theme` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const theme: typeof themerLegacy.theme = themerLegacy.theme\n\n/**\n * @deprecated Import `presets` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` re-exports it unchanged for now and will be removed\n * in `@sanity/themer@1.0`.\n * @public\n */\nexport const presets: typeof themerLegacy.presets = themerLegacy.presets\n\n/**\n * @deprecated Import `Hue` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type Hue = themerLegacy.Hue\n\n/**\n * @deprecated Import `HueMidPoint` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type HueMidPoint = themerLegacy.HueMidPoint\n\n/**\n * @deprecated Import `Hues` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type Hues = themerLegacy.Hues\n\n/**\n * @deprecated Import `LegacyTheme` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type LegacyTheme = themerLegacy.LegacyTheme\n\n/**\n * @deprecated Import `PartialHues` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type PartialHues = themerLegacy.PartialHues\n\n/**\n * @deprecated Import `ThemePreset` from `@sanity/themer-legacy` instead.\n * `@sanity/themer/legacy` will be removed in `@sanity/themer@1.0`.\n * @public\n */\nexport type ThemePreset = themerLegacy.ThemePreset\n"],"mappings":";;;;;;;AAYA,MAAa,oBACX,aAAa,mBAQF,cAA+C,aAAa,aAQ5D,mBAAyD,aAAa,kBAQtE,OAAiC,aAAa,MAQ9C,QAAmC,aAAa,OAQhD,UAAuC,aAAa"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { ThemeColorSchemeKey } from "@sanity/ui/theme";
|
|
2
|
+
/**
|
|
3
|
+
* The colors of one color scheme, for {@link BuildThemeOptions}. Every color
|
|
4
|
+
* is a hex color (`#rgb` or `#rrggbb`), and everything is optional: omitted
|
|
5
|
+
* options fall back to the stock Studio colors, so an empty object reproduces
|
|
6
|
+
* the stock scheme exactly.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
interface SchemeThemeOptions {
|
|
11
|
+
/**
|
|
12
|
+
* The accent color — the brand color of the scheme. Replaces the `blue`
|
|
13
|
+
* scale of the palette, which Sanity UI uses for primary buttons, focus
|
|
14
|
+
* rings and links.
|
|
15
|
+
*
|
|
16
|
+
* The stock accent is `#556bfc` (`blue/500` of `@sanity/color`).
|
|
17
|
+
*/
|
|
18
|
+
accent?: string;
|
|
19
|
+
/**
|
|
20
|
+
* The background of the scheme — every other color of the scheme is
|
|
21
|
+
* blended onto it. The dark scheme's background replaces `black` in the
|
|
22
|
+
* palette and the light scheme's replaces `white`.
|
|
23
|
+
*
|
|
24
|
+
* It is kept far enough from the text and accent colors to stay usable:
|
|
25
|
+
* a dark background is made darker until it has enough contrast with them
|
|
26
|
+
* (it can never be lighter than either), and a light background can never
|
|
27
|
+
* be darker than either.
|
|
28
|
+
*
|
|
29
|
+
* The stock backgrounds are `#0d0e12` (dark) and `#ffffff` (light).
|
|
30
|
+
*/
|
|
31
|
+
background?: string;
|
|
32
|
+
/**
|
|
33
|
+
* How strongly text and borders separate from the accent color, between 15
|
|
34
|
+
* and 100. The default is 85, which uses the text color as-is. Above 85 the
|
|
35
|
+
* text scale loses its tint until it is fully neutral at 100 — a high
|
|
36
|
+
* contrast scheme with no mixing of the text and accent colors. Below 85
|
|
37
|
+
* more and more of the accent color mixes into the text scale, giving text
|
|
38
|
+
* and borders more color, until the scale fully adopts the accent hue and
|
|
39
|
+
* saturation at 15.
|
|
40
|
+
*/
|
|
41
|
+
contrast?: number;
|
|
42
|
+
/**
|
|
43
|
+
* The text color. Replaces the `gray` scale of the palette, which Sanity UI
|
|
44
|
+
* uses for text, icons, borders and neutral surfaces. When omitted, it is
|
|
45
|
+
* derived from the accent color: a mostly desaturated version of it, the
|
|
46
|
+
* way the stock `gray` scale carries a hint of the stock blue.
|
|
47
|
+
*
|
|
48
|
+
* The stock text color is `#727892` (`gray/500` of `@sanity/color`).
|
|
49
|
+
*/
|
|
50
|
+
text?: string;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Options for {@link buildTheme} and {@link buildPalette}: the colors of the
|
|
54
|
+
* dark and the light scheme, each with its own accent, text, background and
|
|
55
|
+
* contrast — so the two schemes can differ in more than their background.
|
|
56
|
+
* Both schemes are optional, and so is every color: whatever is omitted
|
|
57
|
+
* falls back to the stock Studio colors, so `buildTheme({})` matches
|
|
58
|
+
* `buildTheme()` from `@sanity/ui/theme` exactly.
|
|
59
|
+
*
|
|
60
|
+
* @public
|
|
61
|
+
*/
|
|
62
|
+
interface BuildThemeOptions {
|
|
63
|
+
/** The colors of the dark scheme */
|
|
64
|
+
dark?: SchemeThemeOptions;
|
|
65
|
+
/** The colors of the light scheme */
|
|
66
|
+
light?: SchemeThemeOptions;
|
|
67
|
+
}
|
|
68
|
+
export { SchemeThemeOptions as n, BuildThemeOptions as t };
|
|
69
|
+
//# sourceMappingURL=options-CU-emn_p.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-CU-emn_p.d.ts","names":[],"sources":["../src/theme/options.ts"],"mappings":";;;;;;;;;UAciB;;;;;;;;EAQf;;;;;;;;;;;;;EAcA;;;;;;;;;;EAWA;;;;;;;;;EAUA;;;;;;;;;;;;UAae;;EAEf,OAAO;;EAEP,QAAQ"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { t as isColor } from "./mix-BfV6_Ke4.js";
|
|
2
1
|
import { COLOR_TINTS, black, blue, color, gray, white } from "@sanity/color";
|
|
3
|
-
import { buildTheme } from "@sanity/ui/theme";
|
|
2
|
+
import { buildTheme, v0_v2, v2_v0 } from "@sanity/ui/theme";
|
|
4
3
|
/** @internal */
|
|
5
4
|
function hexToHsl(hex) {
|
|
6
5
|
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;
|
|
@@ -59,19 +58,44 @@ function normalizeHue(hue) {
|
|
|
59
58
|
function clamp01(value) {
|
|
60
59
|
return Math.min(1, Math.max(0, value));
|
|
61
60
|
}
|
|
62
|
-
/**
|
|
63
|
-
|
|
61
|
+
/**
|
|
62
|
+
* Matches `#abc` and `#aabbcc` hex colors (the only formats the theme
|
|
63
|
+
* generators accept), same as the hosted Themer service did.
|
|
64
|
+
*
|
|
65
|
+
* The `mix` function this module was named for moved to `@sanity/themer-legacy`
|
|
66
|
+
* along with the legacy generator; `isColor` stays here for `theme/options.ts`
|
|
67
|
+
* and `tool/storage.ts`.
|
|
68
|
+
*
|
|
69
|
+
* @internal
|
|
70
|
+
*/
|
|
71
|
+
function isColor(input) {
|
|
72
|
+
return /^#(?:[0-9a-f]{3}){1,2}$/i.test(input);
|
|
73
|
+
}
|
|
74
|
+
/** The color schemes, in the order the tool presents them @internal */
|
|
75
|
+
const SCHEMES = ["light", "dark"], DEFAULT_ACCENT = blue[500].hex, DEFAULT_TEXT = gray[500].hex, DEFAULT_BACKGROUND = {
|
|
76
|
+
dark: black.hex,
|
|
77
|
+
light: white.hex
|
|
78
|
+
}, FLAT_OPTION_KEYS = [
|
|
79
|
+
"accent",
|
|
80
|
+
"text",
|
|
81
|
+
"background",
|
|
82
|
+
"contrast"
|
|
83
|
+
];
|
|
64
84
|
/** @internal */
|
|
65
|
-
function resolveThemeOptions(options) {
|
|
66
|
-
|
|
85
|
+
function resolveThemeOptions(options = {}) {
|
|
86
|
+
if (FLAT_OPTION_KEYS.some((key) => key in options)) throw TypeError("The `buildTheme` options are grouped by color scheme: pass `{light: {accent, text, background, contrast}, dark: {…}}` instead of one set of colors for both");
|
|
87
|
+
return {
|
|
88
|
+
dark: resolveSchemeOptions(options.dark ?? {}, "dark"),
|
|
89
|
+
light: resolveSchemeOptions(options.light ?? {}, "light")
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
function resolveSchemeOptions(options, scheme) {
|
|
93
|
+
let accent = options.accent === void 0 ? DEFAULT_ACCENT : normalizeColor(options.accent, `${scheme}.accent`);
|
|
67
94
|
return {
|
|
68
95
|
accent,
|
|
69
|
-
background: {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
},
|
|
73
|
-
contrast: normalizeContrast(options.contrast),
|
|
74
|
-
text: options.text === void 0 ? deriveTextColor(accent) : normalizeColor(options.text, "text")
|
|
96
|
+
background: options.background === void 0 ? DEFAULT_BACKGROUND[scheme] : normalizeColor(options.background, `${scheme}.background`),
|
|
97
|
+
contrast: normalizeContrast(options.contrast, scheme),
|
|
98
|
+
text: options.text === void 0 ? deriveTextColor(accent) : normalizeColor(options.text, `${scheme}.text`)
|
|
75
99
|
};
|
|
76
100
|
}
|
|
77
101
|
/**
|
|
@@ -96,9 +120,9 @@ function normalizeColor(value, name) {
|
|
|
96
120
|
let lower = value.toLowerCase();
|
|
97
121
|
return lower.length === 4 ? `#${lower[1]}${lower[1]}${lower[2]}${lower[2]}${lower[3]}${lower[3]}` : lower;
|
|
98
122
|
}
|
|
99
|
-
function normalizeContrast(value) {
|
|
123
|
+
function normalizeContrast(value, scheme) {
|
|
100
124
|
if (value === void 0) return 85;
|
|
101
|
-
if (typeof value != "number" || !Number.isFinite(value)) throw TypeError(`Invalid
|
|
125
|
+
if (typeof value != "number" || !Number.isFinite(value)) throw TypeError(`Invalid \`${scheme}.contrast\`: ${JSON.stringify(value)} — expected a number between 15 and 100`);
|
|
102
126
|
return Math.min(100, Math.max(15, value));
|
|
103
127
|
}
|
|
104
128
|
/**
|
|
@@ -108,28 +132,42 @@ function normalizeContrast(value) {
|
|
|
108
132
|
*/
|
|
109
133
|
const BACKGROUND_LIGHTNESS_STEP = .005;
|
|
110
134
|
/**
|
|
111
|
-
* Generates a Sanity UI color palette
|
|
112
|
-
*
|
|
113
|
-
*
|
|
114
|
-
* `@sanity/color` values. Called
|
|
115
|
-
* palette
|
|
135
|
+
* Generates a Sanity UI color palette for each color scheme from the theme
|
|
136
|
+
* options: in each palette the scheme's accent color replaces the `blue`
|
|
137
|
+
* scale, its text color the `gray` scale, and the backgrounds replace `black`
|
|
138
|
+
* and `white`. All other hues keep their stock `@sanity/color` values. Called
|
|
139
|
+
* with the stock colors, both palettes come back as the stock palette
|
|
140
|
+
* byte-for-byte.
|
|
116
141
|
*
|
|
117
142
|
* ```ts
|
|
118
143
|
* import {buildPalette} from '@sanity/themer'
|
|
119
144
|
*
|
|
120
|
-
* const
|
|
145
|
+
* const {light, dark} = buildPalette({light: {accent: '#556bfc'}})
|
|
121
146
|
* ```
|
|
122
147
|
*
|
|
123
148
|
* @public
|
|
124
149
|
*/
|
|
125
|
-
function buildPalette(options) {
|
|
126
|
-
let resolved = resolveThemeOptions(options)
|
|
150
|
+
function buildPalette(options = {}) {
|
|
151
|
+
let resolved = resolveThemeOptions(options);
|
|
152
|
+
return {
|
|
153
|
+
dark: buildSchemePalette("dark", resolved.dark, resolved.light.background),
|
|
154
|
+
light: buildSchemePalette("light", resolved.light, resolved.dark.background)
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Generates the palette of one scheme. The scheme's own background takes the
|
|
159
|
+
* slot the scheme paints with (`black` for dark, `white` for light), while
|
|
160
|
+
* the other slot — which a scheme only touches for a few inverted details —
|
|
161
|
+
* takes the other scheme's background, so the theme stays one palette.
|
|
162
|
+
*/
|
|
163
|
+
function buildSchemePalette(key, scheme, otherBackground) {
|
|
164
|
+
let accentAnchor = clampAnchorLightness(hexToHsl(scheme.accent)), grayAnchor = applyContrast(clampAnchorLightness(hexToHsl(scheme.text)), accentAnchor, scheme.contrast), blueTints = remapTints(color.blue, hexToHsl(DEFAULT_ACCENT), accentAnchor), grayTints = remapTints(color.gray, hexToHsl(DEFAULT_TEXT), grayAnchor), anchorLuminances = [relativeLuminance(hslToHex(grayAnchor)), relativeLuminance(hslToHex(accentAnchor))], darkBackground = key === "dark" ? scheme.background : otherBackground, lightBackground = key === "light" ? scheme.background : otherBackground;
|
|
127
165
|
return {
|
|
128
|
-
black: darkenBackground(
|
|
166
|
+
black: darkenBackground(darkBackground, {
|
|
129
167
|
anchorLuminances,
|
|
130
168
|
tints: [grayTints[400], blueTints[400]]
|
|
131
169
|
}),
|
|
132
|
-
white: lightenBackground(
|
|
170
|
+
white: lightenBackground(lightBackground, anchorLuminances),
|
|
133
171
|
gray: grayTints,
|
|
134
172
|
blue: blueTints,
|
|
135
173
|
purple: tintHexes(color.purple),
|
|
@@ -231,23 +269,30 @@ function tintHexes(tints) {
|
|
|
231
269
|
return result;
|
|
232
270
|
}
|
|
233
271
|
/**
|
|
234
|
-
* Generates a Studio theme from a handful of colors
|
|
235
|
-
* palette that the `buildTheme` from `@sanity/ui/theme`
|
|
236
|
-
* `@sanity/color`:
|
|
237
|
-
* buttons, focus rings, links), the
|
|
238
|
-
* (text, icons, borders), and the
|
|
239
|
-
*
|
|
240
|
-
*
|
|
272
|
+
* Generates a Studio theme from a handful of colors per color scheme, by
|
|
273
|
+
* replacing the color palette that the `buildTheme` from `@sanity/ui/theme`
|
|
274
|
+
* otherwise fills with `@sanity/color`: in each scheme the accent color
|
|
275
|
+
* replaces the `blue` scale (primary buttons, focus rings, links), the
|
|
276
|
+
* optional text color the `gray` scale (text, icons, borders), and the
|
|
277
|
+
* optional background replaces `black` (dark) or `white` (light). The result
|
|
278
|
+
* is the same type of theme that `@sanity/ui/theme` builds, ready for the
|
|
279
|
+
* `theme` property of a Studio config.
|
|
241
280
|
*
|
|
242
281
|
* ```ts
|
|
243
282
|
* import {buildTheme} from '@sanity/themer'
|
|
244
283
|
* import {defineConfig} from 'sanity'
|
|
245
284
|
*
|
|
246
285
|
* export const theme = buildTheme({
|
|
247
|
-
*
|
|
248
|
-
*
|
|
249
|
-
*
|
|
250
|
-
*
|
|
286
|
+
* light: {
|
|
287
|
+
* accent: '#556bfc',
|
|
288
|
+
* text: '#727892', // optional — derived from `accent` when omitted
|
|
289
|
+
* background: '#ffffff', // optional
|
|
290
|
+
* contrast: 85, // optional, 15–100
|
|
291
|
+
* },
|
|
292
|
+
* dark: {
|
|
293
|
+
* accent: '#556bfc',
|
|
294
|
+
* background: '#0d0e12',
|
|
295
|
+
* },
|
|
251
296
|
* })
|
|
252
297
|
*
|
|
253
298
|
* export default defineConfig({
|
|
@@ -256,19 +301,49 @@ function tintHexes(tints) {
|
|
|
256
301
|
* })
|
|
257
302
|
* ```
|
|
258
303
|
*
|
|
259
|
-
*
|
|
260
|
-
*
|
|
304
|
+
* Every option is optional and falls back to the stock Studio colors: called
|
|
305
|
+
* with the stock colors — like the example — or with no options at all, it
|
|
306
|
+
* returns the exact same colors as `buildTheme()` from `@sanity/ui/theme`.
|
|
261
307
|
*
|
|
262
308
|
* @public
|
|
263
309
|
*/
|
|
264
|
-
function buildTheme$1(options) {
|
|
265
|
-
|
|
310
|
+
function buildTheme$1(options = {}) {
|
|
311
|
+
let palettes = buildPalette(options), light = v0_v2(buildTheme({ palette: palettes.light })), dark = v0_v2(buildTheme({ palette: palettes.dark })), color = {
|
|
312
|
+
get light() {
|
|
313
|
+
return light.color.light;
|
|
314
|
+
},
|
|
315
|
+
get dark() {
|
|
316
|
+
return dark.color.dark;
|
|
317
|
+
}
|
|
318
|
+
};
|
|
319
|
+
return v2_v0({
|
|
320
|
+
...light,
|
|
321
|
+
color
|
|
322
|
+
});
|
|
323
|
+
}
|
|
324
|
+
/**
|
|
325
|
+
* The hosted Themer presets had one accent and one text color for both
|
|
326
|
+
* schemes, and a background per scheme
|
|
327
|
+
*/
|
|
328
|
+
function scheme(accent, text, backgrounds) {
|
|
329
|
+
return {
|
|
330
|
+
dark: {
|
|
331
|
+
accent,
|
|
332
|
+
text,
|
|
333
|
+
background: backgrounds.dark
|
|
334
|
+
},
|
|
335
|
+
light: {
|
|
336
|
+
accent,
|
|
337
|
+
text,
|
|
338
|
+
background: backgrounds.light
|
|
339
|
+
}
|
|
340
|
+
};
|
|
266
341
|
}
|
|
267
342
|
/**
|
|
268
343
|
* Preset themes for `buildTheme`, carried over from the hosted Themer service
|
|
269
344
|
* (themer.sanity.build) presets: each one maps the legacy preset's primary
|
|
270
345
|
* hue to `accent`, its default hue to `text` and its lightest/darkest colors
|
|
271
|
-
* to the backgrounds.
|
|
346
|
+
* to the backgrounds of the light and dark scheme.
|
|
272
347
|
*
|
|
273
348
|
* ```ts
|
|
274
349
|
* import {buildTheme, presets} from '@sanity/themer'
|
|
@@ -283,93 +358,65 @@ const presets = [
|
|
|
283
358
|
{
|
|
284
359
|
slug: "studio",
|
|
285
360
|
title: "Studio",
|
|
286
|
-
options: {
|
|
361
|
+
options: {}
|
|
287
362
|
},
|
|
288
363
|
{
|
|
289
364
|
slug: "dew",
|
|
290
365
|
title: "Dew",
|
|
291
|
-
options: {
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
dark: "#0d0d15",
|
|
296
|
-
light: "#fcfcfd"
|
|
297
|
-
}
|
|
298
|
-
}
|
|
366
|
+
options: scheme("#d1a308", "#5e63b4", {
|
|
367
|
+
dark: "#0d0d15",
|
|
368
|
+
light: "#fcfcfd"
|
|
369
|
+
})
|
|
299
370
|
},
|
|
300
371
|
{
|
|
301
372
|
slug: "pink-synth",
|
|
302
373
|
title: "Pink Synth",
|
|
303
|
-
options: {
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
dark: "#171721",
|
|
308
|
-
light: "#f7f2f5"
|
|
309
|
-
}
|
|
310
|
-
}
|
|
374
|
+
options: scheme("#ec4899", "#8b6584", {
|
|
375
|
+
dark: "#171721",
|
|
376
|
+
light: "#f7f2f5"
|
|
377
|
+
})
|
|
311
378
|
},
|
|
312
379
|
{
|
|
313
380
|
slug: "pixel-art",
|
|
314
381
|
title: "Pixel Art",
|
|
315
|
-
options: {
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
dark: "#0d0e15",
|
|
320
|
-
light: "#fcfcfd"
|
|
321
|
-
}
|
|
322
|
-
}
|
|
382
|
+
options: scheme("#f10784", "#57619c", {
|
|
383
|
+
dark: "#0d0e15",
|
|
384
|
+
light: "#fcfcfd"
|
|
385
|
+
})
|
|
323
386
|
},
|
|
324
387
|
{
|
|
325
388
|
slug: "retro-colonial",
|
|
326
389
|
title: "Retro Colonial",
|
|
327
|
-
options: {
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
dark: "#0d1515",
|
|
332
|
-
light: "#fcfdfd"
|
|
333
|
-
}
|
|
334
|
-
}
|
|
390
|
+
options: scheme("#fa7a78", "#8bb9b5", {
|
|
391
|
+
dark: "#0d1515",
|
|
392
|
+
light: "#fcfdfd"
|
|
393
|
+
})
|
|
335
394
|
},
|
|
336
395
|
{
|
|
337
396
|
slug: "rosabel",
|
|
338
397
|
title: "Rosabel",
|
|
339
|
-
options: {
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
dark: "#15120d",
|
|
344
|
-
light: "#fdfdfc"
|
|
345
|
-
}
|
|
346
|
-
}
|
|
398
|
+
options: scheme("#ed2555", "#9d8966", {
|
|
399
|
+
dark: "#15120d",
|
|
400
|
+
light: "#fdfdfc"
|
|
401
|
+
})
|
|
347
402
|
},
|
|
348
403
|
{
|
|
349
404
|
slug: "stereofidelic",
|
|
350
405
|
title: "Stereofidelic",
|
|
351
|
-
options: {
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
dark: "#0e1315",
|
|
356
|
-
light: "#fcfdfd"
|
|
357
|
-
}
|
|
358
|
-
}
|
|
406
|
+
options: scheme("#f13009", "#678e9a", {
|
|
407
|
+
dark: "#0e1315",
|
|
408
|
+
light: "#fcfdfd"
|
|
409
|
+
})
|
|
359
410
|
},
|
|
360
411
|
{
|
|
361
412
|
slug: "verdant",
|
|
362
413
|
title: "Verdant",
|
|
363
|
-
options: {
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
dark: "#0d1415",
|
|
368
|
-
light: "#fcfdfd"
|
|
369
|
-
}
|
|
370
|
-
}
|
|
414
|
+
options: scheme("#1cb485", "#5c9199", {
|
|
415
|
+
dark: "#0d1415",
|
|
416
|
+
light: "#fcfdfd"
|
|
417
|
+
})
|
|
371
418
|
}
|
|
372
419
|
];
|
|
373
|
-
export {
|
|
420
|
+
export { DEFAULT_BACKGROUND as a, resolveThemeOptions as c, hslToHex as d, relativeLuminance as f, DEFAULT_ACCENT as i, isColor as l, buildTheme$1 as n, SCHEMES as o, buildPalette as r, deriveTextColor as s, presets as t, hexToHsl as u };
|
|
374
421
|
|
|
375
|
-
//# sourceMappingURL=presets-
|
|
422
|
+
//# sourceMappingURL=presets-CqBgS3A-.js.map
|