@tamagui/helpers-icon 2.0.0-rc.4 → 2.0.0-rc.40
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.
- package/dist/cjs/IconProps.cjs +7 -5
- package/dist/cjs/IconProps.native.js +7 -5
- package/dist/cjs/IconProps.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/themed.cjs +58 -51
- package/dist/cjs/themed.native.js +62 -57
- package/dist/cjs/themed.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/themed.mjs +43 -38
- package/dist/esm/themed.mjs.map +1 -1
- package/dist/esm/themed.native.js +47 -44
- package/dist/esm/themed.native.js.map +1 -1
- package/package.json +10 -12
- package/dist/cjs/IconProps.js +0 -14
- package/dist/cjs/IconProps.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/themed.js +0 -54
- package/dist/cjs/themed.js.map +0 -6
- package/dist/esm/IconProps.js +0 -1
- package/dist/esm/IconProps.js.map +0 -6
- package/dist/esm/themed.js +0 -45
- package/dist/esm/themed.js.map +0 -6
package/dist/cjs/IconProps.cjs
CHANGED
|
@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
+
get: () => from[key],
|
|
9
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
+
});
|
|
11
|
+
}
|
|
10
12
|
return to;
|
|
11
13
|
};
|
|
12
14
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
13
|
-
value:
|
|
15
|
+
value: true
|
|
14
16
|
}), mod);
|
|
15
17
|
var IconProps_exports = {};
|
|
16
18
|
module.exports = __toCommonJS(IconProps_exports);
|
|
@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
if (from && typeof from
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
+
get: () => from[key],
|
|
11
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
+
});
|
|
13
|
+
}
|
|
12
14
|
return to;
|
|
13
15
|
};
|
|
14
16
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
-
value:
|
|
17
|
+
value: true
|
|
16
18
|
}), mod);
|
|
17
19
|
var IconProps_exports = {};
|
|
18
20
|
module.exports = __toCommonJS(IconProps_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconProps_exports"],"sources":["../../src/IconProps.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconProps_exports"],"sources":["../../src/IconProps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA","ignoreList":[]}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var index_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(index_exports);
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,wBADd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
|
package/dist/cjs/themed.cjs
CHANGED
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var themed_exports = {};
|
|
22
24
|
__export(themed_exports, {
|
|
@@ -24,51 +26,56 @@ __export(themed_exports, {
|
|
|
24
26
|
themed: () => themed
|
|
25
27
|
});
|
|
26
28
|
module.exports = __toCommonJS(themed_exports);
|
|
27
|
-
var import_core = require("@tamagui/core")
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
var import_core = require("@tamagui/core");
|
|
30
|
+
var import_sizable_context = require("@tamagui/sizable-context");
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
32
|
function needsFullStyleResolution(props) {
|
|
31
|
-
for (const key in props)
|
|
32
|
-
|
|
33
|
+
for (const key in props) {
|
|
34
|
+
if (key[0] === "$") return true;
|
|
35
|
+
}
|
|
36
|
+
return false;
|
|
33
37
|
}
|
|
34
38
|
function themed(Component, optsIn = {}) {
|
|
35
39
|
const opts = {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
40
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
41
|
+
defaultStrokeWidth: 2,
|
|
42
|
+
fallbackColor: "#000",
|
|
43
|
+
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
44
|
+
...optsIn
|
|
45
|
+
};
|
|
46
|
+
const IconWrapper = propsIn => {
|
|
47
|
+
const styledContext = import_sizable_context.SizableContext.useStyledContext();
|
|
48
|
+
const needsMedia = needsFullStyleResolution(propsIn);
|
|
49
|
+
const [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {
|
|
50
|
+
...opts,
|
|
51
|
+
forComponent: import_core.Text,
|
|
52
|
+
resolveValues: opts.resolveValues,
|
|
53
|
+
noMedia: !needsMedia
|
|
54
|
+
});
|
|
55
|
+
const defaultColor = opts.defaultThemeColor;
|
|
56
|
+
const colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (!props.disableTheme ? theme.color : null) || opts.fallbackColor;
|
|
57
|
+
const color = (0, import_core.getVariable)(colorIn);
|
|
58
|
+
const size = typeof props.size === "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size);
|
|
59
|
+
const strokeWidth = typeof props.strokeWidth === "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
|
|
60
|
+
const finalProps = {
|
|
61
|
+
...props,
|
|
62
|
+
color,
|
|
63
|
+
size,
|
|
64
|
+
strokeWidth,
|
|
65
|
+
style
|
|
66
|
+
};
|
|
67
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
68
|
+
...finalProps
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
const wrapped = propsIn => {
|
|
72
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconWrapper, {
|
|
68
73
|
...propsIn
|
|
69
74
|
});
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
75
|
+
};
|
|
76
|
+
wrapped["staticConfig"] = {
|
|
77
|
+
isHOC: true,
|
|
78
|
+
acceptsClassName: true
|
|
79
|
+
};
|
|
80
|
+
return wrapped;
|
|
74
81
|
}
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var themed_exports = {};
|
|
24
26
|
__export(themed_exports, {
|
|
@@ -26,56 +28,59 @@ __export(themed_exports, {
|
|
|
26
28
|
themed: () => themed
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(themed_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
+
var import_core = require("@tamagui/core");
|
|
33
|
+
var import_sizable_context = require("@tamagui/sizable-context");
|
|
32
34
|
function needsFullStyleResolution(props) {
|
|
33
|
-
for (var key in props)
|
|
34
|
-
|
|
35
|
+
for (var key in props) {
|
|
36
|
+
if (key[0] === "$") return true;
|
|
37
|
+
}
|
|
38
|
+
return false;
|
|
35
39
|
}
|
|
36
40
|
function themed(Component) {
|
|
37
|
-
var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
};
|
|
67
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
68
|
-
...finalProps
|
|
69
|
-
});
|
|
70
|
-
},
|
|
71
|
-
wrapped = function (propsIn) {
|
|
72
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconWrapper, {
|
|
73
|
-
...propsIn
|
|
74
|
-
});
|
|
41
|
+
var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
42
|
+
var opts = {
|
|
43
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
44
|
+
defaultStrokeWidth: 2,
|
|
45
|
+
fallbackColor: "#000",
|
|
46
|
+
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
47
|
+
...optsIn
|
|
48
|
+
};
|
|
49
|
+
var IconWrapper = function (propsIn) {
|
|
50
|
+
var styledContext = import_sizable_context.SizableContext.useStyledContext();
|
|
51
|
+
var needsMedia = needsFullStyleResolution(propsIn);
|
|
52
|
+
var [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {
|
|
53
|
+
...opts,
|
|
54
|
+
forComponent: import_core.Text,
|
|
55
|
+
resolveValues: opts.resolveValues,
|
|
56
|
+
noMedia: !needsMedia
|
|
57
|
+
});
|
|
58
|
+
var defaultColor = opts.defaultThemeColor;
|
|
59
|
+
var colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (!props.disableTheme ? theme.color : null) || opts.fallbackColor;
|
|
60
|
+
var color = (0, import_core.getVariable)(colorIn);
|
|
61
|
+
var size = typeof props.size === "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size);
|
|
62
|
+
var _props_strokeWidth;
|
|
63
|
+
var strokeWidth = typeof props.strokeWidth === "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : (_props_strokeWidth = props.strokeWidth) !== null && _props_strokeWidth !== void 0 ? _props_strokeWidth : `${opts.defaultStrokeWidth}`;
|
|
64
|
+
var finalProps = {
|
|
65
|
+
...props,
|
|
66
|
+
color,
|
|
67
|
+
size,
|
|
68
|
+
strokeWidth,
|
|
69
|
+
style
|
|
75
70
|
};
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
71
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
72
|
+
...finalProps
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
var wrapped = function (propsIn) {
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconWrapper, {
|
|
77
|
+
...propsIn
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
wrapped["staticConfig"] = {
|
|
81
|
+
isHOC: true,
|
|
82
|
+
acceptsClassName: true
|
|
83
|
+
};
|
|
84
|
+
return wrapped;
|
|
80
85
|
}
|
|
81
86
|
//# sourceMappingURL=themed.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themed_exports","__export","SizableContext","import_sizable_context","themed","module","exports","import_jsx_runtime","require","import_core","needsFullStyleResolution","props","key","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","usePropsAndStyle","forComponent","Text","noMedia","defaultColor","colorIn","color","disableTheme","getVariable","size","getTokenValue","_props_strokeWidth","strokeWidth","finalProps","jsx","wrapped"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themed_exports","__export","SizableContext","import_sizable_context","themed","module","exports","import_jsx_runtime","require","import_core","needsFullStyleResolution","props","key","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","usePropsAndStyle","forComponent","Text","noMedia","defaultColor","colorIn","color","disableTheme","getVariable","size","getTokenValue","_props_strokeWidth","strokeWidth","finalProps","jsx","wrapped"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAC,sBAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAMO,CAAAK,cAAA;AACP,IAAAO,kBAAA,GAAAC,OAA+B;AAuEpB,IAAAC,WAAA,GAAAD,OAAA;AAvDX,IAAAL,sBAAS,GAAAK,OAAyB,2BAA2B;AAC3D,SAAAE,wBAAyBA,CAAAC,KAAA;EACvB,SAAIC,GAAK,IAAAD,KAAW;IACtB,IAAAC,GAAA;EACA;EACF;AAEO;AACL,SAAMR,MAAgBA,CAAAS,SAAA;EAAA,IACpBC,MAAA,GAAAC,SAAmB,CAAAC,MAAQ,IAAI,IAAAD,SAAA,iBAA4BA,SAAA;EAAA,IAC3DE,IAAA;IACAC,iBAAe,EAAAC,OAAA,CAAAC,GAAA,CAAAC,wBAAA;IACfC,kBAAgB;IAChBC,aAAG;IACLC,aAAA,EAAAL,OAAA,CAAAC,GAAA,CAAAK,0BAAA;IAEA,GAAAX;EACE;EACA,IAAAY,WAAM,YAAAA,CAAaC,OAAA;IAEnB,IAAAC,aAAc,GAAAzB,sBAAgB,CAAAD,cAAA,CAAA2B,gBAA0B;IAAA,IACtDC,UAAG,GAAApB,wBAAA,CAAAiB,OAAA;IAAA,IACH,CAAAhB,KAAA,EAAAoB,KAAc,EAAAC,KAAA,QAAAvB,WAAA,CAAAwB,gBAAA,EAAAN,OAAA;MACd,GAAAV,IAAA;MACAiB,YAAU,EAAAzB,WAAA,CAAA0B,IAAA;MACXX,aAAA,EAAAP,IAAA,CAAAO,aAAA;MAEDY,OAAM,GAAAN;IAEN;IAMA,IAAAO,YAAM,GAAQpB,IAAA,CAAAC,iBAAA;IAEd,IAAAoB,OAAM,GACJP,KAAA,CAAOQ,KAAA,KAAMF,YAAS,GAAAL,KAClB,CAAAK,YAAA,gBAAc,CAAA1B,KAAM,CAAA6B,YAAmB,GACvCR,KAAM,CAAAO,KAAA,GAAS,SAAAtB,IAAc,CAAAM,aAAS;IAE5C,IAAAgB,KAAM,OAAA9B,WACG,CAAAgC,WAAM,EAAAH,OAAA,CAAgB;IAI/B,IAAAI,IAAM,UAAA/B,KAAa,CAAA+B,IAAA,oBAAAjC,WAAA,CAAAkC,aAAA,EAAAhC,KAAA,CAAA+B,IAAA,YAAA/B,KAAA,CAAA+B,IAAA,KAAAd,aAAA,CAAAc,IAAA,wBAAAd,aAAA,CAAAc,IAAA;IAAA,IACjBE,kBAAG;IAAA,IACHC,WAAA,UAAAlC,KAAA,CAAAkC,WAAA,oBAAApC,WAAA,CAAAkC,aAAA,EAAAhC,KAAA,CAAAkC,WAAA,aAAAD,kBAAA,GAAAjC,KAAA,CAAAkC,WAAA,cAAAD,kBAAA,cAAAA,kBAAA,MAAA3B,IAAA,CAAAK,kBAAA;IAAA,IACAwB,UAAA;MACA,GAAAnC,KAAA;MACA4B,KAAA;MACFG,IAAA;MAEAG,WAAO;MACTd;IAEA;IACE,OAAO,mBAAAxB,kBAAA,CAAAwC,GAAA,EAAClC,SAAA;MACV,GAAAiC;IAGA;EAA0B;EACjB,IACPE,OAAA,YAAAA,CAAkBrB,OAAA;IACpB,0BAAApB,kBAAA,CAAAwC,GAAA,EAAArB,WAAA;MAEA,GAAOC;IACT","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./IconProps";
|
|
2
|
-
export * from "./themed";
|
|
1
|
+
export * from "./IconProps.mjs";
|
|
2
|
+
export * from "./themed.mjs";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
package/dist/esm/themed.mjs
CHANGED
|
@@ -2,49 +2,54 @@ import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@tamagui/cor
|
|
|
2
2
|
import { SizableContext } from "@tamagui/sizable-context";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
function needsFullStyleResolution(props) {
|
|
5
|
-
for (const key in props)
|
|
6
|
-
|
|
5
|
+
for (const key in props) {
|
|
6
|
+
if (key[0] === "$") return true;
|
|
7
|
+
}
|
|
8
|
+
return false;
|
|
7
9
|
}
|
|
8
10
|
function themed(Component, optsIn = {}) {
|
|
9
11
|
const opts = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
12
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
13
|
+
defaultStrokeWidth: 2,
|
|
14
|
+
fallbackColor: "#000",
|
|
15
|
+
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
16
|
+
...optsIn
|
|
17
|
+
};
|
|
18
|
+
const IconWrapper = propsIn => {
|
|
19
|
+
const styledContext = SizableContext.useStyledContext();
|
|
20
|
+
const needsMedia = needsFullStyleResolution(propsIn);
|
|
21
|
+
const [props, style, theme] = usePropsAndStyle(propsIn, {
|
|
22
|
+
...opts,
|
|
23
|
+
forComponent: Text,
|
|
24
|
+
resolveValues: opts.resolveValues,
|
|
25
|
+
noMedia: !needsMedia
|
|
26
|
+
});
|
|
27
|
+
const defaultColor = opts.defaultThemeColor;
|
|
28
|
+
const colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (!props.disableTheme ? theme.color : null) || opts.fallbackColor;
|
|
29
|
+
const color = getVariable(colorIn);
|
|
30
|
+
const size = typeof props.size === "string" ? getTokenValue(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size);
|
|
31
|
+
const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
|
|
32
|
+
const finalProps = {
|
|
33
|
+
...props,
|
|
34
|
+
color,
|
|
35
|
+
size,
|
|
36
|
+
strokeWidth,
|
|
37
|
+
style
|
|
38
|
+
};
|
|
39
|
+
return /* @__PURE__ */jsx(Component, {
|
|
40
|
+
...finalProps
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
const wrapped = propsIn => {
|
|
44
|
+
return /* @__PURE__ */jsx(IconWrapper, {
|
|
42
45
|
...propsIn
|
|
43
46
|
});
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
47
|
+
};
|
|
48
|
+
wrapped["staticConfig"] = {
|
|
49
|
+
isHOC: true,
|
|
50
|
+
acceptsClassName: true
|
|
51
|
+
};
|
|
52
|
+
return wrapped;
|
|
48
53
|
}
|
|
49
54
|
export { SizableContext, themed };
|
|
50
55
|
//# sourceMappingURL=themed.mjs.map
|
package/dist/esm/themed.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","jsx","needsFullStyleResolution","props","key","themed","Component","optsIn","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","strokeWidth","finalProps","wrapped","
|
|
1
|
+
{"version":3,"names":["getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","jsx","needsFullStyleResolution","props","key","themed","Component","optsIn","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","strokeWidth","finalProps","wrapped","isHOC","acceptsClassName"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,aAAA,EACAC,WAAA,EACAC,IAAA,EACAC,gBAAA,QAEK;AACP,SAASC,cAAA,QAAsB;AAuEpB,SAAAC,GAAA;AAvDX,SAASC,yBAAyBC,KAAA,EAA2B;EAC3D,WAAWC,GAAA,IAAOD,KAAA,EAAO;IACvB,IAAIC,GAAA,CAAI,CAAC,MAAM,KAAK,OAAO;EAC7B;EACA,OAAO;AACT;AAEO,SAASC,OAAOC,SAAA,EAA0BC,MAAA,GAAkB,CAAC,GAAG;EACrE,MAAMC,IAAA,GAAgB;IACpBC,iBAAA,EAAmBC,OAAA,CAAQC,GAAA,CAAIC,wBAAA,IAA4B;IAC3DC,kBAAA,EAAoB;IACpBC,aAAA,EAAe;IACfC,aAAA,EAAgBL,OAAA,CAAQC,GAAA,CAAIK,0BAAA,IAAsC;IAClE,GAAGT;EACL;EAEA,MAAMU,WAAA,GAAeC,OAAA,IAAuB;IAC1C,MAAMC,aAAA,GAAgBnB,cAAA,CAAeoB,gBAAA,CAAiB;IACtD,MAAMC,UAAA,GAAanB,wBAAA,CAAyBgB,OAAO;IAEnD,MAAM,CAACf,KAAA,EAAOmB,KAAA,EAAOC,KAAK,IAAIxB,gBAAA,CAAiBmB,OAAA,EAAS;MACtD,GAAGV,IAAA;MACHgB,YAAA,EAAc1B,IAAA;MACdiB,aAAA,EAAeP,IAAA,CAAKO,aAAA;MACpBU,OAAA,EAAS,CAACJ;IACZ,CAAC;IAED,MAAMK,YAAA,GAAelB,IAAA,CAAKC,iBAAA;IAE1B,MAAMkB,OAAA,GACJL,KAAA,CAAMM,KAAA,KACLF,YAAA,GAAeH,KAAA,CAAMG,YAAsB,IAAI,YAC/C,CAACvB,KAAA,CAAM0B,YAAA,GAAeN,KAAA,CAAMK,KAAA,GAAQ,SACrCpB,IAAA,CAAKM,aAAA;IAEP,MAAMc,KAAA,GAAQ/B,WAAA,CAAY8B,OAAO;IAEjC,MAAMG,IAAA,GACJ,OAAO3B,KAAA,CAAM2B,IAAA,KAAS,WAClBlC,aAAA,CAAcO,KAAA,CAAM2B,IAAA,EAAa,MAAM,IACvC3B,KAAA,CAAM2B,IAAA,KAASX,aAAA,CAAcW,IAAA,KAAS,UAAU,SAAYX,aAAA,CAAcW,IAAA;IAEhF,MAAMC,WAAA,GACJ,OAAO5B,KAAA,CAAM4B,WAAA,KAAgB,WACzBnC,aAAA,CAAcO,KAAA,CAAM4B,WAAA,EAAoB,MAAM,IAC7C5B,KAAA,CAAM4B,WAAA,IAAe,GAAGvB,IAAA,CAAKK,kBAAkB;IAEtD,MAAMmB,UAAA,GAAa;MACjB,GAAG7B,KAAA;MACHyB,KAAA;MACAE,IAAA;MACAC,WAAA;MACAT;IACF;IAEA,OAAO,eAAArB,GAAA,CAACK,SAAA;MAAW,GAAG0B;IAAA,CAAY;EACpC;EAEA,MAAMC,OAAA,GAAWf,OAAA,IAAuB;IACtC,OAAO,eAAAjB,GAAA,CAACgB,WAAA;MAAa,GAAGC;IAAA,CAAS;EACnC;EAGAe,OAAA,CAAQ,cAAc,IAAI;IACxBC,KAAA,EAAO;IACPC,gBAAA,EAAkB;EACpB;EAEA,OAAOF,OAAA;AACT","ignoreList":[]}
|
|
@@ -2,53 +2,56 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@tamagui/core";
|
|
3
3
|
import { SizableContext } from "@tamagui/sizable-context";
|
|
4
4
|
function needsFullStyleResolution(props) {
|
|
5
|
-
for (var key in props)
|
|
6
|
-
|
|
5
|
+
for (var key in props) {
|
|
6
|
+
if (key[0] === "$") return true;
|
|
7
|
+
}
|
|
8
|
+
return false;
|
|
7
9
|
}
|
|
8
10
|
function themed(Component) {
|
|
9
|
-
var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
return /* @__PURE__ */_jsx(Component, {
|
|
40
|
-
...finalProps
|
|
41
|
-
});
|
|
42
|
-
},
|
|
43
|
-
wrapped = function (propsIn) {
|
|
44
|
-
return /* @__PURE__ */_jsx(IconWrapper, {
|
|
45
|
-
...propsIn
|
|
46
|
-
});
|
|
11
|
+
var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
12
|
+
var opts = {
|
|
13
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
14
|
+
defaultStrokeWidth: 2,
|
|
15
|
+
fallbackColor: "#000",
|
|
16
|
+
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
17
|
+
...optsIn
|
|
18
|
+
};
|
|
19
|
+
var IconWrapper = function (propsIn) {
|
|
20
|
+
var styledContext = SizableContext.useStyledContext();
|
|
21
|
+
var needsMedia = needsFullStyleResolution(propsIn);
|
|
22
|
+
var [props, style, theme] = usePropsAndStyle(propsIn, {
|
|
23
|
+
...opts,
|
|
24
|
+
forComponent: Text,
|
|
25
|
+
resolveValues: opts.resolveValues,
|
|
26
|
+
noMedia: !needsMedia
|
|
27
|
+
});
|
|
28
|
+
var defaultColor = opts.defaultThemeColor;
|
|
29
|
+
var colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (!props.disableTheme ? theme.color : null) || opts.fallbackColor;
|
|
30
|
+
var color = getVariable(colorIn);
|
|
31
|
+
var size = typeof props.size === "string" ? getTokenValue(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size);
|
|
32
|
+
var _props_strokeWidth;
|
|
33
|
+
var strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : (_props_strokeWidth = props.strokeWidth) !== null && _props_strokeWidth !== void 0 ? _props_strokeWidth : `${opts.defaultStrokeWidth}`;
|
|
34
|
+
var finalProps = {
|
|
35
|
+
...props,
|
|
36
|
+
color,
|
|
37
|
+
size,
|
|
38
|
+
strokeWidth,
|
|
39
|
+
style
|
|
47
40
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
41
|
+
return /* @__PURE__ */_jsx(Component, {
|
|
42
|
+
...finalProps
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
var wrapped = function (propsIn) {
|
|
46
|
+
return /* @__PURE__ */_jsx(IconWrapper, {
|
|
47
|
+
...propsIn
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
wrapped["staticConfig"] = {
|
|
51
|
+
isHOC: true,
|
|
52
|
+
acceptsClassName: true
|
|
53
|
+
};
|
|
54
|
+
return wrapped;
|
|
52
55
|
}
|
|
53
56
|
export { SizableContext, themed };
|
|
54
57
|
//# sourceMappingURL=themed.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","needsFullStyleResolution","props","key","themed","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","_props_strokeWidth","strokeWidth","finalProps","wrapped","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","needsFullStyleResolution","props","key","themed","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","TAMAGUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","_props_strokeWidth","strokeWidth","finalProps","wrapped","isHOC","acceptsClassName"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA;AAAA,SACEC,aAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA;AAAA,SACAC,cAAA;AAAA,SACAC,yBAAAC,KAAA;EACA,SAAAC,GAAA,IAAAD,KAAA;IAAA,IAEKC,GAAA;EACP;EAuEW;AAvDX;AACE,SAAAC,MAAWA,CAAAC,SAAO,EAAO;EACvB,IAAAC,MAAQ,GAACC,SAAW,CAAAC,MAAO,QAAAD,SAAA,iBAAAA,SAAA;EAC7B,IAAAE,IAAA;IACAC,iBAAO,EAAAC,OAAA,CAAAC,GAAA,CAAAC,wBAAA;IACTC,kBAAA;IAEOC,aAAgB;IACrBC,aAAsB,EAAAL,OAAA,CAAAC,GAAA,CAAAK,0BAAA;IACpB,GAAAX;EAA2D;EACvC,IACpBY,WAAA,GAAe,SAAAA,CAAAC,OAAA;IACf,IAAAC,aAAgB,GAAApB,cAAY,CAAAqB,gBAAA;IAC5B,IAAGC,UAAA,GAAArB,wBAAA,CAAAkB,OAAA;IACL,KAAAjB,KAAA,EAAAqB,KAAA,EAAAC,KAAA,IAAAzB,gBAAA,CAAAoB,OAAA;MAEA,GAAMV,IAAA;MACJgB,YAAM,EAAA3B,IAAA;MACNkB,aAAM,EAAAP,IAAa,CAAAO,aAAA;MAEnBU,OAAO,GAAAJ;IAAiD,EACtD;IAAG,IACHK,YAAc,GAAAlB,IAAA,CAAAC,iBAAA;IAAA,IACdkB,OAAA,GAAAL,KAAe,CAAAM,KAAK,KAAAF,YAAA,GAAAH,KAAA,CAAAG,YAAA,iBAAAzB,KAAA,CAAA4B,YAAA,GAAAN,KAAA,CAAAK,KAAA,YAAApB,IAAA,CAAAM,aAAA;IAAA,IACpBc,KAAA,GAAUhC,WAAA,CAAA+B,OAAA;IACZ,IAACG,IAAA,UAAA7B,KAAA,CAAA6B,IAAA,gBAAAnC,aAAA,CAAAM,KAAA,CAAA6B,IAAA,YAAA7B,KAAA,CAAA6B,IAAA,KAAAX,aAAA,CAAAW,IAAA,wBAAAX,aAAA,CAAAW,IAAA;IAED,IAAAC,kBAAqB;IAErB,IAAAC,WAAM,GACJ,OAAM/B,KAAA,CAAA+B,WACL,KAAe,QAAM,GAAArC,aAA0B,CAAAM,KAAA,CAAA+B,WACxC,aAAAD,kBAA6B,GAAA9B,KACrC,CAAA+B,WAAK,cAAAD,kBAAA,cAAAA,kBAAA,MAAAvB,IAAA,CAAAK,kBAAA;IAEP,IAAAoB,UAAc;MAEd,GAAAhC,KAAM;MAKN2B,KAAM;MAKNE,IAAM;MACJE,WAAG;MACHV;IAAA;IACA,OACA,eAAA5B,IAAA,CAAAU,SAAA;MACA,GAAA6B;IACF;EAEA;EACF,IAAAC,OAAA,YAAAA,CAAAhB,OAAA;IAEA,OAAM,eAAWxB,IAAuB,CAAAuB,WAAA;MACtC,GAAAC;IACF;EAGA;EAA0BgB,OACxB,eAAO;IACPC,KAAA;IACFC,gBAAA;EAEA;EACF,OAAAF,OAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/helpers-icon",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.40",
|
|
4
4
|
"description": "Utilities for icon packages",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -18,15 +18,12 @@
|
|
|
18
18
|
"./package.json": "./package.json",
|
|
19
19
|
".": {
|
|
20
20
|
"types": "./types/index.d.ts",
|
|
21
|
-
"react-native":
|
|
22
|
-
|
|
23
|
-
"import": "./dist/esm/index.native.js",
|
|
24
|
-
"require": "./dist/cjs/index.native.js"
|
|
25
|
-
},
|
|
21
|
+
"react-native": "./dist/esm/index.native.js",
|
|
22
|
+
"browser": "./dist/esm/index.mjs",
|
|
26
23
|
"module": "./dist/esm/index.mjs",
|
|
27
24
|
"import": "./dist/esm/index.mjs",
|
|
28
25
|
"require": "./dist/cjs/index.cjs",
|
|
29
|
-
"default": "./dist/
|
|
26
|
+
"default": "./dist/esm/index.mjs"
|
|
30
27
|
}
|
|
31
28
|
},
|
|
32
29
|
"scripts": {
|
|
@@ -36,16 +33,17 @@
|
|
|
36
33
|
"clean:build": "tamagui-build clean:build"
|
|
37
34
|
},
|
|
38
35
|
"dependencies": {
|
|
39
|
-
"@tamagui/core": "2.0.0-rc.
|
|
40
|
-
"@tamagui/sizable-context": "2.0.0-rc.
|
|
36
|
+
"@tamagui/core": "2.0.0-rc.40",
|
|
37
|
+
"@tamagui/sizable-context": "2.0.0-rc.40"
|
|
41
38
|
},
|
|
42
39
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "2.0.0-rc.
|
|
40
|
+
"@tamagui/build": "2.0.0-rc.40",
|
|
44
41
|
"react": ">=19",
|
|
45
|
-
"react-native-svg": "15.
|
|
42
|
+
"react-native-svg": "15.15.3"
|
|
46
43
|
},
|
|
47
44
|
"peerDependencies": {
|
|
48
45
|
"react": ">=19",
|
|
49
46
|
"react-native-svg": ">=12"
|
|
50
|
-
}
|
|
47
|
+
},
|
|
48
|
+
"skipPublishIfUnchanged": false
|
|
51
49
|
}
|
package/dist/cjs/IconProps.js
DELETED
|
@@ -1,14 +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 __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
};
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var IconProps_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(IconProps_exports);
|
|
14
|
-
//# sourceMappingURL=IconProps.js.map
|
package/dist/cjs/index.js
DELETED
|
@@ -1,16 +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 __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var index_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(index_exports);
|
|
14
|
-
__reExport(index_exports, require("./IconProps"), module.exports);
|
|
15
|
-
__reExport(index_exports, require("./themed"), module.exports);
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
package/dist/cjs/themed.js
DELETED
|
@@ -1,54 +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 themed_exports = {};
|
|
16
|
-
__export(themed_exports, {
|
|
17
|
-
SizableContext: () => import_sizable_context.SizableContext,
|
|
18
|
-
themed: () => themed
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(themed_exports);
|
|
21
|
-
var import_core = require("@tamagui/core"), import_sizable_context = require("@tamagui/sizable-context"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
|
-
function needsFullStyleResolution(props) {
|
|
23
|
-
for (const key in props)
|
|
24
|
-
if (key[0] === "$") return !0;
|
|
25
|
-
return !1;
|
|
26
|
-
}
|
|
27
|
-
function themed(Component, optsIn = {}) {
|
|
28
|
-
const opts = {
|
|
29
|
-
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
30
|
-
defaultStrokeWidth: 2,
|
|
31
|
-
fallbackColor: "#000",
|
|
32
|
-
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
33
|
-
...optsIn
|
|
34
|
-
}, IconWrapper = (propsIn) => {
|
|
35
|
-
const styledContext = import_sizable_context.SizableContext.useStyledContext(), needsMedia = needsFullStyleResolution(propsIn), [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {
|
|
36
|
-
...opts,
|
|
37
|
-
forComponent: import_core.Text,
|
|
38
|
-
resolveValues: opts.resolveValues,
|
|
39
|
-
noMedia: !needsMedia
|
|
40
|
-
}), defaultColor = opts.defaultThemeColor, colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor, color = (0, import_core.getVariable)(colorIn), size = typeof props.size == "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size), strokeWidth = typeof props.strokeWidth == "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`, finalProps = {
|
|
41
|
-
...props,
|
|
42
|
-
color,
|
|
43
|
-
size,
|
|
44
|
-
strokeWidth,
|
|
45
|
-
style
|
|
46
|
-
};
|
|
47
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...finalProps });
|
|
48
|
-
}, wrapped = (propsIn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapper, { ...propsIn });
|
|
49
|
-
return wrapped.staticConfig = {
|
|
50
|
-
isHOC: !0,
|
|
51
|
-
acceptsClassName: !0
|
|
52
|
-
}, wrapped;
|
|
53
|
-
}
|
|
54
|
-
//# sourceMappingURL=themed.js.map
|
package/dist/cjs/themed.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/themed.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,0BACP,yBAA+B,qCAuEpB;AAvDX,SAAS,yBAAyB,OAA2B;AAC3D,aAAW,OAAO;AAChB,QAAI,IAAI,CAAC,MAAM,IAAK,QAAO;AAE7B,SAAO;AACT;AAEO,SAAS,OAAO,WAA0B,SAAkB,CAAC,GAAG;AACrE,QAAM,OAAgB;AAAA,IACpB,mBAAmB,QAAQ,IAAI,4BAA4B;AAAA,IAC3D,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,eAAgB,QAAQ,IAAI,8BAAsC;AAAA,IAClE,GAAG;AAAA,EACL,GAEM,cAAc,CAAC,YAAuB;AAC1C,UAAM,gBAAgB,sCAAe,iBAAiB,GAChD,aAAa,yBAAyB,OAAO,GAE7C,CAAC,OAAO,OAAO,KAAK,QAAI,8BAAiB,SAAS;AAAA,MACtD,GAAG;AAAA,MACH,cAAc;AAAA,MACd,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC,GAEK,eAAe,KAAK,mBAEpB,UACJ,MAAM,UACL,eAAe,MAAM,YAAsB,IAAI,YAC9C,MAAM,eAA6B,OAAd,MAAM,UAC7B,KAAK,eAED,YAAQ,yBAAY,OAAO,GAE3B,OACJ,OAAO,MAAM,QAAS,eAClB,2BAAc,MAAM,MAAa,MAAM,IACvC,MAAM,SAAS,cAAc,SAAS,UAAU,SAAY,cAAc,OAE1E,cACJ,OAAO,MAAM,eAAgB,eACzB,2BAAc,MAAM,aAAoB,MAAM,IAC7C,MAAM,eAAe,GAAG,KAAK,kBAAkB,IAEhD,aAAa;AAAA,MACjB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WAAO,4CAAC,aAAW,GAAG,YAAY;AAAA,EACpC,GAEM,UAAU,CAAC,YACR,4CAAC,eAAa,GAAG,SAAS;AAInC,iBAAQ,eAAkB;AAAA,IACxB,OAAO;AAAA,IACP,kBAAkB;AAAA,EACpB,GAEO;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/IconProps.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=IconProps.js.map
|
package/dist/esm/themed.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
getTokenValue,
|
|
3
|
-
getVariable,
|
|
4
|
-
Text,
|
|
5
|
-
usePropsAndStyle
|
|
6
|
-
} from "@tamagui/core";
|
|
7
|
-
import { SizableContext } from "@tamagui/sizable-context";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
function needsFullStyleResolution(props) {
|
|
10
|
-
for (const key in props)
|
|
11
|
-
if (key[0] === "$") return !0;
|
|
12
|
-
return !1;
|
|
13
|
-
}
|
|
14
|
-
function themed(Component, optsIn = {}) {
|
|
15
|
-
const opts = {
|
|
16
|
-
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
|
|
17
|
-
defaultStrokeWidth: 2,
|
|
18
|
-
fallbackColor: "#000",
|
|
19
|
-
resolveValues: process.env.TAMAGUI_ICON_COLOR_RESOLVE || "auto",
|
|
20
|
-
...optsIn
|
|
21
|
-
}, IconWrapper = (propsIn) => {
|
|
22
|
-
const styledContext = SizableContext.useStyledContext(), needsMedia = needsFullStyleResolution(propsIn), [props, style, theme] = usePropsAndStyle(propsIn, {
|
|
23
|
-
...opts,
|
|
24
|
-
forComponent: Text,
|
|
25
|
-
resolveValues: opts.resolveValues,
|
|
26
|
-
noMedia: !needsMedia
|
|
27
|
-
}), defaultColor = opts.defaultThemeColor, colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor, color = getVariable(colorIn), size = typeof props.size == "string" ? getTokenValue(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size), strokeWidth = typeof props.strokeWidth == "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`, finalProps = {
|
|
28
|
-
...props,
|
|
29
|
-
color,
|
|
30
|
-
size,
|
|
31
|
-
strokeWidth,
|
|
32
|
-
style
|
|
33
|
-
};
|
|
34
|
-
return /* @__PURE__ */ jsx(Component, { ...finalProps });
|
|
35
|
-
}, wrapped = (propsIn) => /* @__PURE__ */ jsx(IconWrapper, { ...propsIn });
|
|
36
|
-
return wrapped.staticConfig = {
|
|
37
|
-
isHOC: !0,
|
|
38
|
-
acceptsClassName: !0
|
|
39
|
-
}, wrapped;
|
|
40
|
-
}
|
|
41
|
-
export {
|
|
42
|
-
SizableContext,
|
|
43
|
-
themed
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=themed.js.map
|
package/dist/esm/themed.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/themed.tsx"],
|
|
4
|
-
"mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAuEpB;AAvDX,SAAS,yBAAyB,OAA2B;AAC3D,aAAW,OAAO;AAChB,QAAI,IAAI,CAAC,MAAM,IAAK,QAAO;AAE7B,SAAO;AACT;AAEO,SAAS,OAAO,WAA0B,SAAkB,CAAC,GAAG;AACrE,QAAM,OAAgB;AAAA,IACpB,mBAAmB,QAAQ,IAAI,4BAA4B;AAAA,IAC3D,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,eAAgB,QAAQ,IAAI,8BAAsC;AAAA,IAClE,GAAG;AAAA,EACL,GAEM,cAAc,CAAC,YAAuB;AAC1C,UAAM,gBAAgB,eAAe,iBAAiB,GAChD,aAAa,yBAAyB,OAAO,GAE7C,CAAC,OAAO,OAAO,KAAK,IAAI,iBAAiB,SAAS;AAAA,MACtD,GAAG;AAAA,MACH,cAAc;AAAA,MACd,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC,GAEK,eAAe,KAAK,mBAEpB,UACJ,MAAM,UACL,eAAe,MAAM,YAAsB,IAAI,YAC9C,MAAM,eAA6B,OAAd,MAAM,UAC7B,KAAK,eAED,QAAQ,YAAY,OAAO,GAE3B,OACJ,OAAO,MAAM,QAAS,WAClB,cAAc,MAAM,MAAa,MAAM,IACvC,MAAM,SAAS,cAAc,SAAS,UAAU,SAAY,cAAc,OAE1E,cACJ,OAAO,MAAM,eAAgB,WACzB,cAAc,MAAM,aAAoB,MAAM,IAC7C,MAAM,eAAe,GAAG,KAAK,kBAAkB,IAEhD,aAAa;AAAA,MACjB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WAAO,oBAAC,aAAW,GAAG,YAAY;AAAA,EACpC,GAEM,UAAU,CAAC,YACR,oBAAC,eAAa,GAAG,SAAS;AAInC,iBAAQ,eAAkB;AAAA,IACxB,OAAO;AAAA,IACP,kBAAkB;AAAA,EACpB,GAEO;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|