@hanzogui/helpers-icon 8.3.1 → 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 +22 -17
- 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,43 @@
|
|
|
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
|
-
"skipPublishIfUnchanged": false
|
|
47
|
+
"skipPublishIfUnchanged": false,
|
|
48
|
+
"repository": {
|
|
49
|
+
"type": "git",
|
|
50
|
+
"url": "git+https://github.com/hanzoai/gui.git",
|
|
51
|
+
"directory": "pkgs/core/helpers-icon"
|
|
52
|
+
}
|
|
48
53
|
}
|
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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toCommonJS","mod","value","IconProps_exports","module","exports"],"sources":["IconProps.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar IconProps_exports = {};\nmodule.exports = __toCommonJS(IconProps_exports);\n//# sourceMappingURL=IconProps.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIV,iBAAiB,CAACO,IAAI,CAAC,EACrC,IAAI,CAACL,YAAY,CAACS,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/Cb,SAAS,CAACW,EAAE,EAAEI,GAAG,EAAE;MAAEE,GAAG,EAAEA,CAAA,KAAML,IAAI,CAACG,GAAG,CAAC;MAAEG,UAAU,EAAE,EAAEJ,IAAI,GAAGX,gBAAgB,CAACS,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACI;IAAW,CAAC,CAAC;EACxH;EACA,OAAOP,EAAE;AACX,CAAC;AACD,IAAIQ,YAAY,GAAIC,GAAG,IAAKV,WAAW,CAACV,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEqB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,iBAAiB,GAAG,CAAC,CAAC;AAC1BC,MAAM,CAACC,OAAO,GAAGL,YAAY,CAACG,iBAAiB,CAAC","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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__reExport","target","mod","secondTarget","__toCommonJS","value","index_exports","module","exports","require"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./IconProps\"), module.exports);\n__reExport(index_exports, require(\"./themed\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIV,iBAAiB,CAACO,IAAI,CAAC,EACrC,IAAI,CAACL,YAAY,CAACS,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/Cb,SAAS,CAACW,EAAE,EAAEI,GAAG,EAAE;MAAEE,GAAG,EAAEA,CAAA,KAAML,IAAI,CAACG,GAAG,CAAC;MAAEG,UAAU,EAAE,EAAEJ,IAAI,GAAGX,gBAAgB,CAACS,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACI;IAAW,CAAC,CAAC;EACxH;EACA,OAAOP,EAAE;AACX,CAAC;AACD,IAAIQ,UAAU,GAAGA,CAACC,MAAM,EAAEC,GAAG,EAAEC,YAAY,MAAMZ,WAAW,CAACU,MAAM,EAAEC,GAAG,EAAE,SAAS,CAAC,EAAEC,YAAY,IAAIZ,WAAW,CAACY,YAAY,EAAED,GAAG,EAAE,SAAS,CAAC,CAAC;AAChJ,IAAIE,YAAY,GAAIF,GAAG,IAAKX,WAAW,CAACV,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEwB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;AAC1F,IAAII,aAAa,GAAG,CAAC,CAAC;AACtBC,MAAM,CAACC,OAAO,GAAGJ,YAAY,CAACE,aAAa,CAAC;AAC5CN,UAAU,CAACM,aAAa,EAAEG,OAAO,CAAC,uBAAa,CAAC,EAAEF,MAAM,CAACC,OAAO,CAAC;AACjER,UAAU,CAACM,aAAa,EAAEG,OAAO,CAAC,oBAAU,CAAC,EAAEF,MAAM,CAACC,OAAO,CAAC","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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","themed_exports","SizableContext","import_sizable_context","themed","module","exports","import_jsx_runtime","require","import_core","needsFullStyleResolution","props","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","isHOC","acceptsClassName"],"sources":["themed.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar themed_exports = {};\n__export(themed_exports, {\n SizableContext: () => import_sizable_context.SizableContext,\n themed: () => themed\n});\nmodule.exports = __toCommonJS(themed_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@hanzogui/core\");\nvar import_sizable_context = require(\"@hanzogui/sizable-context\");\nfunction needsFullStyleResolution(props) {\n for (var key in props) {\n if (key[0] === \"$\") return true;\n }\n return false;\n}\nfunction themed(Component) {\n var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n var opts = {\n defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || \"$color\",\n defaultStrokeWidth: 2,\n fallbackColor: \"#000\",\n resolveValues: process.env.GUI_ICON_COLOR_RESOLVE || \"auto\",\n ...optsIn\n };\n var IconWrapper = function(propsIn) {\n var styledContext = import_sizable_context.SizableContext.useStyledContext();\n var needsMedia = needsFullStyleResolution(propsIn);\n var [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {\n ...opts,\n forComponent: import_core.Text,\n resolveValues: opts.resolveValues,\n noMedia: !needsMedia\n });\n var defaultColor = opts.defaultThemeColor;\n var colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (!props.disableTheme ? theme.color : null) || opts.fallbackColor;\n var color = (0, import_core.getVariable)(colorIn);\n var size = typeof props.size === \"string\" ? (0, import_core.getTokenValue)(props.size, \"size\") : props.size || (styledContext.size === \"$true\" ? void 0 : styledContext.size);\n var _props_strokeWidth;\n 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}`;\n var finalProps = {\n ...props,\n color,\n size,\n strokeWidth,\n style\n };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {\n ...finalProps\n });\n };\n var wrapped = function(propsIn) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapper, {\n ...propsIn\n });\n };\n wrapped[\"staticConfig\"] = {\n isHOC: true,\n acceptsClassName: true\n };\n return wrapped;\n}\n//# sourceMappingURL=themed.js.map\n"],"mappings":"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","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":[]}
|