@diskette/palette 0.15.0 → 0.18.0

package/dist/index.js

@@ -29,7 +29,7 @@ import teal from "./colors/teal.js";
 import tomato from "./colors/tomato.js";
 import violet from "./colors/violet.js";
 import yellow from "./colors/yellow.js";
-export const colors = [
+export const colors = {
     amber,
     blue,
     bronze,
@@ -61,7 +61,8 @@ export const colors = [
     tomato,
     violet,
     yellow,
-];
+};
+colors['amber'];
 export default colors;
 export { accentColors, grayColors } from "./types.js";
 export { css } from "./css.js";

package/dist/types.d.ts

@@ -4,18 +4,18 @@ export declare const accentColors: readonly ["gray", "gold", "bronze", "brown",
 export type AccentColor = (typeof accentColors)[number];
 export type Color = AccentColor | GrayColor;
 type ScaleStep = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export type ColorScale<C extends Color> = {
+export type ScaleSteps<C extends Color> = {
     [K in `${C}${ScaleStep}` | `${C}A${ScaleStep}`]: string;
 };
-export type ColorPalette<C extends Color> = {
+export type ColorScale<C extends Color> = {
     name: C;
     srgb: {
-        light: ColorScale<C>;
-        dark: ColorScale<C>;
+        light: ScaleSteps<C>;
+        dark: ScaleSteps<C>;
     };
     p3: {
-        light: ColorScale<C>;
-        dark: ColorScale<C>;
+        light: ScaleSteps<C>;
+        dark: ScaleSteps<C>;
     };
     contrast: string;
     indicator: string;
@@ -31,7 +31,7 @@ export type ColorPalette<C extends Color> = {
         };
     };
 };
-export type AnyPalette = ColorPalette<any>;
+export type AnyColorScale = ColorScale<any>;
 export type AlphaScale<C extends 'white' | 'back'> = {
     [K in `${C}A${ScaleStep}`]: string;
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@diskette/palette",
   "type": "module",
-  "version": "0.15.0",
+  "version": "0.18.0",
   "bin": {
-    "palette": "./dist/cli.js"
+    "palette": "./dist/cli/cli.js"
   },
   "exports": {
     ".": {
@@ -23,8 +23,8 @@
     "dist"
   ],
   "dependencies": {
-    "@clack/prompts": "1.0.0-alpha.7",
-    "citty": "^0.1.6"
+    "cleye": "^2.0.1",
+    "type-flag": "^4.0.2"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.7",

package/dist/cli/clit.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cli/clit.js

@@ -1,21 +0,0 @@
-import { defineCommand, runMain } from 'citty';
-const main = defineCommand({
-    meta: {
-        name: 'citty',
-        // TODO: figure out way to get package.json version
-        version: '0.0.0',
-        description: '__desc__',
-    },
-    setup() {
-        console.log('Setup');
-    },
-    cleanup() {
-        console.log('Cleanup');
-    },
-    subCommands: {
-    // build: () => import('./commands/build').then((r) => r.default),
-    // deploy: () => import('./commands/deploy').then((r) => r.default),
-    // debug: () => import('./commands/debug').then((r) => r.default),
-    },
-});
-runMain(main);

package/dist/cli.js

@@ -1,100 +0,0 @@
-import * as p from '@clack/prompts';
-import { mkdirSync, statSync, writeFileSync } from 'node:fs';
-import { resolve } from 'node:path';
-import { blackAlpha, whiteAlpha } from "./colors/index.js";
-import { accentColors, colors, css, grayColors } from "./index.js";
-function cancel() {
-    p.cancel('Operation cancelled.');
-    process.exit(0);
-}
-async function askColors(label, choices) {
-    const mode = await p.select({
-        message: `Which ${label} colors do you want to generate?`,
-        options: [
-            { value: 'select', label: 'Select specific colors' },
-            {
-                value: 'all',
-                label: `All ${label} colors`,
-                hint: `${choices.length} colors`,
-            },
-        ],
-    });
-    if (p.isCancel(mode))
-        cancel();
-    if (mode === 'all')
-        return choices;
-    const selected = await p.autocompleteMultiselect({
-        message: `Select ${label} colors:`,
-        options: choices.map((name) => ({ value: name, label: name })),
-        required: false,
-    });
-    if (p.isCancel(selected))
-        cancel();
-    return selected;
-}
-async function askOutputDir(message) {
-    const outputDir = await p.text({
-        message,
-        validate(value) {
-            if (!value) {
-                return 'Please enter a path';
-            }
-            try {
-                const stat = statSync(resolve(process.cwd(), value));
-                if (!stat.isDirectory()) {
-                    return 'Path must be a directory, not a file';
-                }
-            }
-            catch { }
-        },
-    });
-    if (p.isCancel(outputDir))
-        cancel();
-    return outputDir;
-}
-async function main() {
-    p.intro('Palette CSS Generator');
-    const selectedAccentColors = await askColors('accent', accentColors);
-    const selectedGrayColors = await askColors('gray', grayColors.slice(1));
-    const selectedColors = [...selectedAccentColors, ...selectedGrayColors];
-    const generateAccents = await p.confirm({
-        message: 'Generate accents for selected colors?',
-    });
-    if (p.isCancel(generateAccents))
-        cancel();
-    const outputDir = await askOutputDir('Output directory:');
-    // --- Generate Files ---
-    const outputPath = resolve(process.cwd(), outputDir);
-    mkdirSync(outputPath, { recursive: true });
-    for (const name of selectedColors) {
-        const palette = colors.find((c) => c.name === name);
-        // Light theme (scales + alphas + semantics)
-        writeFileSync(`${outputPath}/${name}.css`, css.palette(name, palette, { schemes: ['light'], alpha: true }));
-        // Dark theme (scales + alphas + semantics)
-        writeFileSync(`${outputPath}/${name}-dark.css`, css.palette(name, palette, { schemes: ['dark'], alpha: true }));
-    }
-    // Always generate alpha overlay files
-    writeFileSync(`${outputPath}/black-alpha.css`, css.alpha(blackAlpha));
-    writeFileSync(`${outputPath}/white-alpha.css`, css.alpha(whiteAlpha));
-    // Generate accents
-    if (generateAccents) {
-        const accents = css.accents([...selectedAccentColors]);
-        const grays = css.grays(selectedGrayColors, 'diskette-palette');
-        writeFileSync(`${outputPath}/accents.css`, `${accents}\n${grays}`);
-    }
-    // Generate Tailwind theme with imports
-    const imports = [
-        './accents.css',
-        ...selectedColors.flatMap((name) => [
-            `./${name}.css`,
-            `./${name}-dark.css`,
-        ]),
-        './black-alpha.css',
-        './white-alpha.css',
-    ]
-        .map((path) => `@import '${path}';`)
-        .join('\n');
-    writeFileSync(`${outputPath}/index.css`, `${imports}\n\n${css.tailwind(['white', 'black', 'accent', ...selectedColors])}`);
-    p.outro(`CSS saved to ${outputPath}`);
-}
-main().catch(console.error);