@semcore/illustration 17.0.0 → 17.0.1-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 +28 -0
- package/AccessDenied/index.js +242 -0
- package/AccessDenied/index.mjs +220 -0
- package/AccessLogIn/index.d.ts +28 -0
- package/AccessLogIn/index.js +344 -0
- package/AccessLogIn/index.mjs +322 -0
- package/AreaChart/index.d.ts +28 -0
- package/AreaChart/index.js +89 -0
- package/AreaChart/index.mjs +67 -0
- package/Blocked/index.d.ts +28 -0
- package/Blocked/index.js +493 -0
- package/Blocked/index.mjs +471 -0
- package/CHANGELOG.md +3 -73
- package/ChoroplethMapChart/index.d.ts +28 -0
- package/ChoroplethMapChart/index.js +111 -0
- package/ChoroplethMapChart/index.mjs +89 -0
- package/Coffee/index.d.ts +28 -0
- package/Coffee/index.js +96 -0
- package/Coffee/index.mjs +74 -0
- package/Collection/index.d.ts +28 -0
- package/Collection/index.js +90 -0
- package/Collection/index.mjs +68 -0
- package/CombinedChart/index.d.ts +28 -0
- package/CombinedChart/index.js +118 -0
- package/CombinedChart/index.mjs +96 -0
- package/Configuration/index.d.ts +28 -0
- package/Configuration/index.js +197 -0
- package/Configuration/index.mjs +175 -0
- package/Confirmation/index.d.ts +28 -0
- package/Confirmation/index.js +267 -0
- package/Confirmation/index.mjs +245 -0
- package/Congrats/index.d.ts +28 -0
- package/Congrats/index.js +147 -0
- package/Congrats/index.mjs +125 -0
- package/ConnectionLost/index.d.ts +28 -0
- package/ConnectionLost/index.js +299 -0
- package/ConnectionLost/index.mjs +277 -0
- package/DeletedAccount/index.d.ts +28 -0
- package/DeletedAccount/index.js +376 -0
- package/DeletedAccount/index.mjs +354 -0
- package/DeletedPage/index.d.ts +28 -0
- package/DeletedPage/index.js +81 -0
- package/DeletedPage/index.mjs +59 -0
- package/Dns/index.d.ts +28 -0
- package/Dns/index.js +180 -0
- package/Dns/index.mjs +158 -0
- package/DonutChart/index.d.ts +28 -0
- package/DonutChart/index.js +131 -0
- package/DonutChart/index.mjs +109 -0
- package/Duplicates/index.d.ts +28 -0
- package/Duplicates/index.js +108 -0
- package/Duplicates/index.mjs +86 -0
- package/Feedback/index.d.ts +28 -0
- package/Feedback/index.js +96 -0
- package/Feedback/index.mjs +74 -0
- package/FunnelChart/index.d.ts +28 -0
- package/FunnelChart/index.js +98 -0
- package/FunnelChart/index.mjs +76 -0
- package/Good/index.d.ts +28 -0
- package/Good/index.js +131 -0
- package/Good/index.mjs +109 -0
- package/HeatMapChart/index.d.ts +28 -0
- package/HeatMapChart/index.js +116 -0
- package/HeatMapChart/index.mjs +94 -0
- package/HorizontalBarChart/index.d.ts +28 -0
- package/HorizontalBarChart/index.js +102 -0
- package/HorizontalBarChart/index.mjs +80 -0
- package/KagiChart/index.d.ts +28 -0
- package/KagiChart/index.js +83 -0
- package/KagiChart/index.mjs +61 -0
- package/LineChart/index.d.ts +28 -0
- package/LineChart/index.js +86 -0
- package/LineChart/index.mjs +64 -0
- package/LollipopChart/index.d.ts +28 -0
- package/LollipopChart/index.js +103 -0
- package/LollipopChart/index.mjs +81 -0
- package/MailSent/index.d.ts +28 -0
- package/MailSent/index.js +142 -0
- package/MailSent/index.mjs +120 -0
- package/Maintenance/index.d.ts +28 -0
- package/Maintenance/index.js +363 -0
- package/Maintenance/index.mjs +341 -0
- package/Nexttime/index.d.ts +28 -0
- package/Nexttime/index.js +110 -0
- package/Nexttime/index.mjs +88 -0
- package/NoPayment/index.d.ts +28 -0
- package/NoPayment/index.js +304 -0
- package/NoPayment/index.mjs +282 -0
- package/NothingFound/index.d.ts +28 -0
- package/NothingFound/index.js +134 -0
- package/NothingFound/index.mjs +112 -0
- package/OtherData/index.d.ts +28 -0
- package/OtherData/index.js +117 -0
- package/OtherData/index.mjs +95 -0
- package/PageError/index.d.ts +28 -0
- package/PageError/index.js +224 -0
- package/PageError/index.mjs +202 -0
- package/PageNotFound/index.d.ts +28 -0
- package/PageNotFound/index.js +284 -0
- package/PageNotFound/index.mjs +262 -0
- package/PieChart/index.d.ts +28 -0
- package/PieChart/index.js +116 -0
- package/PieChart/index.mjs +94 -0
- package/Processing/index.d.ts +28 -0
- package/Processing/index.js +96 -0
- package/Processing/index.mjs +74 -0
- package/ProjectNotFound/index.d.ts +28 -0
- package/ProjectNotFound/index.js +247 -0
- package/ProjectNotFound/index.mjs +225 -0
- package/README.md +32 -5
- package/RadarChart/index.d.ts +28 -0
- package/RadarChart/index.js +95 -0
- package/RadarChart/index.mjs +73 -0
- package/RadialTreeChart/index.d.ts +28 -0
- package/RadialTreeChart/index.js +137 -0
- package/RadialTreeChart/index.mjs +115 -0
- package/SankeyChart/index.d.ts +28 -0
- package/SankeyChart/index.js +123 -0
- package/SankeyChart/index.mjs +101 -0
- package/ScatterPlotChart/index.d.ts +28 -0
- package/ScatterPlotChart/index.js +108 -0
- package/ScatterPlotChart/index.mjs +86 -0
- package/StackedAreaChart/index.d.ts +28 -0
- package/StackedAreaChart/index.js +110 -0
- package/StackedAreaChart/index.mjs +88 -0
- package/Suggestion/index.d.ts +28 -0
- package/Suggestion/index.js +94 -0
- package/Suggestion/index.mjs +72 -0
- package/Suggestions/index.d.ts +28 -0
- package/Suggestions/index.js +97 -0
- package/Suggestions/index.mjs +75 -0
- package/Table/index.d.ts +28 -0
- package/Table/index.js +81 -0
- package/Table/index.mjs +59 -0
- package/TagCloud/index.d.ts +28 -0
- package/TagCloud/index.js +108 -0
- package/TagCloud/index.mjs +86 -0
- package/TextLinksEtc/index.d.ts +28 -0
- package/TextLinksEtc/index.js +84 -0
- package/TextLinksEtc/index.mjs +62 -0
- package/Timeout/index.d.ts +28 -0
- package/Timeout/index.js +381 -0
- package/Timeout/index.mjs +359 -0
- package/UnderConstruction/index.d.ts +28 -0
- package/UnderConstruction/index.js +143 -0
- package/UnderConstruction/index.mjs +121 -0
- package/VennChart/index.d.ts +28 -0
- package/VennChart/index.js +109 -0
- package/VennChart/index.mjs +87 -0
- package/VerticalBarChart/index.d.ts +28 -0
- package/VerticalBarChart/index.js +103 -0
- package/VerticalBarChart/index.mjs +81 -0
- package/Waiting/index.d.ts +28 -0
- package/Waiting/index.js +96 -0
- package/Waiting/index.mjs +74 -0
- package/Warning/index.d.ts +28 -0
- package/Warning/index.js +91 -0
- package/Warning/index.mjs +69 -0
- package/clear.ts +25 -0
- package/lib/AccessDenied/index.js +26 -207
- package/lib/AccessDenied/index.mjs +18 -206
- package/lib/AccessLogIn/index.js +26 -309
- package/lib/AccessLogIn/index.mjs +18 -308
- package/lib/AreaChart/index.js +32 -54
- package/lib/AreaChart/index.mjs +24 -53
- package/lib/Blocked/index.js +118 -458
- package/lib/Blocked/index.mjs +110 -457
- package/lib/ChoroplethMapChart/index.js +34 -76
- package/lib/ChoroplethMapChart/index.mjs +26 -75
- package/lib/Coffee/index.js +29 -61
- package/lib/Coffee/index.mjs +21 -60
- package/lib/Collection/index.js +31 -55
- package/lib/Collection/index.mjs +23 -54
- package/lib/CombinedChart/index.js +36 -83
- package/lib/CombinedChart/index.mjs +28 -82
- package/lib/Configuration/index.js +47 -162
- package/lib/Configuration/index.mjs +39 -161
- package/lib/Confirmation/index.js +28 -232
- package/lib/Confirmation/index.mjs +20 -231
- package/lib/Congrats/index.js +23 -112
- package/lib/Congrats/index.mjs +15 -111
- package/lib/ConnectionLost/index.js +31 -264
- package/lib/ConnectionLost/index.mjs +23 -263
- package/lib/DeletedAccount/index.js +47 -341
- package/lib/DeletedAccount/index.mjs +39 -340
- package/lib/DeletedPage/index.js +23 -46
- package/lib/DeletedPage/index.mjs +15 -45
- package/lib/Dns/index.js +27 -145
- package/lib/Dns/index.mjs +19 -144
- package/lib/DonutChart/index.js +37 -96
- package/lib/DonutChart/index.mjs +29 -95
- package/lib/Duplicates/index.js +34 -73
- package/lib/Duplicates/index.mjs +26 -72
- package/lib/Feedback/index.js +31 -61
- package/lib/Feedback/index.mjs +23 -60
- package/lib/FunnelChart/index.js +33 -63
- package/lib/FunnelChart/index.mjs +25 -62
- package/lib/Good/index.js +38 -96
- package/lib/Good/index.mjs +30 -95
- package/lib/HeatMapChart/index.js +35 -81
- package/lib/HeatMapChart/index.mjs +27 -80
- package/lib/HorizontalBarChart/index.js +33 -67
- package/lib/HorizontalBarChart/index.mjs +25 -66
- package/lib/KagiChart/index.js +30 -48
- package/lib/KagiChart/index.mjs +22 -47
- package/lib/LineChart/index.js +31 -51
- package/lib/LineChart/index.mjs +23 -50
- package/lib/LollipopChart/index.js +33 -68
- package/lib/LollipopChart/index.mjs +25 -67
- package/lib/MailSent/index.js +23 -107
- package/lib/MailSent/index.mjs +15 -106
- package/lib/Maintenance/index.js +27 -328
- package/lib/Maintenance/index.mjs +19 -327
- package/lib/Nexttime/index.js +35 -75
- package/lib/Nexttime/index.mjs +27 -74
- package/lib/NoPayment/index.js +23 -269
- package/lib/NoPayment/index.mjs +15 -268
- package/lib/NothingFound/index.js +37 -99
- package/lib/NothingFound/index.mjs +29 -98
- package/lib/OtherData/index.js +35 -82
- package/lib/OtherData/index.mjs +27 -81
- package/lib/PageError/index.js +60 -189
- package/lib/PageError/index.mjs +52 -188
- package/lib/PageNotFound/index.js +78 -249
- package/lib/PageNotFound/index.mjs +70 -248
- package/lib/PieChart/index.js +35 -81
- package/lib/PieChart/index.mjs +27 -80
- package/lib/Processing/index.js +32 -61
- package/lib/Processing/index.mjs +24 -60
- package/lib/ProjectNotFound/index.js +60 -212
- package/lib/ProjectNotFound/index.mjs +52 -211
- package/lib/RadarChart/index.js +32 -60
- package/lib/RadarChart/index.mjs +24 -59
- package/lib/RadialTreeChart/index.js +38 -102
- package/lib/RadialTreeChart/index.mjs +30 -101
- package/lib/SankeyChart/index.js +36 -88
- package/lib/SankeyChart/index.mjs +28 -87
- package/lib/ScatterPlotChart/index.js +34 -73
- package/lib/ScatterPlotChart/index.mjs +26 -72
- package/lib/StackedAreaChart/index.js +36 -75
- package/lib/StackedAreaChart/index.mjs +28 -74
- package/lib/Suggestion/index.js +32 -59
- package/lib/Suggestion/index.mjs +24 -58
- package/lib/Suggestions/index.js +32 -62
- package/lib/Suggestions/index.mjs +24 -61
- package/lib/Table/index.js +29 -46
- package/lib/Table/index.mjs +21 -45
- package/lib/TagCloud/index.js +34 -73
- package/lib/TagCloud/index.mjs +26 -72
- package/lib/TextLinksEtc/index.js +30 -49
- package/lib/TextLinksEtc/index.mjs +22 -48
- package/lib/Timeout/index.js +26 -346
- package/lib/Timeout/index.mjs +18 -345
- package/lib/UnderConstruction/index.js +40 -108
- package/lib/UnderConstruction/index.mjs +32 -107
- package/lib/VennChart/index.js +34 -74
- package/lib/VennChart/index.mjs +26 -73
- package/lib/VerticalBarChart/index.js +33 -68
- package/lib/VerticalBarChart/index.mjs +25 -67
- package/lib/Waiting/index.js +33 -61
- package/lib/Waiting/index.mjs +25 -60
- package/lib/Warning/index.js +31 -56
- package/lib/Warning/index.mjs +23 -55
- package/lib/cjs/index.js +8 -7
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/index.js +8 -6
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/index.mjs +8 -6
- package/package.json +173 -169
- package/transform.ts +20 -21
- package/types/svg-to-jsx.d.ts +1 -1
- package/vite.config.ts +0 -24
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { createBaseComponent } from "@semcore/core";
|
|
3
|
+
import { Box } from "@semcore/flex-box";
|
|
4
|
+
import { useColorResolver } from "@semcore/core/lib/utils/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
|
+
"aria-hidden": true,
|
|
17
|
+
...props
|
|
18
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
19
|
+
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",
|
|
20
|
+
fill: resolvedPrimaryColor
|
|
21
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
22
|
+
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",
|
|
23
|
+
fill: resolvedPrimaryColor,
|
|
24
|
+
stroke: resolvedSecondaryColor,
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
strokeWidth: ".7"
|
|
28
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
29
|
+
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",
|
|
30
|
+
fill: "#fff"
|
|
31
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
32
|
+
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",
|
|
33
|
+
fill: resolvedSecondaryColor
|
|
34
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
35
|
+
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",
|
|
36
|
+
fill: "#fff"
|
|
37
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
38
|
+
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",
|
|
39
|
+
fill: resolvedPrimaryColor
|
|
40
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
41
|
+
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",
|
|
42
|
+
fill: resolvedSecondaryColor
|
|
43
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
44
|
+
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",
|
|
45
|
+
stroke: resolvedSecondaryColor,
|
|
46
|
+
strokeLinecap: "round",
|
|
47
|
+
strokeLinejoin: "round",
|
|
48
|
+
strokeWidth: ".7"
|
|
49
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
50
|
+
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",
|
|
51
|
+
fill: resolvedSecondaryColor,
|
|
52
|
+
stroke: resolvedSecondaryColor,
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round",
|
|
55
|
+
strokeWidth: ".7"
|
|
56
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
57
|
+
d: "M38.981 31.853 27.525 48.551l15.077 3.155 18.589-4.452-8.16-10.008-14.05-5.393Z",
|
|
58
|
+
stroke: resolvedSecondaryColor,
|
|
59
|
+
strokeLinecap: "round",
|
|
60
|
+
strokeLinejoin: "round",
|
|
61
|
+
strokeWidth: ".7"
|
|
62
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
63
|
+
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",
|
|
64
|
+
stroke: resolvedSecondaryColor,
|
|
65
|
+
strokeMiterlimit: "10",
|
|
66
|
+
strokeWidth: ".7"
|
|
67
|
+
}));
|
|
68
|
+
};
|
|
69
|
+
RadarChart.displayName = "RadarChart";
|
|
70
|
+
var stdin_default = createBaseComponent(RadarChart);
|
|
71
|
+
export {
|
|
72
|
+
stdin_default as default
|
|
73
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
|
|
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;
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var stdin_exports = {};
|
|
22
|
+
__export(stdin_exports, {
|
|
23
|
+
default: () => stdin_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
26
|
+
var import_react = __toESM(require("react"));
|
|
27
|
+
var import_core = require("@semcore/core");
|
|
28
|
+
var import_flex_box = require("@semcore/flex-box");
|
|
29
|
+
var import_useColorResolver = require("@semcore/core/lib/utils/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
|
+
"aria-hidden": true,
|
|
42
|
+
...props
|
|
43
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
44
|
+
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",
|
|
45
|
+
fill: resolvedPrimaryColor
|
|
46
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
47
|
+
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",
|
|
48
|
+
fill: resolvedPrimaryColor,
|
|
49
|
+
stroke: resolvedSecondaryColor,
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeLinejoin: "round",
|
|
52
|
+
strokeWidth: ".7"
|
|
53
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
54
|
+
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",
|
|
55
|
+
fill: "#fff"
|
|
56
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
57
|
+
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",
|
|
58
|
+
fill: resolvedSecondaryColor
|
|
59
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
60
|
+
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",
|
|
61
|
+
fill: "#fff"
|
|
62
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
63
|
+
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",
|
|
64
|
+
fill: resolvedPrimaryColor
|
|
65
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
66
|
+
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",
|
|
67
|
+
fill: resolvedSecondaryColor
|
|
68
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
69
|
+
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",
|
|
70
|
+
stroke: resolvedSecondaryColor,
|
|
71
|
+
strokeLinecap: "round",
|
|
72
|
+
strokeLinejoin: "round",
|
|
73
|
+
strokeWidth: ".7"
|
|
74
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
75
|
+
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",
|
|
76
|
+
fill: resolvedSecondaryColor,
|
|
77
|
+
stroke: resolvedSecondaryColor,
|
|
78
|
+
strokeLinecap: "round",
|
|
79
|
+
strokeLinejoin: "round",
|
|
80
|
+
strokeWidth: ".7"
|
|
81
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
82
|
+
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",
|
|
83
|
+
fill: resolvedPrimaryColor,
|
|
84
|
+
stroke: resolvedSecondaryColor,
|
|
85
|
+
strokeLinecap: "round",
|
|
86
|
+
strokeLinejoin: "round",
|
|
87
|
+
strokeWidth: ".7"
|
|
88
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
89
|
+
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",
|
|
90
|
+
fill: resolvedSecondaryColor,
|
|
91
|
+
stroke: resolvedSecondaryColor,
|
|
92
|
+
strokeLinecap: "round",
|
|
93
|
+
strokeLinejoin: "round",
|
|
94
|
+
strokeWidth: ".7"
|
|
95
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
96
|
+
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",
|
|
97
|
+
fill: resolvedPrimaryColor,
|
|
98
|
+
stroke: resolvedSecondaryColor,
|
|
99
|
+
strokeLinecap: "round",
|
|
100
|
+
strokeLinejoin: "round",
|
|
101
|
+
strokeWidth: ".7"
|
|
102
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
103
|
+
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",
|
|
104
|
+
fill: resolvedSecondaryColor,
|
|
105
|
+
stroke: resolvedSecondaryColor,
|
|
106
|
+
strokeLinecap: "round",
|
|
107
|
+
strokeLinejoin: "round",
|
|
108
|
+
strokeWidth: ".7"
|
|
109
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
110
|
+
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",
|
|
111
|
+
stroke: resolvedSecondaryColor,
|
|
112
|
+
strokeLinecap: "round",
|
|
113
|
+
strokeLinejoin: "round",
|
|
114
|
+
strokeWidth: ".7"
|
|
115
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
116
|
+
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",
|
|
117
|
+
fill: resolvedPrimaryColor,
|
|
118
|
+
stroke: resolvedSecondaryColor,
|
|
119
|
+
strokeLinecap: "round",
|
|
120
|
+
strokeLinejoin: "round",
|
|
121
|
+
strokeWidth: ".7"
|
|
122
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
123
|
+
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",
|
|
124
|
+
fill: "#fff",
|
|
125
|
+
stroke: resolvedSecondaryColor,
|
|
126
|
+
strokeLinecap: "round",
|
|
127
|
+
strokeLinejoin: "round",
|
|
128
|
+
strokeWidth: ".7"
|
|
129
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
130
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
131
|
+
stroke: resolvedSecondaryColor,
|
|
132
|
+
strokeMiterlimit: "10",
|
|
133
|
+
strokeWidth: ".7"
|
|
134
|
+
}));
|
|
135
|
+
};
|
|
136
|
+
RadialTreeChart.displayName = "RadialTreeChart";
|
|
137
|
+
var stdin_default = (0, import_core.createBaseComponent)(RadialTreeChart);
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { createBaseComponent } from "@semcore/core";
|
|
3
|
+
import { Box } from "@semcore/flex-box";
|
|
4
|
+
import { useColorResolver } from "@semcore/core/lib/utils/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
|
+
"aria-hidden": true,
|
|
17
|
+
...props
|
|
18
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
19
|
+
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",
|
|
20
|
+
fill: resolvedPrimaryColor
|
|
21
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
22
|
+
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",
|
|
23
|
+
fill: resolvedPrimaryColor,
|
|
24
|
+
stroke: resolvedSecondaryColor,
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
strokeWidth: ".7"
|
|
28
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
29
|
+
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",
|
|
30
|
+
fill: "#fff"
|
|
31
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
32
|
+
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",
|
|
33
|
+
fill: resolvedSecondaryColor
|
|
34
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
35
|
+
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",
|
|
36
|
+
fill: "#fff"
|
|
37
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
38
|
+
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",
|
|
39
|
+
fill: resolvedPrimaryColor
|
|
40
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
41
|
+
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",
|
|
42
|
+
fill: resolvedSecondaryColor
|
|
43
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
44
|
+
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",
|
|
45
|
+
stroke: resolvedSecondaryColor,
|
|
46
|
+
strokeLinecap: "round",
|
|
47
|
+
strokeLinejoin: "round",
|
|
48
|
+
strokeWidth: ".7"
|
|
49
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
50
|
+
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",
|
|
51
|
+
fill: resolvedSecondaryColor,
|
|
52
|
+
stroke: resolvedSecondaryColor,
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round",
|
|
55
|
+
strokeWidth: ".7"
|
|
56
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
57
|
+
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",
|
|
58
|
+
fill: resolvedPrimaryColor,
|
|
59
|
+
stroke: resolvedSecondaryColor,
|
|
60
|
+
strokeLinecap: "round",
|
|
61
|
+
strokeLinejoin: "round",
|
|
62
|
+
strokeWidth: ".7"
|
|
63
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
64
|
+
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",
|
|
65
|
+
fill: resolvedSecondaryColor,
|
|
66
|
+
stroke: resolvedSecondaryColor,
|
|
67
|
+
strokeLinecap: "round",
|
|
68
|
+
strokeLinejoin: "round",
|
|
69
|
+
strokeWidth: ".7"
|
|
70
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
71
|
+
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",
|
|
72
|
+
fill: resolvedPrimaryColor,
|
|
73
|
+
stroke: resolvedSecondaryColor,
|
|
74
|
+
strokeLinecap: "round",
|
|
75
|
+
strokeLinejoin: "round",
|
|
76
|
+
strokeWidth: ".7"
|
|
77
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
78
|
+
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",
|
|
79
|
+
fill: resolvedSecondaryColor,
|
|
80
|
+
stroke: resolvedSecondaryColor,
|
|
81
|
+
strokeLinecap: "round",
|
|
82
|
+
strokeLinejoin: "round",
|
|
83
|
+
strokeWidth: ".7"
|
|
84
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
85
|
+
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",
|
|
86
|
+
stroke: resolvedSecondaryColor,
|
|
87
|
+
strokeLinecap: "round",
|
|
88
|
+
strokeLinejoin: "round",
|
|
89
|
+
strokeWidth: ".7"
|
|
90
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
91
|
+
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",
|
|
92
|
+
fill: resolvedPrimaryColor,
|
|
93
|
+
stroke: resolvedSecondaryColor,
|
|
94
|
+
strokeLinecap: "round",
|
|
95
|
+
strokeLinejoin: "round",
|
|
96
|
+
strokeWidth: ".7"
|
|
97
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
98
|
+
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",
|
|
99
|
+
fill: "#fff",
|
|
100
|
+
stroke: resolvedSecondaryColor,
|
|
101
|
+
strokeLinecap: "round",
|
|
102
|
+
strokeLinejoin: "round",
|
|
103
|
+
strokeWidth: ".7"
|
|
104
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
105
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
106
|
+
stroke: resolvedSecondaryColor,
|
|
107
|
+
strokeMiterlimit: "10",
|
|
108
|
+
strokeWidth: ".7"
|
|
109
|
+
}));
|
|
110
|
+
};
|
|
111
|
+
RadialTreeChart.displayName = "RadialTreeChart";
|
|
112
|
+
var stdin_default = createBaseComponent(RadialTreeChart);
|
|
113
|
+
export {
|
|
114
|
+
stdin_default as default
|
|
115
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
|
|
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;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var stdin_exports = {};
|
|
22
|
+
__export(stdin_exports, {
|
|
23
|
+
default: () => stdin_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(stdin_exports);
|
|
26
|
+
var import_react = __toESM(require("react"));
|
|
27
|
+
var import_core = require("@semcore/core");
|
|
28
|
+
var import_flex_box = require("@semcore/flex-box");
|
|
29
|
+
var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
30
|
+
const SankeyChart = ({ 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
|
+
"aria-hidden": true,
|
|
42
|
+
...props
|
|
43
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
44
|
+
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",
|
|
45
|
+
fill: resolvedPrimaryColor
|
|
46
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
47
|
+
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",
|
|
48
|
+
fill: resolvedPrimaryColor,
|
|
49
|
+
stroke: resolvedSecondaryColor,
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeLinejoin: "round",
|
|
52
|
+
strokeWidth: ".7"
|
|
53
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
54
|
+
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",
|
|
55
|
+
fill: "#fff"
|
|
56
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
57
|
+
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",
|
|
58
|
+
fill: resolvedSecondaryColor
|
|
59
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
60
|
+
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",
|
|
61
|
+
fill: "#fff"
|
|
62
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
63
|
+
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",
|
|
64
|
+
fill: resolvedPrimaryColor
|
|
65
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
66
|
+
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",
|
|
67
|
+
fill: resolvedSecondaryColor
|
|
68
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
69
|
+
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",
|
|
70
|
+
stroke: resolvedSecondaryColor,
|
|
71
|
+
strokeLinecap: "round",
|
|
72
|
+
strokeLinejoin: "round",
|
|
73
|
+
strokeWidth: ".7"
|
|
74
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
75
|
+
d: "m26.953 39.668-7.285 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-.021Z",
|
|
76
|
+
fill: resolvedPrimaryColor,
|
|
77
|
+
stroke: resolvedSecondaryColor,
|
|
78
|
+
strokeLinecap: "round",
|
|
79
|
+
strokeLinejoin: "round",
|
|
80
|
+
strokeWidth: ".7"
|
|
81
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
82
|
+
d: "m31.847 57.216-7.176 1.902a.786.786 0 0 1-.962-.55l-.93-3.297a.782.782 0 0 1 .563-.973l7.208-1.848a.795.795 0 0 1 .962.551l.908 3.253a.782.782 0 0 1-.562.973l-.01-.01ZM63.742 30.93l-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-.583.972v-.01Z",
|
|
83
|
+
fill: resolvedSecondaryColor,
|
|
84
|
+
stroke: resolvedSecondaryColor,
|
|
85
|
+
strokeLinecap: "round",
|
|
86
|
+
strokeLinejoin: "round",
|
|
87
|
+
strokeWidth: ".7"
|
|
88
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
89
|
+
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.79 3.015a.788.788 0 0 1-.563.962Z",
|
|
90
|
+
fill: resolvedPrimaryColor,
|
|
91
|
+
stroke: resolvedSecondaryColor,
|
|
92
|
+
strokeLinecap: "round",
|
|
93
|
+
strokeLinejoin: "round",
|
|
94
|
+
strokeWidth: ".7"
|
|
95
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
96
|
+
d: "m29.017 39.445 6.754 1.578M32.419 51.695l5.058-4.486M55.58 33.127l-4.798 4.258M58.725 44.942l-6.312-1.491",
|
|
97
|
+
stroke: resolvedSecondaryColor,
|
|
98
|
+
strokeLinecap: "round",
|
|
99
|
+
strokeLinejoin: "round",
|
|
100
|
+
strokeWidth: ".7"
|
|
101
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
102
|
+
d: "m52.912 41.726-2.107-.519-.93-3.447a.794.794 0 0 0-.95-.562l-7.242 1.75-2.367-.583-.864-.346-1.546 2.313-.021.022a.812.812 0 0 0-.076.594l1.61 5.858c.12.41.54.659.951.55l11.478-2.895c.26-.065.372-.26.53-.487l1.534-2.248Z",
|
|
103
|
+
fill: resolvedPrimaryColor,
|
|
104
|
+
stroke: resolvedSecondaryColor,
|
|
105
|
+
strokeLinecap: "round",
|
|
106
|
+
strokeLinejoin: "round",
|
|
107
|
+
strokeWidth: ".7"
|
|
108
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
109
|
+
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",
|
|
110
|
+
fill: "#fff",
|
|
111
|
+
stroke: resolvedSecondaryColor,
|
|
112
|
+
strokeLinecap: "round",
|
|
113
|
+
strokeLinejoin: "round",
|
|
114
|
+
strokeWidth: ".7"
|
|
115
|
+
}), /* @__PURE__ */ import_react.default.createElement("path", {
|
|
116
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
117
|
+
stroke: resolvedSecondaryColor,
|
|
118
|
+
strokeMiterlimit: "10",
|
|
119
|
+
strokeWidth: ".7"
|
|
120
|
+
}));
|
|
121
|
+
};
|
|
122
|
+
SankeyChart.displayName = "SankeyChart";
|
|
123
|
+
var stdin_default = (0, import_core.createBaseComponent)(SankeyChart);
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { createBaseComponent } from "@semcore/core";
|
|
3
|
+
import { Box } from "@semcore/flex-box";
|
|
4
|
+
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
5
|
+
const SankeyChart = ({ 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
|
+
"aria-hidden": true,
|
|
17
|
+
...props
|
|
18
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
19
|
+
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",
|
|
20
|
+
fill: resolvedPrimaryColor
|
|
21
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
22
|
+
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",
|
|
23
|
+
fill: resolvedPrimaryColor,
|
|
24
|
+
stroke: resolvedSecondaryColor,
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
strokeWidth: ".7"
|
|
28
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
29
|
+
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",
|
|
30
|
+
fill: "#fff"
|
|
31
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
32
|
+
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",
|
|
33
|
+
fill: resolvedSecondaryColor
|
|
34
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
35
|
+
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",
|
|
36
|
+
fill: "#fff"
|
|
37
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
38
|
+
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",
|
|
39
|
+
fill: resolvedPrimaryColor
|
|
40
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
41
|
+
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",
|
|
42
|
+
fill: resolvedSecondaryColor
|
|
43
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
44
|
+
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",
|
|
45
|
+
stroke: resolvedSecondaryColor,
|
|
46
|
+
strokeLinecap: "round",
|
|
47
|
+
strokeLinejoin: "round",
|
|
48
|
+
strokeWidth: ".7"
|
|
49
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
50
|
+
d: "m26.953 39.668-7.285 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-.021Z",
|
|
51
|
+
fill: resolvedPrimaryColor,
|
|
52
|
+
stroke: resolvedSecondaryColor,
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round",
|
|
55
|
+
strokeWidth: ".7"
|
|
56
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
57
|
+
d: "m31.847 57.216-7.176 1.902a.786.786 0 0 1-.962-.55l-.93-3.297a.782.782 0 0 1 .563-.973l7.208-1.848a.795.795 0 0 1 .962.551l.908 3.253a.782.782 0 0 1-.562.973l-.01-.01ZM63.742 30.93l-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-.583.972v-.01Z",
|
|
58
|
+
fill: resolvedSecondaryColor,
|
|
59
|
+
stroke: resolvedSecondaryColor,
|
|
60
|
+
strokeLinecap: "round",
|
|
61
|
+
strokeLinejoin: "round",
|
|
62
|
+
strokeWidth: ".7"
|
|
63
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
64
|
+
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.79 3.015a.788.788 0 0 1-.563.962Z",
|
|
65
|
+
fill: resolvedPrimaryColor,
|
|
66
|
+
stroke: resolvedSecondaryColor,
|
|
67
|
+
strokeLinecap: "round",
|
|
68
|
+
strokeLinejoin: "round",
|
|
69
|
+
strokeWidth: ".7"
|
|
70
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
71
|
+
d: "m29.017 39.445 6.754 1.578M32.419 51.695l5.058-4.486M55.58 33.127l-4.798 4.258M58.725 44.942l-6.312-1.491",
|
|
72
|
+
stroke: resolvedSecondaryColor,
|
|
73
|
+
strokeLinecap: "round",
|
|
74
|
+
strokeLinejoin: "round",
|
|
75
|
+
strokeWidth: ".7"
|
|
76
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
77
|
+
d: "m52.912 41.726-2.107-.519-.93-3.447a.794.794 0 0 0-.95-.562l-7.242 1.75-2.367-.583-.864-.346-1.546 2.313-.021.022a.812.812 0 0 0-.076.594l1.61 5.858c.12.41.54.659.951.55l11.478-2.895c.26-.065.372-.26.53-.487l1.534-2.248Z",
|
|
78
|
+
fill: resolvedPrimaryColor,
|
|
79
|
+
stroke: resolvedSecondaryColor,
|
|
80
|
+
strokeLinecap: "round",
|
|
81
|
+
strokeLinejoin: "round",
|
|
82
|
+
strokeWidth: ".7"
|
|
83
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
84
|
+
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",
|
|
85
|
+
fill: "#fff",
|
|
86
|
+
stroke: resolvedSecondaryColor,
|
|
87
|
+
strokeLinecap: "round",
|
|
88
|
+
strokeLinejoin: "round",
|
|
89
|
+
strokeWidth: ".7"
|
|
90
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
91
|
+
d: "M39.352 42 43 36.681M42.943 44.5l6.416-9.353M49.364 42.878l2.949-4.3",
|
|
92
|
+
stroke: resolvedSecondaryColor,
|
|
93
|
+
strokeMiterlimit: "10",
|
|
94
|
+
strokeWidth: ".7"
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
97
|
+
SankeyChart.displayName = "SankeyChart";
|
|
98
|
+
var stdin_default = createBaseComponent(SankeyChart);
|
|
99
|
+
export {
|
|
100
|
+
stdin_default as default
|
|
101
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
|
|
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;
|