@hanzogui/helpers-icon 3.0.6 → 4.4.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.
- 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/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 +4 -4
- package/src/themed.tsx +1 -1
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("@hanzogui/core")
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
var import_core = require("@hanzogui/core");
|
|
30
|
+
var import_sizable_context = require("@hanzogui/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.GUI_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("@hanzogui/core");
|
|
33
|
+
var import_sizable_context = require("@hanzogui/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.GUI_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","
|
|
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","GUI_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,4BAA2B;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,sBAAA;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/themed.mjs
CHANGED
|
@@ -2,49 +2,54 @@ import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@hanzogui/co
|
|
|
2
2
|
import { SizableContext } from "@hanzogui/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.GUI_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","
|
|
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","GUI_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,sBAAA,IAAkC;IAC9D,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 "@hanzogui/core";
|
|
3
3
|
import { SizableContext } from "@hanzogui/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.GUI_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","
|
|
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","GUI_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,sBAAA;IACpB,GAAAX;EAA2D;EACvC,IACpBY,WAAA,GAAe,SAAAA,CAAAC,OAAA;IACf,IAAAC,aAAgB,GAAApB,cAAY,CAAAqB,gBAAA,EAAkC;IAC9D,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": "@hanzogui/helpers-icon",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.4.0",
|
|
4
4
|
"description": "Utilities for icon packages",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
"clean:build": "hanzo-gui-build clean:build"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@hanzogui/core": "
|
|
37
|
-
"@hanzogui/sizable-context": "
|
|
36
|
+
"@hanzogui/core": "4.4.0",
|
|
37
|
+
"@hanzogui/sizable-context": "4.4.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@hanzogui/build": "
|
|
40
|
+
"@hanzogui/build": "4.4.0",
|
|
41
41
|
"react": ">=19",
|
|
42
42
|
"react-native-svg": "15.15.3"
|
|
43
43
|
},
|
package/src/themed.tsx
CHANGED
|
@@ -33,7 +33,7 @@ export function themed(Component: FC<IconProps>, optsIn: Options = {}) {
|
|
|
33
33
|
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || '$color',
|
|
34
34
|
defaultStrokeWidth: 2,
|
|
35
35
|
fallbackColor: '#000',
|
|
36
|
-
resolveValues: (process.env.
|
|
36
|
+
resolveValues: (process.env.GUI_ICON_COLOR_RESOLVE as any) || 'auto',
|
|
37
37
|
...optsIn,
|
|
38
38
|
}
|
|
39
39
|
|