@tamagui/theme 1.74.8 → 1.74.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme",
-  "version": "1.74.8",
+  "version": "1.74.9",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -21,14 +21,14 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "1.74.8",
-    "@tamagui/web": "1.74.8"
+    "@tamagui/constants": "1.74.9",
+    "@tamagui/web": "1.74.9"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.8",
+    "@tamagui/build": "1.74.9",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/dist/esm/_mutateTheme.mjs

@@ -1,116 +0,0 @@
-import { isServer } from "@tamagui/constants";
-import {
-  activeThemeManagers,
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  simpleHash,
-  updateConfig
-} from "@tamagui/web";
-import { startTransition } from "react";
-function mutateThemes({
-  themes,
-  batch,
-  insertCSS = !0,
-  ...props
-}) {
-  const allThemesProxied = {}, allThemesRaw = {};
-  for (const { name, theme } of themes) {
-    const res = _mutateTheme({
-      ...props,
-      name,
-      theme,
-      // we'll do one update at the end
-      avoidUpdate: !0,
-      // always add which also replaces but doesnt fail first time
-      mutationType: "add"
-    });
-    res && (allThemesProxied[name] = res.theme, allThemesRaw[name] = res.themeRaw);
-  }
-  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
-  return startTransition(() => {
-    for (const themeName in allThemesProxied) {
-      const theme = allThemesProxied[themeName];
-      updateThemeConfig(themeName, theme), notifyThemeManagersOfUpdate(themeName, theme);
-    }
-  }), {
-    themes: allThemesProxied,
-    themesRaw: allThemesRaw,
-    cssRules
-  };
-}
-function _mutateTheme(props) {
-  if (isServer) {
-    process.env.NODE_ENV === "development" && console.warn("Theme mutation is not supported on server side");
-    return;
-  }
-  const config = getConfig(), { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
-  if (process.env.NODE_ENV === "development") {
-    if (!config)
-      throw new Error("No config");
-    const theme2 = config.themes[props.name];
-    if (mutationType !== "add" && !theme2)
-      throw new Error(
-        `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
-      );
-  }
-  const theme = {
-    ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
-    ...themeIn
-  };
-  for (const key in theme)
-    ensureThemeVariable(theme, key);
-  const themeProxied = proxyThemeToParents(themeName, theme), response = {
-    themeRaw: theme,
-    theme: themeProxied,
-    cssRules: []
-  };
-  return props.avoidUpdate || (insertCSS && (response.cssRules = insertThemeCSS({
-    [themeName]: theme
-  })), updateThemeConfig(themeName, themeProxied), notifyThemeManagersOfUpdate(themeName, themeProxied)), response;
-}
-function updateThemeConfig(themeName, theme) {
-  const config = getConfig();
-  config.themes[themeName] = theme, updateConfig("themes", config.themes);
-}
-function notifyThemeManagersOfUpdate(themeName, theme) {
-  activeThemeManagers.forEach((manager) => {
-    manager.state.name === themeName && manager.updateStateFromProps(
-      {
-        name: themeName,
-        forceTheme: theme
-      },
-      !0
-    );
-  });
-}
-function insertThemeCSS(themes, batch = !1) {
-  const config = getConfig();
-  let cssRules = [];
-  for (const themeName in themes) {
-    const theme = themes[themeName], rules = getThemeCSSRules({
-      // @ts-ignore this works but should be fixed types
-      config,
-      themeName,
-      names: [themeName],
-      theme
-    });
-    cssRules = [...cssRules, ...rules], batch || updateStyle(`t_theme_style_${themeName}`, rules);
-  }
-  if (batch) {
-    const id = simpleHash(Object.keys(themes).join(","));
-    updateStyle(`t_theme_style_${id}`, cssRules);
-  }
-  return cssRules;
-}
-function updateStyle(id, rules) {
-  const existing = document.querySelector(`#${id}`), style = document.createElement("style");
-  style.id = id, style.appendChild(document.createTextNode(rules.join(`
-`))), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing);
-}
-export {
-  _mutateTheme,
-  mutateThemes
-};
-//# sourceMappingURL=_mutateTheme.mjs.map

package/dist/esm/_mutateTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/_mutateTheme.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAgBzB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAMG;AACD,QAAM,mBAAgD,CAAC,GACjD,eAA4C,CAAC;AAEnD,aAAW,EAAE,MAAM,MAAM,KAAK,QAAQ;AACpC,UAAM,MAAM,aAAa;AAAA,MACvB,GAAG;AAAA,MACH;AAAA,MACA;AAAA;AAAA,MAEA,aAAa;AAAA;AAAA,MAEb,cAAc;AAAA,IAChB,CAAC;AACD,IAAI,QACF,iBAAiB,IAAI,IAAI,IAAI,OAC7B,aAAa,IAAI,IAAI,IAAI;AAAA,EAE7B;AAEA,QAAM,WAAW,YAAY,eAAe,cAAc,KAAK,IAAI,CAAC;AAEpE,yBAAgB,MAAM;AACpB,eAAW,aAAa,kBAAkB;AACxC,YAAM,QAAQ,iBAAiB,SAAS;AACxC,wBAAkB,WAAW,KAAK,GAClC,4BAA4B,WAAW,KAAK;AAAA,IAC9C;AAAA,EACF,CAAC,GAEM;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,EACF;AACF;AAEO,SAAS,aAAa,OAAiD;AAC5E,MAAI,UAAU;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,gDAAgD;AAE/D;AAAA,EACF;AACA,QAAM,SAAS,UAAU,GACnB,EAAE,MAAM,WAAW,OAAO,SAAS,WAAW,aAAa,IAAI;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC;AACH,YAAM,IAAI,MAAM,WAAW;AAE7B,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AAEtC,QAAI,iBAAiB,SAAS,CAACA;AAC7B,YAAM,IAAI;AAAA,QACR,GAAG,iBAAiB,YAAY,YAAY,QAAQ,wBAClD,MAAM,IACR;AAAA,MACF;AAAA,EAEJ;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,iBAAiB,WAAW,OAAO,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC;AAAA,IAClE,GAAG;AAAA,EACL;AAEA,aAAW,OAAO;AAChB,wBAAoB,OAAO,GAAG;AAGhC,QAAM,eAAe,oBAAoB,WAAW,KAAK,GAEnD,WAAW;AAAA,IACf,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU,CAAC;AAAA,EACb;AAEA,SAAI,MAAM,gBAIN,cACF,SAAS,WAAW,eAAe;AAAA,IACjC,CAAC,SAAS,GAAG;AAAA,EACf,CAAC,IAGH,kBAAkB,WAAW,YAAY,GACzC,4BAA4B,WAAW,YAAY,IAE5C;AACT;AAEA,SAAS,kBAAkB,WAAmB,OAAoB;AAChE,QAAM,SAAS,UAAU;AACzB,SAAO,OAAO,SAAS,IAAI,OAC3B,aAAa,UAAU,OAAO,MAAM;AACtC;AAEA,SAAS,4BAA4B,WAAmB,OAAoB;AAC1E,sBAAoB,QAAQ,CAAC,YAAY;AACvC,IAAI,QAAQ,MAAM,SAAS,aACzB,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,eAAe,QAAsC,QAAQ,IAAO;AAK3E,QAAM,SAAS,UAAU;AACzB,MAAI,WAAqB,CAAC;AAE1B,aAAW,aAAa,QAAQ;AAC9B,UAAM,QAAQ,OAAO,SAAS,GAExB,QAAQ,iBAAiB;AAAA;AAAA,MAE7B;AAAA,MACA;AAAA,MACA,OAAO,CAAC,SAAS;AAAA,MACjB;AAAA,IACF,CAAC;AAED,eAAW,CAAC,GAAG,UAAU,GAAG,KAAK,GAE5B,SACH,YAAY,iBAAiB,SAAS,IAAI,KAAK;AAAA,EAEnD;AAEA,MAAI,OAAO;AACT,UAAM,KAAK,WAAW,OAAO,KAAK,MAAM,EAAE,KAAK,GAAG,CAAC;AACnD,gBAAY,iBAAiB,EAAE,IAAI,QAAQ;AAAA,EAC7C;AAEA,SAAO;AACT;AAEA,SAAS,YAAY,IAAY,OAAiB;AAChD,QAAM,WAAW,SAAS,cAAc,IAAI,EAAE,EAAE,GAC1C,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,KAAK,IACX,MAAM,YAAY,SAAS,eAAe,MAAM,KAAK;AAAA,CAAI,CAAC,CAAC,GAC3D,SAAS,KAAK,YAAY,KAAK,GAC3B,YACF,SAAS,eAAe,YAAY,QAAQ;AAEhD;",
-  "names": ["theme"]
-}

package/dist/esm/addTheme.mjs

@@ -1,8 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function addTheme(props) {
-  return _mutateTheme({ ...props, insertCSS: !0, mutationType: "add" });
-}
-export {
-  addTheme
-};
-//# sourceMappingURL=addTheme.mjs.map

package/dist/esm/addTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,OAAO,WAAW,IAAM,cAAc,MAAM,CAAC;AACxE;",
-  "names": []
-}

package/dist/esm/index.mjs

@@ -1,8 +0,0 @@
-export * from "./addTheme";
-export * from "./updateTheme";
-export * from "./replaceTheme";
-import { mutateThemes } from "./_mutateTheme";
-export {
-  mutateThemes
-};
-//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,oBAAoB;",
-  "names": []
-}

package/dist/esm/replaceTheme.mjs

@@ -1,11 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function replaceTheme({
-  name,
-  theme
-}) {
-  return _mutateTheme({ name, theme, insertCSS: !0, mutationType: "replace" });
-}
-export {
-  replaceTheme
-};
-//# sourceMappingURL=replaceTheme.mjs.map

package/dist/esm/replaceTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/replaceTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AAED,SADa,aAAa,EAAE,MAAM,OAAO,WAAW,IAAM,cAAc,UAAU,CAAC;AAErF;",
-  "names": []
-}

package/dist/esm/updateTheme.mjs

@@ -1,11 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function updateTheme({
-  name,
-  theme
-}) {
-  return _mutateTheme({ name, theme, insertCSS: !0, mutationType: "update" });
-}
-export {
-  updateTheme
-};
-//# sourceMappingURL=updateTheme.mjs.map

package/dist/esm/updateTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,IAAM,cAAc,SAAS,CAAC;AAC9E;",
-  "names": []
-}

package/dist/jsx/_mutateTheme.mjs

@@ -1,83 +0,0 @@
-import { isServer } from "@tamagui/constants";
-import {
-  activeThemeManagers,
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  updateConfig
-} from "@tamagui/web";
-function _mutateTheme(props) {
-  if (isServer) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn("Theme mutation is not supported on server side");
-    }
-    return;
-  }
-  const config = getConfig();
-  const { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
-  if (process.env.NODE_ENV === "development") {
-    if (!config) {
-      throw new Error("No config");
-    }
-    const theme2 = config.themes[props.name];
-    if (mutationType && !theme2) {
-      throw new Error(
-        `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
-      );
-    }
-    if (!props.mutationType && theme2) {
-      return { theme: theme2 };
-    }
-  }
-  const theme = {
-    ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
-    ...themeIn
-  };
-  for (const key in theme) {
-    ensureThemeVariable(theme, key);
-  }
-  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  if (process.env.TAMAGUI_TARGET === "web") {
-    if (insertCSS) {
-      cssRules = getThemeCSSRules({
-        // @ts-ignore this works but should be fixed types
-        config,
-        themeName,
-        names: [themeName],
-        theme
-      });
-      const id = `t_theme_style_${themeName}`;
-      const existing = document.querySelector(`#${id}`);
-      const style = document.createElement("style");
-      style.id = id;
-      style.appendChild(document.createTextNode(cssRules.join("\n")));
-      document.head.appendChild(style);
-      if (existing) {
-        existing.parentElement?.removeChild(existing);
-      }
-    }
-  }
-  activeThemeManagers.forEach((manager) => {
-    if (manager.state.name === props.name) {
-      manager.updateState(
-        {
-          name: props.name,
-          forceTheme: themeProxied
-        },
-        true
-      );
-    }
-  });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
-}
-export {
-  _mutateTheme
-};
-//# sourceMappingURL=_mutateTheme.mjs.map

package/dist/jsx/_mutateTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/_mutateTheme.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,aAAa,OAK1B;AACD,MAAI,UAAU;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,gDAAgD;AAAA,IAC/D;AACA;AAAA,EACF;AACA,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,WAAW,aAAa,IAAI;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,gBAAgB,CAACA,QAAO;AAC1B,YAAM,IAAI;AAAA,QACR,GAAG,iBAAiB,YAAY,YAAY,gCAC1C,MAAM;AAAA,MAEV;AAAA,IACF;AACA,QAAI,CAAC,MAAM,gBAAgBA,QAAO;AAChC,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,iBAAiB,WAAW,OAAO,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC;AAAA,IAClE,GAAG;AAAA,EACL;AAEA,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAEtE,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,WAAW;AACb,iBAAW,iBAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;AAAA,IACF;AAAA,EACF;AAEA,sBAAoB,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,SAAS,MAAM,MAAM;AACrC,cAAQ;AAAA,QACN;AAAA,UACE,MAAM,MAAM;AAAA,UACZ,YAAY;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAGD,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": ["theme"]
-}

package/dist/jsx/addTheme.mjs

@@ -1,8 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function addTheme(props) {
-  return _mutateTheme({ ...props });
-}
-export {
-  addTheme
-};
-//# sourceMappingURL=addTheme.mjs.map

package/dist/jsx/addTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
-  "names": []
-}

package/dist/jsx/index.mjs

@@ -1,4 +0,0 @@
-export * from "./addTheme";
-export * from "./updateTheme";
-export * from "./replaceTheme";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
-  "names": []
-}

package/dist/jsx/replaceTheme.mjs

@@ -1,12 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function replaceTheme({
-  name,
-  theme
-}) {
-  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "replace" });
-  return next;
-}
-export {
-  replaceTheme
-};
-//# sourceMappingURL=replaceTheme.mjs.map

package/dist/jsx/replaceTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/replaceTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,UAAU,CAAC;AACnF,SAAO;AACT;",
-  "names": []
-}

package/dist/jsx/updateTheme.mjs

@@ -1,12 +0,0 @@
-import { _mutateTheme } from "./_mutateTheme";
-function updateTheme({
-  name,
-  theme
-}) {
-  return _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
-}
-globalThis["updateTheme"] = updateTheme;
-export {
-  updateTheme
-};
-//# sourceMappingURL=updateTheme.mjs.map

package/dist/jsx/updateTheme.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;AAEA,WAAW,aAAa,IAAI;",
-  "names": []
-}