@semcore/illustration 2.29.0 → 2.30.0-prerelease.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/AccessDenied/index.d.ts +27 -3
- package/AccessDenied/index.js +211 -205
- package/AccessDenied/index.mjs +211 -205
- package/AccessLogIn/index.d.ts +27 -3
- package/AccessLogIn/index.js +313 -307
- package/AccessLogIn/index.mjs +313 -307
- package/AreaChart/index.d.ts +27 -3
- package/AreaChart/index.js +58 -52
- package/AreaChart/index.mjs +58 -52
- package/Blocked/index.d.ts +27 -3
- package/Blocked/index.js +462 -456
- package/Blocked/index.mjs +462 -456
- package/CHANGELOG.md +11 -1
- package/ChoroplethMapChart/index.d.ts +27 -3
- package/ChoroplethMapChart/index.js +80 -74
- package/ChoroplethMapChart/index.mjs +80 -74
- package/Coffee/index.d.ts +27 -3
- package/Coffee/index.js +65 -59
- package/Coffee/index.mjs +65 -59
- package/Collection/index.d.ts +27 -3
- package/Collection/index.js +59 -53
- package/Collection/index.mjs +59 -53
- package/CombinedChart/index.d.ts +27 -3
- package/CombinedChart/index.js +87 -81
- package/CombinedChart/index.mjs +87 -81
- package/Confirmation/index.d.ts +27 -3
- package/Confirmation/index.js +236 -230
- package/Confirmation/index.mjs +236 -230
- package/Congrats/index.d.ts +27 -3
- package/Congrats/index.js +116 -110
- package/Congrats/index.mjs +116 -110
- package/ConnectionLost/index.d.ts +27 -3
- package/ConnectionLost/index.js +268 -262
- package/ConnectionLost/index.mjs +268 -262
- package/DeletedAccount/index.d.ts +27 -3
- package/DeletedAccount/index.js +345 -339
- package/DeletedAccount/index.mjs +345 -339
- package/DeletedPage/index.d.ts +27 -3
- package/DeletedPage/index.js +50 -44
- package/DeletedPage/index.mjs +50 -44
- package/Dns/index.d.ts +27 -3
- package/Dns/index.js +149 -143
- package/Dns/index.mjs +149 -143
- package/DonutChart/index.d.ts +27 -3
- package/DonutChart/index.js +100 -94
- package/DonutChart/index.mjs +100 -94
- package/Duplicates/index.d.ts +27 -3
- package/Duplicates/index.js +77 -71
- package/Duplicates/index.mjs +77 -71
- package/Feedback/index.d.ts +27 -3
- package/Feedback/index.js +65 -59
- package/Feedback/index.mjs +65 -59
- package/FunnelChart/index.d.ts +27 -3
- package/FunnelChart/index.js +67 -61
- package/FunnelChart/index.mjs +67 -61
- package/Good/index.d.ts +27 -3
- package/Good/index.js +100 -94
- package/Good/index.mjs +100 -94
- package/HeatMapChart/index.d.ts +27 -3
- package/HeatMapChart/index.js +85 -79
- package/HeatMapChart/index.mjs +85 -79
- package/HorizontalBarChart/index.d.ts +27 -3
- package/HorizontalBarChart/index.js +71 -65
- package/HorizontalBarChart/index.mjs +71 -65
- package/KagiChart/index.d.ts +27 -3
- package/KagiChart/index.js +52 -46
- package/KagiChart/index.mjs +52 -46
- package/LineChart/index.d.ts +27 -3
- package/LineChart/index.js +55 -49
- package/LineChart/index.mjs +55 -49
- package/LollipopChart/index.d.ts +27 -3
- package/LollipopChart/index.js +72 -66
- package/LollipopChart/index.mjs +72 -66
- package/MailSent/index.d.ts +27 -3
- package/MailSent/index.js +111 -105
- package/MailSent/index.mjs +111 -105
- package/Maintenance/index.d.ts +27 -3
- package/Maintenance/index.js +332 -326
- package/Maintenance/index.mjs +332 -326
- package/Nexttime/index.d.ts +27 -3
- package/Nexttime/index.js +79 -73
- package/Nexttime/index.mjs +79 -73
- package/NoPayment/index.d.ts +27 -3
- package/NoPayment/index.js +273 -267
- package/NoPayment/index.mjs +273 -267
- package/NothingFound/index.d.ts +27 -3
- package/NothingFound/index.js +103 -97
- package/NothingFound/index.mjs +103 -97
- package/OtherData/index.d.ts +27 -3
- package/OtherData/index.js +86 -80
- package/OtherData/index.mjs +86 -80
- package/PageError/index.d.ts +27 -3
- package/PageError/index.js +193 -187
- package/PageError/index.mjs +193 -187
- package/PageNotFound/index.d.ts +27 -3
- package/PageNotFound/index.js +253 -247
- package/PageNotFound/index.mjs +253 -247
- package/PieChart/index.d.ts +27 -3
- package/PieChart/index.js +85 -79
- package/PieChart/index.mjs +85 -79
- package/Processing/index.d.ts +27 -3
- package/Processing/index.js +65 -59
- package/Processing/index.mjs +65 -59
- package/ProjectNotFound/index.d.ts +27 -3
- package/ProjectNotFound/index.js +216 -210
- package/ProjectNotFound/index.mjs +216 -210
- package/RadarChart/index.d.ts +27 -3
- package/RadarChart/index.js +64 -58
- package/RadarChart/index.mjs +64 -58
- package/RadialTreeChart/index.d.ts +27 -3
- package/RadialTreeChart/index.js +106 -100
- package/RadialTreeChart/index.mjs +106 -100
- package/SankeyChart/index.d.ts +27 -3
- package/SankeyChart/index.js +92 -86
- package/SankeyChart/index.mjs +92 -86
- package/ScatterPlotChart/index.d.ts +27 -3
- package/ScatterPlotChart/index.js +77 -71
- package/ScatterPlotChart/index.mjs +77 -71
- package/StackedAreaChart/index.d.ts +27 -3
- package/StackedAreaChart/index.js +79 -73
- package/StackedAreaChart/index.mjs +79 -73
- package/Suggestion/index.d.ts +27 -3
- package/Suggestion/index.js +63 -57
- package/Suggestion/index.mjs +63 -57
- package/Suggestions/index.d.ts +27 -3
- package/Suggestions/index.js +66 -60
- package/Suggestions/index.mjs +66 -60
- package/Table/index.d.ts +27 -3
- package/Table/index.js +50 -44
- package/Table/index.mjs +50 -44
- package/TagCloud/index.d.ts +27 -3
- package/TagCloud/index.js +77 -71
- package/TagCloud/index.mjs +77 -71
- package/TextLinksEtc/index.d.ts +27 -3
- package/TextLinksEtc/index.js +53 -47
- package/TextLinksEtc/index.mjs +53 -47
- package/Timeout/index.d.ts +27 -3
- package/Timeout/index.js +350 -344
- package/Timeout/index.mjs +350 -344
- package/UnderConstruction/index.d.ts +27 -3
- package/UnderConstruction/index.js +112 -106
- package/UnderConstruction/index.mjs +112 -106
- package/VennChart/index.d.ts +27 -3
- package/VennChart/index.js +78 -72
- package/VennChart/index.mjs +78 -72
- package/VerticalBarChart/index.d.ts +27 -3
- package/VerticalBarChart/index.js +72 -66
- package/VerticalBarChart/index.mjs +72 -66
- package/Waiting/index.d.ts +27 -3
- package/Waiting/index.js +65 -59
- package/Waiting/index.mjs +65 -59
- package/Warning/index.d.ts +27 -3
- package/Warning/index.js +60 -54
- package/Warning/index.mjs +60 -54
- package/lib/cjs/index.js +1 -1
- package/lib/es6/index.js +1 -1
- package/package.json +4 -3
- package/transform.ts +108 -16
package/RadarChart/index.mjs
CHANGED
|
@@ -1,64 +1,70 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { createBaseComponent } from "@semcore/core";
|
|
3
3
|
import { Box } from "@semcore/flex-box";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
})
|
|
4
|
+
import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
|
|
5
|
+
const RadarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
|
|
6
|
+
const colorResolver = useColorResolver();
|
|
7
|
+
const resolvedPrimaryColor = colorResolver(primaryColor);
|
|
8
|
+
const resolvedSecondaryColor = colorResolver(secondaryColor);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(Box, {
|
|
10
|
+
ref,
|
|
11
|
+
width,
|
|
12
|
+
height,
|
|
13
|
+
viewBox,
|
|
14
|
+
fill,
|
|
15
|
+
tag: "svg",
|
|
16
|
+
...props
|
|
17
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
18
|
+
d: "M40.041 1.906v2.471c-19.685 0-35.664 15.979-35.664 35.664h-2.47a.914.914 0 0 0-.907.906C1.494 61.786 18.214 78.506 39.053 79a.914.914 0 0 0 .906-.906v-2.471c19.685 0 35.664-15.979 35.664-35.664h2.471a.914.914 0 0 0 .906-.906C78.506 18.214 61.786 1.494 40.947 1a.914.914 0 0 0-.906.906Z",
|
|
19
|
+
fill: resolvedPrimaryColor
|
|
20
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
21
|
+
d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
|
|
22
|
+
fill: resolvedPrimaryColor,
|
|
23
|
+
stroke: resolvedSecondaryColor,
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeLinejoin: "round",
|
|
26
|
+
strokeWidth: ".7"
|
|
27
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
28
|
+
d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
|
|
29
|
+
fill: "#fff"
|
|
30
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
31
|
+
d: "M65.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.135-.638 6.226 1.286 7.025 4.377l1.221 4.669Z",
|
|
32
|
+
fill: resolvedSecondaryColor
|
|
33
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
34
|
+
d: "M18.394 23.427a1.873 1.873 0 0 1-1.416 2.367c-1.08.238-2.226-.454-2.529-1.524a1.868 1.868 0 0 1 1.427-2.366c1.091-.227 2.215.464 2.518 1.534v-.01Z",
|
|
35
|
+
fill: "#fff"
|
|
36
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
37
|
+
d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
|
|
38
|
+
fill: resolvedPrimaryColor
|
|
39
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
40
|
+
d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.415 5.879a6.51 6.51 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.458-5.966v.01Z",
|
|
41
|
+
fill: resolvedSecondaryColor
|
|
42
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
43
|
+
d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
|
|
44
|
+
stroke: resolvedSecondaryColor,
|
|
45
|
+
strokeLinecap: "round",
|
|
46
|
+
strokeLinejoin: "round",
|
|
47
|
+
strokeWidth: ".7"
|
|
48
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
49
|
+
d: "M40.797 31.456c.227.832-.368 1.697-1.319 1.924-.95.227-1.924-.27-2.15-1.113-.228-.843.367-1.708 1.329-1.924.962-.216 1.913.281 2.14 1.113ZM29.297 48.117c.227.843-.368 1.718-1.351 1.956-.984.238-1.967-.248-2.205-1.092-.238-.843.378-1.729 1.351-1.967.973-.237 1.956.26 2.194 1.103h.01ZM44.353 51.264c.227.832-.367 1.707-1.318 1.956-.962.248-1.934-.227-2.161-1.07-.227-.843.367-1.719 1.329-1.956.962-.238 1.924.237 2.15 1.07ZM62.878 46.53c.216.822-.356 1.676-1.286 1.924-.93.249-1.87-.227-2.086-1.048-.216-.822.357-1.686 1.286-1.924.93-.238 1.86.238 2.086 1.06v-.011ZM54.716 36.829c.216.821-.357 1.675-1.286 1.913-.93.238-1.87-.249-2.097-1.08-.227-.833.357-1.687 1.297-1.914.94-.227 1.87.26 2.086 1.08Z",
|
|
50
|
+
fill: resolvedSecondaryColor,
|
|
51
|
+
stroke: resolvedSecondaryColor,
|
|
52
|
+
strokeLinecap: "round",
|
|
53
|
+
strokeLinejoin: "round",
|
|
54
|
+
strokeWidth: ".7"
|
|
55
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
56
|
+
d: "M38.981 31.853 27.525 48.551l15.077 3.155 18.589-4.452-8.16-10.008-14.05-5.393Z",
|
|
57
|
+
stroke: resolvedSecondaryColor,
|
|
58
|
+
strokeLinecap: "round",
|
|
59
|
+
strokeLinejoin: "round",
|
|
60
|
+
strokeWidth: ".7"
|
|
61
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
62
|
+
d: "m43 33.5-11 16M47.5 35 37 50.5M51.5 36.5 41 51.5M55 39.5l-8 11M57.5 43l-4 6",
|
|
63
|
+
stroke: resolvedSecondaryColor,
|
|
64
|
+
strokeMiterlimit: "10",
|
|
65
|
+
strokeWidth: ".7"
|
|
66
|
+
}));
|
|
67
|
+
};
|
|
62
68
|
RadarChart.displayName = "RadarChart";
|
|
63
69
|
var stdin_default = createBaseComponent(RadarChart);
|
|
64
70
|
export {
|
|
@@ -1,4 +1,28 @@
|
|
|
1
1
|
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { BoxProps } from '@semcore/flex-box';
|
|
3
|
+
import { Intergalactic } from '@semcore/core';
|
|
4
|
+
|
|
5
|
+
type IllustrationProps = BoxProps & {
|
|
6
|
+
/**
|
|
7
|
+
* Main color of the illustration
|
|
8
|
+
**/
|
|
9
|
+
primaryColor?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Secondary color of the illustration
|
|
12
|
+
**/
|
|
13
|
+
secondaryColor?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Changes background fill of the illustration
|
|
16
|
+
**/
|
|
17
|
+
fill?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Width of the illustration
|
|
20
|
+
**/
|
|
21
|
+
width?: string | number;
|
|
22
|
+
/**
|
|
23
|
+
* Height of the illustration
|
|
24
|
+
**/
|
|
25
|
+
height?: string | number;
|
|
26
|
+
}
|
|
27
|
+
declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
|
|
28
|
+
export default Illustration;
|
package/RadialTreeChart/index.js
CHANGED
|
@@ -26,105 +26,111 @@ module.exports = __toCommonJS(stdin_exports);
|
|
|
26
26
|
var import_react = __toESM(require("react"));
|
|
27
27
|
var import_core = require("@semcore/core");
|
|
28
28
|
var import_flex_box = require("@semcore/flex-box");
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
})
|
|
29
|
+
var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
30
|
+
const RadialTreeChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
|
|
31
|
+
const colorResolver = (0, import_useColorResolver.useColorResolver)();
|
|
32
|
+
const resolvedPrimaryColor = colorResolver(primaryColor);
|
|
33
|
+
const resolvedSecondaryColor = colorResolver(secondaryColor);
|
|
34
|
+
return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
|
|
35
|
+
ref,
|
|
36
|
+
width,
|
|
37
|
+
height,
|
|
38
|
+
viewBox,
|
|
39
|
+
fill,
|
|
40
|
+
tag: "svg",
|
|
41
|
+
...props
|
|
42
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
43
|
+
d: "M53.12 11.425H28.052a1.01 1.01 0 0 0-.992 1.008v6.416H1.992A1.01 1.01 0 0 0 1 19.858v15.399c0 21.816 17.043 39.965 38.504 40.24C61.326 75.772 79 57.897 79 35.807V5.008C79 4.458 78.55 4 78.008 4H53.932a1.01 1.01 0 0 0-.992 1.008v6.417h.18Z",
|
|
44
|
+
fill: resolvedPrimaryColor
|
|
45
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
46
|
+
d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.587 8.073-1.395-3.123-3.415 5.88a6.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342c.27-.076.52-.206.746-.346l.054-.032.011-.011Z",
|
|
47
|
+
fill: resolvedPrimaryColor,
|
|
48
|
+
stroke: resolvedSecondaryColor,
|
|
49
|
+
strokeLinecap: "round",
|
|
50
|
+
strokeLinejoin: "round",
|
|
51
|
+
strokeWidth: ".7"
|
|
52
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
53
|
+
d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
|
|
54
|
+
fill: "#fff"
|
|
55
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
56
|
+
d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
|
|
57
|
+
fill: resolvedSecondaryColor
|
|
58
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
59
|
+
d: "M18.39 23.419a1.873 1.873 0 0 1-1.415 2.366c-1.092.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
|
|
60
|
+
fill: "#fff"
|
|
61
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
62
|
+
d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.291-1.07.325-2.118 1.405-2.345 1.081-.227 2.173.464 2.464 1.523v.011Z",
|
|
63
|
+
fill: resolvedPrimaryColor
|
|
64
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
65
|
+
d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.504 6.504 0 0 0-.217.367v.021a5.637 5.637 0 0 0-.454 4.248l1.395 4.906 3.458-5.965v.01Z",
|
|
66
|
+
fill: resolvedSecondaryColor
|
|
67
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
68
|
+
d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
|
|
69
|
+
stroke: resolvedSecondaryColor,
|
|
70
|
+
strokeLinecap: "round",
|
|
71
|
+
strokeLinejoin: "round",
|
|
72
|
+
strokeWidth: ".7"
|
|
73
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
74
|
+
d: "m26.952 39.668-7.284 1.73a.79.79 0 0 1-.94-.552l-.94-3.361a.789.789 0 0 1 .583-.983l7.317-1.687a.793.793 0 0 1 .94.563l.919 3.307a.795.795 0 0 1-.573.983h-.022Z",
|
|
75
|
+
fill: resolvedSecondaryColor,
|
|
76
|
+
stroke: resolvedSecondaryColor,
|
|
77
|
+
strokeLinecap: "round",
|
|
78
|
+
strokeLinejoin: "round",
|
|
79
|
+
strokeWidth: ".7"
|
|
80
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
81
|
+
d: "m45.194 30.874-7.285 1.729a.79.79 0 0 1-.94-.551l-.94-3.361a.789.789 0 0 1 .583-.984l7.317-1.686a.793.793 0 0 1 .94.562l.919 3.307a.795.795 0 0 1-.573.984h-.021ZM31.847 57.216l-7.176 1.902a.786.786 0 0 1-.962-.55l-.93-3.297a.782.782 0 0 1 .562-.973l7.21-1.848a.795.795 0 0 1 .96.551l.909 3.253a.782.782 0 0 1-.562.973l-.011-.01Z",
|
|
82
|
+
fill: resolvedPrimaryColor,
|
|
83
|
+
stroke: resolvedSecondaryColor,
|
|
84
|
+
strokeLinecap: "round",
|
|
85
|
+
strokeLinejoin: "round",
|
|
86
|
+
strokeWidth: ".7"
|
|
87
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
88
|
+
d: "m63.742 30.93-6.377 1.512a.787.787 0 0 1-.94-.562l-.832-3.112a.786.786 0 0 1 .583-.973l6.398-1.47a.785.785 0 0 1 .94.573l.811 3.07a.799.799 0 0 1-.584.972v-.01Z",
|
|
89
|
+
fill: resolvedSecondaryColor,
|
|
90
|
+
stroke: resolvedSecondaryColor,
|
|
91
|
+
strokeLinecap: "round",
|
|
92
|
+
strokeLinejoin: "round",
|
|
93
|
+
strokeWidth: ".7"
|
|
94
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
95
|
+
d: "m68.16 47.618-6.29 1.664a.788.788 0 0 1-.962-.561l-.81-3.048a.804.804 0 0 1 .562-.973l6.311-1.621a.787.787 0 0 1 .962.562l.789 3.015a.788.788 0 0 1-.562.962Z",
|
|
96
|
+
fill: resolvedPrimaryColor,
|
|
97
|
+
stroke: resolvedSecondaryColor,
|
|
98
|
+
strokeLinecap: "round",
|
|
99
|
+
strokeLinejoin: "round",
|
|
100
|
+
strokeWidth: ".7"
|
|
101
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
102
|
+
d: "m53.088 55.564-6.29 1.665a.788.788 0 0 1-.962-.562l-.81-3.048a.804.804 0 0 1 .561-.973l6.312-1.62a.788.788 0 0 1 .962.561l.789 3.015a.788.788 0 0 1-.562.962Z",
|
|
103
|
+
fill: resolvedSecondaryColor,
|
|
104
|
+
stroke: resolvedSecondaryColor,
|
|
105
|
+
strokeLinecap: "round",
|
|
106
|
+
strokeLinejoin: "round",
|
|
107
|
+
strokeWidth: ".7"
|
|
108
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
109
|
+
d: "m29.016 39.445 6.755 1.578M32.419 51.695l5.058-4.486M55.58 33.127l-4.798 4.259M42.193 33l1.307 4M46.353 46 48 50.5M58.725 44.943l-6.312-1.492",
|
|
110
|
+
stroke: resolvedSecondaryColor,
|
|
111
|
+
strokeLinecap: "round",
|
|
112
|
+
strokeLinejoin: "round",
|
|
113
|
+
strokeWidth: ".7"
|
|
114
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
115
|
+
d: "m52.912 41.726-2.108-.519-.929-3.447a.794.794 0 0 0-.951-.562l-7.241 1.75-2.367-.583-.864-.346-1.546 2.313-.022.022a.812.812 0 0 0-.075.594l1.61 5.858c.119.41.54.659.951.55l11.478-2.895c.26-.065.372-.26.53-.487l1.534-2.248Z",
|
|
116
|
+
fill: resolvedPrimaryColor,
|
|
117
|
+
stroke: resolvedSecondaryColor,
|
|
118
|
+
strokeLinecap: "round",
|
|
119
|
+
strokeLinejoin: "round",
|
|
120
|
+
strokeWidth: ".7"
|
|
121
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
122
|
+
d: "M52.426 42.11 40.95 45.005a.778.778 0 0 1-.951-.551l-1.61-5.858a.78.78 0 0 1 .572-.973l11.532-2.788a.804.804 0 0 1 .95.562l1.546 5.739a.789.789 0 0 1-.572.972h.01Z",
|
|
123
|
+
fill: "#fff",
|
|
124
|
+
stroke: resolvedSecondaryColor,
|
|
125
|
+
strokeLinecap: "round",
|
|
126
|
+
strokeLinejoin: "round",
|
|
127
|
+
strokeWidth: ".7"
|
|
128
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
129
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
130
|
+
stroke: resolvedSecondaryColor,
|
|
131
|
+
strokeMiterlimit: "10",
|
|
132
|
+
strokeWidth: ".7"
|
|
133
|
+
}));
|
|
134
|
+
};
|
|
129
135
|
RadialTreeChart.displayName = "RadialTreeChart";
|
|
130
136
|
var stdin_default = (0, import_core.createBaseComponent)(RadialTreeChart);
|
|
@@ -1,106 +1,112 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { createBaseComponent } from "@semcore/core";
|
|
3
3
|
import { Box } from "@semcore/flex-box";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
})
|
|
4
|
+
import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
|
|
5
|
+
const RadialTreeChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
|
|
6
|
+
const colorResolver = useColorResolver();
|
|
7
|
+
const resolvedPrimaryColor = colorResolver(primaryColor);
|
|
8
|
+
const resolvedSecondaryColor = colorResolver(secondaryColor);
|
|
9
|
+
return /* @__PURE__ */ React.createElement(Box, {
|
|
10
|
+
ref,
|
|
11
|
+
width,
|
|
12
|
+
height,
|
|
13
|
+
viewBox,
|
|
14
|
+
fill,
|
|
15
|
+
tag: "svg",
|
|
16
|
+
...props
|
|
17
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
18
|
+
d: "M53.12 11.425H28.052a1.01 1.01 0 0 0-.992 1.008v6.416H1.992A1.01 1.01 0 0 0 1 19.858v15.399c0 21.816 17.043 39.965 38.504 40.24C61.326 75.772 79 57.897 79 35.807V5.008C79 4.458 78.55 4 78.008 4H53.932a1.01 1.01 0 0 0-.992 1.008v6.417h.18Z",
|
|
19
|
+
fill: resolvedPrimaryColor
|
|
20
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
21
|
+
d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.587 8.073-1.395-3.123-3.415 5.88a6.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342c.27-.076.52-.206.746-.346l.054-.032.011-.011Z",
|
|
22
|
+
fill: resolvedPrimaryColor,
|
|
23
|
+
stroke: resolvedSecondaryColor,
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeLinejoin: "round",
|
|
26
|
+
strokeWidth: ".7"
|
|
27
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
28
|
+
d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
|
|
29
|
+
fill: "#fff"
|
|
30
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
31
|
+
d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
|
|
32
|
+
fill: resolvedSecondaryColor
|
|
33
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
34
|
+
d: "M18.39 23.419a1.873 1.873 0 0 1-1.415 2.366c-1.092.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
|
|
35
|
+
fill: "#fff"
|
|
36
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
37
|
+
d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.291-1.07.325-2.118 1.405-2.345 1.081-.227 2.173.464 2.464 1.523v.011Z",
|
|
38
|
+
fill: resolvedPrimaryColor
|
|
39
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
40
|
+
d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.504 6.504 0 0 0-.217.367v.021a5.637 5.637 0 0 0-.454 4.248l1.395 4.906 3.458-5.965v.01Z",
|
|
41
|
+
fill: resolvedSecondaryColor
|
|
42
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
43
|
+
d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.746 26.07c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
|
|
44
|
+
stroke: resolvedSecondaryColor,
|
|
45
|
+
strokeLinecap: "round",
|
|
46
|
+
strokeLinejoin: "round",
|
|
47
|
+
strokeWidth: ".7"
|
|
48
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
49
|
+
d: "m26.952 39.668-7.284 1.73a.79.79 0 0 1-.94-.552l-.94-3.361a.789.789 0 0 1 .583-.983l7.317-1.687a.793.793 0 0 1 .94.563l.919 3.307a.795.795 0 0 1-.573.983h-.022Z",
|
|
50
|
+
fill: resolvedSecondaryColor,
|
|
51
|
+
stroke: resolvedSecondaryColor,
|
|
52
|
+
strokeLinecap: "round",
|
|
53
|
+
strokeLinejoin: "round",
|
|
54
|
+
strokeWidth: ".7"
|
|
55
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
56
|
+
d: "m45.194 30.874-7.285 1.729a.79.79 0 0 1-.94-.551l-.94-3.361a.789.789 0 0 1 .583-.984l7.317-1.686a.793.793 0 0 1 .94.562l.919 3.307a.795.795 0 0 1-.573.984h-.021ZM31.847 57.216l-7.176 1.902a.786.786 0 0 1-.962-.55l-.93-3.297a.782.782 0 0 1 .562-.973l7.21-1.848a.795.795 0 0 1 .96.551l.909 3.253a.782.782 0 0 1-.562.973l-.011-.01Z",
|
|
57
|
+
fill: resolvedPrimaryColor,
|
|
58
|
+
stroke: resolvedSecondaryColor,
|
|
59
|
+
strokeLinecap: "round",
|
|
60
|
+
strokeLinejoin: "round",
|
|
61
|
+
strokeWidth: ".7"
|
|
62
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
63
|
+
d: "m63.742 30.93-6.377 1.512a.787.787 0 0 1-.94-.562l-.832-3.112a.786.786 0 0 1 .583-.973l6.398-1.47a.785.785 0 0 1 .94.573l.811 3.07a.799.799 0 0 1-.584.972v-.01Z",
|
|
64
|
+
fill: resolvedSecondaryColor,
|
|
65
|
+
stroke: resolvedSecondaryColor,
|
|
66
|
+
strokeLinecap: "round",
|
|
67
|
+
strokeLinejoin: "round",
|
|
68
|
+
strokeWidth: ".7"
|
|
69
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
70
|
+
d: "m68.16 47.618-6.29 1.664a.788.788 0 0 1-.962-.561l-.81-3.048a.804.804 0 0 1 .562-.973l6.311-1.621a.787.787 0 0 1 .962.562l.789 3.015a.788.788 0 0 1-.562.962Z",
|
|
71
|
+
fill: resolvedPrimaryColor,
|
|
72
|
+
stroke: resolvedSecondaryColor,
|
|
73
|
+
strokeLinecap: "round",
|
|
74
|
+
strokeLinejoin: "round",
|
|
75
|
+
strokeWidth: ".7"
|
|
76
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
77
|
+
d: "m53.088 55.564-6.29 1.665a.788.788 0 0 1-.962-.562l-.81-3.048a.804.804 0 0 1 .561-.973l6.312-1.62a.788.788 0 0 1 .962.561l.789 3.015a.788.788 0 0 1-.562.962Z",
|
|
78
|
+
fill: resolvedSecondaryColor,
|
|
79
|
+
stroke: resolvedSecondaryColor,
|
|
80
|
+
strokeLinecap: "round",
|
|
81
|
+
strokeLinejoin: "round",
|
|
82
|
+
strokeWidth: ".7"
|
|
83
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
84
|
+
d: "m29.016 39.445 6.755 1.578M32.419 51.695l5.058-4.486M55.58 33.127l-4.798 4.259M42.193 33l1.307 4M46.353 46 48 50.5M58.725 44.943l-6.312-1.492",
|
|
85
|
+
stroke: resolvedSecondaryColor,
|
|
86
|
+
strokeLinecap: "round",
|
|
87
|
+
strokeLinejoin: "round",
|
|
88
|
+
strokeWidth: ".7"
|
|
89
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
90
|
+
d: "m52.912 41.726-2.108-.519-.929-3.447a.794.794 0 0 0-.951-.562l-7.241 1.75-2.367-.583-.864-.346-1.546 2.313-.022.022a.812.812 0 0 0-.075.594l1.61 5.858c.119.41.54.659.951.55l11.478-2.895c.26-.065.372-.26.53-.487l1.534-2.248Z",
|
|
91
|
+
fill: resolvedPrimaryColor,
|
|
92
|
+
stroke: resolvedSecondaryColor,
|
|
93
|
+
strokeLinecap: "round",
|
|
94
|
+
strokeLinejoin: "round",
|
|
95
|
+
strokeWidth: ".7"
|
|
96
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
97
|
+
d: "M52.426 42.11 40.95 45.005a.778.778 0 0 1-.951-.551l-1.61-5.858a.78.78 0 0 1 .572-.973l11.532-2.788a.804.804 0 0 1 .95.562l1.546 5.739a.789.789 0 0 1-.572.972h.01Z",
|
|
98
|
+
fill: "#fff",
|
|
99
|
+
stroke: resolvedSecondaryColor,
|
|
100
|
+
strokeLinecap: "round",
|
|
101
|
+
strokeLinejoin: "round",
|
|
102
|
+
strokeWidth: ".7"
|
|
103
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
104
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
105
|
+
stroke: resolvedSecondaryColor,
|
|
106
|
+
strokeMiterlimit: "10",
|
|
107
|
+
strokeWidth: ".7"
|
|
108
|
+
}));
|
|
109
|
+
};
|
|
104
110
|
RadialTreeChart.displayName = "RadialTreeChart";
|
|
105
111
|
var stdin_default = createBaseComponent(RadialTreeChart);
|
|
106
112
|
export {
|