@tamagui/theme 1.116.0 → 1.116.2

package/dist/cjs/_mutateTheme.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var mutateTheme_exports = {};
+__export(mutateTheme_exports, {
+  _mutateTheme: () => _mutateTheme,
+  mutateThemes: () => mutateThemes
+});
+module.exports = __toCommonJS(mutateTheme_exports);
+var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_start_transition = require("@tamagui/start-transition");
+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 (0, import_start_transition.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 (import_constants.isServer) {
+    process.env.NODE_ENV === "development" && console.warn("Theme mutation is not supported on server side");
+    return;
+  }
+  const config = (0, import_web.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)
+    (0, import_web.ensureThemeVariable)(theme, key);
+  const themeProxied = (0, import_web.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 = (0, import_web.getConfig)();
+  config.themes[themeName] = theme, (0, import_web.updateConfig)("themes", config.themes);
+}
+function notifyThemeManagersOfUpdate(themeName, theme) {
+  import_web.activeThemeManagers.forEach((manager) => {
+    manager.state.name === themeName && manager.updateStateFromProps(
+      {
+        name: themeName,
+        forceTheme: theme
+      },
+      !0
+    );
+  });
+}
+function insertThemeCSS(themes, batch = !1) {
+  const config = (0, import_web.getConfig)();
+  let cssRules = [];
+  for (const themeName in themes) {
+    const theme = themes[themeName], rules = (0, import_web.getThemeCSSRules)({
+      config,
+      themeName,
+      names: [themeName],
+      hasDarkLight: !0,
+      theme
+    });
+    cssRules = [...cssRules, ...rules], batch || updateStyle(`t_theme_style_${themeName}`, rules);
+  }
+  if (batch) {
+    const id = (0, import_web.simpleHash)(typeof batch == "string" ? batch : 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);
+}
+//# sourceMappingURL=_mutateTheme.js.map

package/dist/cjs/addTheme.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var addTheme_exports = {};
+__export(addTheme_exports, {
+  addTheme: () => addTheme
+});
+module.exports = __toCommonJS(addTheme_exports);
+var import_mutateTheme = require("./_mutateTheme");
+function addTheme(props) {
+  return (0, import_mutateTheme._mutateTheme)({ ...props, insertCSS: !0, mutationType: "add" });
+}
+//# sourceMappingURL=addTheme.js.map

package/dist/cjs/index.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  mutateThemes: () => import_mutateTheme.mutateThemes
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./addTheme"), module.exports);
+__reExport(src_exports, require("./updateTheme"), module.exports);
+__reExport(src_exports, require("./replaceTheme"), module.exports);
+var import_mutateTheme = require("./_mutateTheme");
+//# sourceMappingURL=index.js.map

package/dist/cjs/replaceTheme.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var replaceTheme_exports = {};
+__export(replaceTheme_exports, {
+  replaceTheme: () => replaceTheme
+});
+module.exports = __toCommonJS(replaceTheme_exports);
+var import_mutateTheme = require("./_mutateTheme");
+function replaceTheme({
+  name,
+  theme
+}) {
+  return (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: !0, mutationType: "replace" });
+}
+//# sourceMappingURL=replaceTheme.js.map

package/dist/cjs/updateTheme.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var updateTheme_exports = {};
+__export(updateTheme_exports, {
+  updateTheme: () => updateTheme
+});
+module.exports = __toCommonJS(updateTheme_exports);
+var import_mutateTheme = require("./_mutateTheme");
+function updateTheme({
+  name,
+  theme
+}) {
+  return (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: !0, mutationType: "update" });
+}
+//# sourceMappingURL=updateTheme.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -20,12 +20,23 @@
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "react-native-import": "./dist/esm/index.native.js",
+      "react-native": "./dist/cjs/index.native.js",
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
+    }
+  },
   "dependencies": {
-    "@tamagui/constants": "1.116.0",
-    "@tamagui/web": "1.116.0"
+    "@tamagui/constants": "1.116.2",
+    "@tamagui/web": "1.116.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {