@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.
Files changed (158) hide show
  1. package/AccessDenied/index.d.ts +27 -3
  2. package/AccessDenied/index.js +211 -205
  3. package/AccessDenied/index.mjs +211 -205
  4. package/AccessLogIn/index.d.ts +27 -3
  5. package/AccessLogIn/index.js +313 -307
  6. package/AccessLogIn/index.mjs +313 -307
  7. package/AreaChart/index.d.ts +27 -3
  8. package/AreaChart/index.js +58 -52
  9. package/AreaChart/index.mjs +58 -52
  10. package/Blocked/index.d.ts +27 -3
  11. package/Blocked/index.js +462 -456
  12. package/Blocked/index.mjs +462 -456
  13. package/CHANGELOG.md +11 -1
  14. package/ChoroplethMapChart/index.d.ts +27 -3
  15. package/ChoroplethMapChart/index.js +80 -74
  16. package/ChoroplethMapChart/index.mjs +80 -74
  17. package/Coffee/index.d.ts +27 -3
  18. package/Coffee/index.js +65 -59
  19. package/Coffee/index.mjs +65 -59
  20. package/Collection/index.d.ts +27 -3
  21. package/Collection/index.js +59 -53
  22. package/Collection/index.mjs +59 -53
  23. package/CombinedChart/index.d.ts +27 -3
  24. package/CombinedChart/index.js +87 -81
  25. package/CombinedChart/index.mjs +87 -81
  26. package/Confirmation/index.d.ts +27 -3
  27. package/Confirmation/index.js +236 -230
  28. package/Confirmation/index.mjs +236 -230
  29. package/Congrats/index.d.ts +27 -3
  30. package/Congrats/index.js +116 -110
  31. package/Congrats/index.mjs +116 -110
  32. package/ConnectionLost/index.d.ts +27 -3
  33. package/ConnectionLost/index.js +268 -262
  34. package/ConnectionLost/index.mjs +268 -262
  35. package/DeletedAccount/index.d.ts +27 -3
  36. package/DeletedAccount/index.js +345 -339
  37. package/DeletedAccount/index.mjs +345 -339
  38. package/DeletedPage/index.d.ts +27 -3
  39. package/DeletedPage/index.js +50 -44
  40. package/DeletedPage/index.mjs +50 -44
  41. package/Dns/index.d.ts +27 -3
  42. package/Dns/index.js +149 -143
  43. package/Dns/index.mjs +149 -143
  44. package/DonutChart/index.d.ts +27 -3
  45. package/DonutChart/index.js +100 -94
  46. package/DonutChart/index.mjs +100 -94
  47. package/Duplicates/index.d.ts +27 -3
  48. package/Duplicates/index.js +77 -71
  49. package/Duplicates/index.mjs +77 -71
  50. package/Feedback/index.d.ts +27 -3
  51. package/Feedback/index.js +65 -59
  52. package/Feedback/index.mjs +65 -59
  53. package/FunnelChart/index.d.ts +27 -3
  54. package/FunnelChart/index.js +67 -61
  55. package/FunnelChart/index.mjs +67 -61
  56. package/Good/index.d.ts +27 -3
  57. package/Good/index.js +100 -94
  58. package/Good/index.mjs +100 -94
  59. package/HeatMapChart/index.d.ts +27 -3
  60. package/HeatMapChart/index.js +85 -79
  61. package/HeatMapChart/index.mjs +85 -79
  62. package/HorizontalBarChart/index.d.ts +27 -3
  63. package/HorizontalBarChart/index.js +71 -65
  64. package/HorizontalBarChart/index.mjs +71 -65
  65. package/KagiChart/index.d.ts +27 -3
  66. package/KagiChart/index.js +52 -46
  67. package/KagiChart/index.mjs +52 -46
  68. package/LineChart/index.d.ts +27 -3
  69. package/LineChart/index.js +55 -49
  70. package/LineChart/index.mjs +55 -49
  71. package/LollipopChart/index.d.ts +27 -3
  72. package/LollipopChart/index.js +72 -66
  73. package/LollipopChart/index.mjs +72 -66
  74. package/MailSent/index.d.ts +27 -3
  75. package/MailSent/index.js +111 -105
  76. package/MailSent/index.mjs +111 -105
  77. package/Maintenance/index.d.ts +27 -3
  78. package/Maintenance/index.js +332 -326
  79. package/Maintenance/index.mjs +332 -326
  80. package/Nexttime/index.d.ts +27 -3
  81. package/Nexttime/index.js +79 -73
  82. package/Nexttime/index.mjs +79 -73
  83. package/NoPayment/index.d.ts +27 -3
  84. package/NoPayment/index.js +273 -267
  85. package/NoPayment/index.mjs +273 -267
  86. package/NothingFound/index.d.ts +27 -3
  87. package/NothingFound/index.js +103 -97
  88. package/NothingFound/index.mjs +103 -97
  89. package/OtherData/index.d.ts +27 -3
  90. package/OtherData/index.js +86 -80
  91. package/OtherData/index.mjs +86 -80
  92. package/PageError/index.d.ts +27 -3
  93. package/PageError/index.js +193 -187
  94. package/PageError/index.mjs +193 -187
  95. package/PageNotFound/index.d.ts +27 -3
  96. package/PageNotFound/index.js +253 -247
  97. package/PageNotFound/index.mjs +253 -247
  98. package/PieChart/index.d.ts +27 -3
  99. package/PieChart/index.js +85 -79
  100. package/PieChart/index.mjs +85 -79
  101. package/Processing/index.d.ts +27 -3
  102. package/Processing/index.js +65 -59
  103. package/Processing/index.mjs +65 -59
  104. package/ProjectNotFound/index.d.ts +27 -3
  105. package/ProjectNotFound/index.js +216 -210
  106. package/ProjectNotFound/index.mjs +216 -210
  107. package/RadarChart/index.d.ts +27 -3
  108. package/RadarChart/index.js +64 -58
  109. package/RadarChart/index.mjs +64 -58
  110. package/RadialTreeChart/index.d.ts +27 -3
  111. package/RadialTreeChart/index.js +106 -100
  112. package/RadialTreeChart/index.mjs +106 -100
  113. package/SankeyChart/index.d.ts +27 -3
  114. package/SankeyChart/index.js +92 -86
  115. package/SankeyChart/index.mjs +92 -86
  116. package/ScatterPlotChart/index.d.ts +27 -3
  117. package/ScatterPlotChart/index.js +77 -71
  118. package/ScatterPlotChart/index.mjs +77 -71
  119. package/StackedAreaChart/index.d.ts +27 -3
  120. package/StackedAreaChart/index.js +79 -73
  121. package/StackedAreaChart/index.mjs +79 -73
  122. package/Suggestion/index.d.ts +27 -3
  123. package/Suggestion/index.js +63 -57
  124. package/Suggestion/index.mjs +63 -57
  125. package/Suggestions/index.d.ts +27 -3
  126. package/Suggestions/index.js +66 -60
  127. package/Suggestions/index.mjs +66 -60
  128. package/Table/index.d.ts +27 -3
  129. package/Table/index.js +50 -44
  130. package/Table/index.mjs +50 -44
  131. package/TagCloud/index.d.ts +27 -3
  132. package/TagCloud/index.js +77 -71
  133. package/TagCloud/index.mjs +77 -71
  134. package/TextLinksEtc/index.d.ts +27 -3
  135. package/TextLinksEtc/index.js +53 -47
  136. package/TextLinksEtc/index.mjs +53 -47
  137. package/Timeout/index.d.ts +27 -3
  138. package/Timeout/index.js +350 -344
  139. package/Timeout/index.mjs +350 -344
  140. package/UnderConstruction/index.d.ts +27 -3
  141. package/UnderConstruction/index.js +112 -106
  142. package/UnderConstruction/index.mjs +112 -106
  143. package/VennChart/index.d.ts +27 -3
  144. package/VennChart/index.js +78 -72
  145. package/VennChart/index.mjs +78 -72
  146. package/VerticalBarChart/index.d.ts +27 -3
  147. package/VerticalBarChart/index.js +72 -66
  148. package/VerticalBarChart/index.mjs +72 -66
  149. package/Waiting/index.d.ts +27 -3
  150. package/Waiting/index.js +65 -59
  151. package/Waiting/index.mjs +65 -59
  152. package/Warning/index.d.ts +27 -3
  153. package/Warning/index.js +60 -54
  154. package/Warning/index.mjs +60 -54
  155. package/lib/cjs/index.js +1 -1
  156. package/lib/es6/index.js +1 -1
  157. package/package.json +4 -3
  158. package/transform.ts +108 -16
package/AreaChart/index.d.ts CHANGED
@@ -1,4 +1,28 @@
1
1
 
2
- import { Box } from '@semcore/flex-box';
3
- declare const _default: typeof Box;
4
- export default _default;
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/AreaChart/index.js CHANGED
@@ -26,57 +26,63 @@ 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
- const AreaChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
30
- ref,
31
- width,
32
- height,
33
- viewBox,
34
- fill,
35
- tag: "svg",
36
- ...props
37
- }, /* @__PURE__ */ import_react.default.createElement("path", {
38
- d: "M40.041 4.302V1.908c0-.495-.495-.908-.99-.908C19.489 3.229 4.3 19.82 4.3 39.959H1.909c-.495 0-.908.495-.908.99C3.229 60.511 19.819 75.7 39.959 75.7v2.393c0 .495.495.908.99.908C60.511 76.771 75.7 60.181 75.7 40.041h2.393c.495 0 .908-.412.908-.99C76.771 19.489 60.181 4.3 40.041 4.3Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ import_react.default.createElement("path", {
41
- d: "M63.914 57.68s.087-.055.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.15L9.704 24.565 8.31 21.442 4.894 27.32a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.033Z",
42
- fill: "#E0E1E9",
43
- stroke: "#6C6E79",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: ".7"
47
- }), /* @__PURE__ */ import_react.default.createElement("path", {
48
- d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
49
- fill: "#fff"
50
- }), /* @__PURE__ */ import_react.default.createElement("path", {
51
- d: "M63.438 18.88 9.054 30.822l-1.34-4.69c-.962-3.372 1.156-6.853 4.593-7.555l42.874-8.732c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.668.01-.01Z",
52
- fill: "#6C6E79"
53
- }), /* @__PURE__ */ import_react.default.createElement("path", {
54
- d: "M16.384 23.49a1.873 1.873 0 0 1-1.416 2.367c-1.091.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",
55
- fill: "#fff"
56
- }), /* @__PURE__ */ import_react.default.createElement("path", {
57
- d: "M23.365 22.01c.292 1.06-.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.011Z",
58
- fill: "#E0E1E9"
59
- }), /* @__PURE__ */ import_react.default.createElement("path", {
60
- d: "M9.077 30.914s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
61
- fill: "#6C6E79"
62
- }), /* @__PURE__ */ import_react.default.createElement("path", {
63
- d: "m71.686 50.286-6.474-24.728c-3.75.584-6.7 1.524-8.516 2.875-8.462 6.28-7.22 18.265-11.65 21.042-5.285 3.307-11.705-6.311-18.914-4.301-4.896 1.362-6.7 8.343-8.203 16.72l.81 2.83a2.743 2.743 0 0 0 3.351 1.892l47.672-13.002a2.73 2.73 0 0 0 1.924-3.328Z",
64
- fill: "#E0E1E9"
65
- }), /* @__PURE__ */ import_react.default.createElement("path", {
66
- d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
67
- stroke: "#6C6E79",
68
- strokeLinecap: "round",
69
- strokeLinejoin: "round",
70
- strokeWidth: ".7"
71
- }), /* @__PURE__ */ import_react.default.createElement("path", {
72
- d: "M17.93 61.9c1.501-8.375 3.306-15.357 8.202-16.718 7.209-2.01 13.628 7.608 18.913 4.3 4.442-2.777 3.2-14.762 11.65-21.041 3.416-2.53 10.808-3.664 20.146-3.556",
73
- stroke: "#6C6E79",
74
- strokeLinecap: "round",
75
- strokeLinejoin: "round",
76
- strokeWidth: ".7"
77
- }), /* @__PURE__ */ import_react.default.createElement("path", {
78
- d: "M59.331 27.92c.443 1.674-.367 3.296-1.816 3.641-1.448.346-3.004-.745-3.458-2.42-.454-1.675.367-3.33 1.837-3.653 1.46-.325 2.994.767 3.448 2.442l-.011-.01ZM28.759 44.57c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.459-.324 2.994.768 3.448 2.443l-.011-.011ZM47.672 48.877c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.005-.745-3.459-2.42-.453-1.675.368-3.33 1.838-3.653 1.47-.325 2.993.767 3.447 2.442l-.01-.01Z",
79
- fill: "#6C6E79"
80
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const AreaChart = ({ 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: "M40.041 4.302V1.908c0-.495-.495-.908-.99-.908C19.489 3.229 4.3 19.82 4.3 39.959H1.909c-.495 0-.908.495-.908.99C3.229 60.511 19.819 75.7 39.959 75.7v2.393c0 .495.495.908.99.908C60.511 76.771 75.7 60.181 75.7 40.041h2.393c.495 0 .908-.412.908-.99C76.771 19.489 60.181 4.3 40.041 4.3Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
46
+ d: "M63.914 57.68s.087-.055.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.15L9.704 24.565 8.31 21.442 4.894 27.32a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.033Z",
47
+ fill: resolvedPrimaryColor,
48
+ stroke: resolvedSecondaryColor,
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round",
51
+ strokeWidth: ".7"
52
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
53
+ d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.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: "M63.438 18.88 9.054 30.822l-1.34-4.69c-.962-3.372 1.156-6.853 4.593-7.555l42.874-8.732c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.668.01-.01Z",
57
+ fill: resolvedSecondaryColor
58
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
59
+ d: "M16.384 23.49a1.873 1.873 0 0 1-1.416 2.367c-1.091.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",
60
+ fill: "#fff"
61
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
62
+ d: "M23.365 22.01c.292 1.06-.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.011Z",
63
+ fill: resolvedPrimaryColor
64
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
65
+ d: "M9.077 30.914s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
66
+ fill: resolvedSecondaryColor
67
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
68
+ d: "m71.686 50.286-6.474-24.728c-3.75.584-6.7 1.524-8.516 2.875-8.462 6.28-7.22 18.265-11.65 21.042-5.285 3.307-11.705-6.311-18.914-4.301-4.896 1.362-6.7 8.343-8.203 16.72l.81 2.83a2.743 2.743 0 0 0 3.351 1.892l47.672-13.002a2.73 2.73 0 0 0 1.924-3.328Z",
69
+ fill: resolvedPrimaryColor
70
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
71
+ d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
72
+ stroke: resolvedSecondaryColor,
73
+ strokeLinecap: "round",
74
+ strokeLinejoin: "round",
75
+ strokeWidth: ".7"
76
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
77
+ d: "M17.93 61.9c1.501-8.375 3.306-15.357 8.202-16.718 7.209-2.01 13.628 7.608 18.913 4.3 4.442-2.777 3.2-14.762 11.65-21.041 3.416-2.53 10.808-3.664 20.146-3.556",
78
+ stroke: resolvedSecondaryColor,
79
+ strokeLinecap: "round",
80
+ strokeLinejoin: "round",
81
+ strokeWidth: ".7"
82
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
83
+ d: "M59.331 27.92c.443 1.674-.367 3.296-1.816 3.641-1.448.346-3.004-.745-3.458-2.42-.454-1.675.367-3.33 1.837-3.653 1.46-.325 2.994.767 3.448 2.442l-.011-.01ZM28.759 44.57c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.459-.324 2.994.768 3.448 2.443l-.011-.011ZM47.672 48.877c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.005-.745-3.459-2.42-.453-1.675.368-3.33 1.838-3.653 1.47-.325 2.993.767 3.447 2.442l-.01-.01Z",
84
+ fill: resolvedSecondaryColor
85
+ }));
86
+ };
81
87
  AreaChart.displayName = "AreaChart";
82
88
  var stdin_default = (0, import_core.createBaseComponent)(AreaChart);
package/AreaChart/index.mjs CHANGED
@@ -1,58 +1,64 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const AreaChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
5
- ref,
6
- width,
7
- height,
8
- viewBox,
9
- fill,
10
- tag: "svg",
11
- ...props
12
- }, /* @__PURE__ */ React.createElement("path", {
13
- d: "M40.041 4.302V1.908c0-.495-.495-.908-.99-.908C19.489 3.229 4.3 19.82 4.3 39.959H1.909c-.495 0-.908.495-.908.99C3.229 60.511 19.819 75.7 39.959 75.7v2.393c0 .495.495.908.99.908C60.511 76.771 75.7 60.181 75.7 40.041h2.393c.495 0 .908-.412.908-.99C76.771 19.489 60.181 4.3 40.041 4.3Z",
14
- fill: "#E0E1E9"
15
- }), /* @__PURE__ */ React.createElement("path", {
16
- d: "M63.914 57.68s.087-.055.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.15L9.704 24.565 8.31 21.442 4.894 27.32a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.033Z",
17
- fill: "#E0E1E9",
18
- stroke: "#6C6E79",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeWidth: ".7"
22
- }), /* @__PURE__ */ React.createElement("path", {
23
- d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
24
- fill: "#fff"
25
- }), /* @__PURE__ */ React.createElement("path", {
26
- d: "M63.438 18.88 9.054 30.822l-1.34-4.69c-.962-3.372 1.156-6.853 4.593-7.555l42.874-8.732c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.668.01-.01Z",
27
- fill: "#6C6E79"
28
- }), /* @__PURE__ */ React.createElement("path", {
29
- d: "M16.384 23.49a1.873 1.873 0 0 1-1.416 2.367c-1.091.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",
30
- fill: "#fff"
31
- }), /* @__PURE__ */ React.createElement("path", {
32
- d: "M23.365 22.01c.292 1.06-.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.011Z",
33
- fill: "#E0E1E9"
34
- }), /* @__PURE__ */ React.createElement("path", {
35
- d: "M9.077 30.914s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
36
- fill: "#6C6E79"
37
- }), /* @__PURE__ */ React.createElement("path", {
38
- d: "m71.686 50.286-6.474-24.728c-3.75.584-6.7 1.524-8.516 2.875-8.462 6.28-7.22 18.265-11.65 21.042-5.285 3.307-11.705-6.311-18.914-4.301-4.896 1.362-6.7 8.343-8.203 16.72l.81 2.83a2.743 2.743 0 0 0 3.351 1.892l47.672-13.002a2.73 2.73 0 0 0 1.924-3.328Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ React.createElement("path", {
41
- d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
42
- stroke: "#6C6E79",
43
- strokeLinecap: "round",
44
- strokeLinejoin: "round",
45
- strokeWidth: ".7"
46
- }), /* @__PURE__ */ React.createElement("path", {
47
- d: "M17.93 61.9c1.501-8.375 3.306-15.357 8.202-16.718 7.209-2.01 13.628 7.608 18.913 4.3 4.442-2.777 3.2-14.762 11.65-21.041 3.416-2.53 10.808-3.664 20.146-3.556",
48
- stroke: "#6C6E79",
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round",
51
- strokeWidth: ".7"
52
- }), /* @__PURE__ */ React.createElement("path", {
53
- d: "M59.331 27.92c.443 1.674-.367 3.296-1.816 3.641-1.448.346-3.004-.745-3.458-2.42-.454-1.675.367-3.33 1.837-3.653 1.46-.325 2.994.767 3.448 2.442l-.011-.01ZM28.759 44.57c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.459-.324 2.994.768 3.448 2.443l-.011-.011ZM47.672 48.877c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.005-.745-3.459-2.42-.453-1.675.368-3.33 1.838-3.653 1.47-.325 2.993.767 3.447 2.442l-.01-.01Z",
54
- fill: "#6C6E79"
55
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const AreaChart = ({ 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 4.302V1.908c0-.495-.495-.908-.99-.908C19.489 3.229 4.3 19.82 4.3 39.959H1.909c-.495 0-.908.495-.908.99C3.229 60.511 19.819 75.7 39.959 75.7v2.393c0 .495.495.908.99.908C60.511 76.771 75.7 60.181 75.7 40.041h2.393c.495 0 .908-.412.908-.99C76.771 19.489 60.181 4.3 40.041 4.3Z",
19
+ fill: resolvedPrimaryColor
20
+ }), /* @__PURE__ */ React.createElement("path", {
21
+ d: "M63.914 57.68s.087-.055.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.15L9.704 24.565 8.31 21.442 4.894 27.32a6.504 6.504 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.178 1.794l45.272-12.342a2.94 2.94 0 0 0 .746-.346l.054-.033Z",
22
+ fill: resolvedPrimaryColor,
23
+ stroke: resolvedSecondaryColor,
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: ".7"
27
+ }), /* @__PURE__ */ React.createElement("path", {
28
+ d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.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: "M63.438 18.88 9.054 30.822l-1.34-4.69c-.962-3.372 1.156-6.853 4.593-7.555l42.874-8.732c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.668.01-.01Z",
32
+ fill: resolvedSecondaryColor
33
+ }), /* @__PURE__ */ React.createElement("path", {
34
+ d: "M16.384 23.49a1.873 1.873 0 0 1-1.416 2.367c-1.091.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: "M23.365 22.01c.292 1.06-.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.011Z",
38
+ fill: resolvedPrimaryColor
39
+ }), /* @__PURE__ */ React.createElement("path", {
40
+ d: "M9.077 30.914s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
41
+ fill: resolvedSecondaryColor
42
+ }), /* @__PURE__ */ React.createElement("path", {
43
+ d: "m71.686 50.286-6.474-24.728c-3.75.584-6.7 1.524-8.516 2.875-8.462 6.28-7.22 18.265-11.65 21.042-5.285 3.307-11.705-6.311-18.914-4.301-4.896 1.362-6.7 8.343-8.203 16.72l.81 2.83a2.743 2.743 0 0 0 3.351 1.892l47.672-13.002a2.73 2.73 0 0 0 1.924-3.328Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ React.createElement("path", {
46
+ d: "M69.753 53.616 22.081 66.617a2.734 2.734 0 0 1-3.35-1.891L7.74 26.132c-.962-3.372 1.156-6.852 4.593-7.554l42.873-8.744c3.135-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
47
+ stroke: resolvedSecondaryColor,
48
+ strokeLinecap: "round",
49
+ strokeLinejoin: "round",
50
+ strokeWidth: ".7"
51
+ }), /* @__PURE__ */ React.createElement("path", {
52
+ d: "M17.93 61.9c1.501-8.375 3.306-15.357 8.202-16.718 7.209-2.01 13.628 7.608 18.913 4.3 4.442-2.777 3.2-14.762 11.65-21.041 3.416-2.53 10.808-3.664 20.146-3.556",
53
+ stroke: resolvedSecondaryColor,
54
+ strokeLinecap: "round",
55
+ strokeLinejoin: "round",
56
+ strokeWidth: ".7"
57
+ }), /* @__PURE__ */ React.createElement("path", {
58
+ d: "M59.331 27.92c.443 1.674-.367 3.296-1.816 3.641-1.448.346-3.004-.745-3.458-2.42-.454-1.675.367-3.33 1.837-3.653 1.46-.325 2.994.767 3.448 2.442l-.011-.01ZM28.759 44.57c.443 1.675-.368 3.296-1.816 3.642-1.448.346-3.005-.746-3.458-2.42-.454-1.676.367-3.33 1.837-3.654 1.459-.324 2.994.768 3.448 2.443l-.011-.011ZM47.672 48.877c.443 1.675-.368 3.297-1.816 3.642-1.448.346-3.005-.745-3.459-2.42-.453-1.675.368-3.33 1.838-3.653 1.47-.325 2.993.767 3.447 2.442l-.01-.01Z",
59
+ fill: resolvedSecondaryColor
60
+ }));
61
+ };
56
62
  AreaChart.displayName = "AreaChart";
57
63
  var stdin_default = createBaseComponent(AreaChart);
58
64
  export {
package/Blocked/index.d.ts CHANGED
@@ -1,4 +1,28 @@
1
1
 
2
- import { Box } from '@semcore/flex-box';
3
- declare const _default: typeof Box;
4
- export default _default;
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;