@stackframe/stack 2.4.1 → 2.4.4

package/dist/providers/component-provider.d.ts

@@ -18,13 +18,13 @@ declare const Components: {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -67,13 +67,13 @@ declare function useComponents(): {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;

package/dist/utils/browser-script.js

@@ -25,20 +25,28 @@ __export(browser_script_exports, {
 module.exports = __toCommonJS(browser_script_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var script = () => {
+  const attributes = ["data-joy-color-scheme", "data-mui-color-scheme", "data-theme", "data-color-scheme", "class"];
   const observer = new MutationObserver((mutations) => {
     mutations.forEach((mutation) => {
-      if (mutation.attributeName === "data-joy-color-scheme") {
-        const joyColorScheme = document.documentElement.getAttribute("data-joy-color-scheme");
-        if (!joyColorScheme) {
-          return;
+      for (const attributeName of attributes) {
+        if (mutation.attributeName === attributeName) {
+          const colorTheme = document.documentElement.getAttribute(attributeName);
+          if (!colorTheme) {
+            continue;
+          }
+          const darkMode = colorTheme.includes("dark");
+          const lightMode = colorTheme.includes("light");
+          if (!darkMode && !lightMode) {
+            continue;
+          }
+          document.documentElement.setAttribute("data-stack-theme", darkMode ? "dark" : "light");
         }
-        document.documentElement.setAttribute("data-theme", joyColorScheme);
       }
     });
   });
   observer.observe(document.documentElement, {
     attributes: true,
-    attributeFilter: ["data-joy-color-scheme"]
+    attributeFilter: attributes
   });
 };
 function BrowserScript() {

package/dist/utils/browser-script.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/browser-script.tsx"],"sourcesContent":["const script = () => {\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      if (mutation.attributeName === 'data-joy-color-scheme') {\n        const joyColorScheme = document.documentElement.getAttribute('data-joy-color-scheme');\n        if (!joyColorScheme) {\n          return;\n        }\n        document.documentElement.setAttribute('data-theme', joyColorScheme);\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['data-joy-color-scheme'],\n  });\n};\n\nexport function BrowserScript() {\n  return (\n    <script dangerouslySetInnerHTML={{ __html: `(${script.toString()})()` }}/>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,IAAM,SAAS,MAAM;AACnB,QAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,cAAU,QAAQ,CAAC,aAAa;AAC9B,UAAI,SAAS,kBAAkB,yBAAyB;AACtD,cAAM,iBAAiB,SAAS,gBAAgB,aAAa,uBAAuB;AACpF,YAAI,CAAC,gBAAgB;AACnB;AAAA,QACF;AACA,iBAAS,gBAAgB,aAAa,cAAc,cAAc;AAAA,MACpE;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB,CAAC,uBAAuB;AAAA,EAC3C,CAAC;AACH;AAEO,SAAS,gBAAgB;AAC9B,SACE,4CAAC,YAAO,yBAAyB,EAAE,QAAQ,IAAI,OAAO,SAAS,CAAC,MAAM,GAAE;AAE5E;","names":[]}
+{"version":3,"sources":["../../src/utils/browser-script.tsx"],"sourcesContent":["const script = () => {\n  const attributes = ['data-joy-color-scheme', 'data-mui-color-scheme', 'data-theme', 'data-color-scheme', 'class'];\n\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      for (const attributeName of attributes) {\n        if (mutation.attributeName === attributeName) {\n          const colorTheme = document.documentElement.getAttribute(attributeName);\n          if (!colorTheme) {\n            continue;\n          }\n          const darkMode = colorTheme.includes('dark');\n          const lightMode = colorTheme.includes('light');\n          if (!darkMode && !lightMode) {\n            continue;\n          }\n          document.documentElement.setAttribute('data-stack-theme', darkMode ? 'dark' : 'light');\n        }\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: attributes,\n  });\n};\n\nexport function BrowserScript() {\n  return (\n    <script dangerouslySetInnerHTML={{ __html: `(${script.toString()})()` }}/>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BI;AA9BJ,IAAM,SAAS,MAAM;AACnB,QAAM,aAAa,CAAC,yBAAyB,yBAAyB,cAAc,qBAAqB,OAAO;AAEhH,QAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,cAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAW,iBAAiB,YAAY;AACtC,YAAI,SAAS,kBAAkB,eAAe;AAC5C,gBAAM,aAAa,SAAS,gBAAgB,aAAa,aAAa;AACtE,cAAI,CAAC,YAAY;AACf;AAAA,UACF;AACA,gBAAM,WAAW,WAAW,SAAS,MAAM;AAC3C,gBAAM,YAAY,WAAW,SAAS,OAAO;AAC7C,cAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,UACF;AACA,mBAAS,gBAAgB,aAAa,oBAAoB,WAAW,SAAS,OAAO;AAAA,QACvF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACnB,CAAC;AACH;AAEO,SAAS,gBAAgB;AAC9B,SACE,4CAAC,YAAO,yBAAyB,EAAE,QAAQ,IAAI,OAAO,SAAS,CAAC,MAAM,GAAE;AAE5E;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.4.1",
+  "version": "2.4.4",
   "sideEffects": false,
   "exports": {
     ".": {
@@ -43,7 +43,7 @@
     "styled-components": "^6.1.8",
     "yup": "^1.4.0",
     "@stackframe/stack-sc": "1.5.1",
-    "@stackframe/stack-shared": "2.4.1"
+    "@stackframe/stack-shared": "2.4.2"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",