@pure-ds/storybook 0.1.12 → 0.1.13

package/.storybook/addons/pds-configurator/preview.js

@@ -85,7 +85,7 @@ async function loadConfigForm() {
           // The event detail contains both config and designer from pds-config-form
           if (e.detail.designer) {
             // Apply the styles from the designer that was already created by pds-config-form
-            await PDS.Generator.applyStyles(e.detail.designer);
+            await PDS.Generator.applyStyles();
           }
           
           // Notify manager

package/.storybook/preview.js

@@ -87,7 +87,7 @@ function ensurePDSStyles() {
   
   if (!hasPDS && PDS.Generator.instance) {
     console.log('🛡️ PDS sheets missing - restoring...');
-    PDS.Generator.applyStyles(PDS.Generator.instance);
+    PDS.Generator.applyStyles();
   }
 }
 
@@ -108,7 +108,7 @@ const withPDS = (story, context) => {
   // ALWAYS reapply PDS styles before each story render
   const designer = PDS.Generator.instance;
   if (designer) {
-    PDS.Generator.applyStyles(designer);
+    PDS.Generator.applyStyles();
     
     // Check again after applying
     const afterSheets = document.adoptedStyleSheets || [];
@@ -264,7 +264,7 @@ const withGlobalsHandler = (story, context) => {
           if (PDS.theme) generatorOptions.theme = PDS.theme;
           
           const newDesigner = new PDS.Generator(generatorOptions);
-          await PDS.Generator.applyStyles(newDesigner);
+          await PDS.Generator.applyStyles();
           
           console.log(`✅ Preset applied via decorator: ${globals.preset}`);
         }
@@ -1446,7 +1446,7 @@ if (typeof window !== 'undefined') {
             console.log('✅ Generator created');
             
             console.log('🎨 Applying styles to document...');
-            await PDS.Generator.applyStyles(newDesigner);
+            await PDS.Generator.applyStyles();
             console.log('✅ Styles applied to document');
             
             // Update global reference

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pure-ds/storybook",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Storybook showcase for Pure Design System with live configuration",
   "type": "module",
   "private": false,

package/src/js/pds-core/pds-generator.js

@@ -5126,23 +5126,23 @@ export const ${name}CSS = \`${escapedCSS}\`;
   /**
    * Static method to apply styles to document
    * Creates a link element with BLOB URL
-   * @param {Generator} generator - The Generator instance with generated styles
+   * @param {Generator} [generator] - Optional Generator instance (defaults to singleton)
    */
   static applyStyles(generator) {
+    // Use provided generator or singleton instance
+    const target = generator || Generator.instance;
+
     // Validate parameter
-    if (!generator || typeof generator !== "object") {
-      generator?.options?.log?.(
-        "error",
-        "[Generator] applyStyles requires a generator object"
-      );
+    if (!target || typeof target !== "object") {
+      console.error("[Generator] applyStyles requires a generator object or active singleton");
       return;
     }
 
     // Preferred: apply layered CSS so tokens + primitives + components + utilities
     // are available in light DOM (ensures primitives like :where(button):active apply)
-    const cssText = generator.layeredCSS || generator.css || "";
+    const cssText = target.layeredCSS || target.css || "";
     if (!cssText) {
-      generator?.options?.log?.(
+      target.options?.log?.(
         "warn",
         "[Generator] No CSS available on designer to apply"
       );

package/src/js/pds.js

@@ -1166,7 +1166,7 @@ async function live(config) {
 
     // Apply styles globally if requested (default behavior)
     if (applyGlobalStyles) {
-      await PDS.Generator.applyStyles(generator);
+      await PDS.Generator.applyStyles();
 
       // Clean up critical styles after adoptedStyleSheets are applied
       if (typeof window !== "undefined") {
@@ -1477,10 +1477,10 @@ async function setTheme(theme, options = {}) {
         currentGenerator.configure(newConfig);
 
         // Reapply styles
-        await PDS.Generator.applyStyles(currentDesigner);
+        await PDS.Generator.applyStyles();
       }
     } catch (error) {
-      currentDesigner?.options?.log?.("warn", "Failed to update styles for new theme:", error);
+      console.warn("Failed to update styles for new theme:", error);
     }
   }