@tamagui/theme 1.114.4 → 1.115.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,30 +3,42 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
15
21
  var mutateTheme_exports = {};
16
22
  __export(mutateTheme_exports, {
17
23
  _mutateTheme: () => _mutateTheme,
18
24
  mutateThemes: () => mutateThemes
19
25
  });
20
26
  module.exports = __toCommonJS(mutateTheme_exports);
21
- var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_start_transition = require("@tamagui/start-transition");
27
+ var import_constants = require("@tamagui/constants"),
28
+ import_web = require("@tamagui/web"),
29
+ import_start_transition = require("@tamagui/start-transition");
22
30
  function mutateThemes({
23
31
  themes,
24
32
  batch,
25
33
  insertCSS = !0,
26
34
  ...props
27
35
  }) {
28
- const allThemesProxied = {}, allThemesRaw = {};
29
- for (const { name, theme } of themes) {
36
+ const allThemesProxied = {},
37
+ allThemesRaw = {};
38
+ for (const {
39
+ name,
40
+ theme
41
+ } of themes) {
30
42
  const res = _mutateTheme({
31
43
  ...props,
32
44
  name,
@@ -55,27 +67,29 @@ function _mutateTheme(props) {
55
67
  process.env.NODE_ENV === "development" && console.warn("Theme mutation is not supported on server side");
56
68
  return;
57
69
  }
58
- const config = (0, import_web.getConfig)(), { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
70
+ const config = (0, import_web.getConfig)(),
71
+ {
72
+ name: themeName,
73
+ theme: themeIn,
74
+ insertCSS,
75
+ mutationType
76
+ } = props;
59
77
  if (process.env.NODE_ENV === "development") {
60
- if (!config)
61
- throw new Error("No config");
78
+ if (!config) throw new Error("No config");
62
79
  const theme2 = config.themes[props.name];
63
- if (mutationType !== "add" && !theme2)
64
- throw new Error(
65
- `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
66
- );
80
+ if (mutationType !== "add" && !theme2) throw new Error(`${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`);
67
81
  }
68
82
  const theme = {
69
- ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
83
+ ...(mutationType === "update" ? config.themes[themeName] ?? {} : {}),
70
84
  ...themeIn
71
85
  };
72
- for (const key in theme)
73
- (0, import_web.ensureThemeVariable)(theme, key);
74
- const themeProxied = (0, import_web.proxyThemeToParents)(themeName, theme), response = {
75
- themeRaw: theme,
76
- theme: themeProxied,
77
- cssRules: []
78
- };
86
+ for (const key in theme) (0, import_web.ensureThemeVariable)(theme, key);
87
+ const themeProxied = (0, import_web.proxyThemeToParents)(themeName, theme),
88
+ response = {
89
+ themeRaw: theme,
90
+ theme: themeProxied,
91
+ cssRules: []
92
+ };
79
93
  return props.avoidUpdate || (insertCSS && (response.cssRules = insertThemeCSS({
80
94
  [themeName]: theme
81
95
  })), updateThemeConfig(themeName, themeProxied), notifyThemeManagersOfUpdate(themeName, themeProxied)), response;
@@ -85,27 +99,25 @@ function updateThemeConfig(themeName, theme) {
85
99
  config.themes[themeName] = theme, (0, import_web.updateConfig)("themes", config.themes);
86
100
  }
87
101
  function notifyThemeManagersOfUpdate(themeName, theme) {
88
- import_web.activeThemeManagers.forEach((manager) => {
89
- manager.state.name === themeName && manager.updateStateFromProps(
90
- {
91
- name: themeName,
92
- forceTheme: theme
93
- },
94
- !0
95
- );
102
+ import_web.activeThemeManagers.forEach(manager => {
103
+ manager.state.name === themeName && manager.updateStateFromProps({
104
+ name: themeName,
105
+ forceTheme: theme
106
+ }, !0);
96
107
  });
97
108
  }
98
109
  function insertThemeCSS(themes, batch = !1) {
99
110
  const config = (0, import_web.getConfig)();
100
111
  let cssRules = [];
101
112
  for (const themeName in themes) {
102
- const theme = themes[themeName], rules = (0, import_web.getThemeCSSRules)({
103
- config,
104
- themeName,
105
- names: [themeName],
106
- hasDarkLight: !0,
107
- theme
108
- });
113
+ const theme = themes[themeName],
114
+ rules = (0, import_web.getThemeCSSRules)({
115
+ config,
116
+ themeName,
117
+ names: [themeName],
118
+ hasDarkLight: !0,
119
+ theme
120
+ });
109
121
  cssRules = [...cssRules, ...rules], batch || updateStyle(`t_theme_style_${themeName}`, rules);
110
122
  }
111
123
  if (batch) {
@@ -115,8 +127,8 @@ function insertThemeCSS(themes, batch = !1) {
115
127
  return cssRules;
116
128
  }
117
129
  function updateStyle(id, rules) {
118
- const existing = document.querySelector(`#${id}`), style = document.createElement("style");
130
+ const existing = document.querySelector(`#${id}`),
131
+ style = document.createElement("style");
119
132
  style.id = id, style.appendChild(document.createTextNode(rules.join(`
120
133
  `))), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing);
121
- }
122
- //# sourceMappingURL=_mutateTheme.js.map
134
+ }
@@ -0,0 +1,33 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
21
+ var addTheme_exports = {};
22
+ __export(addTheme_exports, {
23
+ addTheme: () => addTheme
24
+ });
25
+ module.exports = __toCommonJS(addTheme_exports);
26
+ var import_mutateTheme = require("./_mutateTheme.cjs");
27
+ function addTheme(props) {
28
+ return (0, import_mutateTheme._mutateTheme)({
29
+ ...props,
30
+ insertCSS: !0,
31
+ mutationType: "add"
32
+ });
33
+ }
@@ -0,0 +1,30 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ },
18
+ __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
19
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
20
+ value: !0
21
+ }), mod);
22
+ var src_exports = {};
23
+ __export(src_exports, {
24
+ mutateThemes: () => import_mutateTheme.mutateThemes
25
+ });
26
+ module.exports = __toCommonJS(src_exports);
27
+ __reExport(src_exports, require("./addTheme.cjs"), module.exports);
28
+ __reExport(src_exports, require("./updateTheme.cjs"), module.exports);
29
+ __reExport(src_exports, require("./replaceTheme.cjs"), module.exports);
30
+ var import_mutateTheme = require("./_mutateTheme.cjs");
@@ -0,0 +1,37 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
21
+ var replaceTheme_exports = {};
22
+ __export(replaceTheme_exports, {
23
+ replaceTheme: () => replaceTheme
24
+ });
25
+ module.exports = __toCommonJS(replaceTheme_exports);
26
+ var import_mutateTheme = require("./_mutateTheme.cjs");
27
+ function replaceTheme({
28
+ name,
29
+ theme
30
+ }) {
31
+ return (0, import_mutateTheme._mutateTheme)({
32
+ name,
33
+ theme,
34
+ insertCSS: !0,
35
+ mutationType: "replace"
36
+ });
37
+ }
@@ -0,0 +1,37 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: !0
9
+ });
10
+ },
11
+ __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
+ get: () => from[key],
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ return to;
17
+ };
18
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
+ value: !0
20
+ }), mod);
21
+ var updateTheme_exports = {};
22
+ __export(updateTheme_exports, {
23
+ updateTheme: () => updateTheme
24
+ });
25
+ module.exports = __toCommonJS(updateTheme_exports);
26
+ var import_mutateTheme = require("./_mutateTheme.cjs");
27
+ function updateTheme({
28
+ name,
29
+ theme
30
+ }) {
31
+ return (0, import_mutateTheme._mutateTheme)({
32
+ name,
33
+ theme,
34
+ insertCSS: !0,
35
+ mutationType: "update"
36
+ });
37
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/theme",
3
- "version": "1.114.4",
3
+ "version": "1.115.0",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -21,11 +21,11 @@
21
21
  "clean:build": "tamagui-build clean:build"
22
22
  },
23
23
  "dependencies": {
24
- "@tamagui/constants": "1.114.4",
25
- "@tamagui/web": "1.114.4"
24
+ "@tamagui/constants": "1.115.0",
25
+ "@tamagui/web": "1.115.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@tamagui/build": "1.114.4",
28
+ "@tamagui/build": "1.115.0",
29
29
  "react": "^18.2.0 || ^19.0.0"
30
30
  },
31
31
  "publishConfig": {
@@ -1,24 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var addTheme_exports = {};
16
- __export(addTheme_exports, {
17
- addTheme: () => addTheme
18
- });
19
- module.exports = __toCommonJS(addTheme_exports);
20
- var import_mutateTheme = require("./_mutateTheme");
21
- function addTheme(props) {
22
- return (0, import_mutateTheme._mutateTheme)({ ...props, insertCSS: !0, mutationType: "add" });
23
- }
24
- //# sourceMappingURL=addTheme.js.map
package/dist/cjs/index.js DELETED
@@ -1,24 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var src_exports = {};
16
- __export(src_exports, {
17
- mutateThemes: () => import_mutateTheme.mutateThemes
18
- });
19
- module.exports = __toCommonJS(src_exports);
20
- __reExport(src_exports, require("./addTheme"), module.exports);
21
- __reExport(src_exports, require("./updateTheme"), module.exports);
22
- __reExport(src_exports, require("./replaceTheme"), module.exports);
23
- var import_mutateTheme = require("./_mutateTheme");
24
- //# sourceMappingURL=index.js.map
@@ -1,27 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var replaceTheme_exports = {};
16
- __export(replaceTheme_exports, {
17
- replaceTheme: () => replaceTheme
18
- });
19
- module.exports = __toCommonJS(replaceTheme_exports);
20
- var import_mutateTheme = require("./_mutateTheme");
21
- function replaceTheme({
22
- name,
23
- theme
24
- }) {
25
- return (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: !0, mutationType: "replace" });
26
- }
27
- //# sourceMappingURL=replaceTheme.js.map
@@ -1,27 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var updateTheme_exports = {};
16
- __export(updateTheme_exports, {
17
- updateTheme: () => updateTheme
18
- });
19
- module.exports = __toCommonJS(updateTheme_exports);
20
- var import_mutateTheme = require("./_mutateTheme");
21
- function updateTheme({
22
- name,
23
- theme
24
- }) {
25
- return (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: !0, mutationType: "update" });
26
- }
27
- //# sourceMappingURL=updateTheme.js.map
File without changes
File without changes