sdaia-ui 1.2.2 → 1.2.3

package/dist/index.js

@@ -128,6 +128,7 @@ var DEFAULT_COMPONENT_DIR = "src/components/ui";
 var DEFAULT_UTILS_DIR = "src/lib";
 var TAILWIND_IMPORT = '@import "tailwindcss";';
 var TOKENS_IMPORT = '@import "@sdaia-ds/tokens/css";';
+var DARK_VARIANT_RULE = "@custom-variant dark (&:where(.dark, .dark *, .theme-dark, .theme-dark *));";
 function isTailwindInstalled() {
   const pkgJsonPath = path3.resolve(process.cwd(), "package.json");
   if (!fs3.existsSync(pkgJsonPath)) return false;
@@ -166,6 +167,24 @@ ${content}`);
   }
   return true;
 }
+function ensureDarkVariantRule(cssFilePath) {
+  const content = fs3.readFileSync(cssFilePath, "utf-8");
+  if (/@custom-variant\s+dark\b/.test(content)) return false;
+  const lines = content.split("\n");
+  let lastImportIdx = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (/^\s*@import\s+/.test(lines[i])) lastImportIdx = i;
+  }
+  if (lastImportIdx === -1) {
+    fs3.writeFileSync(cssFilePath, `${DARK_VARIANT_RULE}
+
+${content}`);
+  } else {
+    lines.splice(lastImportIdx + 1, 0, "", DARK_VARIANT_RULE);
+    fs3.writeFileSync(cssFilePath, lines.join("\n"));
+  }
+  return true;
+}
 async function init() {
   logger.break();
   logger.info("Initializing SDAIA Design System in your project...");
@@ -308,16 +327,25 @@ export default config;
   }
   const cssFilePath = findCssEntryFile();
   if (cssFilePath) {
-    const added = ensureCssImport(cssFilePath, TOKENS_IMPORT, "@sdaia-ds/tokens/css");
-    if (added) {
+    const addedTokens = ensureCssImport(cssFilePath, TOKENS_IMPORT, "@sdaia-ds/tokens/css");
+    if (addedTokens) {
       logger.success(`Added tokens import to ${path3.relative(process.cwd(), cssFilePath)}`);
     } else {
       logger.info("Tokens import already present in CSS file");
     }
+    const addedDark = ensureDarkVariantRule(cssFilePath);
+    if (addedDark) {
+      logger.success(
+        `Added @custom-variant dark rule to ${path3.relative(process.cwd(), cssFilePath)}`
+      );
+    } else {
+      logger.info("Dark variant rule already present in CSS file");
+    }
   } else {
     logger.warn(
-      `Could not find a CSS entry file. Add this to your main CSS file:
-  ${TOKENS_IMPORT}`
+      `Could not find a CSS entry file. Add these to your main CSS file:
+  ${TOKENS_IMPORT}
+  ${DARK_VARIANT_RULE}`
     );
   }
   const utilsPath = path3.resolve(process.cwd(), config.utilsDir);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdaia-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "CLI for installing SDAIA Design System components into your project",
   "type": "module",
   "bin": {