@nightshadeui/palette-generator 2.9.0

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,31 @@
+#!/usr/bin/env node
+import { readFileSync, writeFileSync } from 'node:fs';
+import { Command } from 'commander';
+import { generatePaletteCss } from './generate.js';
+const program = new Command();
+program
+    .name('palette-generator')
+    .description('Emit OKLCH palette as CSS custom properties')
+    .option('-f, --file <path>', 'read JSON palette spec from file (stdin if "-" )')
+    .option('-o, --output <path>', 'write to file instead of stdout')
+    .option('--raw', 'emit property lines only (no :root wrapper)')
+    .action((opts) => {
+    let palette = {};
+    if (opts.file) {
+        const raw = opts.file === '-'
+            ? readFileSync(0, 'utf8')
+            : readFileSync(opts.file, 'utf8');
+        palette = JSON.parse(raw);
+    }
+    const css = generatePaletteCss(palette, {
+        selector: opts.raw ? false : ':root',
+    });
+    if (opts.output) {
+        writeFileSync(opts.output, css, 'utf8');
+    }
+    else {
+        process.stdout.write(`${css}\n`);
+    }
+});
+program.parse();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACF,IAAI,CAAC,mBAAmB,CAAC;KACzB,WAAW,CAAC,6CAA6C,CAAC;KAC1D,MAAM,CAAC,mBAAmB,EAAE,kDAAkD,CAAC;KAC/E,MAAM,CAAC,qBAAqB,EAAE,iCAAiC,CAAC;KAChE,MAAM,CAAC,OAAO,EAAE,6CAA6C,CAAC;KAC9D,MAAM,CAAC,CAAC,IAAuD,EAAE,EAAE;IAChE,IAAI,OAAO,GAAgB,EAAE,CAAC;IAC9B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,MAAM,GAAG,GACL,IAAI,CAAC,IAAI,KAAK,GAAG;YACb,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;YACzB,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC1C,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAgB,CAAC;IAC7C,CAAC;IACD,MAAM,GAAG,GAAG,kBAAkB,CAAC,OAAO,EAAE;QACpC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;KACvC,CAAC,CAAC;IACH,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACrC,CAAC;AACL,CAAC,CAAC,CAAC;AAEP,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,6 @@
+import { PaletteScaleSpec } from './types.js';
+export declare const SCALE_STEPS: readonly [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+export declare const DEFAULT_LIGHTNESS_SCALE: number[];
+export declare const DEFAULT_CHROMA_SCALE: number[];
+export declare const DEFAULT_SCALE_SPECS: PaletteScaleSpec[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,WAAW,oEAEd,CAAC;AAEX,eAAO,MAAM,uBAAuB,UAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAEhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EASjD,CAAC"}

package/dist/constants.js

@@ -0,0 +1,20 @@
+export const SCALE_STEPS = [
+    0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,
+];
+export const DEFAULT_LIGHTNESS_SCALE = [
+    1, 0.98, 0.94, 0.88, 0.80, 0.72, 0.64, 0.56, 0.48, 0.42, 0.36, 0.32,
+];
+export const DEFAULT_CHROMA_SCALE = [
+    0.01, 0.02, 0.03, 0.06, 0.09, 0.12, 0.12, 0.09, 0.06, 0.03, 0.02, 0.01,
+];
+export const DEFAULT_SCALE_SPECS = [
+    { name: 'base-light', hue: 320, int: 0.2, lum: 1 },
+    { name: 'base-dark', hue: 340, int: 0.2, lum: 1, reverse: true },
+    { name: 'primary', hue: 340, int: 1.2, lum: 1 },
+    { name: 'secondary', hue: 172, int: 0.72, lum: 1 },
+    { name: 'tertiary', hue: 20, int: 0.25, lum: 1 },
+    { name: 'success', hue: 140, int: 1.2, lum: 1 },
+    { name: 'warning', hue: 72, int: 1.33, lum: 1.12 },
+    { name: 'danger', hue: 24, int: 1.5, lum: 0.9 },
+];
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;CACjD,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAuB;IACnD,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE;IAClD,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;IAChE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE;IAC/C,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE;IAClD,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE;IAChD,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE;IAC/C,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;IAClD,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;CAClD,CAAC"}

package/dist/generate.d.ts

@@ -0,0 +1,7 @@
+import { PaletteScaleSpec, PaletteSpec } from './types.js';
+export declare function generatePaletteOklch(palette?: PaletteSpec): Record<string, string>;
+export declare function generateScaleOklch(scale: PaletteScaleSpec, lightnessScale: number[], chromaScale: number[]): Record<string, string>;
+export declare function generateTextColor(scale: PaletteScaleSpec, lightnessScale: number[], chromaScale: number[]): "#000" | "#fff";
+export declare function generatePaletteCss(palette?: PaletteSpec): string;
+export declare function contrastColor(l: number, c: number): "#000" | "#fff";
+//# sourceMappingURL=generate.d.ts.map

package/dist/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,WAAgB,0BAS7D;AAED,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAE,MAAM,EAAE,EACxB,WAAW,EAAE,MAAM,EAAE,0BAcxB;AAED,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAE,MAAM,EAAE,EACxB,WAAW,EAAE,MAAM,EAAE,mBAKxB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,WAAgB,UAY3D;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,mBAEjD"}

package/dist/generate.js

@@ -0,0 +1,47 @@
+import { DEFAULT_CHROMA_SCALE, DEFAULT_LIGHTNESS_SCALE, DEFAULT_SCALE_SPECS, SCALE_STEPS, } from './constants.js';
+export function generatePaletteOklch(palette = {}) {
+    const lightnessScale = palette.lightnessScale ?? DEFAULT_LIGHTNESS_SCALE;
+    const chromaScale = palette.chromaScale ?? DEFAULT_CHROMA_SCALE;
+    const out = {};
+    for (const scale of palette.scales ?? DEFAULT_SCALE_SPECS) {
+        const lightness = scale.reverse ? lightnessScale.toReversed() : lightnessScale;
+        Object.assign(out, generateScaleOklch(scale, lightness, chromaScale));
+    }
+    return out;
+}
+export function generateScaleOklch(scale, lightnessScale, chromaScale) {
+    const { name } = scale;
+    const variables = {};
+    const textColor = generateTextColor(scale, lightnessScale, chromaScale);
+    variables[`--color-${name}-text`] = textColor;
+    for (const [index, step] of SCALE_STEPS.entries()) {
+        const varName = `--color-${name}-${step}`;
+        const l = scale.lum * lightnessScale[index];
+        const c = scale.int * chromaScale[index];
+        const oklch = `oklch(${l} ${c} ${scale.hue})`;
+        variables[varName] = oklch;
+    }
+    return variables;
+}
+export function generateTextColor(scale, lightnessScale, chromaScale) {
+    const l = scale.lum * lightnessScale[6];
+    const c = scale.int * chromaScale[6];
+    return contrastColor(l, c);
+}
+export function generatePaletteCss(palette = {}) {
+    const selector = palette.cssSelector === undefined ? ':root' : palette.cssSelector;
+    const variables = generatePaletteOklch(palette);
+    const body = Object.entries(variables)
+        .map(([key, value]) => `  ${key}: ${value};`)
+        .join('\n');
+    if (selector === false) {
+        return Object.entries(variables)
+            .map(([key, value]) => `${key}: ${value};`)
+            .join('\n');
+    }
+    return `${selector} {\n${body}\n}`;
+}
+export function contrastColor(l, c) {
+    return l > 0.62 + 0.8 * c ? '#000' : '#fff';
+}
+//# sourceMappingURL=generate.js.map

package/dist/generate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants.js';
+export * from './generate.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './constants.js';
+export * from './generate.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+export interface PaletteScaleSpec {
+    name: string;
+    hue: number;
+    int: number;
+    lum: number;
+    reverse?: boolean;
+}
+export interface PaletteSpec {
+    lightnessScale?: number[];
+    chromaScale?: number[];
+    cssSelector?: string | false;
+    scales?: PaletteScaleSpec[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACxB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@nightshadeui/palette-generator",
+    "version": "2.9.0",
+    "description": "OKLCH palette CSS variable generator for Nightshade",
+    "author": "Boris Okunskiy",
+    "license": "ISC",
+    "type": "module",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./src": "./src/index.ts"
+    },
+    "files": [
+        "dist",
+        "src"
+    ],
+    "scripts": {
+        "build": "tsc"
+    }
+}

package/src/constants.ts

@@ -0,0 +1,24 @@
+import { PaletteScaleSpec } from './types.js';
+
+export const SCALE_STEPS = [
+    0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,
+] as const;
+
+export const DEFAULT_LIGHTNESS_SCALE = [
+    1, 0.98, 0.94, 0.88, 0.80, 0.72, 0.64, 0.56, 0.48, 0.42, 0.36, 0.32,
+];
+
+export const DEFAULT_CHROMA_SCALE = [
+    0.01, 0.02, 0.03, 0.06, 0.09, 0.12, 0.12, 0.09, 0.06, 0.03, 0.02, 0.01,
+];
+
+export const DEFAULT_SCALE_SPECS: PaletteScaleSpec[] = [
+    { name: 'base-light', hue: 320, int: 0.2, lum: 1 },
+    { name: 'base-dark', hue: 340, int: 0.2, lum: 1, reverse: true },
+    { name: 'primary', hue: 340, int: 1.2, lum: 1 },
+    { name: 'secondary', hue: 172, int: 0.72, lum: 1 },
+    { name: 'tertiary', hue: 20, int: 0.25, lum: 1 },
+    { name: 'success', hue: 140, int: 1.2, lum: 1 },
+    { name: 'warning', hue: 72, int: 1.33, lum: 1.12 },
+    { name: 'danger', hue: 24, int: 1.5, lum: 0.9 },
+];

package/src/generate.ts

@@ -0,0 +1,65 @@
+import {
+    DEFAULT_CHROMA_SCALE,
+    DEFAULT_LIGHTNESS_SCALE,
+    DEFAULT_SCALE_SPECS,
+    SCALE_STEPS,
+} from './constants.js';
+import { PaletteScaleSpec, PaletteSpec } from './types.js';
+
+export function generatePaletteOklch(palette: PaletteSpec = {}) {
+    const lightnessScale = palette.lightnessScale ?? DEFAULT_LIGHTNESS_SCALE;
+    const chromaScale = palette.chromaScale ?? DEFAULT_CHROMA_SCALE;
+    const out: Record<string, string> = {};
+    for (const scale of palette.scales ?? DEFAULT_SCALE_SPECS) {
+        const lightness = scale.reverse ? lightnessScale.toReversed() : lightnessScale;
+        Object.assign(out, generateScaleOklch(scale, lightness, chromaScale));
+    }
+    return out;
+}
+
+export function generateScaleOklch(
+    scale: PaletteScaleSpec,
+    lightnessScale: number[],
+    chromaScale: number[],
+) {
+    const { name } = scale;
+    const variables: Record<string, string> = {};
+    const textColor = generateTextColor(scale, lightnessScale, chromaScale);
+    variables[`--color-${name}-text`] = textColor;
+    for (const [index, step] of SCALE_STEPS.entries()) {
+        const varName = `--color-${name}-${step}`;
+        const l = scale.lum * lightnessScale[index]!;
+        const c = scale.int * chromaScale[index]!;
+        const oklch = `oklch(${l} ${c} ${scale.hue})`;
+        variables[varName] = oklch;
+    }
+    return variables;
+}
+
+export function generateTextColor(
+    scale: PaletteScaleSpec,
+    lightnessScale: number[],
+    chromaScale: number[],
+) {
+    const l = scale.lum * lightnessScale[6]!;
+    const c = scale.int * chromaScale[6]!;
+    return contrastColor(l, c);
+}
+
+export function generatePaletteCss(palette: PaletteSpec = {}) {
+    const selector = palette.cssSelector === undefined ? ':root' : palette.cssSelector;
+    const variables = generatePaletteOklch(palette);
+    const body = Object.entries(variables)
+        .map(([key, value]) => `  ${key}: ${value};`)
+        .join('\n');
+    if (selector === false) {
+        return Object.entries(variables)
+            .map(([key, value]) => `${key}: ${value};`)
+            .join('\n');
+    }
+    return `${selector} {\n${body}\n}`;
+}
+
+export function contrastColor(l: number, c: number) {
+    return l > 0.62 + 0.8 * c ? '#000' : '#fff';
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './constants.js';
+export * from './generate.js';
+export * from './types.js';

package/src/types.ts

@@ -0,0 +1,14 @@
+export interface PaletteScaleSpec {
+    name: string;
+    hue: number;
+    int: number;
+    lum: number;
+    reverse?: boolean;
+}
+
+export interface PaletteSpec {
+    lightnessScale?: number[];
+    chromaScale?: number[];
+    cssSelector?: string | false;
+    scales?: PaletteScaleSpec[];
+}