clampography 2.0.0-beta.3 → 2.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clampography",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.4",
   "description": "Fluid typography system based on CSS clamp() with optional themes and extra styles. A feature-rich alternative to Tailwind CSS Typography plugin.",
   "main": "src/index.js",
   "type": "module",

package/src/index.js

@@ -20,54 +20,45 @@ export default plugin.withOptions((options = {}) => {
 
     // Default values
     let themesToInclude = [];
-    let defaultThemeName = "light";
+    let defaultThemeName = null;
     let prefersDarkTheme = false;
     let rootSelector = options.root ?? ":root";
 
     // Normalize input to an array of strings
-    // CSS might pass this as a single long string separated by commas
     let rawThemeList = [];
 
     if (typeof configThemes === "string") {
       if (configThemes.trim() === "all") {
-        // Special case: themes: all
+        // Special case: themes: all -> load everything
         rawThemeList = Object.keys(builtInThemes);
       } else if (configThemes.trim() === "false") {
         rawThemeList = [];
       } else {
-        // Split by comma: "light --default, dark --prefersdark"
         rawThemeList = configThemes.split(",");
       }
     } else if (Array.isArray(configThemes)) {
       rawThemeList = configThemes;
     } else {
-      // Default fallback if nothing provided
-      rawThemeList = ["light", "dark"];
+      // Fallback default is EMPTY array.
+      // User must explicitly ask for themes via options.
+      rawThemeList = [];
     }
 
-    // 3. Process the list and look for flags (--default, --prefersdark)
-    // If "all" was used, we don't look for flags (we use default light/dark logic) unless implemented otherwise.
-    // Here we focus on the explicit list.
-
+    // 3. Process the list and look for flags
     rawThemeList.forEach((rawItem) => {
       let themeName = rawItem.trim();
-
-      // Ignore empty entries
       if (!themeName) return;
 
-      // Check for --default flag
       if (themeName.includes("--default")) {
         themeName = themeName.replace("--default", "").trim();
         defaultThemeName = themeName;
       }
 
-      // Check for --prefersdark flag (case insensitive just in case)
       if (themeName.toLowerCase().includes("--prefersdark")) {
         themeName = themeName.replace(/--prefersdark/i, "").trim();
         prefersDarkTheme = themeName;
       }
 
-      // Check if theme exists in the database
       if (builtInThemes[themeName]) {
         themesToInclude.push(themeName);
       }
@@ -80,7 +71,8 @@ export default plugin.withOptions((options = {}) => {
     const themeStyles = {};
 
     // A. Default theme (:root)
-    if (builtInThemes[defaultThemeName]) {
+    // Only applied if explicitly flagged with --default OR via manual logic (not applied here automatically anymore)
+    if (defaultThemeName && builtInThemes[defaultThemeName]) {
       themeStyles[rootSelector] = builtInThemes[defaultThemeName];
     }