fansunited-frontend-components 0.0.31-RC1 → 0.0.31-RC2

package/components.js

@@ -41741,18 +41741,22 @@ const rQ = (e) => {
         o(!1);
       };
   }, []), mt.useEffect(() => {
-    if (!s.current || !t) return;
+    if (!s.current || !t || !d.current) return;
     const C = (p == null ? void 0 : p.mode) || "light", v = mv(p);
     u.current && s.current.contains(u.current) && s.current.removeChild(u.current);
     const I = document.createElement("style");
     I.setAttribute("data-joy-theme", C);
     const b = aQ(v, C);
     return I.textContent = `
-      :host {
-        /* Inject MUI Joy CSS variables into shadow root */
+      /* Apply CSS variables to the root element with data-joy-color-scheme */
+      [data-joy-color-scheme="${C}"] {
         ${b}
+        color-scheme: ${C};
+      }
 
-        /* Set color scheme attribute for proper theme application */
+      /* Fallback: also apply to :host for any styles that reference it */
+      :host {
+        ${b}
         color-scheme: ${C};
       }
 
@@ -86382,18 +86386,22 @@ const Qne = (e) => {
         n(!1);
       };
   }, []), mt.useEffect(() => {
-    if (!d.current || !o) return;
+    if (!d.current || !o || !c.current) return;
     const C = (f == null ? void 0 : f.mode) || "light", v = D1(f);
     A.current && d.current.contains(A.current) && d.current.removeChild(A.current);
     const I = document.createElement("style");
     I.setAttribute("data-joy-theme", C);
     const b = Vne(v, C);
     return I.textContent = `
-      :host {
-        /* Inject MUI Joy CSS variables into shadow root */
+      /* Apply CSS variables to the root element with data-joy-color-scheme */
+      [data-joy-color-scheme="${C}"] {
         ${b}
+        color-scheme: ${C};
+      }
 
-        /* Set color scheme attribute for proper theme application */
+      /* Fallback: also apply to :host for any styles that reference it */
+      :host {
+        ${b}
         color-scheme: ${C};
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.31-RC1",
+  "version": "0.0.31-RC2",
   "description": "Various user centric components for Fans United features",
   "main": "components.js",
   "types": "components.d.ts",