@diskette/palette 0.23.0 → 0.23.2

package/dist/cli/cli.js

@@ -25,7 +25,7 @@ const grayOptions = grayColors.map((c) => {
     return { value: c, label: `${swatch}${capitalize(c)}` };
 });
 async function main() {
-    p.intro(`palette v0.23.0`);
+    p.intro(`palette v0.23.2`);
     const results = await p.group({
         colors: () => p.groupMultiselect({
             message: 'Select accent colors',
@@ -77,6 +77,7 @@ async function main() {
     // Build file list, confirm overwrites, and write
     const allFiles = buildOutputFiles({
         colors: allColors,
+        grays: selectedGrays,
         outputPath,
         accents: results.accents,
         tailwind: results.tailwind,

package/dist/cli/output.d.ts

@@ -2,7 +2,6 @@ export type OutputFile = {
     path: string;
     displayName: string;
     content: () => string;
-    skipIfExists?: boolean;
 };
 export type WriteResult = {
     path: string;
@@ -11,6 +10,7 @@ export type WriteResult = {
 };
 export declare function buildOutputFiles(config: {
     colors: string[];
+    grays: string[];
     outputPath: string;
     accents?: boolean;
     tailwind?: boolean;

package/dist/cli/output.js

@@ -10,11 +10,15 @@ function isAlphaColor(name) {
 }
 function alphaColorFile(name, outputPath) {
     const fileName = name === 'blackAlpha' ? 'black-alpha' : 'white-alpha';
+    const path = `${outputPath}/${fileName}.css`;
+    // Alpha files are silently skipped if they exist
+    if (existsSync(path)) {
+        return null;
+    }
     return {
-        path: `${outputPath}/${fileName}.css`,
+        path,
         displayName: capitalize(fileName.replace('-', ' ')),
         content: () => css.alpha(palette[name]),
-        skipIfExists: true,
     };
 }
 function paletteColorFiles(name, outputPath) {
@@ -32,11 +36,17 @@ function paletteColorFiles(name, outputPath) {
         },
     ];
 }
-function accentsFile(colorNames, outputPath) {
+function accentsFile(colorNames, grayNames, outputPath) {
     return {
         path: `${outputPath}/accents.css`,
         displayName: 'Accents',
-        content: () => css.accents(colorNames),
+        content: () => {
+            const parts = [css.accents(colorNames)];
+            if (grayNames.length > 0) {
+                parts.push(css.grays(grayNames));
+            }
+            return parts.join('\n');
+        },
     };
 }
 function tailwindFile(names, outputPath, accents) {
@@ -47,11 +57,13 @@ function tailwindFile(names, outputPath, accents) {
     };
 }
 export function buildOutputFiles(config) {
-    const { colors, outputPath, accents, tailwind } = config;
+    const { colors, grays, outputPath, accents, tailwind } = config;
     const files = [];
     for (const name of colors) {
         if (isAlphaColor(name)) {
-            files.push(alphaColorFile(name, outputPath));
+            const file = alphaColorFile(name, outputPath);
+            if (file)
+                files.push(file);
         }
         else {
             files.push(...paletteColorFiles(name, outputPath));
@@ -59,7 +71,7 @@ export function buildOutputFiles(config) {
     }
     if (accents) {
         const colorNames = colors.filter((c) => !isAlphaColor(c));
-        files.push(accentsFile(colorNames, outputPath));
+        files.push(accentsFile(colorNames, grays, outputPath));
     }
     if (tailwind) {
         const tailwindNames = colors.map((c) => c === 'blackAlpha' ? 'black' : c === 'whiteAlpha' ? 'white' : c);
@@ -71,14 +83,12 @@ export async function confirmOverwrites(files) {
     const cwd = process.cwd();
     const newFiles = files.filter((f) => !existsSync(f.path));
     const existing = files.filter((f) => existsSync(f.path));
-    // Files that should prompt for overwrite confirmation
-    const promptable = existing.filter((f) => !f.skipIfExists);
-    if (promptable.length === 0) {
+    if (existing.length === 0) {
         return newFiles;
     }
     const selected = await p.multiselect({
         message: 'These files already exist. Select to overwrite:',
-        options: promptable.map((f) => ({
+        options: existing.map((f) => ({
             value: f.path,
             label: f.displayName,
             hint: relative(cwd, f.path),
@@ -90,7 +100,7 @@ export async function confirmOverwrites(files) {
         process.exit(0);
     }
     const selectedSet = new Set(selected);
-    const toOverwrite = promptable.filter((f) => selectedSet.has(f.path));
+    const toOverwrite = existing.filter((f) => selectedSet.has(f.path));
     return [...newFiles, ...toOverwrite];
 }
 export function writeOutputFiles(files) {

package/dist/css.d.ts

@@ -12,7 +12,7 @@ type PaletteOptions = {
 declare function palette<C extends Color>(config: PaletteColor<C>, options?: PaletteOptions): string;
 declare function alpha(config: AlphaConfig): string;
 declare function accents(colorNames: string[]): string;
-declare function grays(names: readonly string[], className: string): string;
+declare function grays(names: readonly string[], className?: string): string;
 type TailwindOptions = {
     /** Include @import for accents.css. Defaults to false */
     accents?: boolean;

package/dist/css.js

@@ -80,7 +80,7 @@ function accents(colorNames) {
     output.push(formatRule(`[data-accent-color]:where(:not([data-accent-color=''], [data-accent-color='gray']))`, [...focus, ...focusAlpha]));
     return output.join('\n\n') + '\n';
 }
-function grays(names, className) {
+function grays(names, className = 'diskette-theme') {
     const grays = names.filter((n) => n !== 'gray');
     const blocks = grays.map((colorName) => {
         const srgb = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@diskette/palette",
   "type": "module",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "bin": {
     "palette": "./dist/cli/cli.js"
   },