@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/MailSent/index.js CHANGED
@@ -26,110 +26,116 @@ 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 MailSent = ({ 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("g", {
38
- clipPath: "url(#igc-mailsent-el-0)"
39
- }, /* @__PURE__ */ import_react.default.createElement("path", {
40
- d: "M27.945 5.04601C27.7367 5.04597 27.5305 5.08702 27.3382 5.16681C27.1458 5.24661 26.9711 5.36357 26.824 5.51101L13.909 18.426C7.41941 24.9156 3.77361 33.7174 3.77361 42.895C3.77361 52.0727 7.41941 60.8744 13.909 67.364C20.3986 73.8536 29.2003 77.4994 38.378 77.4994C47.5556 77.4994 56.3574 73.8536 62.847 67.364L75.762 54.448C75.9093 54.3011 76.0261 54.1265 76.1057 53.9343C76.1853 53.7421 76.2262 53.536 76.226 53.328V5.94401C76.226 5.70531 76.1312 5.47639 75.9624 5.30761C75.7936 5.13883 75.5647 5.04401 75.326 5.04401L27.945 5.04601Z",
41
- fill: "#45E0A8"
42
- }), /* @__PURE__ */ import_react.default.createElement("path", {
43
- d: "M28.615 44.751L28.815 45.104C34.956 41.652 52.997 31.426 56.346 34.573C55.208 31.466 39.307 34.9 28.615 44.751Z",
44
- fill: "white"
45
- }), /* @__PURE__ */ import_react.default.createElement("path", {
46
- d: "M28.513 31.03C26.7 37.072 19.3 55.5 15.07 61.342L18.083 62.254L19.659 60.925C23.878 51.385 29.639 34.972 29.971 29.467C29.462 29.182 28.947 29.583 28.513 31.03Z",
47
- fill: "white"
48
- }), /* @__PURE__ */ import_react.default.createElement("path", {
49
- d: "M15.07 61.342C19.3 55.5 26.7 37.072 28.513 31.03C30.326 24.988 33.555 37.039 31.743 42.145",
50
- stroke: "black",
51
- strokeLinecap: "round",
52
- strokeLinejoin: "round",
53
- strokeWidth: "0.75"
54
- }), /* @__PURE__ */ import_react.default.createElement("path", {
55
- d: "M27.909 45.411C38.592 35.046 55.183 31.4 56.342 34.573C57.03 36.459 42.913 40.832 37.934 46.889",
56
- stroke: "black",
57
- strokeLinecap: "round",
58
- strokeLinejoin: "round",
59
- strokeWidth: "0.75"
60
- }), /* @__PURE__ */ import_react.default.createElement("path", {
61
- d: "M44.281 21.43C41.036 20.27 35.689 18.539 32.832 17.741C36.95 15.907 69.787 3.753 72.5 2.5C71.578 6.606 67.576 20.78 65.784 27.433C60.957 25.751 56.056 24.275 52.862 23.24C50.8607 25.8918 49.0505 28.6825 47.445 31.591C46.272 27.731 45.116 23.274 44.281 21.43Z",
62
- fill: "white",
63
- stroke: "black",
64
- strokeLinecap: "round",
65
- strokeLinejoin: "round",
66
- strokeWidth: "0.75"
67
- }), /* @__PURE__ */ import_react.default.createElement("path", {
68
- d: "M44.281 21.43L61.026 10.352",
69
- stroke: "black",
70
- strokeLinecap: "round",
71
- strokeLinejoin: "round",
72
- strokeWidth: "0.75"
73
- }), /* @__PURE__ */ import_react.default.createElement("path", {
74
- d: "M52.864 23.24L72.502 2.5",
75
- stroke: "black",
76
- strokeLinecap: "round",
77
- strokeLinejoin: "round",
78
- strokeWidth: "0.75"
79
- }), /* @__PURE__ */ import_react.default.createElement("path", {
80
- d: "M47.447 31.591L55.299 24.015",
81
- stroke: "black",
82
- strokeLinecap: "round",
83
- strokeLinejoin: "round",
84
- strokeWidth: "0.75"
85
- }), /* @__PURE__ */ import_react.default.createElement("path", {
86
- d: "M48.436 30.173L51.891 24.532L52.864 23.405L54.928 24.015L55.364 23.884L52.009 27.311L49.53 29.581L48.204 30.695L48.436 30.173Z",
87
- fill: "black"
88
- }), /* @__PURE__ */ import_react.default.createElement("path", {
89
- d: "M34.013 21.451L23.202 26.58",
90
- stroke: "white",
91
- strokeLinecap: "round",
92
- strokeLinejoin: "round",
93
- strokeWidth: "0.75"
94
- }), /* @__PURE__ */ import_react.default.createElement("path", {
95
- d: "M40.905 22.5L34.013 26.862",
96
- stroke: "white",
97
- strokeLinecap: "round",
98
- strokeLinejoin: "round",
99
- strokeWidth: "0.75"
100
- }), /* @__PURE__ */ import_react.default.createElement("path", {
101
- d: "M62.293 28.365L58.253 38.215",
102
- stroke: "white",
103
- strokeLinecap: "round",
104
- strokeLinejoin: "round",
105
- strokeWidth: "0.75"
106
- }), /* @__PURE__ */ import_react.default.createElement("path", {
107
- d: "M46.09 40.849C49.703 43.274 44.221 49.374 42.408 50.967",
108
- stroke: "black",
109
- strokeLinecap: "round",
110
- strokeLinejoin: "round",
111
- strokeWidth: "0.75"
112
- }), /* @__PURE__ */ import_react.default.createElement("path", {
113
- d: "M47.258 43.6C51.4 45.7 48.418 51.364 46.09 54.2",
114
- stroke: "black",
115
- strokeLinecap: "round",
116
- strokeLinejoin: "round",
117
- strokeWidth: "0.75"
118
- }), /* @__PURE__ */ import_react.default.createElement("path", {
119
- d: "M49.023 48.9C54.523 53.376 36.467 72.622 35.159 73.683",
120
- stroke: "black",
121
- strokeLinecap: "round",
122
- strokeLinejoin: "round",
123
- strokeWidth: "0.75"
124
- }), /* @__PURE__ */ import_react.default.createElement("path", {
125
- d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
126
- fill: "black"
127
- }), /* @__PURE__ */ import_react.default.createElement("path", {
128
- d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
129
- stroke: "black",
130
- strokeLinecap: "round",
131
- strokeLinejoin: "round",
132
- strokeWidth: "0.75"
133
- })), /* @__PURE__ */ import_react.default.createElement("defs", null));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const MailSent = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#45E0A8", secondaryColor = "black", ...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("g", {
43
+ clipPath: "url(#igc-mailsent-el-0)"
44
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
45
+ d: "M27.945 5.04601C27.7367 5.04597 27.5305 5.08702 27.3382 5.16681C27.1458 5.24661 26.9711 5.36357 26.824 5.51101L13.909 18.426C7.41941 24.9156 3.77361 33.7174 3.77361 42.895C3.77361 52.0727 7.41941 60.8744 13.909 67.364C20.3986 73.8536 29.2003 77.4994 38.378 77.4994C47.5556 77.4994 56.3574 73.8536 62.847 67.364L75.762 54.448C75.9093 54.3011 76.0261 54.1265 76.1057 53.9343C76.1853 53.7421 76.2262 53.536 76.226 53.328V5.94401C76.226 5.70531 76.1312 5.47639 75.9624 5.30761C75.7936 5.13883 75.5647 5.04401 75.326 5.04401L27.945 5.04601Z",
46
+ fill: resolvedPrimaryColor
47
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
48
+ d: "M28.615 44.751L28.815 45.104C34.956 41.652 52.997 31.426 56.346 34.573C55.208 31.466 39.307 34.9 28.615 44.751Z",
49
+ fill: "white"
50
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
51
+ d: "M28.513 31.03C26.7 37.072 19.3 55.5 15.07 61.342L18.083 62.254L19.659 60.925C23.878 51.385 29.639 34.972 29.971 29.467C29.462 29.182 28.947 29.583 28.513 31.03Z",
52
+ fill: "white"
53
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
54
+ d: "M15.07 61.342C19.3 55.5 26.7 37.072 28.513 31.03C30.326 24.988 33.555 37.039 31.743 42.145",
55
+ stroke: resolvedSecondaryColor,
56
+ strokeLinecap: "round",
57
+ strokeLinejoin: "round",
58
+ strokeWidth: "0.75"
59
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
60
+ d: "M27.909 45.411C38.592 35.046 55.183 31.4 56.342 34.573C57.03 36.459 42.913 40.832 37.934 46.889",
61
+ stroke: resolvedSecondaryColor,
62
+ strokeLinecap: "round",
63
+ strokeLinejoin: "round",
64
+ strokeWidth: "0.75"
65
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
66
+ d: "M44.281 21.43C41.036 20.27 35.689 18.539 32.832 17.741C36.95 15.907 69.787 3.753 72.5 2.5C71.578 6.606 67.576 20.78 65.784 27.433C60.957 25.751 56.056 24.275 52.862 23.24C50.8607 25.8918 49.0505 28.6825 47.445 31.591C46.272 27.731 45.116 23.274 44.281 21.43Z",
67
+ fill: "white",
68
+ stroke: resolvedSecondaryColor,
69
+ strokeLinecap: "round",
70
+ strokeLinejoin: "round",
71
+ strokeWidth: "0.75"
72
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
73
+ d: "M44.281 21.43L61.026 10.352",
74
+ stroke: resolvedSecondaryColor,
75
+ strokeLinecap: "round",
76
+ strokeLinejoin: "round",
77
+ strokeWidth: "0.75"
78
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
79
+ d: "M52.864 23.24L72.502 2.5",
80
+ stroke: resolvedSecondaryColor,
81
+ strokeLinecap: "round",
82
+ strokeLinejoin: "round",
83
+ strokeWidth: "0.75"
84
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
85
+ d: "M47.447 31.591L55.299 24.015",
86
+ stroke: resolvedSecondaryColor,
87
+ strokeLinecap: "round",
88
+ strokeLinejoin: "round",
89
+ strokeWidth: "0.75"
90
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
91
+ d: "M48.436 30.173L51.891 24.532L52.864 23.405L54.928 24.015L55.364 23.884L52.009 27.311L49.53 29.581L48.204 30.695L48.436 30.173Z",
92
+ fill: resolvedSecondaryColor
93
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
94
+ d: "M34.013 21.451L23.202 26.58",
95
+ stroke: "white",
96
+ strokeLinecap: "round",
97
+ strokeLinejoin: "round",
98
+ strokeWidth: "0.75"
99
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
100
+ d: "M40.905 22.5L34.013 26.862",
101
+ stroke: "white",
102
+ strokeLinecap: "round",
103
+ strokeLinejoin: "round",
104
+ strokeWidth: "0.75"
105
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
106
+ d: "M62.293 28.365L58.253 38.215",
107
+ stroke: "white",
108
+ strokeLinecap: "round",
109
+ strokeLinejoin: "round",
110
+ strokeWidth: "0.75"
111
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
112
+ d: "M46.09 40.849C49.703 43.274 44.221 49.374 42.408 50.967",
113
+ stroke: resolvedSecondaryColor,
114
+ strokeLinecap: "round",
115
+ strokeLinejoin: "round",
116
+ strokeWidth: "0.75"
117
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
118
+ d: "M47.258 43.6C51.4 45.7 48.418 51.364 46.09 54.2",
119
+ stroke: resolvedSecondaryColor,
120
+ strokeLinecap: "round",
121
+ strokeLinejoin: "round",
122
+ strokeWidth: "0.75"
123
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
124
+ d: "M49.023 48.9C54.523 53.376 36.467 72.622 35.159 73.683",
125
+ stroke: resolvedSecondaryColor,
126
+ strokeLinecap: "round",
127
+ strokeLinejoin: "round",
128
+ strokeWidth: "0.75"
129
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
130
+ d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
131
+ fill: resolvedSecondaryColor
132
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
133
+ d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
134
+ stroke: resolvedSecondaryColor,
135
+ strokeLinecap: "round",
136
+ strokeLinejoin: "round",
137
+ strokeWidth: "0.75"
138
+ })), /* @__PURE__ */ import_react.default.createElement("defs", null));
139
+ };
134
140
  MailSent.displayName = "MailSent";
135
141
  var stdin_default = (0, import_core.createBaseComponent)(MailSent);
@@ -1,111 +1,117 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const MailSent = ({ 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("g", {
13
- clipPath: "url(#igc-mailsent-el-0)"
14
- }, /* @__PURE__ */ React.createElement("path", {
15
- d: "M27.945 5.04601C27.7367 5.04597 27.5305 5.08702 27.3382 5.16681C27.1458 5.24661 26.9711 5.36357 26.824 5.51101L13.909 18.426C7.41941 24.9156 3.77361 33.7174 3.77361 42.895C3.77361 52.0727 7.41941 60.8744 13.909 67.364C20.3986 73.8536 29.2003 77.4994 38.378 77.4994C47.5556 77.4994 56.3574 73.8536 62.847 67.364L75.762 54.448C75.9093 54.3011 76.0261 54.1265 76.1057 53.9343C76.1853 53.7421 76.2262 53.536 76.226 53.328V5.94401C76.226 5.70531 76.1312 5.47639 75.9624 5.30761C75.7936 5.13883 75.5647 5.04401 75.326 5.04401L27.945 5.04601Z",
16
- fill: "#45E0A8"
17
- }), /* @__PURE__ */ React.createElement("path", {
18
- d: "M28.615 44.751L28.815 45.104C34.956 41.652 52.997 31.426 56.346 34.573C55.208 31.466 39.307 34.9 28.615 44.751Z",
19
- fill: "white"
20
- }), /* @__PURE__ */ React.createElement("path", {
21
- d: "M28.513 31.03C26.7 37.072 19.3 55.5 15.07 61.342L18.083 62.254L19.659 60.925C23.878 51.385 29.639 34.972 29.971 29.467C29.462 29.182 28.947 29.583 28.513 31.03Z",
22
- fill: "white"
23
- }), /* @__PURE__ */ React.createElement("path", {
24
- d: "M15.07 61.342C19.3 55.5 26.7 37.072 28.513 31.03C30.326 24.988 33.555 37.039 31.743 42.145",
25
- stroke: "black",
26
- strokeLinecap: "round",
27
- strokeLinejoin: "round",
28
- strokeWidth: "0.75"
29
- }), /* @__PURE__ */ React.createElement("path", {
30
- d: "M27.909 45.411C38.592 35.046 55.183 31.4 56.342 34.573C57.03 36.459 42.913 40.832 37.934 46.889",
31
- stroke: "black",
32
- strokeLinecap: "round",
33
- strokeLinejoin: "round",
34
- strokeWidth: "0.75"
35
- }), /* @__PURE__ */ React.createElement("path", {
36
- d: "M44.281 21.43C41.036 20.27 35.689 18.539 32.832 17.741C36.95 15.907 69.787 3.753 72.5 2.5C71.578 6.606 67.576 20.78 65.784 27.433C60.957 25.751 56.056 24.275 52.862 23.24C50.8607 25.8918 49.0505 28.6825 47.445 31.591C46.272 27.731 45.116 23.274 44.281 21.43Z",
37
- fill: "white",
38
- stroke: "black",
39
- strokeLinecap: "round",
40
- strokeLinejoin: "round",
41
- strokeWidth: "0.75"
42
- }), /* @__PURE__ */ React.createElement("path", {
43
- d: "M44.281 21.43L61.026 10.352",
44
- stroke: "black",
45
- strokeLinecap: "round",
46
- strokeLinejoin: "round",
47
- strokeWidth: "0.75"
48
- }), /* @__PURE__ */ React.createElement("path", {
49
- d: "M52.864 23.24L72.502 2.5",
50
- stroke: "black",
51
- strokeLinecap: "round",
52
- strokeLinejoin: "round",
53
- strokeWidth: "0.75"
54
- }), /* @__PURE__ */ React.createElement("path", {
55
- d: "M47.447 31.591L55.299 24.015",
56
- stroke: "black",
57
- strokeLinecap: "round",
58
- strokeLinejoin: "round",
59
- strokeWidth: "0.75"
60
- }), /* @__PURE__ */ React.createElement("path", {
61
- d: "M48.436 30.173L51.891 24.532L52.864 23.405L54.928 24.015L55.364 23.884L52.009 27.311L49.53 29.581L48.204 30.695L48.436 30.173Z",
62
- fill: "black"
63
- }), /* @__PURE__ */ React.createElement("path", {
64
- d: "M34.013 21.451L23.202 26.58",
65
- stroke: "white",
66
- strokeLinecap: "round",
67
- strokeLinejoin: "round",
68
- strokeWidth: "0.75"
69
- }), /* @__PURE__ */ React.createElement("path", {
70
- d: "M40.905 22.5L34.013 26.862",
71
- stroke: "white",
72
- strokeLinecap: "round",
73
- strokeLinejoin: "round",
74
- strokeWidth: "0.75"
75
- }), /* @__PURE__ */ React.createElement("path", {
76
- d: "M62.293 28.365L58.253 38.215",
77
- stroke: "white",
78
- strokeLinecap: "round",
79
- strokeLinejoin: "round",
80
- strokeWidth: "0.75"
81
- }), /* @__PURE__ */ React.createElement("path", {
82
- d: "M46.09 40.849C49.703 43.274 44.221 49.374 42.408 50.967",
83
- stroke: "black",
84
- strokeLinecap: "round",
85
- strokeLinejoin: "round",
86
- strokeWidth: "0.75"
87
- }), /* @__PURE__ */ React.createElement("path", {
88
- d: "M47.258 43.6C51.4 45.7 48.418 51.364 46.09 54.2",
89
- stroke: "black",
90
- strokeLinecap: "round",
91
- strokeLinejoin: "round",
92
- strokeWidth: "0.75"
93
- }), /* @__PURE__ */ React.createElement("path", {
94
- d: "M49.023 48.9C54.523 53.376 36.467 72.622 35.159 73.683",
95
- stroke: "black",
96
- strokeLinecap: "round",
97
- strokeLinejoin: "round",
98
- strokeWidth: "0.75"
99
- }), /* @__PURE__ */ React.createElement("path", {
100
- d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
101
- fill: "black"
102
- }), /* @__PURE__ */ React.createElement("path", {
103
- d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
104
- stroke: "black",
105
- strokeLinecap: "round",
106
- strokeLinejoin: "round",
107
- strokeWidth: "0.75"
108
- })), /* @__PURE__ */ React.createElement("defs", null));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const MailSent = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#45E0A8", secondaryColor = "black", ...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("g", {
18
+ clipPath: "url(#igc-mailsent-el-0)"
19
+ }, /* @__PURE__ */ React.createElement("path", {
20
+ d: "M27.945 5.04601C27.7367 5.04597 27.5305 5.08702 27.3382 5.16681C27.1458 5.24661 26.9711 5.36357 26.824 5.51101L13.909 18.426C7.41941 24.9156 3.77361 33.7174 3.77361 42.895C3.77361 52.0727 7.41941 60.8744 13.909 67.364C20.3986 73.8536 29.2003 77.4994 38.378 77.4994C47.5556 77.4994 56.3574 73.8536 62.847 67.364L75.762 54.448C75.9093 54.3011 76.0261 54.1265 76.1057 53.9343C76.1853 53.7421 76.2262 53.536 76.226 53.328V5.94401C76.226 5.70531 76.1312 5.47639 75.9624 5.30761C75.7936 5.13883 75.5647 5.04401 75.326 5.04401L27.945 5.04601Z",
21
+ fill: resolvedPrimaryColor
22
+ }), /* @__PURE__ */ React.createElement("path", {
23
+ d: "M28.615 44.751L28.815 45.104C34.956 41.652 52.997 31.426 56.346 34.573C55.208 31.466 39.307 34.9 28.615 44.751Z",
24
+ fill: "white"
25
+ }), /* @__PURE__ */ React.createElement("path", {
26
+ d: "M28.513 31.03C26.7 37.072 19.3 55.5 15.07 61.342L18.083 62.254L19.659 60.925C23.878 51.385 29.639 34.972 29.971 29.467C29.462 29.182 28.947 29.583 28.513 31.03Z",
27
+ fill: "white"
28
+ }), /* @__PURE__ */ React.createElement("path", {
29
+ d: "M15.07 61.342C19.3 55.5 26.7 37.072 28.513 31.03C30.326 24.988 33.555 37.039 31.743 42.145",
30
+ stroke: resolvedSecondaryColor,
31
+ strokeLinecap: "round",
32
+ strokeLinejoin: "round",
33
+ strokeWidth: "0.75"
34
+ }), /* @__PURE__ */ React.createElement("path", {
35
+ d: "M27.909 45.411C38.592 35.046 55.183 31.4 56.342 34.573C57.03 36.459 42.913 40.832 37.934 46.889",
36
+ stroke: resolvedSecondaryColor,
37
+ strokeLinecap: "round",
38
+ strokeLinejoin: "round",
39
+ strokeWidth: "0.75"
40
+ }), /* @__PURE__ */ React.createElement("path", {
41
+ d: "M44.281 21.43C41.036 20.27 35.689 18.539 32.832 17.741C36.95 15.907 69.787 3.753 72.5 2.5C71.578 6.606 67.576 20.78 65.784 27.433C60.957 25.751 56.056 24.275 52.862 23.24C50.8607 25.8918 49.0505 28.6825 47.445 31.591C46.272 27.731 45.116 23.274 44.281 21.43Z",
42
+ fill: "white",
43
+ stroke: resolvedSecondaryColor,
44
+ strokeLinecap: "round",
45
+ strokeLinejoin: "round",
46
+ strokeWidth: "0.75"
47
+ }), /* @__PURE__ */ React.createElement("path", {
48
+ d: "M44.281 21.43L61.026 10.352",
49
+ stroke: resolvedSecondaryColor,
50
+ strokeLinecap: "round",
51
+ strokeLinejoin: "round",
52
+ strokeWidth: "0.75"
53
+ }), /* @__PURE__ */ React.createElement("path", {
54
+ d: "M52.864 23.24L72.502 2.5",
55
+ stroke: resolvedSecondaryColor,
56
+ strokeLinecap: "round",
57
+ strokeLinejoin: "round",
58
+ strokeWidth: "0.75"
59
+ }), /* @__PURE__ */ React.createElement("path", {
60
+ d: "M47.447 31.591L55.299 24.015",
61
+ stroke: resolvedSecondaryColor,
62
+ strokeLinecap: "round",
63
+ strokeLinejoin: "round",
64
+ strokeWidth: "0.75"
65
+ }), /* @__PURE__ */ React.createElement("path", {
66
+ d: "M48.436 30.173L51.891 24.532L52.864 23.405L54.928 24.015L55.364 23.884L52.009 27.311L49.53 29.581L48.204 30.695L48.436 30.173Z",
67
+ fill: resolvedSecondaryColor
68
+ }), /* @__PURE__ */ React.createElement("path", {
69
+ d: "M34.013 21.451L23.202 26.58",
70
+ stroke: "white",
71
+ strokeLinecap: "round",
72
+ strokeLinejoin: "round",
73
+ strokeWidth: "0.75"
74
+ }), /* @__PURE__ */ React.createElement("path", {
75
+ d: "M40.905 22.5L34.013 26.862",
76
+ stroke: "white",
77
+ strokeLinecap: "round",
78
+ strokeLinejoin: "round",
79
+ strokeWidth: "0.75"
80
+ }), /* @__PURE__ */ React.createElement("path", {
81
+ d: "M62.293 28.365L58.253 38.215",
82
+ stroke: "white",
83
+ strokeLinecap: "round",
84
+ strokeLinejoin: "round",
85
+ strokeWidth: "0.75"
86
+ }), /* @__PURE__ */ React.createElement("path", {
87
+ d: "M46.09 40.849C49.703 43.274 44.221 49.374 42.408 50.967",
88
+ stroke: resolvedSecondaryColor,
89
+ strokeLinecap: "round",
90
+ strokeLinejoin: "round",
91
+ strokeWidth: "0.75"
92
+ }), /* @__PURE__ */ React.createElement("path", {
93
+ d: "M47.258 43.6C51.4 45.7 48.418 51.364 46.09 54.2",
94
+ stroke: resolvedSecondaryColor,
95
+ strokeLinecap: "round",
96
+ strokeLinejoin: "round",
97
+ strokeWidth: "0.75"
98
+ }), /* @__PURE__ */ React.createElement("path", {
99
+ d: "M49.023 48.9C54.523 53.376 36.467 72.622 35.159 73.683",
100
+ stroke: resolvedSecondaryColor,
101
+ strokeLinecap: "round",
102
+ strokeLinejoin: "round",
103
+ strokeWidth: "0.75"
104
+ }), /* @__PURE__ */ React.createElement("path", {
105
+ d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
106
+ fill: resolvedSecondaryColor
107
+ }), /* @__PURE__ */ React.createElement("path", {
108
+ d: "M5.177 73.321C7.669 70.98 13.419 62.372 14.7 59.88C28.358 57.763 34.9 69.927 35.159 73.4C32.9025 78.2847 30.3099 83.007 27.4 87.533",
109
+ stroke: resolvedSecondaryColor,
110
+ strokeLinecap: "round",
111
+ strokeLinejoin: "round",
112
+ strokeWidth: "0.75"
113
+ })), /* @__PURE__ */ React.createElement("defs", null));
114
+ };
109
115
  MailSent.displayName = "MailSent";
110
116
  var stdin_default = createBaseComponent(MailSent);
111
117
  export {
@@ -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;