@diskette/palette 0.23.1 → 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.1`);
+    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

@@ -10,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

@@ -36,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) {
@@ -51,7 +57,7 @@ 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)) {
@@ -65,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);

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.1",
+  "version": "0.23.2",
   "bin": {
     "palette": "./dist/cli/cli.js"
   },