esm-styles 0.3.1 → 0.3.3

package/dist/watch.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/watch.js

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+import { spawn } from 'child_process';
+import path from 'path';
+import process from 'process';
+const configPath = process.argv[2] || 'esm-styles.config.js';
+const configModule = await import(path.isAbsolute(configPath)
+    ? configPath
+    : path.resolve(process.cwd(), configPath));
+const config = configModule.default;
+const basePath = path.resolve(process.cwd(), config.basePath || '.');
+const sourcePath = path.join(basePath, config.sourcePath || '');
+const nodemonArgs = [
+    '--watch',
+    sourcePath,
+    '--ext',
+    'mjs',
+    '--ignore',
+    path.join(sourcePath, '$*.mjs'),
+    '--exec',
+    `node dist/build.js ${configPath}`,
+];
+console.log('[esm-styles] Running:', 'nodemon', ...nodemonArgs);
+const nodemon = spawn('nodemon', nodemonArgs, { stdio: 'inherit' });
+nodemon.on('exit', (code) => process.exit(code));

package/doc/ai-guide.md

@@ -172,6 +172,8 @@ export default {
     // Use variable references - gets converted to var(--color-primary)
     backgroundColor: $theme.color.primary,
     color: $theme.color.textOnPrimary,
+    // in case of concatenation, use .var property, otherwise it will be [object Object]
+    border: `1px solid ${$theme.color.primary.var}`,
   },
 }
 ```

package/doc/best-practices.md

@@ -549,6 +549,7 @@ export default {
   button: {
     backgroundColor: $theme.surface.primary,
     color: $theme.text.primary
+    border: `1px solid ${$theme.color.primary.var}` // in case of concatenation, use .var property of variable reference object
   }
 }
 ```

package/doc/usage-guide.md

@@ -649,4 +649,4 @@ button {
 The supporting modules provide:
 
 - Autocomplete for available variables in most code editors
-- The ability to see the actual values for each theme
+- The ability to see the actual values for each theme or device

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esm-styles",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "A library for working with ESM styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",