@tamagui/theme 2.7.7 → 3.0.0-beta.1097.1

package/dist/esm/replaceTheme.native.js

@@ -1,16 +1,15 @@
 import { _mutateTheme } from "./_mutateTheme.native.js";
+
 function replaceTheme(param) {
-  var {
-    name,
-    theme
-  } = param;
-  var next = _mutateTheme({
-    name,
-    theme,
-    insertCSS: true,
-    mutationType: "replace"
-  });
-  return next;
+	var { name, theme } = param;
+	var next = _mutateTheme({
+		name,
+		theme,
+		insertCSS: true,
+		mutationType: "replace"
+	});
+	return next;
 }
+
 export { replaceTheme };
 //# sourceMappingURL=replaceTheme.native.js.map

package/dist/esm/replaceTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mutateTheme","replaceTheme","param","name","theme","next","insertCSS","mutationType"],"sources":["../../src/replaceTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,aAAaC,KAAA;EAC3B;IAAAC,IAAA;IAAAC;EAAA,IAAAF,KAAA;EACA,IAAAG,IAAA,GAAAL,YAAA;IAICG,IAAA;IACDC,KAAM;IACNE,SAAO;IACTC,YAAA","ignoreList":[]}
+{"version":3,"file":"replaceTheme.native.js","names":[],"sources":["esm/replaceTheme.native.js"],"sourcesContent":["import { _mutateTheme } from \"./_mutateTheme\";\nfunction replaceTheme(param) {\n  var { name, theme } = param;\n  var next = _mutateTheme({\n    name,\n    theme,\n    insertCSS: true,\n    mutationType: \"replace\"\n  });\n  return next;\n}\nexport {\n  replaceTheme\n};\n//# sourceMappingURL=replaceTheme.js.map\n"],"mappings":";;;AACA,SAAS,aAAa,OAAO;CAC3B,IAAI,EAAE,MAAM,UAAU;CACtB,IAAI,OAAO,aAAa;EACtB;EACA;EACA,WAAW;EACX,cAAc;CAChB,CAAC;CACD,OAAO;AACT"}

package/dist/esm/updateTheme.mjs

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

package/dist/esm/updateTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["_mutateTheme","updateTheme","name","theme","insertCSS","mutationType"],"sources":["../../src/updateTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,YAAY;EAC1BC,IAAA;EACAC;AACF,GAGG;EACD,OAAOH,YAAA,CAAa;IAAEE,IAAA;IAAMC,KAAA;IAAOC,SAAA,EAAW;IAAMC,YAAA,EAAc;EAAS,CAAC;AAC9E","ignoreList":[]}
+{"version":3,"file":"updateTheme.js","names":[],"sources":["esm/updateTheme.js"],"sourcesContent":["import { _mutateTheme } from \"./_mutateTheme\";\nfunction updateTheme({\n  name,\n  theme\n}) {\n  return _mutateTheme({ name, theme, insertCSS: true, mutationType: \"update\" });\n}\nexport {\n  updateTheme\n};\n//# sourceMappingURL=updateTheme.js.map\n"],"mappings":";;;AACA,SAAS,YAAY,EACnB,MACA,SACC;CACD,OAAO,aAAa;EAAE;EAAM;EAAO,WAAW;EAAM,cAAc;CAAS,CAAC;AAC9E"}

package/dist/esm/updateTheme.native.js

@@ -1,15 +1,14 @@
 import { _mutateTheme } from "./_mutateTheme.native.js";
+
 function updateTheme(param) {
-  var {
-    name,
-    theme
-  } = param;
-  return _mutateTheme({
-    name,
-    theme,
-    insertCSS: true,
-    mutationType: "update"
-  });
+	var { name, theme } = param;
+	return _mutateTheme({
+		name,
+		theme,
+		insertCSS: true,
+		mutationType: "update"
+	});
 }
+
 export { updateTheme };
 //# sourceMappingURL=updateTheme.native.js.map

package/dist/esm/updateTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mutateTheme","updateTheme","param","name","theme","insertCSS"],"sources":["../../src/updateTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,YAAYC,KAAA;EAC1B;IAAAC,IAAA;IAAAC;EAAA,IAAAF,KAAA;EACA,OAAAF,YAAA;IAICG,IAAA;IACDC,KAAO;IACTC,SAAA","ignoreList":[]}
+{"version":3,"file":"updateTheme.native.js","names":[],"sources":["esm/updateTheme.native.js"],"sourcesContent":["import { _mutateTheme } from \"./_mutateTheme\";\nfunction updateTheme(param) {\n  var { name, theme } = param;\n  return _mutateTheme({\n    name,\n    theme,\n    insertCSS: true,\n    mutationType: \"update\"\n  });\n}\nexport {\n  updateTheme\n};\n//# sourceMappingURL=updateTheme.js.map\n"],"mappings":";;;AACA,SAAS,YAAY,OAAO;CAC1B,IAAI,EAAE,MAAM,UAAU;CACtB,OAAO,aAAa;EAClB;EACA;EACA,WAAW;EACX,cAAc;CAChB,CAAC;AACH"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/theme",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.1097.1",
+  "license": "MIT",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,13 +35,13 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/start-transition": "2.7.7",
-    "@tamagui/web": "2.7.7"
+    "@tamagui/constants": "3.0.0-beta.1097.1",
+    "@tamagui/start-transition": "3.0.0-beta.1097.1",
+    "@tamagui/web": "3.0.0-beta.1097.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "react": ">=19"
+    "@tamagui/build": "3.0.0-beta.1097.1",
+    "react": "19.2.3"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/_mutateTheme.ts

@@ -2,15 +2,17 @@ import { isServer } from '@tamagui/constants'
 import { startTransition } from '@tamagui/start-transition'
 import type { ThemeDefinition, ThemeParsed } from '@tamagui/web'
 import {
-  ensureThemeVariable,
   forceUpdateThemes,
   getConfig,
-  getThemeCSSRules,
-  mutatedAutoVariables,
-  proxyThemeToParents,
+  getMutatedAutoVariableCSS,
   simpleHash,
   updateConfig,
 } from '@tamagui/web'
+import {
+  ensureThemeVariable,
+  getThemeCSSRules,
+  proxyThemeToParents,
+} from '@tamagui/web/internal-runtime'
 
 type MutateThemeOptions = {
   mutationType: 'replace' | 'update' | 'add'
@@ -61,10 +63,7 @@ export function mutateThemes({
   const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : []
 
   startTransition(() => {
-    for (const themeName in allThemesProxied) {
-      const theme = allThemesProxied[themeName]
-      updateThemeConfig(themeName, theme)
-    }
+    updateConfig('themes', allThemesProxied)
     updateThemeStates()
   })
 
@@ -111,7 +110,11 @@ export function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps) {
 
   const themeProxied = proxyThemeToParents(themeName, theme)
 
-  const response = {
+  const response: {
+    themeRaw: ThemeParsed
+    theme: ThemeParsed
+    cssRules: string[]
+  } = {
     themeRaw: theme,
     theme: themeProxied,
     cssRules: [] as string[],
@@ -134,9 +137,7 @@ export function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps) {
 }
 
 function updateThemeConfig(themeName: string, theme: ThemeParsed) {
-  const config = getConfig()
-  config.themes[themeName] = theme
-  updateConfig('themes', config.themes)
+  updateConfig('themes', { [themeName]: theme })
 }
 
 function updateThemeStates() {
@@ -171,9 +172,10 @@ function insertThemeCSS(themes: Record<string, PartialTheme>, batch: Batch = fal
     }
   }
 
-  // Output ALL mutated auto variables (since updateStyle replaces the element)
-  if (mutatedAutoVariables.length > 0) {
-    const autoVarCSS = `:root{${mutatedAutoVariables.map((v) => `--${v.name}:${v.val}`).join(';')}}`
+  // output all mutated auto variables because updateStyle replaces the element
+  const mutatedAutoVariableCSS = getMutatedAutoVariableCSS()
+  if (mutatedAutoVariableCSS) {
+    const autoVarCSS = `:root{${mutatedAutoVariableCSS}}`
     updateStyle(`t_mutate_vars`, [autoVarCSS])
   }
 

package/types/_mutateTheme.d.ts

@@ -20,7 +20,7 @@ export declare function mutateThemes({ themes, batch, insertCSS, ...props }: Omi
 };
 export declare function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps): {
     themeRaw: ThemeParsed;
-    theme: {};
+    theme: ThemeParsed;
     cssRules: string[];
 } | undefined;
 export {};

package/types/_mutateTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_mutateTheme.d.ts","sourceRoot":"","sources":["../src/_mutateTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAYhE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAGD,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAG7B,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG;IAC5C,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAG7B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;;;;EAkCA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB;;;cAuCxD,MAAM,EAAE;cAiB3B"}
+{"version":3,"file":"_mutateTheme.d.ts","sourceRoot":"","sources":["../src/_mutateTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAchE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAGD,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAG7B,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG;IAC5C,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAG7B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;;;;EA+BA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB;cAqC9D,WAAW;WACd,WAAW;cACR,MAAM,EAAE;cAqBrB"}

package/types/addTheme.d.ts

@@ -5,7 +5,7 @@ export declare function addTheme(props: {
     insertCSS?: boolean;
 }): {
     themeRaw: ThemeParsed;
-    theme: {};
+    theme: ThemeParsed;
     cssRules: string[];
 } | undefined;
 //# sourceMappingURL=addTheme.d.ts.map

package/types/replaceTheme.d.ts

@@ -4,7 +4,7 @@ export declare function replaceTheme({ name, theme, }: {
     theme: Partial<Record<keyof ThemeDefinition, any>>;
 }): {
     themeRaw: import("@tamagui/web").ThemeParsed;
-    theme: {};
+    theme: import("@tamagui/web").ThemeParsed;
     cssRules: string[];
 } | undefined;
 //# sourceMappingURL=replaceTheme.d.ts.map

package/types/updateTheme.d.ts

@@ -4,7 +4,7 @@ export declare function updateTheme({ name, theme, }: {
     theme: Partial<Record<keyof ThemeDefinition, any>>;
 }): {
     themeRaw: import("@tamagui/web").ThemeParsed;
-    theme: {};
+    theme: import("@tamagui/web").ThemeParsed;
     cssRules: string[];
 } | undefined;
 //# sourceMappingURL=updateTheme.d.ts.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}