@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/PieChart/index.js
CHANGED
|
@@ -26,84 +26,90 @@ 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
|
-
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
29
|
+
var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
30
|
+
const PieChart = ({ 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: "M14.905 65.163c6.418 6.424 15.304 10.46 25.177 10.46v2.471c0 .494.412.906.905.906C61.804 78.506 78.507 61.786 79 40.947a.914.914 0 0 0-.905-.906h-2.468C75.627 20.356 59.665 4.377 40 4.377V1.906A.914.914 0 0 0 39.095 1c-10.038.247-19.17 4.283-26 10.79a.896.896 0 0 0 0 1.235l1.728 1.73c-6.418 6.425-10.45 15.32-10.45 25.204H1.905a.914.914 0 0 0-.905.906c.247 10.048 4.278 19.191 10.778 26.027.33.33.905.33 1.235 0l1.892-1.73Z",
|
|
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.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.51 6.51 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",
|
|
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.759 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.744 26.07c-.962-3.372 1.157-6.852 4.593-7.554l42.874-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.445 36.076a2.73 2.73 0 0 1-1.923 3.329Z",
|
|
54
|
+
fill: "#fff"
|
|
55
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
56
|
+
d: "M65.438 18.818 11.054 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.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.464 2.519 1.534v-.01Z",
|
|
60
|
+
fill: "#fff"
|
|
61
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
62
|
+
d: "M25.372 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.184-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.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.416 5.88a6.504 6.504 0 0 0-.216.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.759 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.744 26.07c-.962-3.372 1.157-6.852 4.593-7.554l42.874-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.445 36.076a2.73 2.73 0 0 1-1.923 3.329v0Z",
|
|
69
|
+
stroke: resolvedSecondaryColor,
|
|
70
|
+
strokeLinecap: "round",
|
|
71
|
+
strokeLinejoin: "round",
|
|
72
|
+
strokeWidth: ".7"
|
|
73
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
74
|
+
d: "m50.014 34.399 14.05 3.653c.703-2.194.81-4.56.173-6.895-1.891-6.982-9.716-11.262-17.778-9.684L50.002 34.4h.011Z",
|
|
75
|
+
fill: resolvedPrimaryColor,
|
|
76
|
+
stroke: resolvedSecondaryColor,
|
|
77
|
+
strokeLinecap: "round",
|
|
78
|
+
strokeLinejoin: "round",
|
|
79
|
+
strokeWidth: ".7"
|
|
80
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
81
|
+
d: "m46.459 21.478-2.367 3.156 3.556 12.926 2.367-3.156-3.556-12.926Z",
|
|
82
|
+
fill: resolvedSecondaryColor,
|
|
83
|
+
stroke: resolvedSecondaryColor,
|
|
84
|
+
strokeLinecap: "round",
|
|
85
|
+
strokeLinejoin: "round",
|
|
86
|
+
strokeWidth: ".7"
|
|
87
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
88
|
+
d: "m64.066 38.054-2.367 3.156-14.05-3.653 2.367-3.156 14.05 3.653ZM55.582 51.398c.237-.291.453-.583.67-.886l2.118-2.799L46 43.5l-4.447-5.308-2.107-7.663a17.044 17.044 0 0 0-6.139 2.994l-.497-.281-1.891 2.572c-.378.443-.714.919-1.027 1.394l-.065.087v.032c-1.913 2.994-2.605 6.571-1.621 10.116 2.064 7.414 10.646 11.553 18.967 9.305 3.502-.94 6.387-2.864 8.398-5.306l.021-.033-.01-.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: "M45.509 40.804 41.812 27.37c-8.192 2.107-13.282 9.608-11.25 16.903 2.032 7.295 10.645 11.553 18.967 9.305 5.144-1.383 8.981-4.885 10.624-9.046l-14.644-3.728Z",
|
|
96
|
+
fill: resolvedPrimaryColor,
|
|
97
|
+
stroke: resolvedSecondaryColor,
|
|
98
|
+
strokeLinecap: "round",
|
|
99
|
+
strokeLinejoin: "round",
|
|
100
|
+
strokeWidth: ".7"
|
|
101
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
102
|
+
d: "m46.654 26.846 3.953-5.757M47.7 33.051l7.589-11.05M51.31 35.526l7.84-11.419M54.92 38.001l7.392-10.767M64.386 31.949l-5.098 7.425",
|
|
103
|
+
stroke: resolvedSecondaryColor,
|
|
104
|
+
strokeMiterlimit: "10",
|
|
105
|
+
strokeWidth: ".7"
|
|
106
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
107
|
+
d: "M57.918 22.32c-3.469-1.643-7.9-1.996-11.715-1.283l-3.253 3.664",
|
|
108
|
+
stroke: "#fff",
|
|
109
|
+
strokeLinecap: "round",
|
|
110
|
+
strokeLinejoin: "round",
|
|
111
|
+
strokeWidth: ".7"
|
|
112
|
+
}));
|
|
113
|
+
};
|
|
108
114
|
PieChart.displayName = "PieChart";
|
|
109
115
|
var stdin_default = (0, import_core.createBaseComponent)(PieChart);
|
package/PieChart/index.mjs
CHANGED
|
@@ -1,85 +1,91 @@
|
|
|
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
|
-
}), /* @__PURE__ */ React.createElement("path", {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
4
|
+
import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
|
|
5
|
+
const PieChart = ({ 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: "M14.905 65.163c6.418 6.424 15.304 10.46 25.177 10.46v2.471c0 .494.412.906.905.906C61.804 78.506 78.507 61.786 79 40.947a.914.914 0 0 0-.905-.906h-2.468C75.627 20.356 59.665 4.377 40 4.377V1.906A.914.914 0 0 0 39.095 1c-10.038.247-19.17 4.283-26 10.79a.896.896 0 0 0 0 1.235l1.728 1.73c-6.418 6.425-10.45 15.32-10.45 25.204H1.905a.914.914 0 0 0-.905.906c.247 10.048 4.278 19.191 10.778 26.027.33.33.905.33 1.235 0l1.892-1.73Z",
|
|
19
|
+
fill: resolvedPrimaryColor
|
|
20
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
21
|
+
d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-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.51 6.51 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.759 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.744 26.07c-.962-3.372 1.157-6.852 4.593-7.554l42.874-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.445 36.076a2.73 2.73 0 0 1-1.923 3.329Z",
|
|
29
|
+
fill: "#fff"
|
|
30
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
31
|
+
d: "M65.438 18.818 11.054 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.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.427-2.367c1.092-.227 2.216.464 2.519 1.534v-.01Z",
|
|
35
|
+
fill: "#fff"
|
|
36
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
37
|
+
d: "M25.372 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.184-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.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.416 5.88a6.504 6.504 0 0 0-.216.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.759 53.554 24.087 66.555a2.734 2.734 0 0 1-3.35-1.891L9.744 26.07c-.962-3.372 1.157-6.852 4.593-7.554l42.874-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.445 36.076a2.73 2.73 0 0 1-1.923 3.329v0Z",
|
|
44
|
+
stroke: resolvedSecondaryColor,
|
|
45
|
+
strokeLinecap: "round",
|
|
46
|
+
strokeLinejoin: "round",
|
|
47
|
+
strokeWidth: ".7"
|
|
48
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
49
|
+
d: "m50.014 34.399 14.05 3.653c.703-2.194.81-4.56.173-6.895-1.891-6.982-9.716-11.262-17.778-9.684L50.002 34.4h.011Z",
|
|
50
|
+
fill: resolvedPrimaryColor,
|
|
51
|
+
stroke: resolvedSecondaryColor,
|
|
52
|
+
strokeLinecap: "round",
|
|
53
|
+
strokeLinejoin: "round",
|
|
54
|
+
strokeWidth: ".7"
|
|
55
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
56
|
+
d: "m46.459 21.478-2.367 3.156 3.556 12.926 2.367-3.156-3.556-12.926Z",
|
|
57
|
+
fill: resolvedSecondaryColor,
|
|
58
|
+
stroke: resolvedSecondaryColor,
|
|
59
|
+
strokeLinecap: "round",
|
|
60
|
+
strokeLinejoin: "round",
|
|
61
|
+
strokeWidth: ".7"
|
|
62
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
63
|
+
d: "m64.066 38.054-2.367 3.156-14.05-3.653 2.367-3.156 14.05 3.653ZM55.582 51.398c.237-.291.453-.583.67-.886l2.118-2.799L46 43.5l-4.447-5.308-2.107-7.663a17.044 17.044 0 0 0-6.139 2.994l-.497-.281-1.891 2.572c-.378.443-.714.919-1.027 1.394l-.065.087v.032c-1.913 2.994-2.605 6.571-1.621 10.116 2.064 7.414 10.646 11.553 18.967 9.305 3.502-.94 6.387-2.864 8.398-5.306l.021-.033-.01-.01Z",
|
|
64
|
+
fill: resolvedSecondaryColor,
|
|
65
|
+
stroke: resolvedSecondaryColor,
|
|
66
|
+
strokeLinecap: "round",
|
|
67
|
+
strokeLinejoin: "round",
|
|
68
|
+
strokeWidth: ".7"
|
|
69
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
70
|
+
d: "M45.509 40.804 41.812 27.37c-8.192 2.107-13.282 9.608-11.25 16.903 2.032 7.295 10.645 11.553 18.967 9.305 5.144-1.383 8.981-4.885 10.624-9.046l-14.644-3.728Z",
|
|
71
|
+
fill: resolvedPrimaryColor,
|
|
72
|
+
stroke: resolvedSecondaryColor,
|
|
73
|
+
strokeLinecap: "round",
|
|
74
|
+
strokeLinejoin: "round",
|
|
75
|
+
strokeWidth: ".7"
|
|
76
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
77
|
+
d: "m46.654 26.846 3.953-5.757M47.7 33.051l7.589-11.05M51.31 35.526l7.84-11.419M54.92 38.001l7.392-10.767M64.386 31.949l-5.098 7.425",
|
|
78
|
+
stroke: resolvedSecondaryColor,
|
|
79
|
+
strokeMiterlimit: "10",
|
|
80
|
+
strokeWidth: ".7"
|
|
81
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
82
|
+
d: "M57.918 22.32c-3.469-1.643-7.9-1.996-11.715-1.283l-3.253 3.664",
|
|
83
|
+
stroke: "#fff",
|
|
84
|
+
strokeLinecap: "round",
|
|
85
|
+
strokeLinejoin: "round",
|
|
86
|
+
strokeWidth: ".7"
|
|
87
|
+
}));
|
|
88
|
+
};
|
|
83
89
|
PieChart.displayName = "PieChart";
|
|
84
90
|
var stdin_default = createBaseComponent(PieChart);
|
|
85
91
|
export {
|
package/Processing/index.d.ts
CHANGED
|
@@ -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/Processing/index.js
CHANGED
|
@@ -26,64 +26,70 @@ 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
|
-
|
|
29
|
+
var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
30
|
+
const Processing = ({ 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: "M72.024 26.685a48.67 48.67 0 0 0-1.78-16.191 1.055 1.055 0 0 0-.738-.738 48.39 48.39 0 0 0-16.19-1.78l-4.2-4.2c-5.036-5.035-13.196-5.035-18.232 0l-4.2 4.2a48.397 48.397 0 0 0-16.19 1.79c-.358.098-.64.38-.738.739a48.39 48.39 0 0 0-1.78 16.19l-4.2 4.2c-5.035 5.036-5.035 13.196 0 18.231l4.2 4.2a48.575 48.575 0 0 0 1.78 16.18c.098.358.38.64.738.738a48.39 48.39 0 0 0 16.19 1.78l4.2 4.2c5.036 5.035 13.196 5.035 18.232 0l4.2-4.2a48.67 48.67 0 0 0 16.19-1.78c.358-.097.64-.38.738-.738a48.39 48.39 0 0 0 1.78-16.19l4.2-4.2c5.035-5.036 5.035-13.196 0-18.232l-4.2-4.2Z",
|
|
44
|
+
fill: resolvedPrimaryColor
|
|
45
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
46
|
+
d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
|
|
47
|
+
fill: resolvedPrimaryColor,
|
|
48
|
+
stroke: resolvedSecondaryColor,
|
|
49
|
+
strokeLinecap: "round",
|
|
50
|
+
strokeLinejoin: "round",
|
|
51
|
+
strokeWidth: ".7"
|
|
52
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
53
|
+
d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
|
|
54
|
+
fill: "#fff",
|
|
55
|
+
stroke: resolvedSecondaryColor,
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeLinejoin: "round",
|
|
58
|
+
strokeWidth: ".7"
|
|
59
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
60
|
+
d: "M65.682 18.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.146-.638 6.25 1.286 7.053 4.377l1.226 4.67.011-.011Z",
|
|
61
|
+
fill: resolvedSecondaryColor
|
|
62
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
63
|
+
d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.097.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.464 2.528 1.535v-.011Z",
|
|
64
|
+
fill: "#fff"
|
|
65
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
66
|
+
d: "M25.443 21.693c.293 1.06-.325 2.108-1.4 2.335-1.074.227-2.192-.454-2.485-1.524-.293-1.07.326-2.12 1.411-2.346 1.085-.227 2.181.465 2.474 1.524v.01Z",
|
|
67
|
+
fill: resolvedPrimaryColor
|
|
68
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
69
|
+
d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
|
|
70
|
+
fill: resolvedSecondaryColor
|
|
71
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
72
|
+
d: "M33.658 33.852a14.135 14.135 0 0 0-1.671 12.35c.217.672.488 1.324.814 1.953a13.22 13.22 0 0 0 1.291 2.073 14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.663-3.896 4.352-6.5 2.616-15.312-3.895-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
|
|
73
|
+
fill: "#fff"
|
|
74
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
75
|
+
d: "m52.693 39.159-7.26 2.582-3.31-8.28",
|
|
76
|
+
stroke: resolvedSecondaryColor,
|
|
77
|
+
strokeLinecap: "round",
|
|
78
|
+
strokeLinejoin: "round",
|
|
79
|
+
strokeWidth: "1.2"
|
|
80
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
81
|
+
d: "m40.528 51.92-6.447-2.463 2.301 6.272M31.738 44.65c-1.476-5.252.217-10.45 3.928-13.663",
|
|
82
|
+
stroke: resolvedSecondaryColor,
|
|
83
|
+
strokeLinecap: "round",
|
|
84
|
+
strokeLinejoin: "round",
|
|
85
|
+
strokeWidth: ".7"
|
|
86
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
87
|
+
d: "M36.48 30.336c1.476-1.085 3.223-1.877 5.176-2.29 7.564-1.584 15.388 3.256 17.483 10.798 2.094 7.531-2.312 14.943-9.854 16.56-5.806 1.248-11.774-1.291-15.203-5.958",
|
|
88
|
+
stroke: resolvedSecondaryColor,
|
|
89
|
+
strokeLinecap: "round",
|
|
90
|
+
strokeLinejoin: "round",
|
|
91
|
+
strokeWidth: ".7"
|
|
92
|
+
}));
|
|
93
|
+
};
|
|
88
94
|
Processing.displayName = "Processing";
|
|
89
95
|
var stdin_default = (0, import_core.createBaseComponent)(Processing);
|