@diskette/palette 0.16.0 → 0.19.0

package/dist/cli/commands/generate.d.ts

@@ -3,11 +3,6 @@ export declare const generate: import("cleye").Command<{
     alias: "gen";
     parameters: "[colors]"[];
     flags: {
-        grays: {
-            type: StringConstructor;
-            alias: string;
-            description: string;
-        };
         accents: {
             type: BooleanConstructor;
             alias: string;
@@ -27,11 +22,6 @@ export declare const generate: import("cleye").Command<{
 }, {
     command: "generate";
 } & import("type-flag").TypeFlag<{
-    grays: {
-        type: StringConstructor;
-        alias: string;
-        description: string;
-    };
     accents: {
         type: BooleanConstructor;
         alias: string;

package/dist/cli/commands/generate.js

@@ -1,9 +1,12 @@
 import { command } from 'cleye';
-import { mkdirSync, writeFileSync } from 'node:fs';
+import { mkdirSync } from 'node:fs';
 import { resolve } from 'node:path';
-import { blackAlpha, whiteAlpha } from "../../colors/index.js";
+import * as palette from "../../colors/index.js";
 import { css } from "../../css.js";
-import { accentColors, colors, grayColors } from "../../index.js";
+import { accentColors, grayColors } from "../../types.js";
+import { writeFileIfNotExists } from "../../utils.js";
+// Combined list of all colors (deduplicated since 'gray' appears in both)
+const allColors = [...new Set([...accentColors, ...grayColors])];
 function parseColors(input, available) {
     if (!input)
         return [];
@@ -16,11 +19,6 @@ export const generate = command({
     alias: 'gen',
     parameters: ['[colors]'],
     flags: {
-        grays: {
-            type: String,
-            alias: 'g',
-            description: 'Gray colors to generate (comma-separated or "all")',
-        },
         accents: {
             type: Boolean,
             alias: 'a',
@@ -36,8 +34,8 @@ export const generate = command({
     help: {
         description: 'Generate CSS files for color palettes',
         examples: [
-            'palette generate blue,red -g slate -a -o ./styles',
-            'palette gen all -g all -a -o ./styles',
+            'palette generate blue,red,slate -a -o ./styles',
+            'palette gen all -a -o ./styles',
         ],
     },
 }, (argv) => {
@@ -45,29 +43,30 @@ export const generate = command({
         console.error('Error: --output (-o) is required');
         process.exit(1);
     }
-    const selectedAccentColors = parseColors(argv._.colors, accentColors);
-    const selectedGrayColors = parseColors(argv.flags.grays, grayColors.filter((g) => g !== 'gray'));
-    const selectedColors = [...selectedAccentColors, ...selectedGrayColors];
+    const selectedColors = parseColors(argv._.colors, allColors);
     if (selectedColors.length === 0) {
-        console.error('No colors selected. Use positional args or --grays flag.');
+        console.error('No colors selected.');
         console.error('Run "palette list" to see available colors.');
         process.exit(1);
     }
     const outputPath = resolve(process.cwd(), argv.flags.output);
     mkdirSync(outputPath, { recursive: true });
     for (const name of selectedColors) {
-        const palette = colors.find((c) => c.name === name);
-        writeFileSync(`${outputPath}/${name}.css`, css.palette(name, palette, { schemes: ['light'], alpha: true }));
-        writeFileSync(`${outputPath}/${name}-dark.css`, css.palette(name, palette, { schemes: ['dark'], alpha: true }));
+        const color = palette[name];
+        writeFileIfNotExists(`${outputPath}/${name}.css`, css.palette(color, { schemes: ['light'], alpha: true }));
+        writeFileIfNotExists(`${outputPath}/${name}-dark.css`, css.palette(color, { schemes: ['dark'], alpha: true }));
         console.log(`  ${name}.css, ${name}-dark.css`);
     }
-    writeFileSync(`${outputPath}/black-alpha.css`, css.alpha(blackAlpha));
-    writeFileSync(`${outputPath}/white-alpha.css`, css.alpha(whiteAlpha));
+    writeFileIfNotExists(`${outputPath}/black-alpha.css`, css.alpha(palette.blackAlpha));
+    writeFileIfNotExists(`${outputPath}/white-alpha.css`, css.alpha(palette.whiteAlpha));
     console.log('  black-alpha.css, white-alpha.css');
     if (argv.flags.accents) {
-        const accents = css.accents([...selectedAccentColors]);
-        const grays = css.grays(selectedGrayColors, 'diskette-palette');
-        writeFileSync(`${outputPath}/accents.css`, `${accents}\n${grays}`);
+        // Partition selected colors: gray is treated as accent, other grayColors are grays
+        const selectedAccents = selectedColors.filter((c) => accentColors.includes(c));
+        const selectedGrays = selectedColors.filter((c) => c !== 'gray' && grayColors.includes(c));
+        const accents = css.accents(selectedAccents);
+        const grays = css.grays(selectedGrays, 'diskette-palette');
+        writeFileIfNotExists(`${outputPath}/accents.css`, `${accents}\n${grays}`);
         console.log('  accents.css');
     }
     const imports = [
@@ -81,7 +80,7 @@ export const generate = command({
     ]
         .map((path) => `@import '${path}';`)
         .join('\n');
-    writeFileSync(`${outputPath}/index.css`, `${imports}\n\n${css.tailwind(['white', 'black', 'accent', ...selectedColors])}`);
+    writeFileIfNotExists(`${outputPath}/index.css`, `${imports}\n\n${css.tailwind(['white', 'black', 'accent', ...selectedColors])}`);
     console.log('  index.css');
     console.log(`\nCSS saved to ${outputPath}`);
 });

package/dist/colors/amber.d.ts

@@ -1,125 +1,25 @@
 declare const _default: {
-    srgb: {
-        light: {
-            amber1: string;
-            amber2: string;
-            amber3: string;
-            amber4: string;
-            amber5: string;
-            amber6: string;
-            amber7: string;
-            amber8: string;
-            amber9: string;
-            amber10: string;
-            amber11: string;
-            amber12: string;
-            amberA1: string;
-            amberA2: string;
-            amberA3: string;
-            amberA4: string;
-            amberA5: string;
-            amberA6: string;
-            amberA7: string;
-            amberA8: string;
-            amberA9: string;
-            amberA10: string;
-            amberA11: string;
-            amberA12: string;
-        };
-        dark: {
-            amber1: string;
-            amber2: string;
-            amber3: string;
-            amber4: string;
-            amber5: string;
-            amber6: string;
-            amber7: string;
-            amber8: string;
-            amber9: string;
-            amber10: string;
-            amber11: string;
-            amber12: string;
-            amberA1: string;
-            amberA2: string;
-            amberA3: string;
-            amberA4: string;
-            amberA5: string;
-            amberA6: string;
-            amberA7: string;
-            amberA8: string;
-            amberA9: string;
-            amberA10: string;
-            amberA11: string;
-            amberA12: string;
-        };
-    };
-    p3: {
-        light: {
-            amber1: string;
-            amber2: string;
-            amber3: string;
-            amber4: string;
-            amber5: string;
-            amber6: string;
-            amber7: string;
-            amber8: string;
-            amber9: string;
-            amber10: string;
-            amber11: string;
-            amber12: string;
-            amberA1: string;
-            amberA2: string;
-            amberA3: string;
-            amberA4: string;
-            amberA5: string;
-            amberA6: string;
-            amberA7: string;
-            amberA8: string;
-            amberA9: string;
-            amberA10: string;
-            amberA11: string;
-            amberA12: string;
-        };
-        dark: {
-            amber1: string;
-            amber2: string;
-            amber3: string;
-            amber4: string;
-            amber5: string;
-            amber6: string;
-            amber7: string;
-            amber8: string;
-            amber9: string;
-            amber10: string;
-            amber11: string;
-            amber12: string;
-            amberA1: string;
-            amberA2: string;
-            amberA3: string;
-            amberA4: string;
-            amberA5: string;
-            amberA6: string;
-            amberA7: string;
-            amberA8: string;
-            amberA9: string;
-            amberA10: string;
-            amberA11: string;
-            amberA12: string;
-        };
-    };
-    contrast: string;
+    name: "amber";
     indicator: string;
+    contrast: string;
     track: string;
     surface: {
-        srgb: {
+        p3: {
             light: string;
             dark: string;
         };
-        p3: {
+        srgb: {
             light: string;
             dark: string;
         };
     };
-    name: "amber";
+    srgb: {
+        light: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+        dark: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+    };
+    p3: {
+        light: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+        dark: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+    };
 };
 export default _default;

package/dist/colors/amber.js

@@ -1,124 +1,125 @@
+import {} from "../types.js";
 export default {
-    srgb: {
-        light: {
-            amber1: '#fefdfb',
-            amber2: '#fefbe9',
-            amber3: '#fff7c2',
-            amber4: '#ffee9c',
-            amber5: '#fbe577',
-            amber6: '#f3d673',
-            amber7: '#e9c162',
-            amber8: '#e2a336',
-            amber9: '#ffc53d',
-            amber10: '#ffba18',
-            amber11: '#ab6400',
-            amber12: '#4f3422',
-            amberA1: '#c0800004',
-            amberA2: '#f4d10016',
-            amberA3: '#ffde003d',
-            amberA4: '#ffd40063',
-            amberA5: '#f8cf0088',
-            amberA6: '#eab5008c',
-            amberA7: '#dc9b009d',
-            amberA8: '#da8a00c9',
-            amberA9: '#ffb300c2',
-            amberA10: '#ffb300e7',
-            amberA11: '#ab6400',
-            amberA12: '#341500dd',
-        },
-        dark: {
-            amber1: '#16120c',
-            amber2: '#1d180f',
-            amber3: '#302008',
-            amber4: '#3f2700',
-            amber5: '#4d3000',
-            amber6: '#5c3d05',
-            amber7: '#714f19',
-            amber8: '#8f6424',
-            amber9: '#ffc53d',
-            amber10: '#ffd60a',
-            amber11: '#ffca16',
-            amber12: '#ffe7b3',
-            amberA1: '#e63c0006',
-            amberA2: '#fd9b000d',
-            amberA3: '#fa820022',
-            amberA4: '#fc820032',
-            amberA5: '#fd8b0041',
-            amberA6: '#fd9b0051',
-            amberA7: '#ffab2567',
-            amberA8: '#ffae3587',
-            amberA9: '#ffc53d',
-            amberA10: '#ffd60a',
-            amberA11: '#ffca16',
-            amberA12: '#ffe7b3',
-        },
-    },
-    p3: {
-        light: {
-            amber1: 'color(display-p3 0.995 0.992 0.985)',
-            amber2: 'color(display-p3 0.994 0.986 0.921)',
-            amber3: 'color(display-p3 0.994 0.969 0.782)',
-            amber4: 'color(display-p3 0.989 0.937 0.65)',
-            amber5: 'color(display-p3 0.97 0.902 0.527)',
-            amber6: 'color(display-p3 0.936 0.844 0.506)',
-            amber7: 'color(display-p3 0.89 0.762 0.443)',
-            amber8: 'color(display-p3 0.85 0.65 0.3)',
-            amber9: 'color(display-p3 1 0.77 0.26)',
-            amber10: 'color(display-p3 0.959 0.741 0.274)',
-            amber11: 'color(display-p3 0.64 0.4 0)',
-            amber12: 'color(display-p3 0.294 0.208 0.145)',
-            amberA1: 'color(display-p3 0.757 0.514 0.024 / 0.016)',
-            amberA2: 'color(display-p3 0.902 0.804 0.008 / 0.079)',
-            amberA3: 'color(display-p3 0.965 0.859 0.004 / 0.22)',
-            amberA4: 'color(display-p3 0.969 0.82 0.004 / 0.35)',
-            amberA5: 'color(display-p3 0.933 0.796 0.004 / 0.475)',
-            amberA6: 'color(display-p3 0.875 0.682 0.004 / 0.495)',
-            amberA7: 'color(display-p3 0.804 0.573 0 / 0.557)',
-            amberA8: 'color(display-p3 0.788 0.502 0 / 0.699)',
-            amberA9: 'color(display-p3 1 0.686 0 / 0.742)',
-            amberA10: 'color(display-p3 0.945 0.643 0 / 0.726)',
-            amberA11: 'color(display-p3 0.64 0.4 0)',
-            amberA12: 'color(display-p3 0.294 0.208 0.145)',
-        },
-        dark: {
-            amber1: 'color(display-p3 0.082 0.07 0.05)',
-            amber2: 'color(display-p3 0.111 0.094 0.064)',
-            amber3: 'color(display-p3 0.178 0.128 0.049)',
-            amber4: 'color(display-p3 0.239 0.156 0)',
-            amber5: 'color(display-p3 0.29 0.193 0)',
-            amber6: 'color(display-p3 0.344 0.245 0.076)',
-            amber7: 'color(display-p3 0.422 0.314 0.141)',
-            amber8: 'color(display-p3 0.535 0.399 0.189)',
-            amber9: 'color(display-p3 1 0.77 0.26)',
-            amber10: 'color(display-p3 1 0.87 0.15)',
-            amber11: 'color(display-p3 1 0.8 0.29)',
-            amber12: 'color(display-p3 0.984 0.909 0.726)',
-            amberA1: 'color(display-p3 0.992 0.298 0 / 0.017)',
-            amberA2: 'color(display-p3 0.988 0.651 0 / 0.047)',
-            amberA3: 'color(display-p3 1 0.6 0 / 0.118)',
-            amberA4: 'color(display-p3 1 0.557 0 / 0.185)',
-            amberA5: 'color(display-p3 1 0.592 0 / 0.24)',
-            amberA6: 'color(display-p3 1 0.659 0.094 / 0.299)',
-            amberA7: 'color(display-p3 1 0.714 0.263 / 0.383)',
-            amberA8: 'color(display-p3 0.996 0.729 0.306 / 0.5)',
-            amberA9: 'color(display-p3 1 0.769 0.259)',
-            amberA10: 'color(display-p3 1 0.871 0.149)',
-            amberA11: 'color(display-p3 1 0.8 0.29)',
-            amberA12: 'color(display-p3 0.984 0.909 0.726)',
-        },
-    },
-    contrast: '#21201c',
+    name: 'amber',
     indicator: 'amber9',
+    contrast: '#21201c',
     track: 'amber9',
     surface: {
-        srgb: {
-            light: '#fefae4cc',
-            dark: '#271f1380',
-        },
         p3: {
             light: 'color(display-p3 0.9922 0.9843 0.902 / 0.8)',
             dark: 'color(display-p3 0.1412 0.1176 0.0784 / 0.5)',
         },
+        srgb: {
+            light: '#fefae4cc',
+            dark: '#271f1380',
+        },
+    },
+    srgb: {
+        light: [
+            '#fefdfb',
+            '#fefbe9',
+            '#fff7c2',
+            '#ffee9c',
+            '#fbe577',
+            '#f3d673',
+            '#e9c162',
+            '#e2a336',
+            '#ffc53d',
+            '#ffba18',
+            '#ab6400',
+            '#4f3422',
+            '#c0800004',
+            '#f4d10016',
+            '#ffde003d',
+            '#ffd40063',
+            '#f8cf0088',
+            '#eab5008c',
+            '#dc9b009d',
+            '#da8a00c9',
+            '#ffb300c2',
+            '#ffb300e7',
+            '#ab6400',
+            '#341500dd',
+        ],
+        dark: [
+            '#16120c',
+            '#1d180f',
+            '#302008',
+            '#3f2700',
+            '#4d3000',
+            '#5c3d05',
+            '#714f19',
+            '#8f6424',
+            '#ffc53d',
+            '#ffd60a',
+            '#ffca16',
+            '#ffe7b3',
+            '#e63c0006',
+            '#fd9b000d',
+            '#fa820022',
+            '#fc820032',
+            '#fd8b0041',
+            '#fd9b0051',
+            '#ffab2567',
+            '#ffae3587',
+            '#ffc53d',
+            '#ffd60a',
+            '#ffca16',
+            '#ffe7b3',
+        ],
+    },
+    p3: {
+        light: [
+            'color(display-p3 0.995 0.992 0.985)',
+            'color(display-p3 0.994 0.986 0.921)',
+            'color(display-p3 0.994 0.969 0.782)',
+            'color(display-p3 0.989 0.937 0.65)',
+            'color(display-p3 0.97 0.902 0.527)',
+            'color(display-p3 0.936 0.844 0.506)',
+            'color(display-p3 0.89 0.762 0.443)',
+            'color(display-p3 0.85 0.65 0.3)',
+            'color(display-p3 1 0.77 0.26)',
+            'color(display-p3 0.959 0.741 0.274)',
+            'color(display-p3 0.64 0.4 0)',
+            'color(display-p3 0.294 0.208 0.145)',
+            'color(display-p3 0.757 0.514 0.024 / 0.016)',
+            'color(display-p3 0.902 0.804 0.008 / 0.079)',
+            'color(display-p3 0.965 0.859 0.004 / 0.22)',
+            'color(display-p3 0.969 0.82 0.004 / 0.35)',
+            'color(display-p3 0.933 0.796 0.004 / 0.475)',
+            'color(display-p3 0.875 0.682 0.004 / 0.495)',
+            'color(display-p3 0.804 0.573 0 / 0.557)',
+            'color(display-p3 0.788 0.502 0 / 0.699)',
+            'color(display-p3 1 0.686 0 / 0.742)',
+            'color(display-p3 0.945 0.643 0 / 0.726)',
+            'color(display-p3 0.64 0.4 0)',
+            'color(display-p3 0.294 0.208 0.145)',
+        ],
+        dark: [
+            'color(display-p3 0.082 0.07 0.05)',
+            'color(display-p3 0.111 0.094 0.064)',
+            'color(display-p3 0.178 0.128 0.049)',
+            'color(display-p3 0.239 0.156 0)',
+            'color(display-p3 0.29 0.193 0)',
+            'color(display-p3 0.344 0.245 0.076)',
+            'color(display-p3 0.422 0.314 0.141)',
+            'color(display-p3 0.535 0.399 0.189)',
+            'color(display-p3 1 0.77 0.26)',
+            'color(display-p3 1 0.87 0.15)',
+            'color(display-p3 1 0.8 0.29)',
+            'color(display-p3 0.984 0.909 0.726)',
+            'color(display-p3 0.992 0.298 0 / 0.017)',
+            'color(display-p3 0.988 0.651 0 / 0.047)',
+            'color(display-p3 1 0.6 0 / 0.118)',
+            'color(display-p3 1 0.557 0 / 0.185)',
+            'color(display-p3 1 0.592 0 / 0.24)',
+            'color(display-p3 1 0.659 0.094 / 0.299)',
+            'color(display-p3 1 0.714 0.263 / 0.383)',
+            'color(display-p3 0.996 0.729 0.306 / 0.5)',
+            'color(display-p3 1 0.769 0.259)',
+            'color(display-p3 1 0.871 0.149)',
+            'color(display-p3 1 0.8 0.29)',
+            'color(display-p3 0.984 0.909 0.726)',
+        ],
     },
-    name: 'amber',
 };

package/dist/colors/blue.d.ts

@@ -1,125 +1,25 @@
 declare const _default: {
-    srgb: {
-        light: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-            blueA1: string;
-            blueA2: string;
-            blueA3: string;
-            blueA4: string;
-            blueA5: string;
-            blueA6: string;
-            blueA7: string;
-            blueA8: string;
-            blueA9: string;
-            blueA10: string;
-            blueA11: string;
-            blueA12: string;
-        };
-        dark: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-            blueA1: string;
-            blueA2: string;
-            blueA3: string;
-            blueA4: string;
-            blueA5: string;
-            blueA6: string;
-            blueA7: string;
-            blueA8: string;
-            blueA9: string;
-            blueA10: string;
-            blueA11: string;
-            blueA12: string;
-        };
-    };
-    p3: {
-        light: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-            blueA1: string;
-            blueA2: string;
-            blueA3: string;
-            blueA4: string;
-            blueA5: string;
-            blueA6: string;
-            blueA7: string;
-            blueA8: string;
-            blueA9: string;
-            blueA10: string;
-            blueA11: string;
-            blueA12: string;
-        };
-        dark: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-            blueA1: string;
-            blueA2: string;
-            blueA3: string;
-            blueA4: string;
-            blueA5: string;
-            blueA6: string;
-            blueA7: string;
-            blueA8: string;
-            blueA9: string;
-            blueA10: string;
-            blueA11: string;
-            blueA12: string;
-        };
-    };
-    contrast: string;
+    name: "blue";
     indicator: string;
+    contrast: string;
     track: string;
     surface: {
-        srgb: {
+        p3: {
             light: string;
             dark: string;
         };
-        p3: {
+        srgb: {
             light: string;
             dark: string;
         };
     };
-    name: "blue";
+    srgb: {
+        light: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+        dark: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+    };
+    p3: {
+        light: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+        dark: [string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+    };
 };
 export default _default;