@hanzogui/helpers-icon 8.3.0 → 8.3.2
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.js +3 -0
- package/dist/cjs/IconProps.js.map +1 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/themed.js +65 -0
- package/dist/cjs/themed.js.map +1 -0
- package/dist/esm/IconProps.js +2 -0
- package/dist/esm/IconProps.js.map +1 -0
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themed.js +61 -0
- package/dist/esm/themed.js.map +1 -0
- package/package.json +16 -16
- package/src/index.ts +2 -2
- package/src/themed.tsx +1 -1
- package/types/index.d.ts +2 -2
- package/types/index.d.ts.map +1 -1
- package/types/themed.d.ts +2 -2
- package/types/themed.d.ts.map +1 -1
- package/dist/cjs/IconProps.cjs +0 -18
- package/dist/cjs/IconProps.native.js +0 -21
- package/dist/cjs/IconProps.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -21
- package/dist/cjs/index.native.js +0 -24
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/themed.cjs +0 -81
- package/dist/cjs/themed.native.js +0 -86
- package/dist/cjs/themed.native.js.map +0 -1
- package/dist/esm/IconProps.mjs +0 -2
- package/dist/esm/IconProps.mjs.map +0 -1
- package/dist/esm/IconProps.native.js +0 -2
- package/dist/esm/IconProps.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -3
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -3
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/themed.mjs +0 -55
- package/dist/esm/themed.mjs.map +0 -1
- package/dist/esm/themed.native.js +0 -57
- package/dist/esm/themed.native.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/IconProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B;AAC9B,sDAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "type": "commonjs" }
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SizableContext = void 0;
|
|
4
|
+
exports.themed = themed;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const core_1 = require("@hanzogui/core");
|
|
7
|
+
const sizable_context_1 = require("@hanzogui/sizable-context");
|
|
8
|
+
Object.defineProperty(exports, "SizableContext", { enumerable: true, get: function () { return sizable_context_1.SizableContext; } });
|
|
9
|
+
// check if props contain media queries ($sm, $md, etc) or other complex hanzogui features
|
|
10
|
+
function needsFullStyleResolution(props) {
|
|
11
|
+
for (const key in props) {
|
|
12
|
+
if (key[0] === '$')
|
|
13
|
+
return true;
|
|
14
|
+
}
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
function themed(Component, optsIn = {}) {
|
|
18
|
+
const opts = {
|
|
19
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || '$color',
|
|
20
|
+
defaultStrokeWidth: 2,
|
|
21
|
+
fallbackColor: '#000',
|
|
22
|
+
resolveValues: process.env.GUI_ICON_COLOR_RESOLVE || 'auto',
|
|
23
|
+
...optsIn,
|
|
24
|
+
};
|
|
25
|
+
const IconWrapper = (propsIn) => {
|
|
26
|
+
const styledContext = sizable_context_1.SizableContext.useStyledContext();
|
|
27
|
+
const needsMedia = needsFullStyleResolution(propsIn);
|
|
28
|
+
const [props, style, theme] = (0, core_1.usePropsAndStyle)(propsIn, {
|
|
29
|
+
...opts,
|
|
30
|
+
forComponent: core_1.Text,
|
|
31
|
+
resolveValues: opts.resolveValues,
|
|
32
|
+
noMedia: !needsMedia,
|
|
33
|
+
});
|
|
34
|
+
const defaultColor = opts.defaultThemeColor;
|
|
35
|
+
const colorIn = style.color ||
|
|
36
|
+
(defaultColor ? theme[defaultColor] : undefined) ||
|
|
37
|
+
(!props.disableTheme ? theme.color : null) ||
|
|
38
|
+
opts.fallbackColor;
|
|
39
|
+
const color = (0, core_1.getVariable)(colorIn);
|
|
40
|
+
const size = typeof props.size === 'string'
|
|
41
|
+
? (0, core_1.getTokenValue)(props.size, 'size')
|
|
42
|
+
: props.size || (styledContext.size === '$true' ? undefined : styledContext.size);
|
|
43
|
+
const strokeWidth = typeof props.strokeWidth === 'string'
|
|
44
|
+
? (0, core_1.getTokenValue)(props.strokeWidth, 'size')
|
|
45
|
+
: (props.strokeWidth ?? `${opts.defaultStrokeWidth}`);
|
|
46
|
+
const finalProps = {
|
|
47
|
+
...props,
|
|
48
|
+
color,
|
|
49
|
+
size,
|
|
50
|
+
strokeWidth,
|
|
51
|
+
style: style,
|
|
52
|
+
};
|
|
53
|
+
return (0, jsx_runtime_1.jsx)(Component, { ...finalProps });
|
|
54
|
+
};
|
|
55
|
+
const wrapped = (propsIn) => {
|
|
56
|
+
return (0, jsx_runtime_1.jsx)(IconWrapper, { ...propsIn });
|
|
57
|
+
};
|
|
58
|
+
// add staticConfig so styled() works properly with themed icons
|
|
59
|
+
wrapped['staticConfig'] = {
|
|
60
|
+
isHOC: true,
|
|
61
|
+
acceptsClassName: true,
|
|
62
|
+
};
|
|
63
|
+
return wrapped;
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=themed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themed.js","sourceRoot":"","sources":["../../src/themed.tsx"],"names":[],"mappings":";;;;;AAAA,yCAMuB;AACvB,+DAA0D;+FAAjD,gCAAc;AAevB,0FAA0F;AAC1F,SAAS,wBAAwB,CAAC,KAAgB;IAChD,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG;YAAE,OAAO,IAAI,CAAA;IACjC,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,gBAAuB,SAAwB,EAAE,MAAM,GAAY,EAAE;IACnE,MAAM,IAAI,GAAY;QACpB,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,wBAAwB,IAAI,QAAQ;QACnE,kBAAkB,EAAE,CAAC;QACrB,aAAa,EAAE,MAAM;QACrB,aAAa,EAAG,OAAO,CAAC,GAAG,CAAC,sBAA8B,IAAI,MAAM;QACpE,GAAG,MAAM;KACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,OAAkB,EAAE,EAAE;QACzC,MAAM,aAAa,GAAG,gCAAc,CAAC,gBAAgB,EAAE,CAAA;QACvD,MAAM,UAAU,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAA;QAEpD,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,IAAA,uBAAgB,EAAC,OAAO,EAAE;YACtD,GAAG,IAAI;YACP,YAAY,EAAE,WAAI;YAClB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,CAAC,UAAU;SACrB,CAAC,CAAA;QAEF,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAA;QAE3C,MAAM,OAAO,GACX,KAAK,CAAC,KAAK;YACX,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAsB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1C,IAAI,CAAC,aAAa,CAAA;QAEpB,MAAM,KAAK,GAAG,IAAA,kBAAW,EAAC,OAAO,CAAC,CAAA;QAElC,MAAM,IAAI,GACR,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC5B,CAAC,CAAC,IAAA,oBAAa,EAAC,KAAK,CAAC,IAAW,EAAE,MAAM,CAAC;YAC1C,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;QAErF,MAAM,WAAW,GACf,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ;YACnC,CAAC,CAAC,IAAA,oBAAa,EAAC,KAAK,CAAC,WAAkB,EAAE,MAAM,CAAC;YACjD,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAA;QAEzD,MAAM,UAAU,GAAG;YACjB,GAAG,KAAK;YACR,KAAK;YACL,IAAI;YACJ,WAAW;YACX,KAAK,EAAE,KAAY;SACpB,CAAA;QAED,OAAO,uBAAC,SAAS,OAAK,UAAU,GAAI,CAAA;IACtC,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,OAAkB,EAAE,EAAE;QACrC,OAAO,uBAAC,WAAW,OAAK,OAAO,GAAI,CAAA;IACrC,CAAC,CAAA;IAED,gEAAgE;IAChE,OAAO,CAAC,cAAc,CAAC,GAAG;QACxB,KAAK,EAAE,IAAI;QACX,gBAAgB,EAAE,IAAI;KACvB,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/IconProps.ts"],"names":[],"mappings":""}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export * from './IconProps.js';
|
|
2
|
+
export * from './themed.js';
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAc,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getTokenValue, getVariable, Text, usePropsAndStyle, } from '@hanzogui/core';
|
|
3
|
+
import { SizableContext } from '@hanzogui/sizable-context';
|
|
4
|
+
export { SizableContext };
|
|
5
|
+
// check if props contain media queries ($sm, $md, etc) or other complex hanzogui features
|
|
6
|
+
function needsFullStyleResolution(props) {
|
|
7
|
+
for (const key in props) {
|
|
8
|
+
if (key[0] === '$')
|
|
9
|
+
return true;
|
|
10
|
+
}
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
export function themed(Component, optsIn = {}) {
|
|
14
|
+
const opts = {
|
|
15
|
+
defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || '$color',
|
|
16
|
+
defaultStrokeWidth: 2,
|
|
17
|
+
fallbackColor: '#000',
|
|
18
|
+
resolveValues: process.env.GUI_ICON_COLOR_RESOLVE || 'auto',
|
|
19
|
+
...optsIn,
|
|
20
|
+
};
|
|
21
|
+
const IconWrapper = (propsIn) => {
|
|
22
|
+
const styledContext = SizableContext.useStyledContext();
|
|
23
|
+
const needsMedia = needsFullStyleResolution(propsIn);
|
|
24
|
+
const [props, style, theme] = usePropsAndStyle(propsIn, {
|
|
25
|
+
...opts,
|
|
26
|
+
forComponent: Text,
|
|
27
|
+
resolveValues: opts.resolveValues,
|
|
28
|
+
noMedia: !needsMedia,
|
|
29
|
+
});
|
|
30
|
+
const defaultColor = opts.defaultThemeColor;
|
|
31
|
+
const colorIn = style.color ||
|
|
32
|
+
(defaultColor ? theme[defaultColor] : undefined) ||
|
|
33
|
+
(!props.disableTheme ? theme.color : null) ||
|
|
34
|
+
opts.fallbackColor;
|
|
35
|
+
const color = getVariable(colorIn);
|
|
36
|
+
const size = typeof props.size === 'string'
|
|
37
|
+
? getTokenValue(props.size, 'size')
|
|
38
|
+
: props.size || (styledContext.size === '$true' ? undefined : styledContext.size);
|
|
39
|
+
const strokeWidth = typeof props.strokeWidth === 'string'
|
|
40
|
+
? getTokenValue(props.strokeWidth, 'size')
|
|
41
|
+
: (props.strokeWidth ?? `${opts.defaultStrokeWidth}`);
|
|
42
|
+
const finalProps = {
|
|
43
|
+
...props,
|
|
44
|
+
color,
|
|
45
|
+
size,
|
|
46
|
+
strokeWidth,
|
|
47
|
+
style: style,
|
|
48
|
+
};
|
|
49
|
+
return _jsx(Component, { ...finalProps });
|
|
50
|
+
};
|
|
51
|
+
const wrapped = (propsIn) => {
|
|
52
|
+
return _jsx(IconWrapper, { ...propsIn });
|
|
53
|
+
};
|
|
54
|
+
// add staticConfig so styled() works properly with themed icons
|
|
55
|
+
wrapped['staticConfig'] = {
|
|
56
|
+
isHOC: true,
|
|
57
|
+
acceptsClassName: true,
|
|
58
|
+
};
|
|
59
|
+
return wrapped;
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=themed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themed.js","sourceRoot":"","sources":["../../src/themed.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/helpers-icon",
|
|
3
|
-
"version": "8.3.
|
|
3
|
+
"version": "8.3.2",
|
|
4
4
|
"description": "Utilities for icon packages",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -11,38 +11,38 @@
|
|
|
11
11
|
],
|
|
12
12
|
"type": "module",
|
|
13
13
|
"sideEffects": false,
|
|
14
|
-
"main": "dist/cjs",
|
|
15
|
-
"module": "dist/esm",
|
|
14
|
+
"main": "./dist/cjs/index.js",
|
|
15
|
+
"module": "./dist/esm/index.js",
|
|
16
16
|
"types": "./types/index.d.ts",
|
|
17
17
|
"exports": {
|
|
18
18
|
"./package.json": "./package.json",
|
|
19
19
|
".": {
|
|
20
20
|
"types": "./types/index.d.ts",
|
|
21
|
-
"react-native": "./dist/esm/index.
|
|
22
|
-
"browser": "./dist/esm/index.
|
|
23
|
-
"module": "./dist/esm/index.
|
|
24
|
-
"import": "./dist/esm/index.
|
|
25
|
-
"require": "./dist/cjs/index.
|
|
26
|
-
"default": "./dist/esm/index.
|
|
21
|
+
"react-native": "./dist/esm/index.js",
|
|
22
|
+
"browser": "./dist/esm/index.js",
|
|
23
|
+
"module": "./dist/esm/index.js",
|
|
24
|
+
"import": "./dist/esm/index.js",
|
|
25
|
+
"require": "./dist/cjs/index.js",
|
|
26
|
+
"default": "./dist/esm/index.js"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"scripts": {
|
|
30
|
-
"build": "hanzogui-build",
|
|
30
|
+
"build": "hanzogui-build --skip-native",
|
|
31
31
|
"watch": "hanzogui-build --watch",
|
|
32
32
|
"clean": "hanzogui-build clean",
|
|
33
33
|
"clean:build": "hanzogui-build clean:build"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@hanzogui/core": "8.3.
|
|
37
|
-
"@hanzogui/sizable-context": "8.3.
|
|
36
|
+
"@hanzogui/core": "8.3.2",
|
|
37
|
+
"@hanzogui/sizable-context": "8.3.2"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@hanzogui/build": "8.3.
|
|
41
|
-
"react": "
|
|
42
|
-
"react-native-svg": "15.15.
|
|
40
|
+
"@hanzogui/build": "8.3.2",
|
|
41
|
+
"react": "19.2.8",
|
|
42
|
+
"react-native-svg": "^15.15.5"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
|
-
"react": ">=19"
|
|
45
|
+
"react": ">=19.2.8"
|
|
46
46
|
},
|
|
47
47
|
"skipPublishIfUnchanged": false,
|
|
48
48
|
"repository": {
|
package/src/index.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './IconProps'
|
|
2
|
-
export * from './themed'
|
|
1
|
+
export * from './IconProps.ts'
|
|
2
|
+
export * from './themed.tsx'
|
package/src/themed.tsx
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './IconProps';
|
|
2
|
-
export * from './themed';
|
|
1
|
+
export * from './IconProps.ts';
|
|
2
|
+
export * from './themed.tsx';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}
|
package/types/themed.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ResolveVariableAs } from '@hanzogui/core';
|
|
2
2
|
import { SizableContext } from '@hanzogui/sizable-context';
|
|
3
3
|
import type { FC } from 'react';
|
|
4
|
-
import type { IconProps } from './IconProps';
|
|
4
|
+
import type { IconProps } from './IconProps.ts';
|
|
5
5
|
export { SizableContext };
|
|
6
6
|
type Options = {
|
|
7
7
|
noClass?: boolean;
|
|
@@ -11,7 +11,7 @@ type Options = {
|
|
|
11
11
|
resolveValues?: ResolveVariableAs;
|
|
12
12
|
};
|
|
13
13
|
export declare function themed(Component: FC<IconProps>, optsIn?: Options): {
|
|
14
|
-
(propsIn: IconProps): import("react
|
|
14
|
+
(propsIn: IconProps): import("react").JSX.Element;
|
|
15
15
|
staticConfig: {
|
|
16
16
|
isHOC: boolean;
|
|
17
17
|
acceptsClassName: boolean;
|
package/types/themed.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAUD,wBAAgB,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,GAAE,OAAY;cAmDzC,SAAS;;;;;EAWpC"}
|
package/dist/cjs/IconProps.cjs
DELETED
|
@@ -1,18 +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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
-
get: () => from[key],
|
|
9
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
}), mod);
|
|
17
|
-
var IconProps_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(IconProps_exports);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __copyProps = (to, from, except, desc) => {
|
|
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
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
17
|
-
value: true
|
|
18
|
-
}), mod);
|
|
19
|
-
var IconProps_exports = {};
|
|
20
|
-
module.exports = __toCommonJS(IconProps_exports);
|
|
21
|
-
//# sourceMappingURL=IconProps.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,21 +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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
-
get: () => from[key],
|
|
9
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value: true
|
|
17
|
-
}), mod);
|
|
18
|
-
var index_exports = {};
|
|
19
|
-
module.exports = __toCommonJS(index_exports);
|
|
20
|
-
__reExport(index_exports, require("./IconProps.cjs"), module.exports);
|
|
21
|
-
__reExport(index_exports, require("./themed.cjs"), module.exports);
|
package/dist/cjs/index.native.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __copyProps = (to, from, except, desc) => {
|
|
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
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
18
|
-
value: true
|
|
19
|
-
}), mod);
|
|
20
|
-
var index_exports = {};
|
|
21
|
-
module.exports = __toCommonJS(index_exports);
|
|
22
|
-
__reExport(index_exports, require("./IconProps.native.js"), module.exports);
|
|
23
|
-
__reExport(index_exports, require("./themed.native.js"), module.exports);
|
|
24
|
-
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,81 +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) __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, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var themed_exports = {};
|
|
24
|
-
__export(themed_exports, {
|
|
25
|
-
SizableContext: () => import_sizable_context.SizableContext,
|
|
26
|
-
themed: () => themed
|
|
27
|
-
});
|
|
28
|
-
module.exports = __toCommonJS(themed_exports);
|
|
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");
|
|
32
|
-
function needsFullStyleResolution(props) {
|
|
33
|
-
for (const key in props) {
|
|
34
|
-
if (key[0] === "$") return true;
|
|
35
|
-
}
|
|
36
|
-
return false;
|
|
37
|
-
}
|
|
38
|
-
function themed(Component, optsIn = {}) {
|
|
39
|
-
const opts = {
|
|
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, {
|
|
73
|
-
...propsIn
|
|
74
|
-
});
|
|
75
|
-
};
|
|
76
|
-
wrapped["staticConfig"] = {
|
|
77
|
-
isHOC: true,
|
|
78
|
-
acceptsClassName: true
|
|
79
|
-
};
|
|
80
|
-
return wrapped;
|
|
81
|
-
}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
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, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var themed_exports = {};
|
|
26
|
-
__export(themed_exports, {
|
|
27
|
-
SizableContext: () => import_sizable_context.SizableContext,
|
|
28
|
-
themed: () => themed
|
|
29
|
-
});
|
|
30
|
-
module.exports = __toCommonJS(themed_exports);
|
|
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");
|
|
34
|
-
function needsFullStyleResolution(props) {
|
|
35
|
-
for (var key in props) {
|
|
36
|
-
if (key[0] === "$") return true;
|
|
37
|
-
}
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
function themed(Component) {
|
|
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
|
|
70
|
-
};
|
|
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;
|
|
85
|
-
}
|
|
86
|
-
//# sourceMappingURL=themed.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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/IconProps.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
package/dist/esm/index.mjs
DELETED
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
package/dist/esm/index.native.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
package/dist/esm/themed.mjs
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@hanzogui/core";
|
|
2
|
-
import { SizableContext } from "@hanzogui/sizable-context";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
function needsFullStyleResolution(props) {
|
|
5
|
-
for (const key in props) {
|
|
6
|
-
if (key[0] === "$") return true;
|
|
7
|
-
}
|
|
8
|
-
return false;
|
|
9
|
-
}
|
|
10
|
-
function themed(Component, optsIn = {}) {
|
|
11
|
-
const opts = {
|
|
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, {
|
|
45
|
-
...propsIn
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
wrapped["staticConfig"] = {
|
|
49
|
-
isHOC: true,
|
|
50
|
-
acceptsClassName: true
|
|
51
|
-
};
|
|
52
|
-
return wrapped;
|
|
53
|
-
}
|
|
54
|
-
export { SizableContext, themed };
|
|
55
|
-
//# sourceMappingURL=themed.mjs.map
|
package/dist/esm/themed.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@hanzogui/core";
|
|
3
|
-
import { SizableContext } from "@hanzogui/sizable-context";
|
|
4
|
-
function needsFullStyleResolution(props) {
|
|
5
|
-
for (var key in props) {
|
|
6
|
-
if (key[0] === "$") return true;
|
|
7
|
-
}
|
|
8
|
-
return false;
|
|
9
|
-
}
|
|
10
|
-
function themed(Component) {
|
|
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
|
|
40
|
-
};
|
|
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;
|
|
55
|
-
}
|
|
56
|
-
export { SizableContext, themed };
|
|
57
|
-
//# sourceMappingURL=themed.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|